robindoc 0.0.0-experimental-a9513fc → 0.0.0-experimental-6035c0e

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"}

package/lib/styles.css

@@ -1,4 +1,17 @@
-.r-header {
+.r-code-block {
+  font-family: var(--monospace-font, monospace, monospace);
+  font-size: 16px;
+  line-height: 1.33;
+  border-radius: 6px;
+  padding: 16px 20px;
+  margin: 0;
+  color: var(--r-primary-800);
+  background-color: var(--r-main-50);
+  overflow-x: auto;
+  scrollbar-width: thin;
+  scrollbar-color: var(--r-main-200) transparent;
+  box-sizing: border-box;
+}.r-header {
   position: sticky;
   background-color: var(--r-main-50);
   top: 0;
@@ -421,6 +434,72 @@
   z-index: 1001;
 }.r-keylink.keylink-to-navigation:focus {
   margin-top: -40px;
+}.r-article {
+  padding: 20px 0 40px;
+  grid-area: content;
+}
+@media screen and (width >= 1180px) {
+  .r-article {
+    padding: 32px 0 40px;
+  }
+}
+.r-article > *:first-child {
+  margin-top: 0;
+}
+.r-article > *:last-child {
+  margin-bottom: 0;
+}
+
+.r-checkbox {
+  cursor: pointer;
+  width: 20px;
+  height: 20px;
+  margin: 4px;
+  vertical-align: middle;
+  box-sizing: border-box;
+}
+
+.r-label {
+  cursor: pointer;
+}
+
+.r-task-ol,
+.r-task-ul {
+  list-style: none;
+}
+
+.r-task-label {
+  display: block;
+  width: 100%;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  box-sizing: border-box;
+}
+.r-task-label:hover .r-checkbox {
+  filter: brightness(0.8);
+}
+
+.r-task-li.r-task-li {
+  margin-block-start: 2px;
+  margin-block-end: 2px;
+}
+
+.r-label-text {
+  vertical-align: middle;
+}.r-code-span {
+  font-family: var(--monospace-font, monospace, monospace);
+  background-color: var(--r-main-100);
+  border: 1px solid var(--r-main-200);
+  color: var(--r-main-950);
+  border-radius: 4px;
+  padding: 2px 6px;
+  font-size: inherit;
+  font-weight: 500;
+  letter-spacing: 0.5px;
+}
+
+.r-code-span + .r-content-link-external {
+  margin-left: -12px;
 }.r-sidebar {
   grid-area: sidebar;
   box-sizing: border-box;
@@ -712,58 +791,6 @@
 
 .r-sidebar-drop[open] > .r-sidebar-drop-btn > .r-sidebar-drop-icon {
   transform: rotate(90deg);
-}.r-article {
-  padding: 20px 0 40px;
-  grid-area: content;
-}
-@media screen and (width >= 1180px) {
-  .r-article {
-    padding: 32px 0 40px;
-  }
-}
-.r-article > *:first-child {
-  margin-top: 0;
-}
-.r-article > *:last-child {
-  margin-bottom: 0;
-}
-
-.r-checkbox {
-  cursor: pointer;
-  width: 20px;
-  height: 20px;
-  margin: 4px;
-  vertical-align: middle;
-  box-sizing: border-box;
-}
-
-.r-label {
-  cursor: pointer;
-}
-
-.r-task-ol,
-.r-task-ul {
-  list-style: none;
-}
-
-.r-task-label {
-  display: block;
-  width: 100%;
-  padding-top: 2px;
-  padding-bottom: 2px;
-  box-sizing: border-box;
-}
-.r-task-label:hover .r-checkbox {
-  filter: brightness(0.8);
-}
-
-.r-task-li.r-task-li {
-  margin-block-start: 2px;
-  margin-block-end: 2px;
-}
-
-.r-label-text {
-  vertical-align: middle;
 }.r-header-menu {
   display: flex;
   justify-content: flex-end;
@@ -1114,13 +1141,6 @@
 
 .r-dropdown-link._active {
   color: var(--r-primary-700);
-}.r-container {
-  max-width: 1180px;
-  padding-right: 12px;
-  padding-left: 12px;
-  margin-right: auto;
-  margin-left: auto;
-  box-sizing: border-box;
 }.r-header-social {
   display: flex;
   flex: 1;
@@ -1139,6 +1159,13 @@
 }
 .r-header-social-git:hover, .r-header-social-git:focus {
   color: var(--r-main-950);
+}.r-container {
+  max-width: 1180px;
+  padding-right: 12px;
+  padding-left: 12px;
+  margin-right: auto;
+  margin-left: auto;
+  box-sizing: border-box;
 }.r-theme-switcher {
   position: relative;
   display: flex;
@@ -1225,47 +1252,6 @@
   user-select: none;
   pointer-events: none;
   box-sizing: border-box;
-}.r-breadcrumbs {
-  grid-area: breadcrumbs;
-  list-style: none;
-  margin: 0;
-  padding: 20px 0 0;
-  line-height: 2;
-}
-@media screen and (width >= 768px) {
-  .r-breadcrumbs {
-    padding: 32px 0 0;
-  }
-}
-
-.r-breadcrumb {
-  display: inline;
-}
-
-.r-breadcrumb._previous::after {
-  content: "/";
-  font-weight: 600;
-  margin-inline: 8px;
-}
-
-.r-breadcrumb-link {
-  color: var(--r-main-700);
-  text-decoration: none;
-}
-.r-breadcrumb-link:hover {
-  color: var(--r-primary-800);
-}
-
-.r-breadcrumb-link,
-.r-breadcrumb-title {
-  display: inline;
-  padding: 6px 0;
-  margin: 0;
-}
-
-.r-breadcrumb-title {
-  color: var(--r-main-950);
-  font-weight: 600;
 }.r-contents {
   grid-area: contents;
 }
@@ -1577,6 +1563,47 @@
 
 .r-pagination-svg {
   display: block;
+}.r-breadcrumbs {
+  grid-area: breadcrumbs;
+  list-style: none;
+  margin: 0;
+  padding: 20px 0 0;
+  line-height: 2;
+}
+@media screen and (width >= 768px) {
+  .r-breadcrumbs {
+    padding: 32px 0 0;
+  }
+}
+
+.r-breadcrumb {
+  display: inline;
+}
+
+.r-breadcrumb._previous::after {
+  content: "/";
+  font-weight: 600;
+  margin-inline: 8px;
+}
+
+.r-breadcrumb-link {
+  color: var(--r-main-700);
+  text-decoration: none;
+}
+.r-breadcrumb-link:hover {
+  color: var(--r-primary-800);
+}
+
+.r-breadcrumb-link,
+.r-breadcrumb-title {
+  display: inline;
+  padding: 6px 0;
+  margin: 0;
+}
+
+.r-breadcrumb-title {
+  color: var(--r-main-950);
+  font-weight: 600;
 }.r-last-modified {
   color: var(--r-main-700);
   margin-block-start: 16px;
@@ -1596,6 +1623,8 @@
   opacity: 1;
   visibility: visible;
   pointer-events: all;
+}.r-git-logo {
+  display: block;
 }.r-external-mark {
   position: relative;
   vertical-align: text-top;
@@ -1627,8 +1656,6 @@
   background-color: currentColor;
   border-radius: 0 0 0 4px;
   box-sizing: border-box;
-}.r-git-logo {
-  display: block;
 }.r-kbd-container {
   display: flex;
   gap: 4px;
@@ -1782,32 +1809,8 @@
 }
 .r-blockquote-caution .r-blockquote-title {
   color: var(--r-caution);
-}.r-code-span {
-  font-family: var(--monospace-font, monospace, monospace);
-  background-color: var(--r-main-100);
-  border: 1px solid var(--r-main-200);
-  color: var(--r-main-950);
-  border-radius: 4px;
-  padding: 2px 6px;
-  font-size: inherit;
-  font-weight: 500;
-  letter-spacing: 0.5px;
-}
-
-.r-code-span + .r-content-link-external {
-  margin-left: -12px;
-}.r-code-block {
-  font-family: var(--monospace-font, monospace, monospace);
-  font-size: 16px;
-  line-height: 1.33;
-  border-radius: 6px;
-  padding: 16px 20px;
-  margin: 0;
-  color: var(--r-primary-800);
-  background-color: var(--r-main-50);
-  overflow-x: auto;
-  scrollbar-width: thin;
-  scrollbar-color: var(--r-main-200) transparent;
+}.r-img {
+  max-width: 100%;
   box-sizing: border-box;
 }.r-h1 {
   font-size: 32px;
@@ -1849,9 +1852,6 @@
   line-height: 1.4;
   margin-block-start: 1.8em;
   margin-block-end: 1.8em;
-}.r-img {
-  max-width: 100%;
-  box-sizing: border-box;
 }.r-p {
   line-height: 1.8;
   margin-block-start: 1em;
@@ -2072,6 +2072,11 @@
 
 .r-td_right {
   text-align: right;
+}.r-tr {
+  border-collapse: collapse;
+}
+.r-tr:not(:first-child) {
+  border-top: 1px solid var(--r-main-200);
 }.r-th {
   padding: 8px 12px;
   border-collapse: collapse;
@@ -2098,11 +2103,8 @@
 
 .r-th_right {
   text-align: right;
-}.r-tr {
-  border-collapse: collapse;
-}
-.r-tr:not(:first-child) {
-  border-top: 1px solid var(--r-main-200);
+}.r-task-ol {
+  list-style: none;
 }.r-task-li.r-task-li {
   margin-block-start: 2px;
   margin-block-end: 2px;
@@ -2132,8 +2134,6 @@
 
 .r-task-label-text {
   vertical-align: middle;
-}.r-task-ol {
-  list-style: none;
 }.r-task-ul {
   list-style: none;
 }.r-tooltip {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "robindoc",
-  "version": "0.0.0-experimental-a9513fc",
+  "version": "0.0.0-experimental-6035c0e",
   "description": "Robindoc is a framework for automatically creating documentation websites based on markdown files, built on React.js Server Components",
   "main": "./lib/index.js",
   "scripts": {