@reforma/site 0.0.4 → 0.1.0

package/dist/analytics.d.ts

@@ -11,10 +11,13 @@ type TrackOptions = {
 };
 /**
  * Start first-party pageview collection for a published Reforma site.
- * Reads `NEXT_PUBLIC_REFORMA_ANALYTICS*` env baked on publish. Safe to call
- * multiple times — only the first call installs history hooks.
+ * Reads the project site config. Only the first call installs history hooks.
  */
-export declare function initAnalytics(options?: AnalyticsOptions): void;
+export declare function initAnalytics(config: {
+    analyticsEnabled: boolean;
+    analyticsWriteKey: string;
+    analyticsEndpoint: string;
+}, options?: AnalyticsOptions): void;
 /**
  * Send a named event. `pageview` is traffic (deduped by path); any other name
  * is a custom event / goal conversion. Optional `props` are string key/values.

package/dist/analytics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../src/analytics.ts"],"names":[],"mappings":"AAAA,KAAK,gBAAgB,GAAG;IACpB,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kDAAkD;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,YAAY,GAAG;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC,CAAC;AASF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,OAAO,GAAE,gBAAqB,GAAG,IAAI,CAqClE;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,IAAI,CA6DpE"}
+{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../src/analytics.ts"],"names":[],"mappings":"AAAA,KAAK,gBAAgB,GAAG;IACpB,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kDAAkD;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,YAAY,GAAG;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC,CAAC;AASF;;;GAGG;AACH,wBAAgB,aAAa,CACzB,MAAM,EAAE;IAAE,gBAAgB,EAAE,OAAO,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAE,EAC3F,OAAO,GAAE,gBAAqB,GAC/B,IAAI,CAqCN;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,IAAI,CA6DpE"}

package/dist/analytics.js

@@ -6,10 +6,9 @@ let lastPath = '';
 let unhook = null;
 /**
  * Start first-party pageview collection for a published Reforma site.
- * Reads `NEXT_PUBLIC_REFORMA_ANALYTICS*` env baked on publish. Safe to call
- * multiple times — only the first call installs history hooks.
+ * Reads the project site config. Only the first call installs history hooks.
  */
-export function initAnalytics(options = {}) {
+export function initAnalytics(config, options = {}) {
     if (typeof window === 'undefined') {
         return;
     }
@@ -23,9 +22,9 @@ export function initAnalytics(options = {}) {
         return;
     }
     started = true;
-    enabled = process.env.NEXT_PUBLIC_REFORMA_ANALYTICS === '1';
-    writeKey = process.env.NEXT_PUBLIC_REFORMA_ANALYTICS_KEY?.trim() ?? '';
-    endpoint = process.env.NEXT_PUBLIC_REFORMA_ANALYTICS_ENDPOINT?.trim() ?? '';
+    enabled = config.analyticsEnabled;
+    writeKey = config.analyticsWriteKey.trim();
+    endpoint = config.analyticsEndpoint.trim();
     if (!enabled || !writeKey || !endpoint) {
         enabled = false;
         return;

package/dist/error-state.d.ts

@@ -0,0 +1,11 @@
+/** 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. */
+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,yGAAyG;AACzG,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,+BAmCvD"}

package/dist/error-state.js

@@ -0,0 +1,64 @@
+'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. */
+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", { 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/dist/metadata.d.ts

@@ -1,6 +1,9 @@
-export declare function projectMetadata(fallback: {
+export declare function projectMetadata(defaults: {
     title: string;
     description: string;
+}, config: {
+    faviconUrl: string;
+    indexingEnabled: boolean;
 }): {
     title: {
         template: string;
@@ -18,7 +21,9 @@ export declare function projectMetadata(fallback: {
         follow: boolean;
     };
 };
-export declare function projectRobots(): {
+export declare function projectRobots(config: {
+    indexingEnabled: boolean;
+}): {
     rules: {
         userAgent: string;
         disallow: string;

package/dist/metadata.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../src/metadata.ts"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAAC,QAAQ,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE;;QAMpE,QAAQ;QACR,OAAO;;;;QAIP,IAAI;;;;;;;;;EAQf;AAED,wBAAgB,aAAa;IAIrB,KAAK;;;;;;;EAKZ"}
+{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../src/metadata.ts"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAC3B,QAAQ,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,EAChD,MAAM,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,eAAe,EAAE,OAAO,CAAA;CAAE;;QAOhD,QAAQ;QACR,OAAO;;;;QAIP,IAAI;;;;;;;;;EAQf;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE;IAAE,eAAe,EAAE,OAAO,CAAA;CAAE;IAI1D,KAAK;;;;;;;EAKZ"}

package/dist/metadata.js

@@ -1,12 +1,12 @@
-export function projectMetadata(fallback) {
-    const faviconUrl = process.env.REFORMA_FAVICON_URL || '/favicon.svg';
-    const indexingOn = process.env.REFORMA_INDEXING !== '0';
+export function projectMetadata(defaults, config) {
+    const faviconUrl = config.faviconUrl || '/favicon.svg';
+    const indexingOn = config.indexingEnabled;
     return {
         title: {
             template: '%s',
-            default: process.env.REFORMA_DEFAULT_TITLE || fallback.title,
+            default: defaults.title,
         },
-        description: process.env.REFORMA_DEFAULT_DESCRIPTION || fallback.description,
+        description: defaults.description,
         icons: {
             icon: faviconUrl.endsWith('.svg')
                 ? { url: faviconUrl, type: 'image/svg+xml' }
@@ -17,8 +17,8 @@ export function projectMetadata(fallback) {
             : { index: false, follow: false },
     };
 }
-export function projectRobots() {
-    const blocked = process.env.REFORMA_INDEXING === '0';
+export function projectRobots(config) {
+    const blocked = !config.indexingEnabled;
     return {
         rules: {
             userAgent: '*',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@reforma/site",
-    "version": "0.0.4",
+    "version": "0.1.0",
     "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"
     }
 }