react-lib-tools 0.0.29 → 0.0.31

package/dist/react-lib-tools.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-ePMHO6oA.cjs");exports.AppRoot=o.AppRoot;exports.Block=o.Block;exports.Box=o.Box;exports.Button=o.Button;exports.Callout=o.Callout;exports.Checkbox=o.Checkbox;exports.Code=o.Code;exports.ComponentProps=o.ComponentProps;exports.ComponentPropsSection=o.ComponentPropsSection;exports.DocsSection=o.DocsSection;exports.ErrorBoundary=o.ErrorBoundary;exports.ExternalLink=o.ExternalLink;exports.Header=o.Header;exports.ImperativeHandle=o.ImperativeHandle;exports.Input=o.Input;exports.Link=o.Link;exports.LoadingSpinner=o.LoadingSpinner;exports.NavLink=o.NavLink;exports.NavSection=o.NavSection;exports.Radio=o.Radio;exports.Select=o.Select;exports.Tooltip=o.Tooltip;exports.assert=o.assert;exports.cn=o.cn;exports.getIntentClassNames=o.getIntentClassNames;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-8LP1ujuh.cjs");exports.AppRoot=o.AppRoot;exports.Block=o.Block;exports.Box=o.Box;exports.Button=o.Button;exports.Callout=o.Callout;exports.Checkbox=o.Checkbox;exports.Code=o.Code;exports.ComponentProps=o.ComponentProps;exports.ComponentPropsSection=o.ComponentPropsSection;exports.DocsSection=o.DocsSection;exports.ErrorBoundary=o.ErrorBoundary;exports.ExternalLink=o.ExternalLink;exports.Header=o.Header;exports.ImperativeHandle=o.ImperativeHandle;exports.Input=o.Input;exports.Link=o.Link;exports.LoadingSpinner=o.LoadingSpinner;exports.NavLink=o.NavLink;exports.NavSection=o.NavSection;exports.Radio=o.Radio;exports.Select=o.Select;exports.Tooltip=o.Tooltip;exports.assert=o.assert;exports.cn=o.cn;exports.getIntentClassNames=o.getIntentClassNames;
 //# sourceMappingURL=react-lib-tools.cjs.map

package/dist/react-lib-tools.d.ts

@@ -14,12 +14,13 @@ import { ReactNode } from 'react';
 /**
  * Displays an application shell with desktop and mobile layouts.
  */
-export declare function AppRoot({ commonQuestions, navLinks, overview, packageDescription, packageName, routes, showOpenCollectLink, versions }: {
+export declare function AppRoot({ commonQuestions, navLinks, overview, packageDescription, packageName, repositoryUrl, routes, showOpenCollectLink, versions }: {
     commonQuestions?: CommonQuestion[];
     navLinks: ReactNode;
     overview?: ReactNode | undefined;
     packageDescription: string;
     packageName: string;
+    repositoryUrl: string;
     routes: Record<string, LazyExoticComponent<ComponentType<unknown>>>;
     showOpenCollectLink?: boolean | undefined;
     versions?: Versions | undefined;
@@ -122,8 +123,9 @@ export declare function getIntentClassNames(intent: Intent, minimal?: boolean):
 
 declare function GettingStartedRoute(): JSX.Element;
 
-export declare function Header({ section, title }: {
+export declare function Header({ section, sourceCodePath, title }: {
     section?: string;
+    sourceCodePath?: string;
     title: string;
 }): JSX.Element;
 
@@ -225,9 +227,7 @@ export declare function Tooltip({ children, className, content, showOnFocus, sho
 }>): JSX.Element;
 
 declare type Versions = {
-    [major: string]: {
-        [fullVersion: string]: string;
-    };
+    [fullVersion: string]: string;
 };
 
 declare function VersionsRoute(): JSX.Element;

package/dist/react-lib-tools.js

@@ -1,4 +1,4 @@
-import { A as o, a as e, B as n, b as t, C as r, c as i, d as p, i as c, j as l, D as d, e as C, E as k, H as m, I as B, f as L, L as S, g as u, N as x, h as I, R as N, k as g, T as v, l as E, m as H, n as R } from "./index-BL-nqm0f.js";
+import { A as o, a as e, B as n, b as t, C as r, c as i, d as p, i as c, j as l, D as d, e as C, E as k, H as m, I as B, f as L, L as S, g as u, N as x, h as I, R as N, k as g, T as v, l as E, m as H, n as R } from "./index-BeyKcpAG.js";
 export {
   o as AppRoot,
   e as Block,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-lib-tools",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "type": "module",
   "author": "Brian Vaughn <brian.david.vaughn@gmail.com> (https://github.com/bvaughn/)",
   "contributors": [
@@ -43,13 +43,14 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@codemirror/lang-css": "latest",
-    "@codemirror/lang-html": "latest",
-    "@codemirror/lang-javascript": "latest",
-    "@codemirror/lang-markdown": "latest",
-    "@codemirror/language": "latest",
-    "@codemirror/state": "latest",
-    "@lezer/highlight": "latest",
+    "@codemirror/lang-css": "^6.3.1",
+    "@codemirror/lang-html": "^6.4.11",
+    "@codemirror/lang-javascript": "^6.2.4",
+    "@codemirror/lang-json": "^6.0.2",
+    "@codemirror/lang-markdown": "^6.5.0",
+    "@codemirror/language": "^6.12.1",
+    "@codemirror/state": "^6.5.3",
+    "@lezer/highlight": "^1.2.3",
     "@ts-ast-parser/core": "^0.8.0"
   },
   "devDependencies": {

package/scripts/compile-examples.ts

@@ -8,7 +8,7 @@ import { syntaxHighlight } from "./utils/syntax-highlight.ts";
  * Compile example snippets into syntax-highlighted HTML that can be rendered by the `Code` component.
  */
 export async function compileExamples({
-  fileExtensions = [".css", ".html", ".js", ".jsx", ".ts", ".tsx"],
+  fileExtensions = [".css", ".html", ".json", ".js", ".jsx", ".ts", ".tsx"],
   inputPath = ["src", "routes"],
   outputPath = ["public", "generated", "examples"]
 }: {
@@ -71,6 +71,8 @@ export async function compileExamples({
         rawText,
         file.endsWith("jsx") ? "JSX" : "JS"
       );
+    } else if (file.endsWith(".json")) {
+      html = await syntaxHighlight(rawText, "JSON");
     } else if (file.endsWith(".ts") || file.endsWith(".tsx")) {
       html = await syntaxHighlight(
         rawText,

package/scripts/utils/syntax-highlight.ts

@@ -1,4 +1,5 @@
 import { cssLanguage } from "@codemirror/lang-css";
+import { jsonLanguage } from "@codemirror/lang-json";
 import { htmlLanguage } from "@codemirror/lang-html";
 import {
   jsxLanguage,
@@ -17,7 +18,7 @@ type Token = {
   value: string;
 };
 
-export type Language = "CSS" | "HTML" | "JS" | "JSX" | "TS" | "TSX";
+export type Language = "CSS" | "HTML" | "JS" | "JSON" | "JSX" | "TS" | "TSX";
 
 type State = {
   parsedTokens: Token[];
@@ -47,6 +48,11 @@ export async function syntaxHighlight(code: string, language: Language) {
       prettierParser = "babel";
       break;
     }
+    case "JSON": {
+      extension = jsonLanguage;
+      prettierParser = "json";
+      break;
+    }
     case "TS": {
       extension = typescriptLanguage;
       prettierParser = "typescript";

package/dist/CommonQuestionsRoute-BaeYAOSK.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("./index-ePMHO6oA.cjs");function i({children:t}){return e.jsx("dd",{className:"mt-2 flex flex-col gap-2",children:t})}function r({children:t,id:n}){return e.jsx("dt",{className:"pt-4",id:n,children:e.jsx("a",{className:"text-lg text-common-question-header! font-bold",href:`#${n}`,children:t})})}function c(){const{commonQuestions:t=[]}=s.useLibraryContext();return e.jsxs(s.Box,{direction:"column",gap:4,children:[e.jsx(s.Header,{title:"Common questions"}),e.jsx("dl",{children:t.map(n=>e.jsxs(o.Fragment,{children:[e.jsx(r,{id:n.id,children:n.question}),e.jsx(i,{children:n.answer})]},n.id))})]})}exports.default=c;
-//# sourceMappingURL=CommonQuestionsRoute-BaeYAOSK.cjs.map

package/dist/GettingStartedRoute-Bo2cbVUj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GettingStartedRoute-Bo2cbVUj.js","sources":["../lib/components/app/routes/GettingStartedRoute.tsx"],"sourcesContent":["import { useLibraryContext } from \"../../../hooks/useLibraryContext\";\nimport { Box } from \"../../Box\";\nimport { Callout } from \"../../Callout\";\nimport { ExternalLink } from \"../../ExternalLink\";\nimport { Header } from \"../../Header\";\n\nexport default function GettingStartedRoute() {\n  const { overview, packageName, showOpenCollectLink } = useLibraryContext();\n\n  return (\n    <Box direction=\"column\" gap={4}>\n      <Header title=\"Getting started\" />\n      {overview}\n      {overview && <div className=\"text-xl mt-4\">Installation</div>}\n      <div>Begin by installing the library from NPM:</div>\n      <code className=\"grow text-xs md:text-sm block text-left whitespace-pre-wrap rounded-md p-3 bg-black text-white!\">\n        npm install <span className=\"tok-keyword\">{packageName}</span>\n      </code>\n      <Callout intent=\"primary\">\n        TypeScript definitions are included within the published{\" \"}\n        <code>dist</code> folder.\n      </Callout>\n      <div className=\"text-xl mt-4\">Support</div>\n      <div>Here are some ways to support this project:</div>\n      <ul className=\"pl-8\">\n        <li className=\"list-disc\">\n          <ExternalLink href=\"https://github.com/sponsors/bvaughn/\">\n            Become a GitHub sponsor\n          </ExternalLink>\n        </li>\n        {showOpenCollectLink && (\n          <li className=\"list-disc\">\n            <ExternalLink\n              href={`https://opencollective.com/${packageName}#sponsor`}\n            >\n              Become an Open Collective sponsor\n            </ExternalLink>\n          </li>\n        )}\n        <li className=\"list-disc\">\n          <ExternalLink href=\"http://givebrian.coffee/\">\n            Buy me a coffee\n          </ExternalLink>\n        </li>\n      </ul>\n    </Box>\n  );\n}\n"],"names":["GettingStartedRoute","overview","packageName","showOpenCollectLink","useLibraryContext","jsxs","Box","jsx","Header","Callout","ExternalLink"],"mappings":";;AAMA,SAAwBA,IAAsB;AAC5C,QAAM,EAAE,UAAAC,GAAU,aAAAC,GAAa,qBAAAC,EAAA,IAAwBC,EAAA;AAEvD,SACE,gBAAAC,EAACC,GAAA,EAAI,WAAU,UAAS,KAAK,GAC3B,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,OAAM,kBAAA,CAAkB;AAAA,IAC/BP;AAAA,IACAA,KAAY,gBAAAM,EAAC,OAAA,EAAI,WAAU,gBAAe,UAAA,gBAAY;AAAA,IACvD,gBAAAA,EAAC,SAAI,UAAA,4CAAA,CAAyC;AAAA,IAC9C,gBAAAF,EAAC,QAAA,EAAK,WAAU,mGAAkG,UAAA;AAAA,MAAA;AAAA,MACpG,gBAAAE,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAL,EAAA,CAAY;AAAA,IAAA,GACzD;AAAA,IACA,gBAAAG,EAACI,GAAA,EAAQ,QAAO,WAAU,UAAA;AAAA,MAAA;AAAA,MACiC;AAAA,MACzD,gBAAAF,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,MAAO;AAAA,IAAA,GACnB;AAAA,IACA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gBAAe,UAAA,WAAO;AAAA,IACrC,gBAAAA,EAAC,SAAI,UAAA,8CAAA,CAA2C;AAAA,IAChD,gBAAAF,EAAC,MAAA,EAAG,WAAU,QACZ,UAAA;AAAA,MAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,aACZ,UAAA,gBAAAA,EAACG,KAAa,MAAK,wCAAuC,qCAE1D,EAAA,CACF;AAAA,MACCP,KACC,gBAAAI,EAAC,MAAA,EAAG,WAAU,aACZ,UAAA,gBAAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAM,8BAA8BR,CAAW;AAAA,UAChD,UAAA;AAAA,QAAA;AAAA,MAAA,GAGH;AAAA,MAEF,gBAAAK,EAAC,QAAG,WAAU,aACZ,4BAACG,GAAA,EAAa,MAAK,4BAA2B,UAAA,kBAAA,CAE9C,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/GettingStartedRoute-CeEbxuNu.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-ePMHO6oA.cjs");function n(){const{overview:s,packageName:i,showOpenCollectLink:l}=t.useLibraryContext();return e.jsxs(t.Box,{direction:"column",gap:4,children:[e.jsx(t.Header,{title:"Getting started"}),s,s&&e.jsx("div",{className:"text-xl mt-4",children:"Installation"}),e.jsx("div",{children:"Begin by installing the library from NPM:"}),e.jsxs("code",{className:"grow text-xs md:text-sm block text-left whitespace-pre-wrap rounded-md p-3 bg-black text-white!",children:["npm install ",e.jsx("span",{className:"tok-keyword",children:i})]}),e.jsxs(t.Callout,{intent:"primary",children:["TypeScript definitions are included within the published"," ",e.jsx("code",{children:"dist"})," folder."]}),e.jsx("div",{className:"text-xl mt-4",children:"Support"}),e.jsx("div",{children:"Here are some ways to support this project:"}),e.jsxs("ul",{className:"pl-8",children:[e.jsx("li",{className:"list-disc",children:e.jsx(t.ExternalLink,{href:"https://github.com/sponsors/bvaughn/",children:"Become a GitHub sponsor"})}),l&&e.jsx("li",{className:"list-disc",children:e.jsx(t.ExternalLink,{href:`https://opencollective.com/${i}#sponsor`,children:"Become an Open Collective sponsor"})}),e.jsx("li",{className:"list-disc",children:e.jsx(t.ExternalLink,{href:"http://givebrian.coffee/",children:"Buy me a coffee"})})]})]})}exports.default=n;
-//# sourceMappingURL=GettingStartedRoute-CeEbxuNu.cjs.map

package/dist/GettingStartedRoute-CeEbxuNu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"GettingStartedRoute-CeEbxuNu.cjs","sources":["../lib/components/app/routes/GettingStartedRoute.tsx"],"sourcesContent":["import { useLibraryContext } from \"../../../hooks/useLibraryContext\";\nimport { Box } from \"../../Box\";\nimport { Callout } from \"../../Callout\";\nimport { ExternalLink } from \"../../ExternalLink\";\nimport { Header } from \"../../Header\";\n\nexport default function GettingStartedRoute() {\n  const { overview, packageName, showOpenCollectLink } = useLibraryContext();\n\n  return (\n    <Box direction=\"column\" gap={4}>\n      <Header title=\"Getting started\" />\n      {overview}\n      {overview && <div className=\"text-xl mt-4\">Installation</div>}\n      <div>Begin by installing the library from NPM:</div>\n      <code className=\"grow text-xs md:text-sm block text-left whitespace-pre-wrap rounded-md p-3 bg-black text-white!\">\n        npm install <span className=\"tok-keyword\">{packageName}</span>\n      </code>\n      <Callout intent=\"primary\">\n        TypeScript definitions are included within the published{\" \"}\n        <code>dist</code> folder.\n      </Callout>\n      <div className=\"text-xl mt-4\">Support</div>\n      <div>Here are some ways to support this project:</div>\n      <ul className=\"pl-8\">\n        <li className=\"list-disc\">\n          <ExternalLink href=\"https://github.com/sponsors/bvaughn/\">\n            Become a GitHub sponsor\n          </ExternalLink>\n        </li>\n        {showOpenCollectLink && (\n          <li className=\"list-disc\">\n            <ExternalLink\n              href={`https://opencollective.com/${packageName}#sponsor`}\n            >\n              Become an Open Collective sponsor\n            </ExternalLink>\n          </li>\n        )}\n        <li className=\"list-disc\">\n          <ExternalLink href=\"http://givebrian.coffee/\">\n            Buy me a coffee\n          </ExternalLink>\n        </li>\n      </ul>\n    </Box>\n  );\n}\n"],"names":["GettingStartedRoute","overview","packageName","showOpenCollectLink","useLibraryContext","jsxs","Box","jsx","Header","Callout","ExternalLink"],"mappings":"uJAMA,SAAwBA,GAAsB,CAC5C,KAAM,CAAE,SAAAC,EAAU,YAAAC,EAAa,oBAAAC,CAAA,EAAwBC,EAAAA,kBAAA,EAEvD,OACEC,EAAAA,KAACC,EAAAA,IAAA,CAAI,UAAU,SAAS,IAAK,EAC3B,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CAAO,MAAM,iBAAA,CAAkB,EAC/BP,EACAA,GAAYM,EAAAA,IAAC,MAAA,CAAI,UAAU,eAAe,SAAA,eAAY,EACvDA,EAAAA,IAAC,OAAI,SAAA,2CAAA,CAAyC,EAC9CF,EAAAA,KAAC,OAAA,CAAK,UAAU,kGAAkG,SAAA,CAAA,eACpGE,EAAAA,IAAC,OAAA,CAAK,UAAU,cAAe,SAAAL,CAAA,CAAY,CAAA,EACzD,EACAG,EAAAA,KAACI,EAAAA,QAAA,CAAQ,OAAO,UAAU,SAAA,CAAA,2DACiC,IACzDF,EAAAA,IAAC,QAAK,SAAA,MAAA,CAAI,EAAO,UAAA,EACnB,EACAA,EAAAA,IAAC,MAAA,CAAI,UAAU,eAAe,SAAA,UAAO,EACrCA,EAAAA,IAAC,OAAI,SAAA,6CAAA,CAA2C,EAChDF,EAAAA,KAAC,KAAA,CAAG,UAAU,OACZ,SAAA,CAAAE,EAAAA,IAAC,KAAA,CAAG,UAAU,YACZ,SAAAA,EAAAA,IAACG,gBAAa,KAAK,uCAAuC,mCAE1D,CAAA,CACF,EACCP,GACCI,EAAAA,IAAC,KAAA,CAAG,UAAU,YACZ,SAAAA,EAAAA,IAACG,EAAAA,aAAA,CACC,KAAM,8BAA8BR,CAAW,WAChD,SAAA,mCAAA,CAAA,EAGH,EAEFK,EAAAA,IAAC,MAAG,UAAU,YACZ,eAACG,EAAAA,aAAA,CAAa,KAAK,2BAA2B,SAAA,iBAAA,CAE9C,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}