react-lib-tools 0.0.21 → 0.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +22 -3
- package/dist/{GettingStartedRoute-LGDNviy5.cjs → GettingStartedRoute-7Aa6it9K.cjs} +2 -2
- package/dist/{GettingStartedRoute-LGDNviy5.cjs.map → GettingStartedRoute-7Aa6it9K.cjs.map} +1 -1
- package/dist/{GettingStartedRoute-DmHalwMP.js → GettingStartedRoute-foIc86s9.js} +2 -2
- package/dist/{GettingStartedRoute-DmHalwMP.js.map → GettingStartedRoute-foIc86s9.js.map} +1 -1
- package/dist/{PageNotFound-DIt5wQ4x.cjs → PageNotFound-BvASwBiY.cjs} +2 -2
- package/dist/{PageNotFound-DIt5wQ4x.cjs.map → PageNotFound-BvASwBiY.cjs.map} +1 -1
- package/dist/{PageNotFound-DuD7brn5.js → PageNotFound-DUjrRqET.js} +2 -2
- package/dist/{PageNotFound-DuD7brn5.js.map → PageNotFound-DUjrRqET.js.map} +1 -1
- package/dist/{SupportRoute-DWEe-0A7.cjs → SupportRoute-9JIclEem.cjs} +2 -2
- package/dist/{SupportRoute-DWEe-0A7.cjs.map → SupportRoute-9JIclEem.cjs.map} +1 -1
- package/dist/{SupportRoute-B9n9OCoW.js → SupportRoute-Dq4qVZXN.js} +2 -2
- package/dist/{SupportRoute-B9n9OCoW.js.map → SupportRoute-Dq4qVZXN.js.map} +1 -1
- package/dist/{VersionsRoute-DOa8Yrmb.js → VersionsRoute-C5U0zY4k.js} +2 -2
- package/dist/{VersionsRoute-DOa8Yrmb.js.map → VersionsRoute-C5U0zY4k.js.map} +1 -1
- package/dist/{VersionsRoute-Br6RZivR.cjs → VersionsRoute-CgKKplVF.cjs} +2 -2
- package/dist/{VersionsRoute-Br6RZivR.cjs.map → VersionsRoute-CgKKplVF.cjs.map} +1 -1
- package/dist/{index-D1Hn63kY.js → index-DcYrvRB4.js} +23 -32
- package/dist/{index-D1Hn63kY.js.map → index-DcYrvRB4.js.map} +1 -1
- package/dist/{index-DleNtYr0.cjs → index-qm845CuF.cjs} +2 -2
- package/dist/{index-DleNtYr0.cjs.map → index-qm845CuF.cjs.map} +1 -1
- package/dist/react-lib-tools.cjs +1 -1
- package/dist/react-lib-tools.js +1 -1
- package/package.json +7 -2
- package/scripts/compress-og-image.ts +38 -0
package/README.md
CHANGED
|
@@ -42,7 +42,26 @@ import { AppRoot, NavLink } from "react-lib-tools";
|
|
|
42
42
|
/>
|
|
43
43
|
```
|
|
44
44
|
|
|
45
|
-
|
|
45
|
+
The components in this project require Tailwind CSS to display properly. You'll need to configure Tailwind to include the styles provided by this library by adding the following to your application's root CSS file:
|
|
46
|
+
```css
|
|
47
|
+
@source "node_modules/react-lib-tools";
|
|
46
48
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
+
@import "tailwindcss";
|
|
50
|
+
@import "react-lib-tools/styles.css";
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
The following CSS variables can be overridden to customize the theme:
|
|
54
|
+
```css
|
|
55
|
+
@theme {
|
|
56
|
+
--color-background-gradient-1: var(--color-green-300);
|
|
57
|
+
--color-background-gradient-2: var(--color-emerald-600);
|
|
58
|
+
--color-background-gradient-3: var(--color-teal-400);
|
|
59
|
+
--color-focus-1: var(--color-green-200);
|
|
60
|
+
--color-focus-2: var(--color-green-300);
|
|
61
|
+
--color-focus-3: var(--color-green-500);
|
|
62
|
+
--color-nav-active: var(--color-emerald-300);
|
|
63
|
+
--color-nav-hover: var(--color-green-200);
|
|
64
|
+
}
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
Note: [this tool](https://react-lib-tools.vercel.app/color-picker?color1=emerald-400&color2=indigo-500&color3=emerald-400&packageDescription=render+everything&packageName=react-window) can be helpful in picking theme colors and generating an OG image.
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-
|
|
2
|
-
//# sourceMappingURL=GettingStartedRoute-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-qm845CuF.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;
|
|
2
|
+
//# sourceMappingURL=GettingStartedRoute-7Aa6it9K.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GettingStartedRoute-
|
|
1
|
+
{"version":3,"file":"GettingStartedRoute-7Aa6it9K.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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as t, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { u as n, B as a, H as c, C as o, E as i } from "./index-
|
|
2
|
+
import { u as n, B as a, H as c, C as o, E as i } from "./index-DcYrvRB4.js";
|
|
3
3
|
function p() {
|
|
4
4
|
const { overview: s, packageName: l, showOpenCollectLink: r } = n();
|
|
5
5
|
return /* @__PURE__ */ t(a, { direction: "column", gap: 4, children: [
|
|
@@ -35,4 +35,4 @@ function p() {
|
|
|
35
35
|
export {
|
|
36
36
|
p as default
|
|
37
37
|
};
|
|
38
|
-
//# sourceMappingURL=GettingStartedRoute-
|
|
38
|
+
//# sourceMappingURL=GettingStartedRoute-foIc86s9.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GettingStartedRoute-
|
|
1
|
+
{"version":3,"file":"GettingStartedRoute-foIc86s9.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;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./index-
|
|
2
|
-
//# sourceMappingURL=PageNotFound-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./index-qm845CuF.cjs");function i(){const{packageName:n}=e.useLibraryContext();return t.jsxs(e.Box,{direction:"column",gap:4,children:[t.jsx(e.Header,{title:"Page not found"}),t.jsxs(e.Callout,{intent:"danger",children:["The URL you requested can't be found. If you think this is an error,"," ",t.jsx(e.ExternalLink,{href:`https://github.com/bvaughn/${n}/issues/new`,children:"please file a GitHub issue"}),"."]})]})}exports.default=i;
|
|
2
|
+
//# sourceMappingURL=PageNotFound-BvASwBiY.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageNotFound-
|
|
1
|
+
{"version":3,"file":"PageNotFound-BvASwBiY.cjs","sources":["../lib/components/app/routes/PageNotFound.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 PageNotFoundRoute() {\n const { packageName } = useLibraryContext();\n\n return (\n <Box direction=\"column\" gap={4}>\n <Header title=\"Page not found\" />\n <Callout intent=\"danger\">\n The URL you requested can't be found. If you think this is an error,{\" \"}\n <ExternalLink\n href={`https://github.com/bvaughn/${packageName}/issues/new`}\n >\n please file a GitHub issue\n </ExternalLink>\n .\n </Callout>\n </Box>\n );\n}\n"],"names":["PageNotFoundRoute","packageName","useLibraryContext","jsxs","Box","jsx","Header","Callout","ExternalLink"],"mappings":"uJAMA,SAAwBA,GAAoB,CAC1C,KAAM,CAAE,YAAAC,CAAA,EAAgBC,oBAAA,EAExB,OACEC,EAAAA,KAACC,EAAAA,IAAA,CAAI,UAAU,SAAS,IAAK,EAC3B,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CAAO,MAAM,gBAAA,CAAiB,EAC/BH,EAAAA,KAACI,EAAAA,QAAA,CAAQ,OAAO,SAAS,SAAA,CAAA,uEAC8C,IACrEF,EAAAA,IAACG,EAAAA,aAAA,CACC,KAAM,8BAA8BP,CAAW,cAChD,SAAA,4BAAA,CAAA,EAEc,GAAA,CAAA,CAEjB,CAAA,EACF,CAEJ"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as e, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { u as a, B as o, H as r, C as s, E as i } from "./index-
|
|
2
|
+
import { u as a, B as o, H as r, C as s, E as i } from "./index-DcYrvRB4.js";
|
|
3
3
|
function l() {
|
|
4
4
|
const { packageName: n } = a();
|
|
5
5
|
return /* @__PURE__ */ e(o, { direction: "column", gap: 4, children: [
|
|
@@ -21,4 +21,4 @@ function l() {
|
|
|
21
21
|
export {
|
|
22
22
|
l as default
|
|
23
23
|
};
|
|
24
|
-
//# sourceMappingURL=PageNotFound-
|
|
24
|
+
//# sourceMappingURL=PageNotFound-DUjrRqET.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageNotFound-
|
|
1
|
+
{"version":3,"file":"PageNotFound-DUjrRqET.js","sources":["../lib/components/app/routes/PageNotFound.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 PageNotFoundRoute() {\n const { packageName } = useLibraryContext();\n\n return (\n <Box direction=\"column\" gap={4}>\n <Header title=\"Page not found\" />\n <Callout intent=\"danger\">\n The URL you requested can't be found. If you think this is an error,{\" \"}\n <ExternalLink\n href={`https://github.com/bvaughn/${packageName}/issues/new`}\n >\n please file a GitHub issue\n </ExternalLink>\n .\n </Callout>\n </Box>\n );\n}\n"],"names":["PageNotFoundRoute","packageName","useLibraryContext","jsxs","Box","jsx","Header","Callout","ExternalLink"],"mappings":";;AAMA,SAAwBA,IAAoB;AAC1C,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA;AAExB,SACE,gBAAAC,EAACC,GAAA,EAAI,WAAU,UAAS,KAAK,GAC3B,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,OAAM,iBAAA,CAAiB;AAAA,IAC/B,gBAAAH,EAACI,GAAA,EAAQ,QAAO,UAAS,UAAA;AAAA,MAAA;AAAA,MAC8C;AAAA,MACrE,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAM,8BAA8BP,CAAW;AAAA,UAChD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEc;AAAA,IAAA,EAAA,CAEjB;AAAA,EAAA,GACF;AAEJ;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-
|
|
2
|
-
//# sourceMappingURL=SupportRoute-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-qm845CuF.cjs");function i(){const{packageName:s}=t.useLibraryContext();return e.jsxs(t.Box,{direction:"column",gap:4,children:[e.jsx(t.Header,{title:"Support"}),e.jsxs("div",{children:[e.jsx(t.ExternalLink,{href:`https://github.com/bvaughn/${s}`,children:"GitHub"})," ","is the easiest place to look for help, but it's probably not the fastest. This project is maintained by a single developer so there is limited bandwidth for answering questions."]}),e.jsxs("div",{children:["I recommend asking questions on"," ",e.jsx(t.ExternalLink,{href:`https://stackoverflow.com/search?q=${s}`,children:"Stack Overflow"})," ","or"," ",e.jsx(t.ExternalLink,{href:"https://reddit.com/r/reactjs",children:"Reddit"})," ","to start with. Both sites have active communities who often respond quickly. If you don't find an answer there you can try opening a GitHub issue- but please take a moment first to see if your question has"," ",e.jsx(t.ExternalLink,{href:`https://github.com/bvaughn/${s}/issues?q=is%3Aissue%20state%3Aclosed`,children:"has already been answered"})," ","before opening a new one."]})]})}exports.default=i;
|
|
2
|
+
//# sourceMappingURL=SupportRoute-9JIclEem.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SupportRoute-
|
|
1
|
+
{"version":3,"file":"SupportRoute-9JIclEem.cjs","sources":["../lib/components/app/routes/SupportRoute.tsx"],"sourcesContent":["import { useLibraryContext } from \"../../../hooks/useLibraryContext\";\nimport { Box } from \"../../Box\";\nimport { ExternalLink } from \"../../ExternalLink\";\nimport { Header } from \"../../Header\";\n\nexport default function SupportRoute() {\n const { packageName } = useLibraryContext();\n\n return (\n <Box direction=\"column\" gap={4}>\n <Header title=\"Support\" />\n <div>\n <ExternalLink href={`https://github.com/bvaughn/${packageName}`}>\n GitHub\n </ExternalLink>{\" \"}\n is the easiest place to look for help, but it's probably not the\n fastest. This project is maintained by a single developer so there is\n limited bandwidth for answering questions.\n </div>\n <div>\n I recommend asking questions on{\" \"}\n <ExternalLink\n href={`https://stackoverflow.com/search?q=${packageName}`}\n >\n Stack Overflow\n </ExternalLink>{\" \"}\n or{\" \"}\n <ExternalLink href=\"https://reddit.com/r/reactjs\">Reddit</ExternalLink>{\" \"}\n to start with. Both sites have active communities who often respond\n quickly. If you don't find an answer there you can try opening a GitHub\n issue- but please take a moment first to see if your question has{\" \"}\n <ExternalLink\n href={`https://github.com/bvaughn/${packageName}/issues?q=is%3Aissue%20state%3Aclosed`}\n >\n has already been answered\n </ExternalLink>{\" \"}\n before opening a new one.\n </div>\n </Box>\n );\n}\n"],"names":["SupportRoute","packageName","useLibraryContext","jsxs","Box","jsx","Header","ExternalLink"],"mappings":"uJAKA,SAAwBA,GAAe,CACrC,KAAM,CAAE,YAAAC,CAAA,EAAgBC,oBAAA,EAExB,OACEC,EAAAA,KAACC,EAAAA,IAAA,CAAI,UAAU,SAAS,IAAK,EAC3B,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CAAO,MAAM,SAAA,CAAU,SACvB,MAAA,CACC,SAAA,CAAAD,MAACE,EAAAA,aAAA,CAAa,KAAM,8BAA8BN,CAAW,GAAI,SAAA,SAEjE,EAAgB,IAAI,mLAAA,EAItB,SACC,MAAA,CAAI,SAAA,CAAA,kCAC6B,IAChCI,EAAAA,IAACE,EAAAA,aAAA,CACC,KAAM,sCAAsCN,CAAW,GACxD,SAAA,gBAAA,CAAA,EAEe,IAAI,KACjB,IACHI,EAAAA,IAACE,EAAAA,aAAA,CAAa,KAAK,+BAA+B,SAAA,SAAM,EAAgB,IAAI,gNAGV,IAClEF,EAAAA,IAACE,EAAAA,aAAA,CACC,KAAM,8BAA8BN,CAAW,wCAChD,SAAA,2BAAA,CAAA,EAEe,IAAI,2BAAA,CAAA,CAEtB,CAAA,EACF,CAEJ"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { u as o, B as r, H as n, E as t } from "./index-
|
|
2
|
+
import { u as o, B as r, H as n, E as t } from "./index-DcYrvRB4.js";
|
|
3
3
|
function c() {
|
|
4
4
|
const { packageName: s } = o();
|
|
5
5
|
return /* @__PURE__ */ i(r, { direction: "column", gap: 4, children: [
|
|
@@ -41,4 +41,4 @@ function c() {
|
|
|
41
41
|
export {
|
|
42
42
|
c as default
|
|
43
43
|
};
|
|
44
|
-
//# sourceMappingURL=SupportRoute-
|
|
44
|
+
//# sourceMappingURL=SupportRoute-Dq4qVZXN.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SupportRoute-
|
|
1
|
+
{"version":3,"file":"SupportRoute-Dq4qVZXN.js","sources":["../lib/components/app/routes/SupportRoute.tsx"],"sourcesContent":["import { useLibraryContext } from \"../../../hooks/useLibraryContext\";\nimport { Box } from \"../../Box\";\nimport { ExternalLink } from \"../../ExternalLink\";\nimport { Header } from \"../../Header\";\n\nexport default function SupportRoute() {\n const { packageName } = useLibraryContext();\n\n return (\n <Box direction=\"column\" gap={4}>\n <Header title=\"Support\" />\n <div>\n <ExternalLink href={`https://github.com/bvaughn/${packageName}`}>\n GitHub\n </ExternalLink>{\" \"}\n is the easiest place to look for help, but it's probably not the\n fastest. This project is maintained by a single developer so there is\n limited bandwidth for answering questions.\n </div>\n <div>\n I recommend asking questions on{\" \"}\n <ExternalLink\n href={`https://stackoverflow.com/search?q=${packageName}`}\n >\n Stack Overflow\n </ExternalLink>{\" \"}\n or{\" \"}\n <ExternalLink href=\"https://reddit.com/r/reactjs\">Reddit</ExternalLink>{\" \"}\n to start with. Both sites have active communities who often respond\n quickly. If you don't find an answer there you can try opening a GitHub\n issue- but please take a moment first to see if your question has{\" \"}\n <ExternalLink\n href={`https://github.com/bvaughn/${packageName}/issues?q=is%3Aissue%20state%3Aclosed`}\n >\n has already been answered\n </ExternalLink>{\" \"}\n before opening a new one.\n </div>\n </Box>\n );\n}\n"],"names":["SupportRoute","packageName","useLibraryContext","jsxs","Box","jsx","Header","ExternalLink"],"mappings":";;AAKA,SAAwBA,IAAe;AACrC,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA;AAExB,SACE,gBAAAC,EAACC,GAAA,EAAI,WAAU,UAAS,KAAK,GAC3B,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,OAAM,UAAA,CAAU;AAAA,sBACvB,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EAAa,MAAM,8BAA8BN,CAAW,IAAI,UAAA,UAEjE;AAAA,MAAgB;AAAA,MAAI;AAAA,IAAA,GAItB;AAAA,sBACC,OAAA,EAAI,UAAA;AAAA,MAAA;AAAA,MAC6B;AAAA,MAChC,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAM,sCAAsCN,CAAW;AAAA,UACxD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEe;AAAA,MAAI;AAAA,MACjB;AAAA,MACH,gBAAAI,EAACE,GAAA,EAAa,MAAK,gCAA+B,UAAA,UAAM;AAAA,MAAgB;AAAA,MAAI;AAAA,MAGV;AAAA,MAClE,gBAAAF;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAM,8BAA8BN,CAAW;AAAA,UAChD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEe;AAAA,MAAI;AAAA,IAAA,EAAA,CAEtB;AAAA,EAAA,GACF;AAEJ;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as r, jsx as a, Fragment as C } from "react/jsx-runtime";
|
|
2
|
-
import { u as c, E as i, S as m, B as d, H as L } from "./index-
|
|
2
|
+
import { u as c, E as i, S as m, B as d, H as L } from "./index-DcYrvRB4.js";
|
|
3
3
|
import * as n from "react";
|
|
4
4
|
function h(t, e = "Assertion error") {
|
|
5
5
|
if (!t)
|
|
@@ -57,4 +57,4 @@ function x() {
|
|
|
57
57
|
export {
|
|
58
58
|
x as default
|
|
59
59
|
};
|
|
60
|
-
//# sourceMappingURL=VersionsRoute-
|
|
60
|
+
//# sourceMappingURL=VersionsRoute-C5U0zY4k.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VersionsRoute-
|
|
1
|
+
{"version":3,"file":"VersionsRoute-C5U0zY4k.js","sources":["../scripts/utils/assert.ts","../public/svgs/globe.svg?react","../lib/components/app/components/VersionLink.tsx","../lib/components/app/routes/VersionsRoute.tsx"],"sourcesContent":["export function assert(\n expectedCondition: unknown,\n message: string = \"Assertion error\"\n): asserts expectedCondition {\n if (!expectedCondition) {\n console.error(message);\n\n throw Error(message);\n }\n}\n","import * as React from \"react\";\nconst SvgGlobe = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 640 640\", fill: \"currentColor\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M119.7 263.7L150.6 294.6C156.6 300.6 164.7 304 173.2 304L194.7 304C203.2 304 211.3 307.4 217.3 313.4L246.6 342.7C252.6 348.7 256 356.8 256 365.3L256 402.8C256 411.3 259.4 419.4 265.4 425.4L278.7 438.7C284.7 444.7 288.1 452.8 288.1 461.3L288.1 480C288.1 497.7 302.4 512 320.1 512C337.8 512 352.1 497.7 352.1 480L352.1 477.3C352.1 468.8 355.5 460.7 361.5 454.7L406.8 409.4C412.8 403.4 416.2 395.3 416.2 386.8L416.2 352.1C416.2 334.4 401.9 320.1 384.2 320.1L301.5 320.1C293 320.1 284.9 316.7 278.9 310.7L262.9 294.7C258.7 290.5 256.3 284.7 256.3 278.7C256.3 266.2 266.4 256.1 278.9 256.1L313.6 256.1C326.1 256.1 336.2 246 336.2 233.5C336.2 227.5 333.8 221.7 329.6 217.5L309.9 197.8C306 194 304 189.1 304 184C304 178.9 306 174 309.7 170.3L327 153C332.8 147.2 336.1 139.3 336.1 131.1C336.1 123.9 333.7 117.4 329.7 112.2C326.5 112.1 323.3 112 320.1 112C224.7 112 144.4 176.2 119.8 263.7zM528 320C528 285.4 519.6 252.8 504.6 224.2C498.2 225.1 491.9 228.1 486.7 233.3L473.3 246.7C467.3 252.7 463.9 260.8 463.9 269.3L463.9 304C463.9 321.7 478.2 336 495.9 336L520 336C522.5 336 525 335.7 527.3 335.2C527.7 330.2 527.8 325.1 527.8 320zM64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320z\" }));\nexport default SvgGlobe;\n","import GlobeIcon from \"../../../../public/svgs/globe.svg?react\";\nimport TagsIcon from \"../../../../public/svgs/tags.svg?react\";\nimport { useLibraryContext } from \"../../../hooks/useLibraryContext\";\nimport { ExternalLink } from \"../../ExternalLink\";\n\nexport function VersionLink({\n url,\n version\n}: {\n url: string;\n version: string;\n}) {\n const { packageName } = useLibraryContext();\n\n return (\n <li className=\"list-disc\">\n {version.split(\".\").slice(0, 2).join(\".\")}\n <span className=\"text-slate-400\">.x</span>\n {url && (\n <ExternalLink\n aria-label={`Documentation for version ${version}`}\n className=\"ml-4\"\n href={url}\n >\n <GlobeIcon className=\"inline w-4 h-4 text-teal-200\" /> documentation\n </ExternalLink>\n )}\n <ExternalLink\n aria-label={`GitHub tag for version ${version}`}\n className=\"ml-4\"\n href={`https://github.com/bvaughn/${packageName}/releases/tag/${version}`}\n >\n <TagsIcon className=\"inline w-4 h-4 text-teal-200\" /> source code\n </ExternalLink>\n </li>\n );\n}\n","import { Fragment } from \"react/jsx-runtime\";\nimport { assert } from \"../../../../scripts/utils/assert\";\nimport { useLibraryContext } from \"../../../hooks/useLibraryContext\";\nimport { Box } from \"../../Box\";\nimport { Header } from \"../../Header\";\nimport { VersionLink } from \"../components/VersionLink\";\n\nexport default function VersionsRoute() {\n const { versions } = useLibraryContext();\n assert(versions !== undefined);\n\n return (\n <Box direction=\"column\" gap={2}>\n <Header title=\"Previous releases\" />\n <div>Click below to view documentation for past releases.</div>\n {Object.entries(versions)\n .sort((a, b) => b[0].localeCompare(a[0]))\n .map(([major, minors]) => (\n <Fragment key={major}>\n <div className=\"text-lg mt-2\">Version {major}</div>\n <ul className=\"pl-8\">\n {Object.entries(minors)\n .sort((a, b) => b[0].localeCompare(a[0]))\n .map(([version, url]) => (\n <VersionLink key={version} url={url} version={version} />\n ))}\n </ul>\n </Fragment>\n ))}\n </Box>\n );\n}\n"],"names":["assert","expectedCondition","message","SvgGlobe","props","React","VersionLink","url","version","packageName","useLibraryContext","jsxs","jsx","ExternalLink","GlobeIcon","TagsIcon","VersionsRoute","versions","Box","Header","a","b","major","minors","Fragment"],"mappings":";;;AAAO,SAASA,EACdC,GACAC,IAAkB,mBACS;AAC3B,MAAI,CAACD;AACH,kBAAQ,MAAMC,CAAO,GAEf,MAAMA,CAAO;AAEvB;ACRA,MAAMC,IAAW,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,eAAe,MAAM,gBAAgB,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,ytCAAwtC,CAAE,CAAC;ACI76C,SAASC,EAAY;AAAA,EAC1B,KAAAC;AAAA,EACA,SAAAC;AACF,GAGG;AACD,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA;AAExB,SACE,gBAAAC,EAAC,MAAA,EAAG,WAAU,aACX,UAAA;AAAA,IAAAH,EAAQ,MAAM,GAAG,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG;AAAA,IACxC,gBAAAI,EAAC,QAAA,EAAK,WAAU,kBAAiB,UAAA,MAAE;AAAA,IAClCL,KACC,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,cAAY,6BAA6BL,CAAO;AAAA,QAChD,WAAU;AAAA,QACV,MAAMD;AAAA,QAEN,UAAA;AAAA,UAAA,gBAAAK,EAACE,GAAA,EAAU,WAAU,+BAAA,CAA+B;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAG1D,gBAAAH;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,cAAY,0BAA0BL,CAAO;AAAA,QAC7C,WAAU;AAAA,QACV,MAAM,8BAA8BC,CAAW,iBAAiBD,CAAO;AAAA,QAEvE,UAAA;AAAA,UAAA,gBAAAI,EAACG,GAAA,EAAS,WAAU,+BAAA,CAA+B;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACvD,GACF;AAEJ;AC7BA,SAAwBC,IAAgB;AACtC,QAAM,EAAE,UAAAC,EAAA,IAAaP,EAAA;AACrB,SAAAV,EAAOiB,MAAa,MAAS,GAG3B,gBAAAN,EAACO,GAAA,EAAI,WAAU,UAAS,KAAK,GAC3B,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAA,EAAO,OAAM,oBAAA,CAAoB;AAAA,IAClC,gBAAAP,EAAC,SAAI,UAAA,uDAAA,CAAoD;AAAA,IACxD,OAAO,QAAQK,CAAQ,EACrB,KAAK,CAACG,GAAGC,MAAMA,EAAE,CAAC,EAAE,cAAcD,EAAE,CAAC,CAAC,CAAC,EACvC,IAAI,CAAC,CAACE,GAAOC,CAAM,MAClB,gBAAAZ,EAACa,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAb,EAAC,OAAA,EAAI,WAAU,gBAAe,UAAA;AAAA,QAAA;AAAA,QAASW;AAAA,MAAA,GAAM;AAAA,MAC7C,gBAAAV,EAAC,MAAA,EAAG,WAAU,QACX,iBAAO,QAAQW,CAAM,EACnB,KAAK,CAACH,GAAGC,MAAMA,EAAE,CAAC,EAAE,cAAcD,EAAE,CAAC,CAAC,CAAC,EACvC,IAAI,CAAC,CAACZ,GAASD,CAAG,wBAChBD,GAAA,EAA0B,KAAAC,GAAU,SAAAC,EAAA,GAAnBA,CAAqC,CACxD,EAAA,CACL;AAAA,IAAA,EAAA,GARac,CASf,CACD;AAAA,EAAA,GACL;AAEJ;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("./index-
|
|
2
|
-
//# sourceMappingURL=VersionsRoute-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("./index-qm845CuF.cjs"),i=require("react");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const o=c(i);function C(t,e="Assertion error"){if(!t)throw console.error(e),Error(e)}const u=t=>o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",fill:"currentColor",...t},o.createElement("path",{d:"M119.7 263.7L150.6 294.6C156.6 300.6 164.7 304 173.2 304L194.7 304C203.2 304 211.3 307.4 217.3 313.4L246.6 342.7C252.6 348.7 256 356.8 256 365.3L256 402.8C256 411.3 259.4 419.4 265.4 425.4L278.7 438.7C284.7 444.7 288.1 452.8 288.1 461.3L288.1 480C288.1 497.7 302.4 512 320.1 512C337.8 512 352.1 497.7 352.1 480L352.1 477.3C352.1 468.8 355.5 460.7 361.5 454.7L406.8 409.4C412.8 403.4 416.2 395.3 416.2 386.8L416.2 352.1C416.2 334.4 401.9 320.1 384.2 320.1L301.5 320.1C293 320.1 284.9 316.7 278.9 310.7L262.9 294.7C258.7 290.5 256.3 284.7 256.3 278.7C256.3 266.2 266.4 256.1 278.9 256.1L313.6 256.1C326.1 256.1 336.2 246 336.2 233.5C336.2 227.5 333.8 221.7 329.6 217.5L309.9 197.8C306 194 304 189.1 304 184C304 178.9 306 174 309.7 170.3L327 153C332.8 147.2 336.1 139.3 336.1 131.1C336.1 123.9 333.7 117.4 329.7 112.2C326.5 112.1 323.3 112 320.1 112C224.7 112 144.4 176.2 119.8 263.7zM528 320C528 285.4 519.6 252.8 504.6 224.2C498.2 225.1 491.9 228.1 486.7 233.3L473.3 246.7C467.3 252.7 463.9 260.8 463.9 269.3L463.9 304C463.9 321.7 478.2 336 495.9 336L520 336C522.5 336 525 335.7 527.3 335.2C527.7 330.2 527.8 325.1 527.8 320zM64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320z"}));function m({url:t,version:e}){const{packageName:r}=a.useLibraryContext();return s.jsxs("li",{className:"list-disc",children:[e.split(".").slice(0,2).join("."),s.jsx("span",{className:"text-slate-400",children:".x"}),t&&s.jsxs(a.ExternalLink,{"aria-label":`Documentation for version ${e}`,className:"ml-4",href:t,children:[s.jsx(u,{className:"inline w-4 h-4 text-teal-200"})," documentation"]}),s.jsxs(a.ExternalLink,{"aria-label":`GitHub tag for version ${e}`,className:"ml-4",href:`https://github.com/bvaughn/${r}/releases/tag/${e}`,children:[s.jsx(a.SvgTags,{className:"inline w-4 h-4 text-teal-200"})," source code"]})]})}function d(){const{versions:t}=a.useLibraryContext();return C(t!==void 0),s.jsxs(a.Box,{direction:"column",gap:2,children:[s.jsx(a.Header,{title:"Previous releases"}),s.jsx("div",{children:"Click below to view documentation for past releases."}),Object.entries(t).sort((e,r)=>r[0].localeCompare(e[0])).map(([e,r])=>s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"text-lg mt-2",children:["Version ",e]}),s.jsx("ul",{className:"pl-8",children:Object.entries(r).sort((n,l)=>l[0].localeCompare(n[0])).map(([n,l])=>s.jsx(m,{url:l,version:n},n))})]},e))]})}exports.default=d;
|
|
2
|
+
//# sourceMappingURL=VersionsRoute-CgKKplVF.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VersionsRoute-
|
|
1
|
+
{"version":3,"file":"VersionsRoute-CgKKplVF.cjs","sources":["../scripts/utils/assert.ts","../public/svgs/globe.svg?react","../lib/components/app/components/VersionLink.tsx","../lib/components/app/routes/VersionsRoute.tsx"],"sourcesContent":["export function assert(\n expectedCondition: unknown,\n message: string = \"Assertion error\"\n): asserts expectedCondition {\n if (!expectedCondition) {\n console.error(message);\n\n throw Error(message);\n }\n}\n","import * as React from \"react\";\nconst SvgGlobe = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 640 640\", fill: \"currentColor\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M119.7 263.7L150.6 294.6C156.6 300.6 164.7 304 173.2 304L194.7 304C203.2 304 211.3 307.4 217.3 313.4L246.6 342.7C252.6 348.7 256 356.8 256 365.3L256 402.8C256 411.3 259.4 419.4 265.4 425.4L278.7 438.7C284.7 444.7 288.1 452.8 288.1 461.3L288.1 480C288.1 497.7 302.4 512 320.1 512C337.8 512 352.1 497.7 352.1 480L352.1 477.3C352.1 468.8 355.5 460.7 361.5 454.7L406.8 409.4C412.8 403.4 416.2 395.3 416.2 386.8L416.2 352.1C416.2 334.4 401.9 320.1 384.2 320.1L301.5 320.1C293 320.1 284.9 316.7 278.9 310.7L262.9 294.7C258.7 290.5 256.3 284.7 256.3 278.7C256.3 266.2 266.4 256.1 278.9 256.1L313.6 256.1C326.1 256.1 336.2 246 336.2 233.5C336.2 227.5 333.8 221.7 329.6 217.5L309.9 197.8C306 194 304 189.1 304 184C304 178.9 306 174 309.7 170.3L327 153C332.8 147.2 336.1 139.3 336.1 131.1C336.1 123.9 333.7 117.4 329.7 112.2C326.5 112.1 323.3 112 320.1 112C224.7 112 144.4 176.2 119.8 263.7zM528 320C528 285.4 519.6 252.8 504.6 224.2C498.2 225.1 491.9 228.1 486.7 233.3L473.3 246.7C467.3 252.7 463.9 260.8 463.9 269.3L463.9 304C463.9 321.7 478.2 336 495.9 336L520 336C522.5 336 525 335.7 527.3 335.2C527.7 330.2 527.8 325.1 527.8 320zM64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320z\" }));\nexport default SvgGlobe;\n","import GlobeIcon from \"../../../../public/svgs/globe.svg?react\";\nimport TagsIcon from \"../../../../public/svgs/tags.svg?react\";\nimport { useLibraryContext } from \"../../../hooks/useLibraryContext\";\nimport { ExternalLink } from \"../../ExternalLink\";\n\nexport function VersionLink({\n url,\n version\n}: {\n url: string;\n version: string;\n}) {\n const { packageName } = useLibraryContext();\n\n return (\n <li className=\"list-disc\">\n {version.split(\".\").slice(0, 2).join(\".\")}\n <span className=\"text-slate-400\">.x</span>\n {url && (\n <ExternalLink\n aria-label={`Documentation for version ${version}`}\n className=\"ml-4\"\n href={url}\n >\n <GlobeIcon className=\"inline w-4 h-4 text-teal-200\" /> documentation\n </ExternalLink>\n )}\n <ExternalLink\n aria-label={`GitHub tag for version ${version}`}\n className=\"ml-4\"\n href={`https://github.com/bvaughn/${packageName}/releases/tag/${version}`}\n >\n <TagsIcon className=\"inline w-4 h-4 text-teal-200\" /> source code\n </ExternalLink>\n </li>\n );\n}\n","import { Fragment } from \"react/jsx-runtime\";\nimport { assert } from \"../../../../scripts/utils/assert\";\nimport { useLibraryContext } from \"../../../hooks/useLibraryContext\";\nimport { Box } from \"../../Box\";\nimport { Header } from \"../../Header\";\nimport { VersionLink } from \"../components/VersionLink\";\n\nexport default function VersionsRoute() {\n const { versions } = useLibraryContext();\n assert(versions !== undefined);\n\n return (\n <Box direction=\"column\" gap={2}>\n <Header title=\"Previous releases\" />\n <div>Click below to view documentation for past releases.</div>\n {Object.entries(versions)\n .sort((a, b) => b[0].localeCompare(a[0]))\n .map(([major, minors]) => (\n <Fragment key={major}>\n <div className=\"text-lg mt-2\">Version {major}</div>\n <ul className=\"pl-8\">\n {Object.entries(minors)\n .sort((a, b) => b[0].localeCompare(a[0]))\n .map(([version, url]) => (\n <VersionLink key={version} url={url} version={version} />\n ))}\n </ul>\n </Fragment>\n ))}\n </Box>\n );\n}\n"],"names":["assert","expectedCondition","message","SvgGlobe","props","React","VersionLink","url","version","packageName","useLibraryContext","jsxs","jsx","ExternalLink","GlobeIcon","TagsIcon","VersionsRoute","versions","Box","Header","a","b","major","minors","Fragment"],"mappings":"ocAAO,SAASA,EACdC,EACAC,EAAkB,kBACS,CAC3B,GAAI,CAACD,EACH,cAAQ,MAAMC,CAAO,EAEf,MAAMA,CAAO,CAEvB,CCRA,MAAMC,EAAYC,GAA0BC,EAAM,cAAc,MAAO,CAAE,MAAO,6BAA8B,QAAS,cAAe,KAAM,eAAgB,GAAGD,CAAK,EAAoBC,EAAM,cAAc,OAAQ,CAAE,EAAG,wtCAAwtC,CAAE,CAAC,ECI76C,SAASC,EAAY,CAC1B,IAAAC,EACA,QAAAC,CACF,EAGG,CACD,KAAM,CAAE,YAAAC,CAAA,EAAgBC,oBAAA,EAExB,OACEC,EAAAA,KAAC,KAAA,CAAG,UAAU,YACX,SAAA,CAAAH,EAAQ,MAAM,GAAG,EAAE,MAAM,EAAG,CAAC,EAAE,KAAK,GAAG,EACxCI,EAAAA,IAAC,OAAA,CAAK,UAAU,iBAAiB,SAAA,KAAE,EAClCL,GACCI,EAAAA,KAACE,EAAAA,aAAA,CACC,aAAY,6BAA6BL,CAAO,GAChD,UAAU,OACV,KAAMD,EAEN,SAAA,CAAAK,EAAAA,IAACE,EAAA,CAAU,UAAU,8BAAA,CAA+B,EAAE,gBAAA,CAAA,CAAA,EAG1DH,EAAAA,KAACE,EAAAA,aAAA,CACC,aAAY,0BAA0BL,CAAO,GAC7C,UAAU,OACV,KAAM,8BAA8BC,CAAW,iBAAiBD,CAAO,GAEvE,SAAA,CAAAI,EAAAA,IAACG,EAAAA,QAAA,CAAS,UAAU,8BAAA,CAA+B,EAAE,cAAA,CAAA,CAAA,CACvD,EACF,CAEJ,CC7BA,SAAwBC,GAAgB,CACtC,KAAM,CAAE,SAAAC,CAAA,EAAaP,oBAAA,EACrB,OAAAV,EAAOiB,IAAa,MAAS,EAG3BN,EAAAA,KAACO,EAAAA,IAAA,CAAI,UAAU,SAAS,IAAK,EAC3B,SAAA,CAAAN,EAAAA,IAACO,EAAAA,OAAA,CAAO,MAAM,mBAAA,CAAoB,EAClCP,EAAAA,IAAC,OAAI,SAAA,sDAAA,CAAoD,EACxD,OAAO,QAAQK,CAAQ,EACrB,KAAK,CAACG,EAAGC,IAAMA,EAAE,CAAC,EAAE,cAAcD,EAAE,CAAC,CAAC,CAAC,EACvC,IAAI,CAAC,CAACE,EAAOC,CAAM,IAClBZ,EAAAA,KAACa,WAAA,CACC,SAAA,CAAAb,EAAAA,KAAC,MAAA,CAAI,UAAU,eAAe,SAAA,CAAA,WAASW,CAAA,EAAM,EAC7CV,EAAAA,IAAC,KAAA,CAAG,UAAU,OACX,gBAAO,QAAQW,CAAM,EACnB,KAAK,CAACH,EAAGC,IAAMA,EAAE,CAAC,EAAE,cAAcD,EAAE,CAAC,CAAC,CAAC,EACvC,IAAI,CAAC,CAACZ,EAASD,CAAG,UAChBD,EAAA,CAA0B,IAAAC,EAAU,QAAAC,CAAA,EAAnBA,CAAqC,CACxD,CAAA,CACL,CAAA,CAAA,EARac,CASf,CACD,CAAA,EACL,CAEJ"}
|
|
@@ -8851,10 +8851,10 @@ function Um() {
|
|
|
8851
8851
|
}, [e, t]), null;
|
|
8852
8852
|
}
|
|
8853
8853
|
const Gm = {
|
|
8854
|
-
"*": Wt(() => import("./PageNotFound-
|
|
8855
|
-
"/": Wt(() => import("./GettingStartedRoute-
|
|
8856
|
-
"/support": Wt(() => import("./SupportRoute-
|
|
8857
|
-
"/versions": Wt(() => import("./VersionsRoute-
|
|
8854
|
+
"*": Wt(() => import("./PageNotFound-DUjrRqET.js")),
|
|
8855
|
+
"/": Wt(() => import("./GettingStartedRoute-foIc86s9.js")),
|
|
8856
|
+
"/support": Wt(() => import("./SupportRoute-Dq4qVZXN.js")),
|
|
8857
|
+
"/versions": Wt(() => import("./VersionsRoute-C5U0zY4k.js"))
|
|
8858
8858
|
};
|
|
8859
8859
|
function uh({
|
|
8860
8860
|
navLinks: e,
|
|
@@ -9328,36 +9328,27 @@ function yh({
|
|
|
9328
9328
|
]
|
|
9329
9329
|
}
|
|
9330
9330
|
),
|
|
9331
|
-
/* @__PURE__ */ E(
|
|
9332
|
-
|
|
9331
|
+
/* @__PURE__ */ E(im, { as: Ne, leaveFrom: "opacity-100", leaveTo: "opacity-0", children: /* @__PURE__ */ E(
|
|
9332
|
+
oa,
|
|
9333
9333
|
{
|
|
9334
|
-
|
|
9335
|
-
|
|
9336
|
-
|
|
9337
|
-
|
|
9338
|
-
children: /* @__PURE__ */ E(
|
|
9339
|
-
oa,
|
|
9334
|
+
className: "absolute z-10 mt-1 max-h-50 w-full overflow-auto rounded-md py-1 bg-black/90",
|
|
9335
|
+
"data-focus": !0,
|
|
9336
|
+
children: r.map((l, a) => /* @__PURE__ */ E(
|
|
9337
|
+
ia,
|
|
9340
9338
|
{
|
|
9341
|
-
className:
|
|
9342
|
-
|
|
9343
|
-
|
|
9344
|
-
|
|
9345
|
-
|
|
9346
|
-
|
|
9347
|
-
|
|
9348
|
-
|
|
9349
|
-
|
|
9350
|
-
|
|
9351
|
-
|
|
9352
|
-
value: l,
|
|
9353
|
-
children: l.label
|
|
9354
|
-
},
|
|
9355
|
-
a
|
|
9356
|
-
))
|
|
9357
|
-
}
|
|
9358
|
-
)
|
|
9339
|
+
className: be(
|
|
9340
|
+
"relative cursor-pointer select-none h-7 py-1 px-2 text-slate-300 border-none!",
|
|
9341
|
+
"data-focus:text-teal-300 data-focus:bg-black",
|
|
9342
|
+
"data-active:text-teal-300 data-active:bg-black",
|
|
9343
|
+
"data-selected:text-teal-300 data-selected:font-bold"
|
|
9344
|
+
),
|
|
9345
|
+
value: l,
|
|
9346
|
+
children: l.label
|
|
9347
|
+
},
|
|
9348
|
+
a
|
|
9349
|
+
))
|
|
9359
9350
|
}
|
|
9360
|
-
)
|
|
9351
|
+
) })
|
|
9361
9352
|
] }) });
|
|
9362
9353
|
}
|
|
9363
9354
|
function xh(e, t) {
|
|
@@ -9402,4 +9393,4 @@ export {
|
|
|
9402
9393
|
xh as n,
|
|
9403
9394
|
Xm as u
|
|
9404
9395
|
};
|
|
9405
|
-
//# sourceMappingURL=index-
|
|
9396
|
+
//# sourceMappingURL=index-DcYrvRB4.js.map
|