robindoc 0.0.0-experimental-a9513fc → 0.0.0-experimental-b8f037b

package/lib/components/ui/code-block/index.client.js

@@ -0,0 +1,3 @@
+'use client';
+import e,{useState as r,useLayoutEffect as o}from"react";import t from"clsx";import{CodeSpan as n}from"../code-span/index.js";import{highlight as c}from"./shared.js";const l=({code:l,lang:m,className:s,inline:a})=>{const[i,p]=r(null);return o(()=>{c(l,m).then(p)},[]),a?e.createElement(n,null,i):e.createElement("pre",{className:t("r-code-block",s)},i)};export{l as CodeBlock};
+//# sourceMappingURL=index.client.js.map

package/lib/components/ui/code-block/index.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.js","sources":["../../../../src/components/ui/code-block/index.client.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useState, useLayoutEffect } from \"react\";\nimport { type BuiltinLanguage } from \"shiki\";\nimport clsx from \"clsx\";\n\nimport { CodeSpan } from \"../code-span\";\nimport { highlight } from \"./shared\";\n\nimport \"./code-block.scss\";\n\nexport interface CodeBlockProps {\n    code: string;\n    lang: BuiltinLanguage;\n    className?: string;\n    inline?: boolean;\n}\n\nexport const CodeBlock: React.FC<CodeBlockProps> = ({ code, lang, className, inline }) => {\n    const [nodes, setNodes] = useState<React.ReactElement | null>(null);\n\n    useLayoutEffect(() => {\n        void highlight(code, lang).then(setNodes);\n    }, []);\n\n    if (inline) return <CodeSpan>{nodes}</CodeSpan>;\n\n    return <pre className={clsx(\"r-code-block\", className)}>{nodes}</pre>;\n};\n"],"names":["CodeBlock","code","lang","className","inline","nodes","setNodes","useState","useLayoutEffect","highlight","then","React","createElement","CodeSpan","clsx"],"mappings":";sKAkBO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAMA,EAAsC,CAAA,CAAGC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAMC,OAAMC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAWC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CACzE,MAAOC,CAAAA,CAAOC,CAAAA,CAAAA,CAAYC,EAAoC,CAAA,CAAA,CAAA,CAAA,CAAA,CAM9D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAJAC,EAAgB,CAAA,CAAA,CAAA,CAAA,CACPC,CAAAA,CAAUR,EAAMC,CAAAA,CAAAA,CAAMQ,CAAAA,CAAAA,CAAAA,CAAAA,CAAKJ,IACjC,CAAA,CAAA,CAAA,CAECF,CAAAA,CAAeO,EAAAC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAACC,CAAAA,CAAQ,KAAER,CAAAA,CAAAA,CAEvBM,CAAAA,CAAAC,cAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAKT,UAAWW,CAAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgBX,IAAaE,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}

package/lib/components/ui/code-block/{index.isomirphic.d.ts → index.isomorphic.d.ts}

@@ -8,4 +8,4 @@ export interface CodeBlockProps {
     inline?: boolean;
 }
 export declare const CodeBlock: React.FC<CodeBlockProps>;
-//# sourceMappingURL=index.isomirphic.d.ts.map
+//# sourceMappingURL=index.isomorphic.d.ts.map

package/lib/components/ui/code-block/{index.isomirphic.d.ts.map → index.isomorphic.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"index.isomirphic.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/code-block/index.isomirphic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,OAAO,CAAC;AAI7C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAU9C,CAAC"}
+{"version":3,"file":"index.isomorphic.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/code-block/index.isomorphic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,OAAO,CAAC;AAI7C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAU9C,CAAC"}

package/lib/components/ui/code-block/index.isomorphic.js

@@ -0,0 +1,2 @@
+import e,{lazy as l,Suspense as n}from"react";import{CodeBlock as a}from"./index.server.js";const t=l(()=>import("./index.client.js").then(e=>({default:e.CodeBlock}))),c=({code:l,lang:c,className:o,inline:r})=>"useState"in e?e.createElement(n,{fallback:e.createElement("pre",null,l)},e.createElement(t,{code:l,lang:c,className:o,inline:r})):e.createElement(a,{code:l,lang:c,className:o,inline:r});export{c as CodeBlock};
+//# sourceMappingURL=index.isomorphic.js.map

package/lib/components/ui/code-block/index.isomorphic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.isomorphic.js","sources":["../../../../src/components/ui/code-block/index.isomorphic.tsx"],"sourcesContent":["import React, { lazy, Suspense } from \"react\";\n\nimport { type BuiltinLanguage } from \"shiki\";\n\nimport { CodeBlock as CodeBlockServer } from \"./index.server\";\n\nimport \"./code-block.scss\";\n\nexport interface CodeBlockProps {\n    code: string;\n    lang: BuiltinLanguage;\n    className?: string;\n    inline?: boolean;\n}\nconst CodeBlockClient = lazy(() => import(\"./index.client\").then((module) => ({ default: module.CodeBlock })));\n\nexport const CodeBlock: React.FC<CodeBlockProps> = ({ code, lang, className, inline }) => {\n    if (\"useState\" in React) {\n        return (\n            <Suspense fallback={<pre>{code}</pre>}>\n                <CodeBlockClient code={code} lang={lang} className={className} inline={inline} />\n            </Suspense>\n        );\n    }\n\n    return <CodeBlockServer code={code} lang={lang} className={className} inline={inline} />;\n};\n"],"names":["CodeBlockClient","lazy","import","then","module","default","CodeBlock","code","lang","className","inline","React","Suspense","fallback","createElement","CodeBlockServer"],"mappings":"4FAcA,MAAMA,EAAkBC,EAAK,IAAMC,OAAO,qBAAkBC,KAAMC,IAAM,CAAQC,QAASD,EAAOE,cAEnFA,EAAsC,EAAGC,OAAMC,OAAMC,YAAWC,YACrE,aAAcC,EAEVA,gBAACC,EAAQ,CAACC,SAAUF,EAAAG,cAAA,MAAA,KAAMP,IACtBI,EAAAG,cAACd,GAAgBO,KAAMA,EAAMC,KAAMA,EAAMC,UAAWA,EAAWC,OAAQA,KAK5EC,gBAACI,EAAe,CAACR,KAAMA,EAAMC,KAAMA,EAAMC,UAAWA,EAAWC,OAAQA"}

package/lib/components/ui/code-block/shared.js

@@ -0,0 +1,2 @@
+import{toJsxRuntime as t}from"hast-util-to-jsx-runtime";import{Fragment as r}from"react";import{jsxs as e,jsx as m}from"react/jsx-runtime";import{codeToHast as i}from"shiki/bundle/web";import{githubDynamic as o}from"./theme.js";async function n(n,s){const a=await i(n,{lang:s,theme:o,structure:"inline"});return t(a,{Fragment:r,jsx:m,jsxs:e})}export{n as highlight};
+//# sourceMappingURL=shared.js.map

package/lib/components/ui/code-block/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sources":["../../../../src/components/ui/code-block/shared.ts"],"sourcesContent":["import { type BuiltinLanguage } from \"shiki\";\nimport { toJsxRuntime } from \"hast-util-to-jsx-runtime\";\nimport { Fragment } from \"react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { codeToHast } from \"shiki/bundle/web\";\n\nimport { githubDynamic } from \"./theme\";\n\nexport async function highlight(code: string, lang: BuiltinLanguage) {\n    const out = await codeToHast(code, {\n        lang,\n        theme: githubDynamic,\n        structure: \"inline\",\n    });\n\n    return toJsxRuntime(out, {\n        Fragment,\n        jsx,\n        jsxs,\n    }) as React.ReactElement;\n}\n"],"names":["async","highlight","code","lang","out","codeToHast","theme","githubDynamic","structure","toJsxRuntime","Fragment","jsx","jsxs"],"mappings":"oOAQOA,eAAeC,EAAUC,EAAcC,GAC1C,MAAMC,QAAYC,EAAWH,EAAM,CAC/BC,OACAG,MAAOC,EACPC,UAAW,WAGf,OAAOC,EAAaL,EAAK,CACrBM,WACAC,MACAC,QAER"}