@autono/open-pages 0.1.0

package/dist/design-C13iz9_4.js

@@ -0,0 +1,35 @@
+//#region src/app/lib/design.ts
+function designToCssVars(d) {
+	return {
+		"--osd-bg": d.palette.bg,
+		"--osd-text": d.palette.text,
+		"--osd-accent": d.palette.accent,
+		"--osd-font-display": d.fonts.display,
+		"--osd-font-body": d.fonts.body,
+		"--osd-size-hero": `${d.typeScale.hero}px`,
+		"--osd-size-body": `${d.typeScale.body}px`,
+		"--osd-radius": `${d.radius}px`
+	};
+}
+function cssVarsToString(vars) {
+	return Object.entries(vars).map(([k, v]) => `  ${k}: ${v};`).join("\n");
+}
+const defaultDesign = {
+	palette: {
+		bg: "#f7f5f0",
+		text: "#1a1814",
+		accent: "#6d4cff"
+	},
+	fonts: {
+		display: "Georgia, \"Times New Roman\", serif",
+		body: "-apple-system, BlinkMacSystemFont, \"Inter\", system-ui, sans-serif"
+	},
+	typeScale: {
+		hero: 168,
+		body: 36
+	},
+	radius: 12
+};
+
+//#endregion
+export { cssVarsToString, defaultDesign, designToCssVars };

package/dist/dev-I2IyEh5W.js

@@ -0,0 +1,97 @@
+import "./design-C13iz9_4.js";
+import "./open-pages-plugin-D_DN_zjh.js";
+import { DEV_SUPERVISED_ENV, RESTART_EXIT_CODE, createViteConfig } from "./config-L0IbktJ0.js";
+import "./update-package-Cxt57pz7.js";
+import "./version-B6AiiGvT.js";
+import chalk from "chalk";
+import path from "node:path";
+import { existsSync } from "node:fs";
+import { createServer, mergeConfig } from "vite";
+import { fork } from "node:child_process";
+
+//#region src/cli/dev.ts
+async function dev(opts = {}) {
+	if (process.env[DEV_SUPERVISED_ENV] === "1") {
+		await startServer(opts);
+		return;
+	}
+	supervise(opts);
+}
+async function startServer(opts) {
+	const base = await createViteConfig({ userCwd: process.cwd() });
+	const config = mergeConfig(base, { server: {
+		...opts.port !== void 0 ? { port: opts.port } : {},
+		...opts.host !== void 0 ? { host: opts.host } : {},
+		...opts.open !== void 0 ? { open: opts.open } : {}
+	} });
+	const server = await createServer(config);
+	await server.listen();
+	server.printUrls();
+	server.bindCLIShortcuts({ print: true });
+	const address = server.httpServer?.address();
+	if (process.send && address && typeof address === "object") process.send({
+		type: "open-pages:listening",
+		port: address.port
+	});
+}
+function supervise(opts) {
+	const userCwd = process.cwd();
+	let port = opts.port;
+	let openBrowser = opts.open;
+	let child;
+	let shuttingDown = false;
+	const spawnChild = () => {
+		child = fork(resolveDevEntry(userCwd), devArgs({
+			...opts,
+			port,
+			open: openBrowser
+		}), {
+			cwd: userCwd,
+			stdio: "inherit",
+			env: {
+				...process.env,
+				[DEV_SUPERVISED_ENV]: "1"
+			}
+		});
+		child.on("error", (err) => {
+			process.stderr.write(`${chalk.red("error:")} ${err.message}\n`);
+			process.exit(1);
+		});
+		child.on("message", (message) => {
+			if (typeof message !== "object" || message === null) return;
+			const { type, port: reportedPort } = message;
+			if (type === "open-pages:listening" && typeof reportedPort === "number") port = reportedPort;
+		});
+		child.on("exit", (code, signal) => {
+			if (shuttingDown) process.exit(0);
+			if (code === RESTART_EXIT_CODE) {
+				openBrowser = false;
+				spawnChild();
+				return;
+			}
+			if (signal) process.exit(1);
+			process.exit(code ?? 0);
+		});
+	};
+	for (const signal of ["SIGINT", "SIGTERM"]) process.on(signal, () => {
+		shuttingDown = true;
+		child?.kill(signal);
+	});
+	spawnChild();
+}
+function devArgs(opts) {
+	const args = ["dev", "--no-skills-check"];
+	if (opts.port !== void 0) args.push("--port", String(opts.port));
+	if (opts.host === true) args.push("--host");
+	else if (typeof opts.host === "string") args.push("--host", opts.host);
+	if (opts.open) args.push("--open");
+	return args;
+}
+function resolveDevEntry(userCwd) {
+	const installed = path.join(userCwd, "node_modules", "@autono", "open-pages", "bin.js");
+	if (existsSync(installed)) return installed;
+	return process.argv[1];
+}
+
+//#endregion
+export { dev };

package/dist/export-B-kBRWB1.js

@@ -0,0 +1,4 @@
+import "./open-pages-plugin-D_DN_zjh.js";
+import { buildPage, exportPages } from "./export-ic28osQP.js";
+
+export { exportPages };

package/dist/export-ic28osQP.js

@@ -0,0 +1,131 @@
+import { extractMeta, findPages, loadUserConfig, openPagesPlugin } from "./open-pages-plugin-D_DN_zjh.js";
+import chalk from "chalk";
+import { mkdir, readFile, realpath, rm, writeFile } from "node:fs/promises";
+import path from "node:path";
+import tailwindcss from "@tailwindcss/vite";
+import react from "@vitejs/plugin-react";
+import { build } from "vite";
+
+//#region src/cli/export.ts
+function escapeHtml(s) {
+	return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
+}
+/**
+* Build one page into a self-contained static folder: `index.html` plus
+* hashed assets, with relative URLs so the folder deploys from any path.
+* React pages get a generated entry that mounts the component; HTML pages
+* build straight from their folder.
+*/
+async function buildPage(opts) {
+	const { userCwd, config, coreVersion, entry, outDir } = opts;
+	const base = opts.base ?? "./";
+	const assetsAbs = path.resolve(userCwd, config.assetsDir ?? "assets");
+	let root;
+	if (entry.kind === "html") root = path.dirname(entry.file);
+	else {
+		root = path.join(userCwd, "node_modules", ".open-pages", "export", entry.id);
+		await rm(root, {
+			recursive: true,
+			force: true
+		});
+		await mkdir(root, { recursive: true });
+		root = await realpath(root);
+		const meta = extractMeta(await readFile(entry.file, "utf8"));
+		const title = escapeHtml(meta.title ?? entry.id);
+		const description = extractDescription(await readFile(entry.file, "utf8"));
+		await writeFile(path.join(root, "index.html"), [
+			"<!doctype html>",
+			"<html lang=\"en\">",
+			"  <head>",
+			"    <meta charset=\"UTF-8\" />",
+			"    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />",
+			`    <title>${title}</title>`,
+			description ? `    <meta name="description" content="${escapeHtml(description)}" />` : "",
+			"  </head>",
+			"  <body>",
+			"    <div id=\"root\"></div>",
+			"    <script type=\"module\" src=\"./entry.tsx\"></script>",
+			"  </body>",
+			"</html>",
+			""
+		].filter((l) => l !== "").join("\n"), "utf8");
+		await writeFile(path.join(root, "entry.tsx"), [
+			"import 'virtual:open-pages/pages.css';",
+			"import { StrictMode } from 'react';",
+			"import { createRoot } from 'react-dom/client';",
+			`import Page from ${JSON.stringify(entry.file)};`,
+			"",
+			"createRoot(document.getElementById('root')!).render(",
+			"  <StrictMode>",
+			"    <Page />",
+			"  </StrictMode>,",
+			");",
+			""
+		].join("\n"), "utf8");
+	}
+	await build({
+		root,
+		base,
+		configFile: false,
+		envDir: userCwd,
+		logLevel: "error",
+		plugins: [
+			react(),
+			tailwindcss(),
+			openPagesPlugin({
+				userCwd,
+				config,
+				coreVersion
+			})
+		],
+		resolve: { alias: { "@assets": assetsAbs } },
+		build: {
+			outDir,
+			emptyOutDir: true,
+			target: "es2022"
+		}
+	});
+}
+const META_DESCRIPTION_RE = /(?:^|[\s,{])description\s*:\s*['"]([^'"]+)['"]/;
+function extractDescription(src) {
+	const metaStart = src.search(/export\s+const\s+meta\b/);
+	if (metaStart === -1) return null;
+	const end = src.indexOf("};", metaStart);
+	const body = src.slice(metaStart, end === -1 ? void 0 : end);
+	return body.match(META_DESCRIPTION_RE)?.[1] ?? null;
+}
+async function exportPages(opts = {}) {
+	const userCwd = process.cwd();
+	const config = await loadUserConfig(userCwd);
+	const pagesDir = config.pagesDir ?? "pages";
+	const outDir = path.resolve(userCwd, opts.outDir ?? "export");
+	const entries = await findPages(userCwd, pagesDir);
+	const idsOnDisk = entries.map((e) => e.id);
+	if (idsOnDisk.length === 0) throw new Error(`No pages found under ${pagesDir}/`);
+	const requested = opts.pages && opts.pages.length > 0 ? opts.pages : idsOnDisk;
+	const unknown = requested.filter((id) => !idsOnDisk.includes(id));
+	if (unknown.length > 0) throw new Error(`Page not found: ${unknown.join(", ")} (available: ${idsOnDisk.join(", ")})`);
+	const { readCoreVersion } = await import("./version-CeffgdfZ.js");
+	const coreVersion = readCoreVersion();
+	await mkdir(outDir, { recursive: true });
+	for (const id of requested) {
+		const entry = entries.find((e) => e.id === id);
+		if (!entry) continue;
+		const started = performance.now();
+		const target = path.join(outDir, id);
+		await buildPage({
+			userCwd,
+			config,
+			coreVersion,
+			entry,
+			outDir: target
+		});
+		const ms = Math.round(performance.now() - started);
+		process.stdout.write(`${chalk.green("ok")}  ${path.relative(userCwd, target)}/  ${chalk.dim(`${entry.kind} · ${ms}ms`)}\n`);
+	}
+	const n = requested.length;
+	process.stdout.write(chalk.dim(`${n} ${n === 1 ? "page" : "pages"} → ${path.relative(userCwd, outDir)}/\n`));
+}
+
+//#endregion
+export { buildPage, exportPages };

package/dist/index.d.ts

@@ -0,0 +1,56 @@
+import { Locale, Plural } from "./types-C5NCdDT-.js";
+import { OpenPagesConfig } from "./config-C9or4m4J.js";
+import { ComponentType } from "react";
+
+//#region src/app/lib/design.d.ts
+type DesignPalette = {
+  bg: string;
+  text: string;
+  accent: string;
+};
+type DesignFonts = {
+  display: string;
+  body: string;
+};
+type DesignTypeScale = {
+  hero: number;
+  body: number;
+};
+type DesignSystem = {
+  palette: DesignPalette;
+  fonts: DesignFonts;
+  typeScale: DesignTypeScale;
+  radius: number;
+};
+declare function designToCssVars(d: DesignSystem): Record<string, string>;
+declare function cssVarsToString(vars: Record<string, string>): string;
+declare const defaultDesign: DesignSystem;
+//#endregion
+//#region src/app/lib/sdk.d.ts
+/**
+ * A page is one React component rendered into a real browser document. It
+ * owns the whole viewport: layout, styling (Tailwind via `className` or a
+ * sibling stylesheet), interactivity, and any client-side routing it wants.
+ */
+type PageComponent = ComponentType;
+type PageMeta = {
+  /** Document title (browser tab, workspace card). Default: the folder name. */
+  title?: string;
+  /** `<meta name="description">` in the exported HTML. */
+  description?: string;
+  /** Id of a theme under `themes/` this page was built from. */
+  theme?: string;
+  /** ISO 8601 timestamp. Set once at scaffold time; used to sort the page list. */
+  createdAt?: string;
+};
+/** How a page entry is authored: a React module or a plain HTML file. */
+type PageKind = 'react' | 'html';
+type PageModule = {
+  /** Absent for `index.html` pages, which the workspace serves as-is. */
+  default?: PageComponent;
+  meta?: PageMeta;
+  design?: DesignSystem;
+};
+
+//#endregion
+export { DesignFonts, DesignPalette, DesignSystem, DesignTypeScale, Locale, OpenPagesConfig, PageComponent, PageKind, PageMeta, PageModule, Plural, cssVarsToString, defaultDesign, designToCssVars };

package/dist/index.js

@@ -0,0 +1,3 @@
+import { cssVarsToString, defaultDesign, designToCssVars } from "./design-C13iz9_4.js";
+
+export { cssVarsToString, defaultDesign, designToCssVars };

package/dist/locale/index.d.ts

@@ -0,0 +1,24 @@
+import { Locale, Plural } from "../types-C5NCdDT-.js";
+
+//#region src/locale/en.d.ts
+declare const en: Locale;
+
+//#endregion
+//#region src/locale/format.d.ts
+declare function format(template: string, vars: Record<string, string | number>): string;
+declare function plural(count: number, forms: Plural): string;
+
+//#endregion
+//#region src/locale/ja.d.ts
+declare const ja: Locale;
+
+//#endregion
+//#region src/locale/zh-cn.d.ts
+declare const zhCN: Locale;
+
+//#endregion
+//#region src/locale/zh-tw.d.ts
+declare const zhTW: Locale;
+
+//#endregion
+export { Locale, Plural, en, format, ja, plural, zhCN, zhTW };