@reforma/site 0.0.5 → 0.1.1

package/dist/error-state.d.ts

@@ -0,0 +1,14 @@
+/** Detail of the `reforma:fix-error` window event the editor bridge forwards to a new chat. */
+export type FixErrorDetail = {
+    message: string;
+    digest: string | null;
+    stack: string | null;
+};
+/**
+ * Fallback for `error.tsx` and `global-error.tsx`. Details and Fix with AI show in development only.
+ * `data-reforma-error-page` tells the editor to lift its design overlay so the buttons take clicks.
+ */
+export declare function ErrorState({ error }: {
+    error: unknown;
+}): import("react").JSX.Element;
+//# sourceMappingURL=error-state.d.ts.map

package/dist/error-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-state.d.ts","sourceRoot":"","sources":["../src/error-state.tsx"],"names":[],"mappings":"AAIA,+FAA+F;AAC/F,MAAM,MAAM,cAAc,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AA+CF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,+BAmCvD"}

package/dist/error-state.js

@@ -0,0 +1,67 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSyncExternalStore } from 'react';
+const button = {
+    height: '32px',
+    padding: '0 12px',
+    fontSize: '14px',
+    fontWeight: 500,
+    borderRadius: '6px',
+    cursor: 'pointer',
+};
+const styles = {
+    main: {
+        fontFamily: 'system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
+        minHeight: '100vh',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: '64px 24px',
+        boxSizing: 'border-box',
+    },
+    card: { width: '100%', maxWidth: '448px' },
+    title: { fontSize: '24px', fontWeight: 500, lineHeight: '32px', margin: '0 0 12px' },
+    message: { fontSize: '14px', lineHeight: '21px', margin: '0 0 20px', opacity: 0.7 },
+    details: {
+        fontFamily: 'ui-monospace, Menlo, monospace',
+        fontSize: '12px',
+        whiteSpace: 'pre-wrap',
+        overflowX: 'auto',
+        margin: '0 0 20px',
+        padding: '12px',
+        borderRadius: '8px',
+        background: 'color-mix(in srgb, currentColor 6%, transparent)',
+    },
+    buttons: { display: 'flex', gap: '8px' },
+    button: { ...button, color: 'Canvas', background: 'CanvasText', border: 'none' },
+    secondary: {
+        ...button,
+        color: 'inherit',
+        background: 'transparent',
+        border: '1px solid color-mix(in srgb, currentColor 20%, transparent)',
+    },
+    digest: { fontFamily: 'ui-monospace, Menlo, monospace', fontSize: '12px', margin: '20px 0 0', opacity: 0.6 },
+};
+const subscribe = () => () => { };
+/**
+ * Fallback for `error.tsx` and `global-error.tsx`. Details and Fix with AI show in development only.
+ * `data-reforma-error-page` tells the editor to lift its design overlay so the buttons take clicks.
+ */
+export function ErrorState({ error }) {
+    const isDev = process.env.NODE_ENV === 'development';
+    // Server snapshot is false, so hydration matches and the button appears right after.
+    const isEmbedded = useSyncExternalStore(subscribe, () => window !== window.parent, () => false);
+    const digest = error instanceof Error && 'digest' in error ? String(error.digest) : null;
+    const message = error instanceof Error ? error.message : String(error);
+    const fixWithAi = () => {
+        const detail = {
+            message,
+            digest,
+            stack: error instanceof Error ? error.stack ?? null : null,
+        };
+        window.dispatchEvent(new CustomEvent('reforma:fix-error', { detail }));
+    };
+    return (_jsx("main", { "data-reforma-error-page": "", style: styles.main, children: _jsxs("div", { style: styles.card, children: [_jsx("h1", { style: styles.title, children: "Something went wrong" }), _jsx("p", { style: styles.message, children: "This page didn't load." }), isDev && message ? _jsx("pre", { style: styles.details, children: message }) : null, _jsxs("div", { style: styles.buttons, children: [_jsx("button", { type: "button", style: styles.button, onClick: () => window.location.reload(), children: "Reload" }), isDev && isEmbedded
+                            ? _jsx("button", { type: "button", style: styles.secondary, onClick: fixWithAi, children: "Fix with AI" })
+                            : null] }), digest ? _jsxs("p", { style: styles.digest, children: ["Error ID: ", digest] }) : null] }) }));
+}

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 export { initAnalytics, track } from './analytics.js';
+export { ErrorState } from './error-state.js';
 export { projectMetadata, projectRobots } from './metadata.js';
 export { SiteRoot, useMode } from './root.js';
+export type { FixErrorDetail } from './error-state.js';
 export type { Appearance, ModeAppearances, ModeDocument, SystemModes } from './root.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC"}

package/dist/index.js

@@ -1,3 +1,4 @@
 export { initAnalytics, track } from './analytics.js';
+export { ErrorState } from './error-state.js';
 export { projectMetadata, projectRobots } from './metadata.js';
 export { SiteRoot, useMode } from './root.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@reforma/site",
-    "version": "0.0.5",
+    "version": "0.1.1",
     "description": "Visitor runtime for a Reforma site: mode, publish metadata, and the PostCSS url guard.",
     "type": "module",
     "license": "UNLICENSED",
@@ -44,17 +44,5 @@
     "peerDependencies": {
         "react": "^19.2.8",
         "react-dom": "^19.2.8"
-    },
-    "devDependencies": {
-        "@reforma/config-typescript": "workspace:*",
-        "@reforma/eslint-config": "workspace:*",
-        "@types/node": "^24",
-        "@types/react": "^19",
-        "@types/react-dom": "^19",
-        "happy-dom": "20.10.6",
-        "react": "^19.2.8",
-        "react-dom": "^19.2.8",
-        "typescript": "^7",
-        "vitest": "^5.0.1"
     }
 }