@sigx/ssg 0.2.0 → 0.2.2

package/dist/plugin-EIAzPLvE.js

@@ -0,0 +1,446 @@
+import { D as e, E as t, O as n, T as r, _ as i, b as a, c as o, d as s, h as c, k as l, m as u, n as d, o as f, p, s as m, t as h, u as g, v as _, x as v } from "./virtual-entries-CH-0HuqJ.js";
+import y from "node:path";
+import b from "node:fs";
+import { createHighlighter as x } from "shiki";
+import { visit as S } from "unist-util-visit";
+import { toString as C } from "hast-util-to-string";
+//#region src/mdx/shiki.ts
+var w = null, T = {
+	light: "github-light",
+	dark: "github-dark",
+	langs: [
+		"javascript",
+		"typescript",
+		"jsx",
+		"tsx",
+		"json",
+		"css",
+		"html",
+		"markdown",
+		"bash",
+		"shell"
+	]
+};
+async function E(e) {
+	if (!w) {
+		let t = {
+			...T,
+			...e
+		};
+		w = x({
+			themes: [t.light, t.dark],
+			langs: t.langs
+		});
+	}
+	return w;
+}
+async function D(e, t, n, r) {
+	let i = await E(n), a = {
+		...T,
+		...n
+	}, o = i.getLoadedLanguages().includes(t) ? t : "text", s = i.codeToHtml(e, {
+		lang: o,
+		themes: {
+			light: a.light,
+			dark: a.dark
+		}
+	}), c = r?.filename ?? "", l = r?.live ?? !1, u = r?.tabs, d = u && u.length > 0, f = c ? `<span class="code-window-filename">${A(c)}</span>` : `<span class="code-window-lang">${k(o)}</span>`;
+	if (d) {
+		let t = O(e), n = u[0], r = u.map((e, t) => {
+			let n = e.charAt(0).toUpperCase() + e.slice(1);
+			return `<button class="code-window-tab${t === 0 ? " code-window-tab-active" : ""}">${n}</button>`;
+		}).join("\n                ");
+		return `<div 
+    class="live-preview-island" 
+    data-island="LivePreview" 
+    data-island-strategy="visible"
+    data-island-props="${A(JSON.stringify({
+			code: t,
+			highlightedCode: s,
+			language: o,
+			filename: c,
+			tabs: u,
+			live: l
+		}))}"
+>
+    <div class="code-window code-window-live code-window-preview">
+        <div class="code-window-header">
+            <div class="code-window-header-left">
+                <div class="code-window-dots">
+                    <span class="code-window-dot dot-red"></span>
+                    <span class="code-window-dot dot-yellow"></span>
+                    <span class="code-window-dot dot-green"></span>
+                </div>
+                ${f}
+            </div>
+            <div class="code-window-tabs">
+                ${r}
+            </div>
+            <button class="code-window-try-live" disabled>⚡ Try Live</button>
+        </div>
+        <div class="code-window-preview-pane"${n === "preview" ? "" : " style=\"display:none;\""}>
+            <div class="code-window-preview-loading">
+                <span class="code-window-spinner"></span>
+                Loading preview...
+            </div>
+        </div>
+        <div class="code-window-console-pane"${n === "console" ? "" : " style=\"display:none;\""}>
+            <div class="code-window-console-empty">No console output</div>
+        </div>
+        <div class="code-window-content"${n === "code" ? "" : " style=\"display:none;\""}>
+            ${s}
+        </div>
+    </div>
+</div>`;
+	}
+	let p = l ? `<button class="code-window-try-live" data-live-code="${A(O(e))}" data-lang="${o}" data-filename="${A(c)}" title="Open in Live Playground">⚡ Try Live</button>` : "";
+	return `<div class="code-window${l ? " code-window-live" : ""}">
+        <div class="code-window-header">
+            <div class="code-window-header-left">
+                <div class="code-window-dots">
+                    <span class="code-window-dot dot-red"></span>
+                    <span class="code-window-dot dot-yellow"></span>
+                    <span class="code-window-dot dot-green"></span>
+                </div>
+                ${f}
+            </div>
+            ${p}
+        </div>
+        <div class="code-window-content">
+            ${s}
+        </div>
+    </div>`;
+}
+function O(e) {
+	return typeof Buffer < "u" ? Buffer.from(e, "utf-8").toString("base64") : btoa(unescape(encodeURIComponent(e)));
+}
+function k(e) {
+	return {
+		tsx: "TSX",
+		jsx: "JSX",
+		ts: "TypeScript",
+		typescript: "TypeScript",
+		js: "JavaScript",
+		javascript: "JavaScript",
+		css: "CSS",
+		html: "HTML",
+		json: "JSON",
+		bash: "Terminal",
+		shell: "Terminal",
+		sh: "Terminal",
+		md: "Markdown",
+		markdown: "Markdown",
+		python: "Python",
+		py: "Python",
+		rust: "Rust",
+		go: "Go",
+		text: ""
+	}[e.toLowerCase()] ?? e.toUpperCase();
+}
+function A(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function j(e) {
+	return async (t) => {
+		let { visit: n } = await import("unist-util-visit"), { fromHtml: r } = await import("hast-util-from-html"), i = [];
+		n(t, "element", (e, t, n) => {
+			e.tagName === "pre" && e.children?.[0]?.tagName === "code" && i.push({
+				node: e,
+				parent: n,
+				index: t ?? 0
+			});
+		}), await Promise.all(i.map(async ({ node: t, parent: n, index: i }) => {
+			let a = t.children[0], o = (a.properties?.className?.[0] || "").replace(/^language-/, "") || "text", s = a.data?.meta || a.properties?.metastring || "", c = M(s, "filename") || M(s, "title") || "", l = /\blive\b/i.test(s), u = [
+				"preview",
+				"code",
+				"console"
+			], d = [], f = [];
+			for (let e of u) {
+				let t = RegExp(`\\b${e}\\b`, "i"), n = s.match(t);
+				n && n.index !== void 0 && f.push({
+					tab: e,
+					index: n.index
+				});
+			}
+			f.sort((e, t) => e.index - t.index);
+			for (let { tab: e } of f) d.push(e);
+			let p = r(await D(N(a).trim(), o, e, {
+				filename: c,
+				live: l,
+				tabs: d.length > 0 ? d : void 0
+			}), { fragment: !0 });
+			n && typeof i == "number" && p.children.length > 0 && (n.children[i] = p.children[0]);
+		}));
+	};
+}
+function M(e, t) {
+	if (!e) return null;
+	let n = RegExp(`${t}=["']?([^"'\\s]+)["']?`, "i"), r = e.match(n);
+	return r ? r[1] : null;
+}
+function N(e) {
+	return e.type === "text" ? e.value : e.children ? e.children.map(N).join("") : "";
+}
+//#endregion
+//#region src/mdx/rehype-headings.ts
+function P(e = {}) {
+	let { minLevel: t = 2, maxLevel: n = 3 } = e;
+	return (e, r) => {
+		let i = [];
+		S(e, "element", (e) => {
+			let r = /^h([1-6])$/.exec(e.tagName);
+			if (!r) return;
+			let a = parseInt(r[1], 10);
+			if (a < t || a > n) return;
+			let o = e.properties?.id;
+			if (!o) return;
+			let s = C(e).trim();
+			s && i.push({
+				id: o,
+				text: s,
+				level: a
+			});
+		}), r.data = r.data || {}, r.data.headings = i;
+	};
+}
+//#endregion
+//#region src/mdx/plugin.ts
+function F(n = {}) {
+	let { markdown: r = {} } = n, i, a;
+	return {
+		name: "sigx-ssg-mdx",
+		enforce: "pre",
+		async configResolved(e) {
+			a = e;
+			let t = await import("@mdx-js/rollup"), o = (await import("remark-frontmatter")).default, s = (await import("remark-mdx-frontmatter")).default, c = (await import("remark-gfm")).default, l = (await import("rehype-slug")).default, u = (await import("rehype-autolink-headings")).default, d = n.ssgConfig?.toc || {
+				minLevel: 2,
+				maxLevel: 3
+			}, f = [];
+			if (f.push(l), f.push([u, {
+				behavior: "append",
+				properties: {
+					class: "heading-anchor",
+					ariaHidden: !0,
+					tabIndex: -1
+				},
+				content: {
+					type: "element",
+					tagName: "span",
+					properties: { class: "heading-anchor-icon" },
+					children: [{
+						type: "text",
+						value: "#"
+					}]
+				}
+			}]), f.push([P, d]), r.shiki !== !1) {
+				let e = typeof r.shiki == "object" ? r.shiki : void 0;
+				f.push([j, e]);
+			}
+			r.rehypePlugins && f.push(...r.rehypePlugins);
+			let p = [
+				o,
+				[s, { name: "frontmatter" }],
+				c
+			];
+			r.remarkPlugins && p.push(...r.remarkPlugins), i = t.default({
+				jsx: !1,
+				jsxImportSource: "sigx",
+				remarkPlugins: p,
+				rehypePlugins: f,
+				providerImportSource: void 0
+			});
+		},
+		async transform(r, o) {
+			if (!/\.mdx?$/.test(o)) return null;
+			let { data: s, content: c } = e(r);
+			if (!s.title) {
+				let e = t(c);
+				e && (s.title = e);
+			}
+			if (!i?.transform) throw Error("MDX plugin not initialized");
+			let l = await i.transform(r, o);
+			if (!l) return null;
+			let u = await L(c, n), d = o.replace(/\\/g, "/");
+			return {
+				code: I(l.code, s, u, d, a.command === "serve"),
+				map: l.map
+			};
+		}
+	};
+}
+function I(e, t, n, r, i) {
+	if (i) {
+		let i = r.split("/").pop()?.replace(/\.mdx?$/, "") || "MDXPage", a = i.charAt(0).toUpperCase() + i.slice(1).replace(/[^a-zA-Z0-9]/g, "") + "Page";
+		return `
+import { registerHMRModule } from '@sigx/vite/hmr';
+import { component as __component } from 'sigx';
+registerHMRModule('${r}');
+
+${e.replace(/export\s+default\s+function\s+MDXContent/g, "function _MDXContent").replace(/export\s+{\s*MDXContent\s+as\s+default\s*}/g, "")}
+
+// Export layout from frontmatter for SSG routing
+export const layout = ${t.layout ? JSON.stringify(t.layout) : "undefined"};
+
+// Export headings for table of contents
+export const headings = ${JSON.stringify(n)};
+
+// Wrap MDXContent in a sigx component for HMR support
+const MDXPage = __component(() => {
+    return () => _MDXContent({});
+}, { name: '${a}' });
+
+export default MDXPage;
+
+if (import.meta.hot) {
+    // Accept HMR updates with a callback to trigger re-render after module is updated
+    import.meta.hot.accept((newModule) => {
+        if (newModule) {
+            // Notify LayoutRouter to clear its cache and re-render with new module
+            window.dispatchEvent(new CustomEvent('sigx:mdx-hmr', { 
+                detail: { moduleId: '${r}', newModule } 
+            }));
+        }
+    });
+}
+`;
+	}
+	return `
+${e}
+
+// Export layout from frontmatter for SSG routing
+export const layout = ${t.layout ? JSON.stringify(t.layout) : "undefined"};
+
+// Export headings for table of contents
+export const headings = ${JSON.stringify(n)};
+`;
+}
+async function L(e, t) {
+	let { unified: n } = await import("unified"), r = (await import("remark-parse")).default, i = (await import("remark-rehype")).default, a = (await import("rehype-slug")).default, o = (await import("rehype-stringify")).default, s = t.ssgConfig?.toc || {
+		minLevel: 2,
+		maxLevel: 3
+	};
+	return (await n().use(r).use(i).use(a).use(P, s).use(o).process(e)).data.headings || [];
+}
+//#endregion
+//#region src/vite/plugin.ts
+var R = "virtual:ssg-config", z = "\0" + R;
+function B(t = {}) {
+	let x, S, C, w, T = null, E = null, D = null, O = /* @__PURE__ */ new Map(), k = {
+		name: "sigx-ssg",
+		enforce: "pre",
+		async configResolved(e) {
+			x = e, C = e.root, S = n({
+				...await l(t.configPath),
+				...t
+			}), w = f(C, S), (w.useVirtualClient || w.useVirtualServer) && (console.log("📦 @sigx/ssg: Using zero-config mode"), w.useVirtualClient && console.log("   → Virtual client entry"), w.useVirtualServer && console.log("   → Virtual server entry"), w.globalCssPath && console.log(`   → Auto-importing ${w.globalCssPath}`));
+		},
+		configureServer(t) {
+			let n = y.resolve(C, S.pages || "src/pages"), r = y.resolve(C, S.layouts || "src/layouts");
+			y.resolve(C, S.content || "src/content"), t.watcher.on("add", (e) => {
+				e.startsWith(n) ? (T = null, D = null, i(_), i(c)) : e.startsWith(r) && (E = null, i(s));
+			}), t.watcher.on("unlink", (e) => {
+				e.startsWith(n) ? (T = null, D = null, O.delete(e), i(_), i(c)) : e.startsWith(r) && (E = null, i(s));
+			}), t.watcher.on("change", async (r) => {
+				if (r.startsWith(n) && /\.mdx?$/.test(r)) try {
+					let { data: n } = e(await b.promises.readFile(r, "utf-8")), i = JSON.stringify(n), a = O.get(r);
+					if (O.set(r, i), a !== void 0 && a !== i) {
+						D = null, T = null;
+						let e = t.moduleGraph.getModuleById(c);
+						e && t.moduleGraph.invalidateModule(e);
+						let n = t.moduleGraph.getModuleById(_);
+						n && t.moduleGraph.invalidateModule(n), t.ws.send({ type: "full-reload" });
+					}
+				} catch {}
+			});
+			function i(e) {
+				let n = t.moduleGraph.getModuleById(e);
+				n && (t.moduleGraph.invalidateModule(n), t.ws.send({ type: "full-reload" }));
+			}
+			w.useVirtualHtml && t.middlewares.use((e, n, r) => {
+				if (e.url?.startsWith("/@") || e.url?.startsWith("/__") || e.url?.includes("virtual:") || e.url?.includes("node_modules") || e.url?.startsWith("/@vite") || e.url?.startsWith("/@fs")) return r();
+				if (e.url && (e.url === "/" || !e.url.includes("."))) {
+					let i = o(S);
+					t.transformIndexHtml(e.url, i).then((e) => {
+						n.setHeader("Content-Type", "text/html"), n.end(e);
+					}).catch(r);
+					return;
+				}
+				r();
+			});
+		},
+		resolveId(e) {
+			return e === "virtual:ssg-routes" ? _ : e === "virtual:generated-layouts" ? s : e === R ? z : e === "virtual:ssg-navigation" ? c : e === "virtual:ssg-client" || e === "/@ssg/client.tsx" ? h : e === "virtual:ssg-server" ? d : null;
+		},
+		async load(e) {
+			if (e === "\0virtual:ssg-routes") {
+				if (!T) {
+					let e = await r(S, C);
+					T = {
+						routes: e,
+						code: x.command === "serve" ? a(e, S) : v(e, S)
+					};
+				}
+				return T.code;
+			}
+			if (e === "\0virtual:generated-layouts") {
+				if (!E) {
+					let e = await u(S, C);
+					E = {
+						layouts: e,
+						code: p(e, S)
+					};
+				}
+				return E.code;
+			}
+			if (e === "\0virtual:ssg-navigation") {
+				if (!D) {
+					if (!T) {
+						let e = await r(S, C);
+						T = {
+							routes: e,
+							code: x.command === "serve" ? a(e, S) : v(e, S)
+						};
+					}
+					let e = x.command === "serve";
+					D = { code: i(T.routes, S, e) };
+				}
+				return D.code;
+			}
+			if (e === z) return `export default ${JSON.stringify(S)};`;
+			if (e === "\0virtual:ssg-client.tsx") {
+				let e = m(S, w);
+				return (await (await import("esbuild")).transform(e, {
+					loader: "tsx",
+					jsx: "automatic",
+					jsxImportSource: "sigx"
+				})).code;
+			}
+			if (e === "\0virtual:ssg-server.tsx") {
+				let e = g(S);
+				return (await (await import("esbuild")).transform(e, {
+					loader: "tsx",
+					jsx: "automatic",
+					jsxImportSource: "sigx"
+				})).code;
+			}
+			return null;
+		},
+		async handleHotUpdate({ file: e, server: t }) {
+			let n = y.resolve(C, S.layouts || "src/layouts"), r = y.resolve(C, S.pages || "src/pages");
+			if (e.startsWith(n)) {
+				E = null;
+				let e = t.moduleGraph.getModuleById(s);
+				return e && t.moduleGraph.invalidateModule(e), [];
+			}
+			e.startsWith(r) && /\.mdx?$/.test(e);
+		}
+	};
+	return t.enableMdx === !1 ? [k] : [k, F({
+		markdown: t.markdown,
+		ssgConfig: void 0
+	})];
+}
+//#endregion
+export { B as t };
+
+//# sourceMappingURL=plugin-EIAzPLvE.js.map