@autono/open-pages 0.3.0 → 0.5.0

package/dist/{build-Cq6uszaI.js → build-L50pau9v.js}

@@ -1,9 +1,9 @@
 import "./design-C13iz9_4.js";
-import { findPages, loadUserConfig } from "./open-pages-plugin-CACQ7TVo.js";
-import { createViteConfig } from "./config-DniCVIl6.js";
+import { findPages, loadUserConfig } from "./open-pages-plugin-C0poXLsx.js";
+import { createViteConfig } from "./config-CDUdFE8N.js";
 import "./update-package-Cxt57pz7.js";
 import { readCoreVersion } from "./version-B6AiiGvT.js";
-import { buildPage } from "./export-pYjzc4Cl.js";
+import { buildPage } from "./export-DbVwSmKW.js";
 import path from "node:path";
 import { build as build$1, mergeConfig } from "vite";
 

package/dist/cli/bin.js

@@ -57,19 +57,19 @@ async function run(argv) {
 	program.name("open-pages").description("Author web pages — we handle the Vite/React stack.").version(version, "-v, --version", "print version").helpOption("-h, --help", "show help").showHelpAfterError(chalk.dim("(run `open-pages --help` for usage)"));
 	program.command("dev").description("Start the dev server").addOption(new Option("-p, --port <port>", "port to listen on").argParser(parsePort)).addOption(new Option("--host [host]", "expose on the network (optional host)")).option("--open", "open the browser on start").option("--no-skills-check", "skip the built-in skills drift check").action(async (flags) => {
 		if (flags.skillsCheck !== false) await runSkillsDriftCheck(resolveBuiltinSkillsDir());
-		const { dev } = await import("../dev-DyY9SvwF.js");
+		const { dev } = await import("../dev-CzJYXFOO.js");
 		await dev(flags);
 	});
 	program.command("build").description("Build the workspace as a static site").option("--out-dir <dir>", "output directory (defaults to `dist`)").action(async (flags) => {
-		const { build } = await import("../build-Cq6uszaI.js");
+		const { build } = await import("../build-L50pau9v.js");
 		await build(flags);
 	});
 	program.command("preview").description("Preview the production build").addOption(new Option("-p, --port <port>", "port to listen on").argParser(parsePort)).addOption(new Option("--host [host]", "expose on the network (optional host)")).option("--open", "open the browser on start").action(async (flags) => {
-		const { preview } = await import("../preview-CLb35jHx.js");
+		const { preview } = await import("../preview-CPufRmuj.js");
 		await preview(flags);
 	});
 	program.command("export").description("Build pages into self-contained static folders (one per page)").argument("[pages...]", "page ids to export (default: all)").option("--out-dir <dir>", "output directory (defaults to `export`)").action(async (pages, flags) => {
-		const { exportPages } = await import("../export-DqLDEQkL.js");
+		const { exportPages } = await import("../export-BsK6OCpc.js");
 		await exportPages({
 			pages,
 			outDir: flags.outDir

package/dist/{config-DniCVIl6.js → config-CDUdFE8N.js}

@@ -1,5 +1,5 @@
 import { defaultDesign } from "./design-C13iz9_4.js";
-import { PAGE_ID_RE, duplicatePageDir, invalidatePagesModule, loadUserConfig, openPagesPlugin, resolvePageEntry, rmPageDir, updateMetaTitleInSource, validatePageName } from "./open-pages-plugin-CACQ7TVo.js";
+import { PAGE_ID_RE, duplicatePageDir, invalidatePagesModule, loadUserConfig, openPagesPlugin, resolvePageEntry, rmPageDir, updateMetaTitleInSource, validatePageName } from "./open-pages-plugin-C0poXLsx.js";
 import { detectPackageManager, fetchLatest, formatCommand, invalidateLatestCache, isOutdated, localOpenPagesCommand, runCommand, updateCommandFor } from "./update-package-Cxt57pz7.js";
 import { APP_ROOT, PKG_ROOT, readCoreVersion } from "./version-B6AiiGvT.js";
 import fs from "node:fs/promises";

package/dist/{dev-DyY9SvwF.js → dev-CzJYXFOO.js}

@@ -1,6 +1,6 @@
 import "./design-C13iz9_4.js";
-import "./open-pages-plugin-CACQ7TVo.js";
-import { DEV_SUPERVISED_ENV, RESTART_EXIT_CODE, createViteConfig } from "./config-DniCVIl6.js";
+import "./open-pages-plugin-C0poXLsx.js";
+import { DEV_SUPERVISED_ENV, RESTART_EXIT_CODE, createViteConfig } from "./config-CDUdFE8N.js";
 import "./update-package-Cxt57pz7.js";
 import "./version-B6AiiGvT.js";
 import chalk from "chalk";

package/dist/export-BsK6OCpc.js

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

package/dist/{export-pYjzc4Cl.js → export-DbVwSmKW.js}

@@ -1,4 +1,4 @@
-import { extractMeta, findPages, loadUserConfig, openPagesPlugin } from "./open-pages-plugin-CACQ7TVo.js";
+import { extractMeta, findPages, loadUserConfig, openPagesPlugin } from "./open-pages-plugin-C0poXLsx.js";
 import chalk from "chalk";
 import { mkdir, readFile, realpath, rm, writeFile } from "node:fs/promises";
 import path from "node:path";

package/dist/{open-pages-plugin-CACQ7TVo.js → open-pages-plugin-C0poXLsx.js}

@@ -481,6 +481,9 @@ function rewriteHtmlUrls(html, pageDir) {
 	const prefix = `/@fs/${normalizePath(pageDir).replace(/^\/+/, "")}/`;
 	return html.replace(/(\s(?:src|href)=)(["'])(?!\/|[a-z][a-z0-9+.-]*:|#|\2)(?:\.\/)?([^"']+)\2/gi, (_m, attr, quote, rel) => `${attr}${quote}${prefix}${rel}${quote}`);
 }
+function pagesSignature(entries) {
+	return entries.map((e) => `${e.id}:${e.kind}:${e.file}`).join(",");
+}
 function openPagesPlugin(opts) {
 	const { userCwd, config, coreVersion } = opts;
 	const pagesDir = config.pagesDir ?? "pages";
@@ -490,6 +493,7 @@ function openPagesPlugin(opts) {
 	const foldersManifestPath = path.join(pagesRoot, ".folders.json");
 	let isDev = false;
 	let cssFile = "";
+	let generatedSignature = "";
 	const pageIdForEntry = (p) => {
 		const rel = path.relative(pagesRoot, p);
 		if (rel.startsWith("..") || path.isAbsolute(rel)) return null;
@@ -544,6 +548,7 @@ function openPagesPlugin(opts) {
 		async load(id) {
 			if (id === resolved(PAGES_VMOD)) {
 				const entries = await findPages(userCwd, pagesDir);
+				generatedSignature = pagesSignature(entries);
 				const { code, ignored } = await generatePagesModule(entries, isDev);
 				for (const pageId of ignored) {
 					if (warnedInvalidPageIds.has(pageId)) continue;
@@ -584,8 +589,14 @@ function openPagesPlugin(opts) {
 			let reloadTimer = null;
 			const reload = () => {
 				if (reloadTimer) clearTimeout(reloadTimer);
-				reloadTimer = setTimeout(() => {
+				reloadTimer = setTimeout(async () => {
 					reloadTimer = null;
+					try {
+						const entries = await findPages(userCwd, pagesDir);
+						if (pagesSignature(entries) === generatedSignature) return;
+					} catch (err) {
+						server.config.logger.error(`[open-pages] failed to rescan pages: ${err}`, { error: err instanceof Error ? err : void 0 });
+					}
 					invalidatePagesModule(server);
 				}, 150);
 			};

package/dist/{preview-CLb35jHx.js → preview-CPufRmuj.js}

@@ -1,6 +1,6 @@
 import "./design-C13iz9_4.js";
-import "./open-pages-plugin-CACQ7TVo.js";
-import { createViteConfig } from "./config-DniCVIl6.js";
+import "./open-pages-plugin-C0poXLsx.js";
+import { createViteConfig } from "./config-CDUdFE8N.js";
 import "./update-package-Cxt57pz7.js";
 import "./version-B6AiiGvT.js";
 import { mergeConfig, preview as preview$1 } from "vite";

package/dist/vite/index.js

@@ -1,6 +1,6 @@
 import "../design-C13iz9_4.js";
-import "../open-pages-plugin-CACQ7TVo.js";
-import { createViteConfig } from "../config-DniCVIl6.js";
+import "../open-pages-plugin-C0poXLsx.js";
+import { createViteConfig } from "../config-CDUdFE8N.js";
 import "../update-package-Cxt57pz7.js";
 import "../version-B6AiiGvT.js";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autono/open-pages",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Runtime and CLI for open-pages — live preview of React and HTML pages, click-to-comment inspector, and static export.",
   "type": "module",
   "exports": {
@@ -84,8 +84,8 @@
     "fast-glob": "^3.3.2",
     "lucide-react": "^1.25.0",
     "next-themes": "^0.4.6",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "react-router-dom": "^7.18.1",
     "shadcn": "^4.19.0",
     "sonner": "^2.0.7",
@@ -93,13 +93,13 @@
     "tailwindcss": "^4.2.2",
     "tw-animate-css": "^1.4.0",
     "use-sync-external-store": "^1.6.0",
-    "vite": "^5.4.10"
+    "vite": "^6.4.3"
   },
   "devDependencies": {
     "@playwright/test": "~1.62.1",
     "@types/node": "^22.19.17",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
     "tsdown": "^0.9.9",
     "typescript": "^5.9.3"
   }

package/skills/create-page/SKILL.md

@@ -77,7 +77,7 @@ Before writing code, map every planned section to the shadcn components it shoul
 | --- | --- |
 | Landing / marketing | `navigation-menu` or plain links + `sheet` for mobile nav, `button` (CTAs), `badge` (eyebrows), `card` (features, pricing tiers), `tabs` or `switch` (billing toggle), `accordion` (FAQ), `separator` |
 | Dashboard / app UI | `sidebar` (`SidebarProvider` + `SidebarInset`), `table`, `chart`, `card` (KPIs), `tabs`, `select`, `dropdown-menu`, `badge` (status), `skeleton`, `empty` |
-| Form / signup | `form` (react-hook-form + zod) or `field`, `input`, `select`, `checkbox`, `radio-group`, `switch`, `textarea`, `button`, `alert` |
+| Form / signup | `field`, `input`, `select`, `checkbox`, `radio-group`, `switch`, `textarea`, `button`, `alert` |
 | Docs / long-form | `sidebar` or a sticky `scroll-area` TOC, `breadcrumb`, prose in a `max-w-[65ch]` column, `kbd`, `table`, `alert` (callouts) |
 | Portfolio / gallery | `carousel`, `aspect-ratio`, `card`, `dialog` (lightbox), `hover-card` |
 | Internal tool | `command` (palette), `combobox`, `resizable`, `context-menu`, `tooltip`, `sonner` (toasts), `alert-dialog` (confirm) |

package/skills/page-authoring/SKILL.md

@@ -25,10 +25,10 @@ Every workspace is a shadcn/ui project out of the box. Nothing needs installing:
 | `lib/utils.ts` | `cn()` for merging class names. Import as `@/lib/utils`. |
 | `hooks/use-mobile.ts` | `useIsMobile()` breakpoint hook. Import as `@/hooks/use-mobile`. |
 | `styles/globals.css` | Tailwind v4 entry: `@source` for `pages/ ui/ lib/ hooks/ themes/`, the `dark` variant, `:root`/`.dark` OKLCH tokens, `@theme inline`, base layer. Loaded into every page automatically. |
-| `components.json` | shadcn config (style `new-york`, base `radix`, aliases `@/ui`, `@/lib/utils`, `@/hooks`, `@/components`). Activates the `shadcn` skill and CLI lookups. |
+| `components.json` | shadcn config (style `radix-nova`, aliases `@/ui`, `@/lib/utils`, `@/hooks`, `@/components`). Activates the `shadcn` skill and CLI lookups. |
 | `themes/<id>.css` | Optional token overrides a page opts into with `meta.theme` (see Themes). |
 
-Installed deps you may import directly: `lucide-react` (icons), `radix-ui`, `class-variance-authority`, `clsx`, `tailwind-merge`, `cmdk`, `sonner`, `vaul`, `recharts`, `react-day-picker`, `date-fns`, `react-hook-form`, `zod`, `@hookform/resolvers`, `input-otp`, `embla-carousel-react`, `react-resizable-panels`, `next-themes`. Nothing else.
+Installed deps you may import directly: `lucide-react` (icons), `radix-ui`, `class-variance-authority`, `clsx`, `tailwind-merge`, `cmdk`, `sonner`, `vaul`, `recharts`, `react-day-picker`, `date-fns`, `input-otp`, `embla-carousel-react`, `react-resizable-panels`, `next-themes`. Nothing else.
 
 `npx shadcn@latest add <item>` is only for **blocks** (`dashboard-01`, `login-03`, …) or third-party registries; every core component is already under `ui/`. For lookups use `npx shadcn@latest docs <component> --json`, `view`, `search` — details in the `shadcn` skill.
 

package/skills/page-authoring/references/interactivity.md

@@ -1,6 +1,6 @@
 # Interactivity
 
-Pages are real React 18 components running in the browser, wrapped in
+Pages are real React 19 components running in the browser, wrapped in
 `StrictMode`. Everything React can do is available; the constraints below
 keep pages preview-safe, export-safe, and inspectable. Interactive UI comes
 from `ui/` first — `Tabs`, `Accordion`, `Dialog`, `Sheet`, `Drawer`,
@@ -35,32 +35,24 @@ const [billing, setBilling] = useState<'monthly' | 'yearly'>('monthly');
 
 Simple forms: `<form onSubmit>` with `@/ui/field`, `@/ui/input`, `@/ui/label`,
 `@/ui/select`, `@/ui/checkbox`, `@/ui/textarea`, `@/ui/button`. Validated
-forms: `react-hook-form` + `zod` through `@/ui/form`:
+forms: native form state (or your own) presented with `@/ui/field`:
 
 ```tsx
-import { zodResolver } from '@hookform/resolvers/zod';
-import { useForm } from 'react-hook-form';
-import { z } from 'zod';
 import { Button } from '@/ui/button';
-import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/ui/form';
+import { Field, FieldDescription, FieldError, FieldGroup, FieldLabel } from '@/ui/field';
 import { Input } from '@/ui/input';
 
-const schema = z.object({ email: z.string().email('Enter a valid work email') });
-
-const form = useForm<z.infer<typeof schema>>({ resolver: zodResolver(schema), defaultValues: { email: '' } });
-
-<Form {...form}>
-  <form onSubmit={form.handleSubmit((values) => setSubmitted(values))} className="flex flex-col gap-4">
-    <FormField control={form.control} name="email" render={({ field }) => (
-      <FormItem>
-        <FormLabel>Work email</FormLabel>
-        <FormControl><Input type="email" autoComplete="email" {...field} /></FormControl>
-        <FormMessage />
-      </FormItem>
-    )} />
-    <Button type="submit">Join the waitlist</Button>
-  </form>
-</Form>
+<form onSubmit={handleSubmit}>
+  <FieldGroup>
+    <Field>
+      <FieldLabel htmlFor="email">Work email</FieldLabel>
+      <Input id="email" name="email" type="email" required />
+      <FieldDescription>We never share it.</FieldDescription>
+      {error && <FieldError>{error}</FieldError>}
+    </Field>
+    <Button type="submit">Create account</Button>
+  </FieldGroup>
+</form>
 ```
 
 - Every input has a label (`<Label htmlFor>` or `<FormLabel>`), a `name`, and

package/dist/export-DqLDEQkL.js

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