@huyooo/file-explorer-frontend-vue 0.4.2

package/src/utils/folderTypeIcon.ts

@@ -0,0 +1,132 @@
+/**
+ * 文件夹图标映射（基于 material-icon-theme.json）
+ *
+ * 原理：
+ * 1. KNOWN_TYPES：从 material-icon-theme.json 提取的所有 folder-{type} 类型
+ * 2. ALIASES：常见变体映射到标准名
+ * 3. 逻辑：目录名小写 → 查别名 → 查白名单 → 命中则返回 material-icon-theme:folder-{type}
+ */
+
+// 从 material-icon-theme.json 提取的所有 folder-* 类型（去掉 folder- 前缀和 -open 后缀）
+const KNOWN_TYPES = new Set([
+  'admin', 'android', 'angular', 'animation', 'ansible', 'api', 'apollo', 'app',
+  'archive', 'astro', 'atom', 'attachment', 'audio', 'aurelia', 'aws',
+  'azure-pipelines', 'backup', 'base', 'batch', 'benchmark', 'bibliography',
+  'bicep', 'blender', 'bloc', 'bower', 'buildkite', 'cart', 'changesets', 'ci',
+  'circleci', 'class', 'claude', 'client', 'cline', 'cloud-functions', 'cloudflare',
+  'cluster', 'cobol', 'command', 'components', 'config', 'connection', 'console',
+  'constant', 'container', 'content', 'context', 'contract', 'controller', 'core',
+  'coverage', 'css', 'cue', 'cursor', 'custom', 'cypress', 'dal', 'dart', 'database',
+  'debug', 'decorators', 'delta', 'desktop', 'directive', 'dist', 'docker', 'docs',
+  'download', 'drizzle', 'dump', 'element', 'enum', 'environment', 'error', 'eslint',
+  'event', 'examples', 'expo', 'export', 'fastlane', 'favicon', 'features', 'filter',
+  'firebase', 'firestore', 'flow', 'flutter', 'font', 'forgejo', 'functions',
+  'gamemaker', 'generator', 'gh-workflows', 'git', 'gitea', 'github', 'gitlab',
+  'global', 'godot', 'gradle', 'graphql', 'guard', 'gulp', 'helm', 'helper', 'home',
+  'hook', 'husky', 'i18n', 'images', 'import', 'include', 'input', 'intellij',
+  'interceptor', 'interface', 'ios', 'java', 'javascript', 'jinja', 'job', 'json',
+  'jupyter', 'keys', 'kubernetes', 'kusto', 'layout', 'lefthook', 'less', 'lib',
+  'license', 'link', 'linux', 'liquibase', 'log', 'lottie', 'lua', 'luau', 'macos',
+  'mail', 'mappings', 'markdown', 'mercurial', 'messages', 'meta', 'metro',
+  'middleware', 'migrations', 'mjml', 'mobile', 'mock', 'mojo', 'molecule', 'moon',
+  'netlify', 'next', 'ngrx-store', 'node', 'nuxt', 'obsidian', 'organism', 'other',
+  'packages', 'pdf', 'pdm', 'php', 'phpmailer', 'pipe', 'plastic', 'plugin', 'policy',
+  'powershell', 'prisma', 'private', 'project', 'prompts', 'proto', 'public', 'python',
+  'pytorch', 'quasar', 'queue', 'react-components', 'redux-reducer', 'repository',
+  'resolver', 'resource', 'review', 'robot', 'routes', 'rules', 'rust', 'salt',
+  'sandbox', 'sass', 'scala', 'scons', 'scripts', 'secure', 'seeders', 'server',
+  'serverless', 'shader', 'shared', 'simulations', 'snapcraft', 'snippet', 'src',
+  'src-tauri', 'stack', 'stencil', 'store', 'storybook', 'stylus', 'sublime',
+  'supabase', 'svelte', 'svg', 'syntax', 'target', 'taskfile', 'tasks', 'television',
+  'temp', 'template', 'terraform', 'test', 'theme', 'toc', 'tools', 'trash', 'trigger',
+  'turborepo', 'typescript', 'ui', 'unity', 'update', 'upload', 'utils', 'vercel',
+  'verdaccio', 'video', 'views', 'vm', 'vscode', 'vue', 'vue-directives', 'vuepress',
+  'vuex-store', 'wakatime', 'webpack', 'windows', 'wordpress', 'yarn', 'zeabur',
+]);
+
+// 别名映射
+const ALIASES: Record<string, string> = {
+  // 复数/变体
+  'tests': 'test', '__tests__': 'test', '__test__': 'test', 'spec': 'test', 'specs': 'test',
+  'script': 'scripts',
+  'configs': 'config', 'configuration': 'config', 'configurations': 'config',
+  'route': 'routes', 'routing': 'routes',
+  'stories': 'storybook', 'story': 'storybook',
+  'templates': 'template',
+  'themes': 'theme',
+  'videos': 'video',
+  'imgs': 'images', 'img': 'images', 'image': 'images',
+  'fonts': 'font',
+  'styles': 'css', 'style': 'css', 'styling': 'css', 'stylesheets': 'css',
+  'view': 'views', 'pages': 'views', 'page': 'views',
+  'layouts': 'layout',
+  'models': 'database', 'model': 'database',
+  'modules': 'lib', 'module': 'lib', 'mods': 'lib',
+  'plugins': 'plugin', 'addons': 'plugin', 'extensions': 'plugin',
+  'middlewares': 'middleware',
+  'helpers': 'helper', 'utilities': 'utils', 'util': 'utils',
+  'tool': 'tools', 'tooling': 'tools',
+  'resources': 'resource', 'res': 'resource', 'assets': 'resource', 'asset': 'resource',
+  'hooks': 'hook', 'composables': 'hook',
+  'mocks': 'mock', '__mocks__': 'mock', 'fixtures': 'mock', '__fixtures__': 'mock',
+  'logs': 'log',
+  'uploads': 'upload',
+  'function': 'functions', 'func': 'functions', 'fns': 'functions',
+  'services': 'server', 'service': 'server',
+  'component': 'components', 'comp': 'components', 'comps': 'components',
+  'controllers': 'controller',
+  // 常见变体
+  'source': 'src', 'sources': 'src',
+  'distribution': 'dist', 'build': 'dist', 'builds': 'dist', 'out': 'dist', 'output': 'dist',
+  'documentation': 'docs', 'doc': 'docs', 'document': 'docs', 'documents': 'docs',
+  'static': 'public', 'statics': 'public', 'publics': 'public',
+  'libs': 'lib', 'library': 'lib', 'vendor': 'lib', 'vendors': 'lib',
+  'bin': 'scripts', 'binaries': 'scripts',
+  'tmp': 'temp', 'temporary': 'temp', 'cache': 'temp', 'caches': 'temp', '.cache': 'temp', '.turbo': 'temp',
+  'types': 'typescript', '@types': 'typescript', 'typings': 'typescript', 'dts': 'typescript',
+  'locales': 'i18n', 'locale': 'i18n', 'lang': 'i18n', 'languages': 'i18n', 'translations': 'i18n',
+  'db': 'database', 'databases': 'database', 'sql': 'database', 'queries': 'database',
+  'migration': 'migrations', 'seeds': 'seeders', 'seed': 'seeders',
+  // 技术栈
+  '.vscode': 'vscode',
+  '.github': 'github',
+  '.gitlab': 'gitlab',
+  '.circleci': 'circleci',
+  '.husky': 'husky',
+  '.docker': 'docker',
+  'node_modules': 'node',
+  'scss': 'sass',
+  'renderer': 'client', 'frontend': 'client', 'web': 'client', 'webapp': 'client', 'website': 'client',
+  'backend': 'server', 'main': 'server',
+  'preload': 'scripts',
+  '.idea': 'intellij',
+  '.git': 'git',
+  'k8s': 'kubernetes', 'kube': 'kubernetes',
+  'mongo': 'database', 'mongodb': 'database', 'mysql': 'database', 'postgres': 'database',
+  'api': 'api', 'apis': 'api',
+  'interfaces': 'interface',
+  'notebook': 'jupyter', 'notebooks': 'jupyter', 'ipynb': 'jupyter',
+  'notification': 'messages', 'notifications': 'messages',
+  'env': 'environment', 'envs': 'environment',
+  'redux': 'redux-reducer', 'store': 'store', 'stores': 'store',
+  'electron': 'desktop',
+  'tauri': 'src-tauri',
+};
+
+/**
+ * 根据文件夹名称获取对应的 material-icon-theme 图标名
+ * @returns 图标名 或 undefined（让上层兜底默认图标）
+ */
+export function getFolderTypeIcon(folderName: string): string | undefined {
+  const name = (folderName || '').trim();
+  if (!name) return undefined;
+
+  const lower = name.replace(/[\\/]+$/, '').toLowerCase();
+  const standardName = ALIASES[lower] ?? lower;
+
+  if (KNOWN_TYPES.has(standardName)) {
+    return `material-icon-theme:folder-${standardName}`;
+  }
+
+  return undefined;
+}