c063 1.4.6 → 1.4.7

package/dist/libs/index.d.ts

@@ -15,5 +15,4 @@ declare const _themeRegistry: {
 };
 export declare const themes: (keyof typeof _themeRegistry)[];
 export declare const themeMap: Record<CodeTheme, Record<CodeTokenType, React.CSSProperties["color"]>>;
-export declare const parsableLanguages: readonly ["javascript"];
 export {};

package/dist/libs/index.js

@@ -28,4 +28,3 @@ const _themeRegistry = {
 export const themes = Object.keys(_themeRegistry);
 // themeMap 保留給外部使用
 export const themeMap = _themeRegistry;
-export const parsableLanguages = ["javascript"];

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-import { parsableLanguages, themes } from "../libs";
+import { themes } from "../libs";
 import { AsComponentProps, OverrideProps } from "./common";
 /**
  * 用於表示語法高亮中每個 token 的語意分類，對應於 `<CodeToken />` 中的 `type`。
@@ -114,4 +114,3 @@ export type CodeBlockProps<T extends React.ElementType> = OverrideProps<React.HT
      */
     theme?: CodeTheme;
 }>;
-export type ParsableLanguage = (typeof parsableLanguages)[number];

package/dist/utils/index.d.ts

@@ -29,4 +29,3 @@ declare const c063: Record<CodeTokenType, CodeTokenBuilder>;
 export declare const whiteSpace: (count?: number) => CodeTokenProps<"span">;
 export declare const extractTokenContent: <T extends React.ElementType>(token: CodeTokenProps<T>) => string;
 export default c063;
-export * from "./parser";

package/dist/utils/index.js

@@ -53,4 +53,3 @@ export const extractTokenContent = (token) => {
     return _extract(token.children);
 };
 export default c063;
-export * from "./parser";

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "c063",
-  "version": "1.4.6",
+  "version": "1.4.7",
   "description": "A React component for displaying code snippets with syntax highlighting.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/libs/index.tsx

@@ -37,5 +37,3 @@ export const themeMap: Record<
   CodeTheme,
   Record<CodeTokenType, React.CSSProperties["color"]>
 > = _themeRegistry;
-
-export const parsableLanguages = ["javascript"] as const;

package/src/types/index.ts

@@ -1,4 +1,4 @@
-import { parsableLanguages, themes } from "../libs";
+import { themes } from "../libs";
 import { AsComponentProps, OverrideProps } from "./common";
 /**
  * 用於表示語法高亮中每個 token 的語意分類，對應於 `<CodeToken />` 中的 `type`。
@@ -143,5 +143,3 @@ export type CodeBlockProps<T extends React.ElementType> = OverrideProps<
     theme?: CodeTheme;
   }
 >;
-
-export type ParsableLanguage = (typeof parsableLanguages)[number];

package/src/utils/index.tsx

@@ -64,5 +64,4 @@ export const extractTokenContent = <T extends React.ElementType>(
   return _extract(token.children);
 };
 
-export default c063;
-export * from "./parser"
+export default c063;

package/src/utils/parser.tsx

@@ -1,103 +0,0 @@
-import { parsableLanguages } from "../libs";
-import {
-  CodeTokenProps,
-  CodeTokenType,
-  ParsableLanguage,
-} from "../types/index";
-
-export const isParsableLanguage = (lang: string): lang is ParsableLanguage => {
-  return parsableLanguages.includes(lang as ParsableLanguage);
-};
-
-const regexMap: Record<
-  ParsableLanguage,
-  { type: CodeTokenType; regex: RegExp }[]
-> = {
-  javascript: [
-    { type: "comment", regex: /^\/\/.*/ },
-    { type: "string", regex: /^(['"])(?:\\.|[^\\])*?\1/ },
-    { type: "number", regex: /^\d+(\.\d+)?/ },
-    {
-      type: "keyword1",
-      regex:
-        /^(?:const|let|var|function|class|interface|type|enum|extends|implements|new|this|super)\b/,
-    },
-    {
-      type: "keyword2",
-      regex:
-        /^(?:return|import|from|for|while|as|await|async|export|if|else|switch|case|break|continue)\b/,
-    },
-    {
-      type: "type",
-      regex: /^(?:string|number|boolean|void|any|unknown|never|Record|Array)\b/,
-    },
-    { type: "operator", regex: /^(===|!==|==|!=|<=|>=|=>|<|>|\+|-|\*|\/|=)/ },
-    { type: "constant", regex: /^[A-Z_][A-Z0-9_]*/ },
-    { type: "variable", regex: /^[a-zA-Z_$][a-zA-Z0-9_$]*/ },
-    { type: "default", regex: /^[:;,.?]/ },
-  ],
-};
-// 解析單行 CodeTokenProps
-const _parseTokenLine = (
-  line: string,
-  lang: ParsableLanguage
-): CodeTokenProps<"span">[] => {
-  if (!isParsableLanguage(lang)) return [];
-
-  const result: CodeTokenProps<"span">[] = [];
-  let remaining = line;
-  let bracketDepth = 0;
-
-  const bracketLevels = { "(": 1, "{": 1, "[": 1, ")": -1, "}": -1, "]": -1 };
-  const bracketRegex = /^[\[\]{}()]/;
-  const rules = regexMap[lang];
-
-  outer: while (remaining.length > 0) {
-    const whitespaceMatch = remaining.match(/^\s+/);
-    if (whitespaceMatch) {
-      result.push({ type: "default", children: whitespaceMatch[0] });
-      remaining = remaining.slice(whitespaceMatch[0].length);
-      continue outer;
-    }
-
-    // 括號處理（根據深度標記 brackets1 / 2 / 3）
-    const bracketMatch = remaining.match(bracketRegex);
-    if (bracketMatch) {
-      const bracket = bracketMatch[0];
-      bracketDepth += bracketLevels[bracket as keyof typeof bracketLevels] || 0;
-      const depth = Math.max(1, Math.min(3, Math.abs(bracketDepth)));
-      result.push({
-        type: `brackets${depth}` as CodeTokenType,
-        children: bracket,
-      });
-      remaining = remaining.slice(1);
-      continue outer;
-    }
-
-    // 用 regexMap 中的每個語法規則嘗試匹配
-    for (const { type, regex } of rules) {
-      const match = remaining.match(regex);
-      if (match) {
-        result.push({ type, children: match[0] });
-        remaining = remaining.slice(match[0].length);
-        continue outer;
-      }
-    }
-
-    // 如果沒有任何規則匹配，就當作 default 一個字元
-    result.push({ type: "default", children: remaining[0] });
-    remaining = remaining.slice(1);
-  }
-
-  return result;
-};
-
-const parseTokenLines = new Proxy(
-  {},
-  {
-    get:
-      (_, prop: ParsableLanguage) =>
-      (content: string): CodeTokenProps<"span">[][] =>
-        content.split("\n").map((line) => _parseTokenLine(line, prop)),
-  }
-) as Record<ParsableLanguage, (content: string) => CodeTokenProps<"span">[][]>;