chore: tweak

This commit is contained in:
pengzhanbo 2024-09-23 07:27:48 +08:00
parent a1a30e70b1
commit f2213f807b
7 changed files with 136 additions and 103 deletions

View File

@ -1,10 +1,10 @@
<script setup lang="ts">
import { defineAsyncComponent, shallowRef } from 'vue'
import { useCodeRepl } from '../composables/codeRepl.js'
import IconClose from './IconClose.vue'
import IconConsole from './IconConsole.vue'
import IconRun from './IconRun.vue'
import Loading from './Loading.vue'
import IconClose from './icons/IconClose.vue'
import IconConsole from './icons/IconConsole.vue'
import IconRun from './icons/IconRun.vue'
import Loading from './icons/Loading.vue'
defineProps<{
editable?: boolean

View File

@ -1,7 +1,7 @@
<script setup lang="ts">
import type { ReplitTokenMeta } from '../../shared/index.js'
import { computed, getCurrentInstance, ref } from 'vue'
import Loading from './Loading.vue'
import Loading from './icons/Loading.vue'
const props = defineProps<ReplitTokenMeta>()

View File

@ -12,111 +12,144 @@ export const defaultFile = 'vscode-icons:default-file'
export const definitions: Definitions = {
named: {
// package manager
pnpm: 'vscode-icons:file-type-light-pnpm',
PNPM: 'vscode-icons:file-type-light-pnpm',
npm: 'vscode-icons:file-type-npm',
NPM: 'vscode-icons:file-type-npm',
yarn: 'vscode-icons:file-type-yarn',
Yarn: 'vscode-icons:file-type-yarn',
bun: 'vscode-icons:file-type-bun',
Bun: 'vscode-icons:file-type-bun',
deno: 'vscode-icons:file-type-light-deno',
Deno: 'vscode-icons:file-type-light-deno',
'pnpm': 'vscode-icons:file-type-light-pnpm',
'PNPM': 'vscode-icons:file-type-light-pnpm',
'npm': 'vscode-icons:file-type-npm',
'NPM': 'vscode-icons:file-type-npm',
'yarn': 'vscode-icons:file-type-yarn',
'Yarn': 'vscode-icons:file-type-yarn',
'bun': 'vscode-icons:file-type-bun',
'Bun': 'vscode-icons:file-type-bun',
'deno': 'vscode-icons:file-type-light-deno',
'Deno': 'vscode-icons:file-type-light-deno',
// bundlers
rollup: 'vscode-icons:file-type-rollup',
Rollup: 'vscode-icons:file-type-rollup',
webpack: 'vscode-icons:file-type-webpack',
Webpack: 'vscode-icons:file-type-webpack',
vite: 'vscode-icons:file-type-vite',
Vite: 'vscode-icons:file-type-vite',
esbuild: 'vscode-icons:file-type-esbuild',
Esbuild: 'vscode-icons:file-type-esbuild',
'rollup': 'vscode-icons:file-type-rollup',
'Rollup': 'vscode-icons:file-type-rollup',
'webpack': 'vscode-icons:file-type-webpack',
'Webpack': 'vscode-icons:file-type-webpack',
'vite': 'vscode-icons:file-type-vite',
'Vite': 'vscode-icons:file-type-vite',
'esbuild': 'vscode-icons:file-type-esbuild',
'Esbuild': 'vscode-icons:file-type-esbuild',
// frameworks
vue: 'vscode-icons:file-type-vue',
Vue: 'vscode-icons:file-type-vue',
svelte: 'vscode-icons:file-type-svelte',
sveltekit: 'vscode-icons:file-type-svelte',
angular: 'vscode-icons:file-type-angular',
Angular: 'vscode-icons:file-type-angular',
react: 'vscode-icons:file-type-reactjs',
React: 'vscode-icons:file-type-reactjs',
next: 'vscode-icons:file-type-light-next',
Next: 'vscode-icons:file-type-light-next',
Nextjs: 'vscode-icons:file-type-light-next',
NextJS: 'vscode-icons:file-type-light-next',
nuxt: 'vscode-icons:file-type-nuxt',
Nuxt: 'vscode-icons:file-type-nuxt',
Nuxtjs: 'vscode-icons:file-type-nuxt',
NuxtJS: 'vscode-icons:file-type-nuxt',
solid: 'logos:solidjs-icon',
Solid: 'logos:solidjs-icon',
solidjs: 'logos:solidjs-icon',
astro: 'vscode-icons:file-type-light-astro',
Astro: 'vscode-icons:file-type-light-astro',
'vue': 'vscode-icons:file-type-vue',
'Vue': 'vscode-icons:file-type-vue',
'svelte': 'vscode-icons:file-type-svelte',
'sveltekit': 'vscode-icons:file-type-svelte',
'angular': 'vscode-icons:file-type-angular',
'Angular': 'vscode-icons:file-type-angular',
'react': 'vscode-icons:file-type-reactjs',
'React': 'vscode-icons:file-type-reactjs',
'next': 'vscode-icons:file-type-light-next',
'Next': 'vscode-icons:file-type-light-next',
'Nextjs': 'vscode-icons:file-type-light-next',
'NextJS': 'vscode-icons:file-type-light-next',
'nuxt': 'vscode-icons:file-type-nuxt',
'Nuxt': 'vscode-icons:file-type-nuxt',
'Nuxtjs': 'vscode-icons:file-type-nuxt',
'NuxtJS': 'vscode-icons:file-type-nuxt',
'solid': 'logos:solidjs-icon',
'Solid': 'logos:solidjs-icon',
'solidjs': 'logos:solidjs-icon',
'astro': 'vscode-icons:file-type-light-astro',
'Astro': 'vscode-icons:file-type-light-astro',
vitest: 'vscode-icons:file-type-vitest',
Vitest: 'vscode-icons:file-type-vitest',
playwright: 'vscode-icons:file-type-playwright',
Playwright: 'vscode-icons:file-type-playwright',
jest: 'vscode-icons:file-type-jest',
Jest: 'vscode-icons:file-type-jest',
cypress: 'vscode-icons:file-type-cypress',
Cypress: 'vscode-icons:file-type-cypress',
'vitest': 'vscode-icons:file-type-vitest',
'Vitest': 'vscode-icons:file-type-vitest',
'playwright': 'vscode-icons:file-type-playwright',
'Playwright': 'vscode-icons:file-type-playwright',
'jest': 'vscode-icons:file-type-jest',
'Jest': 'vscode-icons:file-type-jest',
'cypress': 'vscode-icons:file-type-cypress',
'Cypress': 'vscode-icons:file-type-cypress',
docker: 'vscode-icons:file-type-docker',
Docker: 'vscode-icons:file-type-docker',
'docker': 'vscode-icons:file-type-docker',
'Docker': 'vscode-icons:file-type-docker',
// TODO: code group title icons
// programming languages
html: 'vscode-icons:file-type-html',
Html: 'vscode-icons:file-type-html',
HTML: 'vscode-icons:file-type-html',
javascript: 'vscode-icons:file-type-js-official',
Javascript: 'vscode-icons:file-type-js-official',
JavaScript: 'vscode-icons:file-type-js-official',
js: 'vscode-icons:file-type-js-official',
JS: 'vscode-icons:file-type-js-official',
typescript: 'vscode-icons:file-type-typescript-official',
Typescript: 'vscode-icons:file-type-typescript-official',
TypeScript: 'vscode-icons:file-type-typescript-official',
ts: 'vscode-icons:file-type-typescript-official',
TS: 'vscode-icons:file-type-typescript-official',
css: 'vscode-icons:file-type-css',
CSS: 'vscode-icons:file-type-css',
less: 'vscode-icons:file-type-less',
Less: 'vscode-icons:file-type-less',
scss: 'vscode-icons:file-type-scss',
Scss: 'vscode-icons:file-type-scss',
SCSS: 'vscode-icons:file-type-scss',
sass: 'vscode-icons:file-type-sass',
Sass: 'vscode-icons:file-type-sass',
SASS: 'vscode-icons:file-type-sass',
stylus: 'vscode-icons:file-type-light-stylus',
Stylus: 'vscode-icons:file-type-light-stylus',
postcss: 'vscode-icons:file-type-postcss',
Postcss: 'vscode-icons:file-type-postcss',
PostCSS: 'vscode-icons:file-type-postcss',
java: 'vscode-icons:file-type-java',
Java: 'vscode-icons:file-type-java',
JAVA: 'vscode-icons:file-type-java',
php: 'vscode-icons:file-type-php3',
PHP: 'vscode-icons:file-type-php3',
c: 'vscode-icons:file-type-c',
C: 'vscode-icons:file-type-c',
python: 'vscode-icons:file-type-python',
Python: 'vscode-icons:file-type-python',
kotlin: 'vscode-icons:file-type-kotlin',
Kotlin: 'vscode-icons:file-type-kotlin',
go: 'vscode-icons:file-type-go-gopher',
golang: 'vscode-icons:file-type-go-gopher',
Go: 'vscode-icons:file-type-go-gopher',
GoLang: 'vscode-icons:file-type-go-gopher',
rust: 'vscode-icons:file-type-rust',
Rust: 'vscode-icons:file-type-rust',
zig: 'vscode-icons:file-type-zig',
Zig: 'vscode-icons:file-type-zig',
swift: 'vscode-icons:file-type-swift',
Swift: 'vscode-icons:file-type-swift',
'html': 'vscode-icons:file-type-html',
'Html': 'vscode-icons:file-type-html',
'HTML': 'vscode-icons:file-type-html',
'javascript': 'vscode-icons:file-type-js-official',
'Javascript': 'vscode-icons:file-type-js-official',
'JavaScript': 'vscode-icons:file-type-js-official',
'js': 'vscode-icons:file-type-js-official',
'JS': 'vscode-icons:file-type-js-official',
'typescript': 'vscode-icons:file-type-typescript-official',
'Typescript': 'vscode-icons:file-type-typescript-official',
'TypeScript': 'vscode-icons:file-type-typescript-official',
'ts': 'vscode-icons:file-type-typescript-official',
'TS': 'vscode-icons:file-type-typescript-official',
'css': 'vscode-icons:file-type-css',
'CSS': 'vscode-icons:file-type-css',
'less': 'vscode-icons:file-type-less',
'Less': 'vscode-icons:file-type-less',
'scss': 'vscode-icons:file-type-scss',
'Scss': 'vscode-icons:file-type-scss',
'SCSS': 'vscode-icons:file-type-scss',
'sass': 'vscode-icons:file-type-sass',
'Sass': 'vscode-icons:file-type-sass',
'SASS': 'vscode-icons:file-type-sass',
'stylus': 'vscode-icons:file-type-light-stylus',
'Stylus': 'vscode-icons:file-type-light-stylus',
'postcss': 'vscode-icons:file-type-postcss',
'Postcss': 'vscode-icons:file-type-postcss',
'PostCSS': 'vscode-icons:file-type-postcss',
'sh': 'vscode-icons:file-type-shell',
'shell': 'vscode-icons:file-type-shell',
'Shell': 'vscode-icons:file-type-shell',
'bash': 'vscode-icons:file-type-shell',
'Bash': 'vscode-icons:file-type-shell',
'java': 'vscode-icons:file-type-java',
'Java': 'vscode-icons:file-type-java',
'JAVA': 'vscode-icons:file-type-java',
'php': 'vscode-icons:file-type-php3',
'PHP': 'vscode-icons:file-type-php3',
'c': 'vscode-icons:file-type-c',
'C': 'vscode-icons:file-type-c',
'python': 'vscode-icons:file-type-python',
'Python': 'vscode-icons:file-type-python',
'kotlin': 'vscode-icons:file-type-kotlin',
'Kotlin': 'vscode-icons:file-type-kotlin',
'go': 'vscode-icons:file-type-go-gopher',
'golang': 'vscode-icons:file-type-go-gopher',
'Go': 'vscode-icons:file-type-go-gopher',
'GoLang': 'vscode-icons:file-type-go-gopher',
'rust': 'vscode-icons:file-type-rust',
'Rust': 'vscode-icons:file-type-rust',
'zig': 'vscode-icons:file-type-zig',
'Zig': 'vscode-icons:file-type-zig',
'swift': 'vscode-icons:file-type-swift',
'Swift': 'vscode-icons:file-type-swift',
'c++': 'vscode-icons:file-type-csharp',
'C++': 'vscode-icons:file-type-csharp',
'ruby': 'vscode-icons:file-type-ruby',
'Ruby': 'vscode-icons:file-type-ruby',
'makefile': 'vscode-icons:file-type-makefile',
'Makefile': 'vscode-icons:file-type-makefile',
'Object-C': 'vscode-icons:file-type-objectivec',
'object-c': 'vscode-icons:file-type-objectivec',
'SQL': 'vscode-icons:file-type-sql',
'sql': 'vscode-icons:file-type-sql',
'mysql': 'vscode-icons:file-type-mysql',
'MySQL': 'vscode-icons:file-type-mysql',
'MySql': 'vscode-icons:file-type-mysql',
'pgsql': 'vscode-icons:file-type-pgsql',
'PostgreSQL': 'vscode-icons:file-type-pgsql',
'PGSQL': 'vscode-icons:file-type-pgsql',
'xml': 'vscode-icons:file-type-xml',
'XML': 'vscode-icons:file-type-xml',
'wasm': 'vscode-icons:file-type-wasm',
'webassembly': 'vscode-icons:file-type-wasm',
'WebAssembly': 'vscode-icons:file-type-wasm',
'WASM': 'vscode-icons:file-type-wasm',
'toml': 'vscode-icons:file-type-light-toml',
'Toml': 'vscode-icons:file-type-light-toml',
'TOML': 'vscode-icons:file-type-light-toml',
'yaml': 'vscode-icons:file-type-light-yaml',
'Yaml': 'vscode-icons:file-type-light-yaml',
'YAML': 'vscode-icons:file-type-light-yaml',
},
folders: {
'default': 'vscode-icons:default-folder',