c063 1.4.3 → 1.4.4

package/dist/index.d.ts

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

package/dist/index.js

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

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { CodeTokenBuilder, CodeTokenProps, CodeTokenType } from "../types";
 /**
  * 語法 token 的建構器集合，每個 key 對應一種語法類型（如 `keyword-blue`, `string`, `comment` 等），
@@ -26,4 +27,5 @@ declare const c063: Record<CodeTokenType, CodeTokenBuilder>;
  * tokens.push(whiteSpace(2)); // -> { type: "default", children: "  " }
  */
 export declare const whiteSpace: (count?: number) => CodeTokenProps<"span">;
+export declare const extractTokenContent: <T extends React.ElementType>(token: CodeTokenProps<T>) => string;
 export default c063;

package/dist/utils/index.js

@@ -1,3 +1,4 @@
+import React from "react";
 /**
  * 語法 token 的建構器集合，每個 key 對應一種語法類型（如 `keyword-blue`, `string`, `comment` 等），
  * 透過 Proxy 生成對應的 `CodeTokenBuilder`。
@@ -36,4 +37,19 @@ const c063 = new Proxy({}, {
  * tokens.push(whiteSpace(2)); // -> { type: "default", children: "  " }
  */
 export const whiteSpace = (count = 1) => c063.default(" ".repeat(count));
+export const extractTokenContent = (token) => {
+    const _extract = (children) => {
+        if (typeof children === "string")
+            return children;
+        if (typeof children === "number")
+            return children.toString();
+        if (Array.isArray(children))
+            return children.map(_extract).join("");
+        if (React.isValidElement(children)) {
+            return _extract(children.props.children);
+        }
+        return ""; // 如果 children 是 null 或 undefined，則返回空字串
+    };
+    return _extract(token.children);
+};
 export default c063;

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "c063",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "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,8 +1,6 @@
-export * from './types';
-export * from './components';
+export * from "./types";
+export * from "./components";
 
-import c063, { whiteSpace }from './utils';
+import c063, { whiteSpace, extractTokenContent } from "./utils";
 export default c063;
-export {
-    whiteSpace
-}
+export { whiteSpace, extractTokenContent };

package/src/utils/index.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { CodeTokenBuilder, CodeTokenProps, CodeTokenType } from "../types";
 /**
  * 語法 token 的建構器集合，每個 key 對應一種語法類型（如 `keyword-blue`, `string`, `comment` 等），
@@ -46,4 +47,19 @@ const c063 = new Proxy(
 export const whiteSpace = (count: number = 1): CodeTokenProps<"span"> =>
   c063.default(" ".repeat(count));
 
+export const extractTokenContent = <T extends React.ElementType>(
+  token: CodeTokenProps<T>
+): string => {
+  const _extract = (children: React.ReactNode): string => {
+    if (typeof children === "string") return children;
+    if (typeof children === "number") return children.toString();
+    if (Array.isArray(children)) return children.map(_extract).join("");
+    if (React.isValidElement(children)) {
+      return _extract((children as React.JSX.Element).props.children);
+    }
+    return ""; // 如果 children 是 null 或 undefined，則返回空字串
+  };
+  return _extract(token.children);
+};
+
 export default c063;