kandev/apps/web/lib/editor/language-map.ts

/**
 * Unified language mapping for all editor implementations.
 * Maps file extensions to language IDs for Monaco, CodeMirror, and lowlight.
 */

type LanguageIds = {
  monaco: string;
  codemirror: string;
  lowlight: string;
};

const LANGUAGE_MAP: Record<string, LanguageIds> = {
  // JavaScript/TypeScript
  ".js": { monaco: "javascript", codemirror: "javascript", lowlight: "javascript" },
  ".mjs": { monaco: "javascript", codemirror: "javascript", lowlight: "javascript" },
  ".cjs": { monaco: "javascript", codemirror: "javascript", lowlight: "javascript" },
  ".jsx": { monaco: "javascript", codemirror: "jsx", lowlight: "javascript" },
  ".ts": { monaco: "typescript", codemirror: "typescript", lowlight: "typescript" },
  ".mts": { monaco: "typescript", codemirror: "typescript", lowlight: "typescript" },
  ".cts": { monaco: "typescript", codemirror: "typescript", lowlight: "typescript" },
  ".tsx": { monaco: "typescript", codemirror: "tsx", lowlight: "typescript" },

  // Python
  ".py": { monaco: "python", codemirror: "python", lowlight: "python" },
  ".pyw": { monaco: "python", codemirror: "python", lowlight: "python" },
  ".pyi": { monaco: "python", codemirror: "python", lowlight: "python" },

  // Go
  ".go": { monaco: "go", codemirror: "go", lowlight: "go" },

  // Rust
  ".rs": { monaco: "rust", codemirror: "rust", lowlight: "rust" },

  // Ruby
  ".rb": { monaco: "ruby", codemirror: "ruby", lowlight: "ruby" },
  ".erb": { monaco: "ruby", codemirror: "ruby", lowlight: "erb" },

  // Java/JVM
  ".java": { monaco: "java", codemirror: "java", lowlight: "java" },
  ".kt": { monaco: "kotlin", codemirror: "kotlin", lowlight: "kotlin" },
  ".kts": { monaco: "kotlin", codemirror: "kotlin", lowlight: "kotlin" },
  ".scala": { monaco: "scala", codemirror: "scala", lowlight: "scala" },
  ".groovy": { monaco: "groovy", codemirror: "groovy", lowlight: "groovy" },

  // Swift
  ".swift": { monaco: "swift", codemirror: "swift", lowlight: "swift" },

  // C/C++
  ".c": { monaco: "c", codemirror: "cpp", lowlight: "c" },
  ".h": { monaco: "c", codemirror: "cpp", lowlight: "c" },
  ".cpp": { monaco: "cpp", codemirror: "cpp", lowlight: "cpp" },
  ".cc": { monaco: "cpp", codemirror: "cpp", lowlight: "cpp" },
  ".cxx": { monaco: "cpp", codemirror: "cpp", lowlight: "cpp" },
  ".hpp": { monaco: "cpp", codemirror: "cpp", lowlight: "cpp" },
  ".hxx": { monaco: "cpp", codemirror: "cpp", lowlight: "cpp" },

  // C#
  ".cs": { monaco: "csharp", codemirror: "csharp", lowlight: "csharp" },

  // PHP
  ".php": { monaco: "php", codemirror: "php", lowlight: "php" },

  // Web
  ".html": { monaco: "html", codemirror: "html", lowlight: "xml" },
  ".htm": { monaco: "html", codemirror: "html", lowlight: "xml" },
  ".css": { monaco: "css", codemirror: "css", lowlight: "css" },
  ".scss": { monaco: "scss", codemirror: "css", lowlight: "scss" },
  ".sass": { monaco: "scss", codemirror: "css", lowlight: "scss" },
  ".less": { monaco: "less", codemirror: "css", lowlight: "less" },

  // Data formats
  ".json": { monaco: "json", codemirror: "json", lowlight: "json" },
  ".jsonc": { monaco: "json", codemirror: "json", lowlight: "json" },
  ".yaml": { monaco: "yaml", codemirror: "yaml", lowlight: "yaml" },
  ".yml": { monaco: "yaml", codemirror: "yaml", lowlight: "yaml" },
  ".xml": { monaco: "xml", codemirror: "html", lowlight: "xml" },
  ".toml": { monaco: "ini", codemirror: "toml", lowlight: "ini" },
  ".ini": { monaco: "ini", codemirror: "ini", lowlight: "ini" },
  ".env": { monaco: "ini", codemirror: "properties", lowlight: "ini" },

  // Markup
  ".md": { monaco: "markdown", codemirror: "markdown", lowlight: "markdown" },
  ".mdx": { monaco: "markdown", codemirror: "markdown", lowlight: "markdown" },

  // Shell
  ".sh": { monaco: "shell", codemirror: "bash", lowlight: "bash" },
  ".bash": { monaco: "shell", codemirror: "bash", lowlight: "bash" },
  ".zsh": { monaco: "shell", codemirror: "bash", lowlight: "bash" },
  ".fish": { monaco: "shell", codemirror: "fish", lowlight: "bash" },

  // SQL
  ".sql": { monaco: "sql", codemirror: "sql", lowlight: "sql" },

  // Docker
  ".dockerfile": { monaco: "dockerfile", codemirror: "dockerfile", lowlight: "dockerfile" },

  // GraphQL
  ".graphql": { monaco: "graphql", codemirror: "graphql", lowlight: "graphql" },
  ".gql": { monaco: "graphql", codemirror: "graphql", lowlight: "graphql" },

  // Vue/Svelte
  ".vue": { monaco: "html", codemirror: "vue", lowlight: "xml" },
  ".svelte": { monaco: "html", codemirror: "svelte", lowlight: "xml" },
};

/**
 * Language name aliases (used when a language string is provided instead of file ext).
 * Maps common language names to Monaco language IDs.
 */
const LANGUAGE_ALIASES: Record<string, string> = {
  javascript: "javascript",
  js: "javascript",
  jsx: "javascript",
  typescript: "typescript",
  ts: "typescript",
  tsx: "typescript",
  python: "python",
  py: "python",
  go: "go",
  golang: "go",
  rust: "rust",
  rs: "rust",
  java: "java",
  kotlin: "kotlin",
  scala: "scala",
  swift: "swift",
  c: "c",
  cpp: "cpp",
  "c++": "cpp",
  csharp: "csharp",
  "c#": "csharp",
  php: "php",
  ruby: "ruby",
  rb: "ruby",
  html: "html",
  css: "css",
  scss: "scss",
  less: "less",
  json: "json",
  yaml: "yaml",
  yml: "yaml",
  xml: "xml",
  markdown: "markdown",
  md: "markdown",
  bash: "shell",
  shell: "shell",
  sh: "shell",
  zsh: "shell",
  sql: "sql",
  dockerfile: "dockerfile",
  graphql: "graphql",
  plaintext: "plaintext",
  text: "plaintext",
};

function getExtension(filePath: string): string {
  const lastSlash = filePath.lastIndexOf("/");
  const name = lastSlash >= 0 ? filePath.slice(lastSlash + 1) : filePath;

  // Handle Dockerfile (no extension)
  if (name.toLowerCase() === "dockerfile") return ".dockerfile";

  const dot = name.lastIndexOf(".");
  if (dot === -1) return "";
  return name.slice(dot).toLowerCase();
}

export function getMonacoLanguage(filePath: string): string {
  const ext = getExtension(filePath);
  return LANGUAGE_MAP[ext]?.monaco ?? "plaintext";
}

export function getMonacoLanguageFromName(language: string): string {
  return LANGUAGE_ALIASES[language.toLowerCase()] ?? "plaintext";
}

export function getLowlightLanguage(filePath: string): string {
  const ext = getExtension(filePath);
  return LANGUAGE_MAP[ext]?.lowlight ?? "plaintext";
}

export function getLowlightLanguageFromName(language: string): string {
  // For lowlight, the language name is typically the same
  const lower = language.toLowerCase();
  // Try to find via alias → then look it up in the map values
  const monacoLang = LANGUAGE_ALIASES[lower];
  if (!monacoLang) return lower;

  // Find a matching entry in the map
  for (const ids of Object.values(LANGUAGE_MAP)) {
    if (ids.monaco === monacoLang) return ids.lowlight;
  }
  return lower;
}