GitCodeViewer/frontend/alias.mjs at main · ada87/GitCodeViewer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
const aliasMap = new Map([
  ['cts', 'typescript'],
  ['ets', 'typescript'],
  ['mts', 'typescript'],
  ['json5', 'json'],
  ['jsonc', 'json'],
  ['liquid', 'html'],
])

const packageMap = new Map([
  ['typescript', '@codemirror/lang-javascript'],
  ['json', '@codemirror/lang-json'],
  ['html', '@codemirror/lang-html'],
  ['jinja', '@codemirror/legacy-modes'],
  ['toml', '@codemirror/legacy-modes'],
])

export function normalizeExtension(ext) {
  const clean = String(ext || '').trim().toLowerCase().replace(/^\./, '')
  return aliasMap.get(clean) ?? clean
}

export function buildLanguageDescriptor(ext) {
  const language = normalizeExtension(ext)
  return {
    ext,
    language,
    packageName: packageMap.get(language) ?? '@codemirror/legacy-modes',
    isAlias: language !== ext,
  }
}

export function toTitleBadge(file, viewport = 'phone') {
  return {
    label: viewport === 'phone' ? file.name : file.language,
    tone: viewport === 'phone' ? 'soft-accent' : 'neutral',
    underline: viewport === 'phone',
  }
}

export function buildPreviewState(file, viewport = 'phone') {
  const descriptor = buildLanguageDescriptor(file.ext)
  return {
    id: file.id,
    title: file.name,
    language: descriptor.language,
    packageName: descriptor.packageName,
    showMobileTitleHint: viewport === 'phone',
    enableFoldGutter: !file.legacyWithoutFold,
    badge: toTitleBadge({ ...file, language: descriptor.language }, viewport),
    lastOpenedAt: file.lastOpenedAt,
  }
}

export function createFixtureIndex(files) {
  return files.map((file) => buildPreviewState(file)).sort((a, b) => {
    if (a.language === b.language) {
      return a.title.localeCompare(b.title)
    }
    return a.language.localeCompare(b.language)
  })
}

export function summarizePackages(index) {
  const counts = new Map()
  for (const item of index) {
    counts.set(item.packageName, (counts.get(item.packageName) ?? 0) + 1)
  }
  return [...counts.entries()].map(([packageName, count]) => ({ packageName, count }))
}

export function findLegacyWithoutFold(index) {
  return index.filter((item) => item.packageName === '@codemirror/legacy-modes' && !item.enableFoldGutter)
}

export const demoFiles = [
  { id: 'f1', name: 'Sample_typescript_ets.ets', ext: 'ets', lastOpenedAt: '2026-03-09T09:30:00Z', legacyWithoutFold: false },
  { id: 'f2', name: 'Sample_json_json5.json5', ext: 'json5', lastOpenedAt: '2026-03-09T09:32:00Z', legacyWithoutFold: false },
  { id: 'f3', name: 'Sample_jinja_jinja2.jinja2', ext: 'jinja2', lastOpenedAt: '2026-03-09T09:36:00Z', legacyWithoutFold: true },
  { id: 'f4', name: 'Sample_markdown_mdx.mdx', ext: 'mdx', lastOpenedAt: '2026-03-09T09:38:00Z', legacyWithoutFold: false },
  { id: 'f5', name: 'Sample_mermaid_mmd.mmd', ext: 'mmd', lastOpenedAt: '2026-03-09T09:41:00Z', legacyWithoutFold: true },
  { id: 'f6', name: 'Sample_xml_csproj.csproj', ext: 'csproj', lastOpenedAt: '2026-03-09T09:44:00Z', legacyWithoutFold: true },
]

const preview = createFixtureIndex(demoFiles)
const packageSummary = summarizePackages(preview)
const plainLegacy = findLegacyWithoutFold(preview)

for (const item of preview) {
  console.log(`${item.language.padEnd(12)} ${item.enableFoldGutter ? 'fold' : 'plain'} ${item.title}`)
}

console.log('packages', packageSummary)
console.log('legacy-without-fold', plainLegacy.map((item) => item.title))