@silicajs/theme-amethyst 0.2.5 → 0.4.0
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/dist/index.js +23 -13
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { tagToHref } from "@silicajs/core/runtime";
|
|
2
|
+
import { getPageProperties, tagToHref } from "@silicajs/core/runtime";
|
|
3
3
|
import {
|
|
4
4
|
Backlinks,
|
|
5
5
|
Breadcrumbs,
|
|
@@ -73,14 +73,26 @@ function SiteLayout({
|
|
|
73
73
|
}
|
|
74
74
|
function PageRenderer({ page, breadcrumbs, backlinks }) {
|
|
75
75
|
const hasBreadcrumbs = breadcrumbs.length > 0;
|
|
76
|
+
const properties = page.pageProperties ?? getPageProperties(page.frontmatter);
|
|
77
|
+
const hasProperties = properties.length > 0;
|
|
78
|
+
const hasTags = page.tags.length > 0;
|
|
76
79
|
return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-6xl px-8 py-12 lg:grid lg:grid-cols-[minmax(0,1fr)_14rem] lg:gap-12", children: [
|
|
77
80
|
/* @__PURE__ */ jsxs("article", { className: "min-w-0", children: [
|
|
78
|
-
/* @__PURE__ */ jsxs("header", { className: "mb-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
81
|
+
/* @__PURE__ */ jsxs("header", { className: "mb-6 flex flex-col gap-6", children: [
|
|
82
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
|
|
83
|
+
hasBreadcrumbs ? /* @__PURE__ */ jsx(Breadcrumbs, { items: breadcrumbs, className: "text-xs" }) : null,
|
|
84
|
+
/* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold tracking-tight text-foreground", children: page.title }),
|
|
85
|
+
page.description ? /* @__PURE__ */ jsx("p", { className: "text-lg leading-relaxed text-muted-foreground", children: page.description }) : null
|
|
86
|
+
] }),
|
|
87
|
+
hasProperties ? /* @__PURE__ */ jsx(PageProperties, { properties }) : null
|
|
88
|
+
] }),
|
|
89
|
+
/* @__PURE__ */ jsx("div", { className: "prose max-w-none", children: page.content }),
|
|
90
|
+
/* @__PURE__ */ jsx("div", { className: "mt-16", children: /* @__PURE__ */ jsx(Backlinks, { backlinks }) })
|
|
91
|
+
] }),
|
|
92
|
+
/* @__PURE__ */ jsxs("aside", { className: "mt-12 hidden flex-col gap-8 lg:sticky lg:top-12 lg:mt-0 lg:flex lg:self-start", children: [
|
|
93
|
+
hasTags ? /* @__PURE__ */ jsxs("div", { children: [
|
|
94
|
+
/* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium tracking-wider text-muted-foreground uppercase", children: "Tags" }),
|
|
95
|
+
/* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: page.tags.map((tag) => /* @__PURE__ */ jsxs(
|
|
84
96
|
SilicaLink,
|
|
85
97
|
{
|
|
86
98
|
href: tagToHref(tag),
|
|
@@ -91,12 +103,10 @@ function PageRenderer({ page, breadcrumbs, backlinks }) {
|
|
|
91
103
|
]
|
|
92
104
|
},
|
|
93
105
|
tag
|
|
94
|
-
)) })
|
|
95
|
-
] }),
|
|
96
|
-
/* @__PURE__ */ jsx(
|
|
97
|
-
|
|
98
|
-
] }),
|
|
99
|
-
/* @__PURE__ */ jsx("aside", { className: "mt-12 hidden lg:sticky lg:top-12 lg:mt-0 lg:block lg:self-start", children: /* @__PURE__ */ jsx(TableOfContents, { toc: page.toc }) })
|
|
106
|
+
)) })
|
|
107
|
+
] }) : null,
|
|
108
|
+
/* @__PURE__ */ jsx(TableOfContents, { toc: page.toc })
|
|
109
|
+
] })
|
|
100
110
|
] });
|
|
101
111
|
}
|
|
102
112
|
const components = {
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { tagToHref } from \"@silicajs/core/runtime\";\nimport type {\n ThemePageProps,\n ThemeRootLayoutProps,\n ThemeSiteLayoutProps,\n} from \"@silicajs/core/theme\";\nimport {\n Backlinks,\n Breadcrumbs,\n PageProperties,\n SilicaLink,\n TableOfContents,\n} from \"@silicajs/components\";\nimport {\n SidebarInset,\n SidebarProvider,\n SidebarTrigger,\n} from \"@silicajs/ui/components/sidebar\";\n\nimport { Callout } from \"./callout.js\";\nimport { CodeBlock } from \"./code-block.js\";\nimport { Embed } from \"./embed.js\";\nimport { Mermaid } from \"./mermaid.js\";\nimport { Sidebar } from \"./sidebar.js\";\n\nfunction DefaultProvider({ children }: { children: ReactNode }) {\n return <>{children}</>;\n}\n\nconst THEME_INIT_SCRIPT = String.raw`\n(function () {\n try {\n var storageKey = \"silica-theme\";\n var root = document.documentElement;\n var stored = window.localStorage.getItem(storageKey);\n var theme =\n stored === \"dark\" || stored === \"light\"\n ? stored\n : window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n ? \"dark\"\n : \"light\";\n\n root.classList.remove(\"dark\", \"light\");\n root.classList.add(theme);\n } catch (_) {}\n})();\n`;\n\nexport function RootLayout({\n config,\n children,\n Provider = DefaultProvider,\n}: ThemeRootLayoutProps) {\n return (\n <html lang=\"en\" suppressHydrationWarning>\n <head>\n <script dangerouslySetInnerHTML={{ __html: THEME_INIT_SCRIPT }} />\n </head>\n <body className=\"min-h-svh bg-background font-sans text-foreground antialiased\">\n <Provider>{children}</Provider>\n </body>\n </html>\n );\n}\n\nexport function SiteLayout({\n navigationEndpoint,\n config,\n children,\n}: ThemeSiteLayoutProps) {\n return (\n <SidebarProvider>\n <Sidebar navigationEndpoint={navigationEndpoint} config={config} />\n <SidebarInset>\n <header className=\"sticky top-0 z-10 flex h-12 shrink-0 items-center gap-2 border-b border-border bg-background px-3 md:hidden\">\n <SidebarTrigger />\n <SilicaLink\n href=\"/\"\n className=\"truncate text-sm font-semibold tracking-tight text-foreground\"\n >\n {config.title}\n </SilicaLink>\n </header>\n {children}\n </SidebarInset>\n </SidebarProvider>\n );\n}\n\nexport function PageRenderer({ page, breadcrumbs, backlinks }: ThemePageProps) {\n const hasBreadcrumbs = breadcrumbs.length > 0;\n return (\n <div className=\"mx-auto w-full max-w-6xl px-8 py-12 lg:grid lg:grid-cols-[minmax(0,1fr)_14rem] lg:gap-12\">\n <article className=\"min-w-0\">\n <header className=\"mb-
|
|
1
|
+
{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { getPageProperties, tagToHref } from \"@silicajs/core/runtime\";\nimport type {\n ThemePageProps,\n ThemeRootLayoutProps,\n ThemeSiteLayoutProps,\n} from \"@silicajs/core/theme\";\nimport {\n Backlinks,\n Breadcrumbs,\n PageProperties,\n SilicaLink,\n TableOfContents,\n} from \"@silicajs/components\";\nimport {\n SidebarInset,\n SidebarProvider,\n SidebarTrigger,\n} from \"@silicajs/ui/components/sidebar\";\n\nimport { Callout } from \"./callout.js\";\nimport { CodeBlock } from \"./code-block.js\";\nimport { Embed } from \"./embed.js\";\nimport { Mermaid } from \"./mermaid.js\";\nimport { Sidebar } from \"./sidebar.js\";\n\nfunction DefaultProvider({ children }: { children: ReactNode }) {\n return <>{children}</>;\n}\n\nconst THEME_INIT_SCRIPT = String.raw`\n(function () {\n try {\n var storageKey = \"silica-theme\";\n var root = document.documentElement;\n var stored = window.localStorage.getItem(storageKey);\n var theme =\n stored === \"dark\" || stored === \"light\"\n ? stored\n : window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n ? \"dark\"\n : \"light\";\n\n root.classList.remove(\"dark\", \"light\");\n root.classList.add(theme);\n } catch (_) {}\n})();\n`;\n\nexport function RootLayout({\n config,\n children,\n Provider = DefaultProvider,\n}: ThemeRootLayoutProps) {\n return (\n <html lang=\"en\" suppressHydrationWarning>\n <head>\n <script dangerouslySetInnerHTML={{ __html: THEME_INIT_SCRIPT }} />\n </head>\n <body className=\"min-h-svh bg-background font-sans text-foreground antialiased\">\n <Provider>{children}</Provider>\n </body>\n </html>\n );\n}\n\nexport function SiteLayout({\n navigationEndpoint,\n config,\n children,\n}: ThemeSiteLayoutProps) {\n return (\n <SidebarProvider>\n <Sidebar navigationEndpoint={navigationEndpoint} config={config} />\n <SidebarInset>\n <header className=\"sticky top-0 z-10 flex h-12 shrink-0 items-center gap-2 border-b border-border bg-background px-3 md:hidden\">\n <SidebarTrigger />\n <SilicaLink\n href=\"/\"\n className=\"truncate text-sm font-semibold tracking-tight text-foreground\"\n >\n {config.title}\n </SilicaLink>\n </header>\n {children}\n </SidebarInset>\n </SidebarProvider>\n );\n}\n\nexport function PageRenderer({ page, breadcrumbs, backlinks }: ThemePageProps) {\n const hasBreadcrumbs = breadcrumbs.length > 0;\n const properties = page.pageProperties ?? getPageProperties(page.frontmatter);\n const hasProperties = properties.length > 0;\n const hasTags = page.tags.length > 0;\n return (\n <div className=\"mx-auto w-full max-w-6xl px-8 py-12 lg:grid lg:grid-cols-[minmax(0,1fr)_14rem] lg:gap-12\">\n <article className=\"min-w-0\">\n <header className=\"mb-6 flex flex-col gap-6\">\n <div className=\"flex flex-col gap-2\">\n {hasBreadcrumbs ? (\n <Breadcrumbs items={breadcrumbs} className=\"text-xs\" />\n ) : null}\n <h1 className=\"text-4xl font-bold tracking-tight text-foreground\">\n {page.title}\n </h1>\n {page.description ? (\n <p className=\"text-lg leading-relaxed text-muted-foreground\">\n {page.description}\n </p>\n ) : null}\n </div>\n {hasProperties ? <PageProperties properties={properties} /> : null}\n </header>\n <div className=\"prose max-w-none\">{page.content}</div>\n <div className=\"mt-16\">\n <Backlinks backlinks={backlinks} />\n </div>\n </article>\n <aside className=\"mt-12 hidden flex-col gap-8 lg:sticky lg:top-12 lg:mt-0 lg:flex lg:self-start\">\n {hasTags ? (\n <div>\n <p className=\"mb-2 text-xs font-medium tracking-wider text-muted-foreground uppercase\">\n Tags\n </p>\n <div className=\"flex flex-wrap gap-2\">\n {page.tags.map((tag) => (\n <SilicaLink\n key={tag}\n href={tagToHref(tag)}\n className=\"inline-flex h-6 items-center rounded-full border border-border px-2 text-xs text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground\"\n >\n <span className=\"text-muted-foreground/70\">#</span>\n <span className=\"ml-0.5\">{tag}</span>\n </SilicaLink>\n ))}\n </div>\n </div>\n ) : null}\n <TableOfContents toc={page.toc} />\n </aside>\n </div>\n );\n}\n\nexport const components = {\n \"silica-callout\": Callout,\n \"silica-code-block\": CodeBlock,\n \"silica-embed\": Embed,\n \"silica-mermaid\": Mermaid,\n};\n\nexport default { RootLayout, SiteLayout, PageRenderer, components };\n"],"mappings":"AA2BS,wBA4BL,YA5BK;AA1BT,SAAS,mBAAmB,iBAAiB;AAM7C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,eAAe;AACxB,SAAS,eAAe;AAExB,SAAS,gBAAgB,EAAE,SAAS,GAA4B;AAC9D,SAAO,gCAAG,UAAS;AACrB;AAEA,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmB1B,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAyB;AACvB,SACE,qBAAC,UAAK,MAAK,MAAK,0BAAwB,MACtC;AAAA,wBAAC,UACC,8BAAC,YAAO,yBAAyB,EAAE,QAAQ,kBAAkB,GAAG,GAClE;AAAA,IACA,oBAAC,UAAK,WAAU,iEACd,8BAAC,YAAU,UAAS,GACtB;AAAA,KACF;AAEJ;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,SACE,qBAAC,mBACC;AAAA,wBAAC,WAAQ,oBAAwC,QAAgB;AAAA,IACjE,qBAAC,gBACC;AAAA,2BAAC,YAAO,WAAU,+GAChB;AAAA,4BAAC,kBAAe;AAAA,QAChB;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YAET,iBAAO;AAAA;AAAA,QACV;AAAA,SACF;AAAA,MACC;AAAA,OACH;AAAA,KACF;AAEJ;AAEO,SAAS,aAAa,EAAE,MAAM,aAAa,UAAU,GAAmB;AAC7E,QAAM,iBAAiB,YAAY,SAAS;AAC5C,QAAM,aAAa,KAAK,kBAAkB,kBAAkB,KAAK,WAAW;AAC5E,QAAM,gBAAgB,WAAW,SAAS;AAC1C,QAAM,UAAU,KAAK,KAAK,SAAS;AACnC,SACE,qBAAC,SAAI,WAAU,4FACb;AAAA,yBAAC,aAAQ,WAAU,WACjB;AAAA,2BAAC,YAAO,WAAU,4BAChB;AAAA,6BAAC,SAAI,WAAU,uBACZ;AAAA,2BACC,oBAAC,eAAY,OAAO,aAAa,WAAU,WAAU,IACnD;AAAA,UACJ,oBAAC,QAAG,WAAU,qDACX,eAAK,OACR;AAAA,UACC,KAAK,cACJ,oBAAC,OAAE,WAAU,iDACV,eAAK,aACR,IACE;AAAA,WACN;AAAA,QACC,gBAAgB,oBAAC,kBAAe,YAAwB,IAAK;AAAA,SAChE;AAAA,MACA,oBAAC,SAAI,WAAU,oBAAoB,eAAK,SAAQ;AAAA,MAChD,oBAAC,SAAI,WAAU,SACb,8BAAC,aAAU,WAAsB,GACnC;AAAA,OACF;AAAA,IACA,qBAAC,WAAM,WAAU,iFACd;AAAA,gBACC,qBAAC,SACC;AAAA,4BAAC,OAAE,WAAU,2EAA0E,kBAEvF;AAAA,QACA,oBAAC,SAAI,WAAU,wBACZ,eAAK,KAAK,IAAI,CAAC,QACd;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM,UAAU,GAAG;AAAA,YACnB,WAAU;AAAA,YAEV;AAAA,kCAAC,UAAK,WAAU,4BAA2B,eAAC;AAAA,cAC5C,oBAAC,UAAK,WAAU,UAAU,eAAI;AAAA;AAAA;AAAA,UALzB;AAAA,QAMP,CACD,GACH;AAAA,SACF,IACE;AAAA,MACJ,oBAAC,mBAAgB,KAAK,KAAK,KAAK;AAAA,OAClC;AAAA,KACF;AAEJ;AAEO,MAAM,aAAa;AAAA,EACxB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,kBAAkB;AACpB;AAEA,IAAO,gBAAQ,EAAE,YAAY,YAAY,cAAc,WAAW;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@silicajs/theme-amethyst",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "Amethyst theme for Silica — Tailwind v4 + Base UI, violet accent, Mintlify-style layout.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
"test": "vitest run --passWithNoTests"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@silicajs/components": "^0.
|
|
28
|
-
"@silicajs/core": "^0.
|
|
29
|
-
"@silicajs/ui": "^0.1.
|
|
27
|
+
"@silicajs/components": "^0.3.1",
|
|
28
|
+
"@silicajs/core": "^0.7.1",
|
|
29
|
+
"@silicajs/ui": "^0.1.3",
|
|
30
30
|
"@tailwindcss/typography": "^0.5.20",
|
|
31
31
|
"class-variance-authority": "^0.7.1",
|
|
32
32
|
"lucide-react": "^1.17.0"
|