c063 1.4.5 → 1.4.7

package/dist/index.d.ts

@@ -1,5 +1,5 @@
+import c063 from "./utils";
 export * from "./types";
 export * from "./components";
-import c063, { whiteSpace, extractTokenContent } from "./utils";
+export * from "./utils";
 export default c063;
-export { whiteSpace, extractTokenContent };

package/dist/index.js

@@ -1,5 +1,5 @@
+import c063 from "./utils";
 export * from "./types";
 export * from "./components";
-import c063, { whiteSpace, extractTokenContent } from "./utils";
+export * from "./utils";
 export default c063;
-export { whiteSpace, extractTokenContent };

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/parser.d.ts

@@ -1 +1,2 @@
-export {};
+import { ParsableLanguage } from "../types/index";
+export declare const isParsableLanguage: (lang: string) => lang is ParsableLanguage;

package/dist/utils/parser.js

@@ -1,5 +1,5 @@
 import { parsableLanguages } from "../libs";
-const isParsableLanguage = (lang) => {
+export const isParsableLanguage = (lang) => {
     return parsableLanguages.includes(lang);
 };
 const regexMap = {
@@ -25,7 +25,6 @@ const regexMap = {
         { type: "default", regex: /^[:;,.?]/ },
     ],
 };
-const bracketLevels = { "(": 1, "{": 1, "[": 1, ")": -1, "}": -1, "]": -1 };
 // 解析單行 CodeTokenProps
 const _parseTokenLine = (line, lang) => {
     if (!isParsableLanguage(lang))

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "c063",
-  "version": "1.4.5",
+  "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/index.ts

@@ -1,6 +1,6 @@
+import c063 from "./utils";
+
 export * from "./types";
 export * from "./components";
-
-import c063, { whiteSpace, extractTokenContent } from "./utils";
-export default c063;
-export { whiteSpace, extractTokenContent };
+export * from "./utils";
+export default c063

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

@@ -1,5 +1,7 @@
 import React from "react";
 import { CodeTokenBuilder, CodeTokenProps, CodeTokenType } from "../types";
+
+
 /**
  * 語法 token 的建構器集合，每個 key 對應一種語法類型（如 `keyword-blue`, `string`, `comment` 等），
  * 透過 Proxy 生成對應的 `CodeTokenBuilder`。
@@ -62,4 +64,4 @@ export const extractTokenContent = <T extends React.ElementType>(
   return _extract(token.children);
 };
 
-export default c063;
+export default c063;

package/src/utils/parser.tsx

@@ -1,104 +0,0 @@
-import { parsableLanguages } from "../libs";
-import {
-  CodeTokenProps,
-  CodeTokenType,
-  ParsableLanguage,
-} from "../types/index";
-
-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: /^[:;,.?]/ },
-  ],
-};
-const bracketLevels = { "(": 1, "{": 1, "[": 1, ")": -1, "}": -1, "]": -1 };
-// 解析單行 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">[][]>;