@gradial/aci 0.1.19 → 0.1.20-preview.1

package/dist/preview/core.js

@@ -0,0 +1,116 @@
+export const PREVIEW_HEADER = 'x-gradial-preview';
+export const RELEASE_HEADER = 'x-gradial-release-id';
+export const PREVIEW_TOKEN_COOKIE = 'aci_preview';
+export const PREVIEW_RELEASE_COOKIE = 'aci_preview_release';
+export async function validatePreviewToken(token, signKey) {
+    try {
+        const parts = token.split('.');
+        if (parts.length !== 3)
+            return null;
+        const signingInput = `${parts[0]}.${parts[1]}`;
+        const signature = base64URLToBytes(parts[2]);
+        const key = await crypto.subtle.importKey('raw', new TextEncoder().encode(signKey), { name: 'HMAC', hash: 'SHA-256' }, false, ['sign']);
+        const expected = new Uint8Array(await crypto.subtle.sign('HMAC', key, new TextEncoder().encode(signingInput)));
+        if (!constantTimeEqual(signature, expected))
+            return null;
+        const payload = new TextDecoder().decode(base64URLToBytes(parts[1]));
+        return JSON.parse(payload);
+    }
+    catch {
+        return null;
+    }
+}
+export function extractPreviewToken(source) {
+    const query = source.query?.get('preview_token');
+    if (query)
+        return query;
+    const cookies = source.cookies;
+    if (cookies) {
+        if (cookies instanceof Map) {
+            const cookie = cookies.get(PREVIEW_TOKEN_COOKIE);
+            if (cookie)
+                return cookie;
+        }
+        else {
+            const cookie = cookies[PREVIEW_TOKEN_COOKIE];
+            if (cookie)
+                return cookie;
+        }
+    }
+    const auth = source.authorization || '';
+    if (auth.startsWith('Bearer '))
+        return auth.slice('Bearer '.length);
+    return undefined;
+}
+export function previewSignKey() {
+    return process.env.GRADIAL_PREVIEW_SIGN_KEY || undefined;
+}
+export async function resolvePreviewContext(options) {
+    const token = options.token;
+    if (!token)
+        return { isPreview: false };
+    const signKey = options.signKey || previewSignKey();
+    if (!signKey) {
+        throw new Error('GRADIAL_PREVIEW_SIGN_KEY is not set; preview tokens cannot be validated.');
+    }
+    const claims = await validatePreviewToken(token, signKey);
+    if (!claims || claims.scope !== 'preview' || !claims.releaseId) {
+        return { isPreview: false };
+    }
+    if (claims.siteId && options.siteId && claims.siteId !== options.siteId) {
+        return { isPreview: false };
+    }
+    if (!claims.expiresAt || Date.parse(claims.expiresAt) <= Date.now()) {
+        return { isPreview: false };
+    }
+    return { isPreview: true, releaseId: claims.releaseId, token };
+}
+export function createPreviewCookies(token, releaseId) {
+    const common = {
+        sameSite: 'lax',
+        maxAge: 60 * 60,
+        path: '/',
+    };
+    return [
+        {
+            name: PREVIEW_TOKEN_COOKIE,
+            value: token,
+            options: { ...common, httpOnly: true },
+        },
+        {
+            name: PREVIEW_RELEASE_COOKIE,
+            value: releaseId,
+            options: { ...common, httpOnly: false },
+        },
+    ];
+}
+export function createPreviewBannerHTML(releaseId) {
+    const shortId = releaseId.length > 20
+        ? `${releaseId.slice(0, 8)}\u2026${releaseId.slice(-6)}`
+        : releaseId;
+    return `<div role="alert" style="position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;background-color:#1a1a2e;color:#fff;font-size:13px;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 2px 8px rgba(0,0,0,0.3);">
+  <span aria-hidden="true" style="display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:#f59e0b;color:#1a1a2e;font-weight:700;font-size:11px;flex-shrink:0;">P</span>
+  <span style="font-weight:500;">Release Preview</span>
+  <span style="font-family:monospace;opacity:0.7;font-size:12px;" title="${releaseId}">${shortId}</span>
+  <a href="?leave_preview=1" style="margin-left:auto;padding:4px 12px;border-radius:6px;background-color:#dc2626;color:#fff;text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap;">Exit Preview</a>
+</div>`;
+}
+function base64URLToBytes(value) {
+    const base64 = value.replace(/-/g, '+').replace(/_/g, '/');
+    const padded = base64.padEnd(Math.ceil(base64.length / 4) * 4, '=');
+    const binary = atob(padded);
+    const bytes = new Uint8Array(binary.length);
+    for (let i = 0; i < binary.length; i++) {
+        bytes[i] = binary.charCodeAt(i);
+    }
+    return bytes;
+}
+function constantTimeEqual(left, right) {
+    if (left.length !== right.length)
+        return false;
+    let diff = 0;
+    for (let i = 0; i < left.length; i++) {
+        diff |= left[i] ^ right[i];
+    }
+    return diff === 0;
+}

package/dist/providers/file.d.ts

@@ -7,6 +7,8 @@ export declare class FileContentProvider implements ContentProvider {
     getSiteConfig<T = unknown>(): Promise<T>;
     getPage<T = unknown>(route: string): Promise<T>;
     getFragment<T = unknown>(id: string): Promise<T>;
+    getLayout<T = unknown>(name: string): Promise<T>;
     manifest(): Promise<CompiledManifest>;
+    fetchRaw(key: string): Promise<Response>;
     private readJSON;
 }

package/dist/providers/file.js

@@ -1,6 +1,6 @@
 import fs from 'node:fs/promises';
 import path from 'node:path';
-import { FragmentNotFoundError, PageNotFoundError } from '../content/provider.js';
+import { FragmentNotFoundError, LayoutNotFoundError, PageNotFoundError } from '../content/provider.js';
 import { normalizeRoute } from '../content/routes.js';
 export class FileContentProvider {
     root;
@@ -46,12 +46,72 @@ export class FileContentProvider {
             throw new FragmentNotFoundError(id, error);
         }
     }
+    async getLayout(name) {
+        const manifest = await this.manifest();
+        const layouts = manifest.layouts;
+        if (!layouts || !layouts[name]) {
+            throw new LayoutNotFoundError(name);
+        }
+        try {
+            return await this.readJSON(`layouts/${name}.json`);
+        }
+        catch (error) {
+            throw new LayoutNotFoundError(name, error);
+        }
+    }
     async manifest() {
         this.#manifest ??= this.readJSON('manifest.json');
         return await this.#manifest;
     }
+    async fetchRaw(key) {
+        const relativeKey = key.replace(/^\/+/, '');
+        const filePath = path.resolve(this.root, relativeKey);
+        const rel = path.relative(this.root, filePath);
+        if (rel === '' || rel.startsWith('..') || path.isAbsolute(rel)) {
+            return new Response('not found', { status: 404 });
+        }
+        let body;
+        try {
+            body = await fs.readFile(filePath);
+        }
+        catch {
+            return new Response('not found', { status: 404 });
+        }
+        return new Response(new Uint8Array(body), {
+            status: 200,
+            headers: {
+                'content-type': contentType(filePath),
+                'cache-control': 'public, max-age=31536000, immutable',
+            },
+        });
+    }
     async readJSON(key) {
         const raw = await fs.readFile(path.join(this.root, key), 'utf8');
         return JSON.parse(raw);
     }
 }
+function contentType(filePath) {
+    switch (path.extname(filePath).toLowerCase()) {
+        case '.webp':
+            return 'image/webp';
+        case '.svg':
+            return 'image/svg+xml';
+        case '.jpg':
+        case '.jpeg':
+            return 'image/jpeg';
+        case '.png':
+            return 'image/png';
+        case '.avif':
+            return 'image/avif';
+        case '.gif':
+            return 'image/gif';
+        case '.css':
+            return 'text/css';
+        case '.js':
+            return 'application/javascript';
+        case '.json':
+            return 'application/json';
+        default:
+            return 'application/octet-stream';
+    }
+}

package/dist/providers/s3.d.ts

@@ -17,6 +17,7 @@ export declare class S3ContentProvider implements ContentProvider {
     getSiteConfig<T = unknown>(): Promise<T>;
     getPage<T = unknown>(route: string): Promise<T>;
     getFragment<T = unknown>(id: string): Promise<T>;
+    getLayout<T = unknown>(name: string): Promise<T>;
     manifest(): Promise<CompiledManifest>;
     fetchRaw(key: string): Promise<Response>;
     private getJSON;

package/dist/providers/s3.js

@@ -1,5 +1,5 @@
 import crypto from 'node:crypto';
-import { FragmentNotFoundError, PageNotFoundError } from '../content/provider.js';
+import { FragmentNotFoundError, LayoutNotFoundError, PageNotFoundError } from '../content/provider.js';
 import { normalizeRoute } from '../content/routes.js';
 // ---------------------------------------------------------------------------
 // S3 content provider — reads compiled content files from S3
@@ -45,6 +45,19 @@ export class S3ContentProvider {
             throw new FragmentNotFoundError(id, error);
         }
     }
+    async getLayout(name) {
+        const manifest = await this.manifest();
+        const layouts = manifest.layouts;
+        if (!layouts || !layouts[name]) {
+            throw new LayoutNotFoundError(name);
+        }
+        try {
+            return await this.getJSON(`layouts/${name}.json`);
+        }
+        catch (error) {
+            throw new LayoutNotFoundError(name, error);
+        }
+    }
     async manifest() {
         this.#manifest ??= this.getJSON('manifest.json');
         return await this.#manifest;

package/dist/registry.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentContract, InferComponentProps } from './types/component.js';
+export type AnyComponent = (abstract new (...args: any[]) => any) | ((props: any) => any) | Record<string, any>;
+export interface RegistryEntry {
+    name: string;
+    component: AnyComponent;
+    contract: ComponentContract;
+}
+export type Registry = readonly RegistryEntry[];
+type ValidatedEntry<T> = T extends readonly [infer C extends ComponentContract, infer Comp] ? Comp extends (props: InferComponentProps<C>) => any ? T : Comp extends (props: InferComponentProps<C> & infer _) => any ? T : Comp extends new (props: InferComponentProps<C>, ...args: any[]) => any ? T : Comp extends Record<string, any> ? T : never : never;
+type ValidatedEntries<T extends readonly (readonly [ComponentContract, AnyComponent])[]> = {
+    [K in keyof T]: ValidatedEntry<T[K]>;
+};
+export declare function createRegistry<const T extends readonly (readonly [ComponentContract, AnyComponent])[]>(entries: ValidatedEntries<T> & T): Registry;
+export declare function registryLookup(registry: Registry, name: string): AnyComponent | undefined;
+export {};

package/dist/registry.js

@@ -0,0 +1,10 @@
+export function createRegistry(entries) {
+    return entries.map(([contract, component]) => ({
+        name: contract.name,
+        component,
+        contract,
+    }));
+}
+export function registryLookup(registry, name) {
+    return registry.find((r) => r.name === name)?.component;
+}

package/dist/sveltekit/index.d.ts

@@ -19,4 +19,7 @@ export declare function gradialEntries(): Promise<string[]>;
 export declare function getPageRuntimeRenderInput(event: {
     request: Request;
 }): RenderInput | null;
-export declare function gradialSvelteKit(options?: GradialContentWatchOptions): VitePluginLike;
+export { createRegistry, registryLookup } from '../registry.js';
+export type { Registry, RegistryEntry, AnyComponent } from '../registry.js';
+export { getPreviewMode, createPreviewBannerHTML, createPreviewCookies, type PreviewContext, type PreviewCookie, } from './preview.js';
+export declare function withGradialAci(options?: GradialContentWatchOptions): VitePluginLike;

package/dist/sveltekit/index.js

@@ -32,9 +32,17 @@ export function getPageRuntimeRenderInput(event) {
     return getPendingRenderInputFromHeaders(event.request.headers);
 }
 // ---------------------------------------------------------------------------
+// Registry helpers
+// ---------------------------------------------------------------------------
+export { createRegistry, registryLookup } from '../registry.js';
+// ---------------------------------------------------------------------------
+// Preview support
+// ---------------------------------------------------------------------------
+export { getPreviewMode, createPreviewBannerHTML, createPreviewCookies, } from './preview.js';
+// ---------------------------------------------------------------------------
 // SvelteKit Vite plugin
 // ---------------------------------------------------------------------------
-export function gradialSvelteKit(options = {}) {
+export function withGradialAci(options = {}) {
     const watchPlugin = gradialContentWatchPlugin(options);
     const damAssetPlugin = gradialDamAssetPlugin(options);
     return {

package/dist/sveltekit/preview.d.ts

@@ -0,0 +1,5 @@
+import { type PreviewContext, type PreviewCookie } from '../preview/core.js';
+export declare function getPreviewMode(request: Request, siteId: string): Promise<PreviewContext>;
+export declare function createPreviewBannerHTML(releaseId: string): string;
+export declare function createPreviewCookies(token: string, releaseId: string): PreviewCookie[];
+export type { PreviewContext, PreviewCookie };

package/dist/sveltekit/preview.js

@@ -0,0 +1,33 @@
+import { extractPreviewToken, resolvePreviewContext, createPreviewBannerHTML as coreCreatePreviewBannerHTML, createPreviewCookies as coreCreatePreviewCookies, previewSignKey, } from '../preview/core.js';
+export async function getPreviewMode(request, siteId) {
+    const url = new URL(request.url);
+    const token = extractPreviewToken({
+        query: url.searchParams,
+        cookies: parseCookieHeader(request.headers.get('cookie') || ''),
+        authorization: request.headers.get('authorization') || undefined,
+    });
+    if (!token)
+        return { isPreview: false };
+    return resolvePreviewContext({ token, siteId, signKey: previewSignKey() });
+}
+export function createPreviewBannerHTML(releaseId) {
+    return coreCreatePreviewBannerHTML(releaseId);
+}
+export function createPreviewCookies(token, releaseId) {
+    return coreCreatePreviewCookies(token, releaseId);
+}
+function parseCookieHeader(header) {
+    const cookies = new Map();
+    for (const part of header.split(';')) {
+        const trimmed = part.trim();
+        if (!trimmed)
+            continue;
+        const idx = trimmed.indexOf('=');
+        if (idx < 0)
+            continue;
+        const name = trimmed.slice(0, idx).trim();
+        const value = trimmed.slice(idx + 1).trim();
+        cookies.set(name, decodeURIComponent(value));
+    }
+    return cookies;
+}

package/dist/testing/index.d.ts

@@ -4,15 +4,18 @@ export interface FixtureContentProviderOptions {
     siteConfig?: KernelSiteConfig;
     pages?: Record<string, KernelPage>;
     fragments?: Record<string, unknown>;
+    layouts?: Record<string, unknown>;
 }
 export declare class FixtureContentProvider implements ContentProvider {
     private siteConfig;
     private pages;
     private fragments;
+    private layouts;
     constructor(options?: FixtureContentProviderOptions);
     getSiteConfig<T = unknown>(): Promise<T>;
     getPage<T = unknown>(route: string): Promise<T>;
     getFragment<T = unknown>(id: string): Promise<T>;
+    getLayout<T = unknown>(name: string): Promise<T>;
     listRoutes(): Promise<RouteEntry[]>;
     loadRenderInput(route?: string, options?: RenderInputOptions): Promise<RenderInput>;
     resolveRouteMetadata(route?: string): Promise<KernelRouteMetadata>;

package/dist/testing/index.js

@@ -1,13 +1,15 @@
-import { PageNotFoundError, FragmentNotFoundError, loadRenderInput, routeMetadataForContent, } from '../content/provider.js';
+import { PageNotFoundError, FragmentNotFoundError, LayoutNotFoundError, loadRenderInput, routeMetadataForContent, } from '../content/provider.js';
 import { normalizeRoute } from '../content/routes.js';
 export class FixtureContentProvider {
     siteConfig;
     pages;
     fragments;
+    layouts;
     constructor(options = {}) {
         this.siteConfig = cloneFixture(options.siteConfig ?? defaultFixtureSiteConfig());
         this.pages = new Map();
         this.fragments = new Map();
+        this.layouts = new Map();
         const inputPages = options.pages ?? { '/': defaultFixturePage() };
         for (const [route, page] of Object.entries(inputPages)) {
             this.pages.set(normalizeRoute(route), cloneFixture(page));
@@ -17,6 +19,11 @@ export class FixtureContentProvider {
                 this.fragments.set(id, cloneFixture(fragment));
             }
         }
+        if (options.layouts) {
+            for (const [name, layout] of Object.entries(options.layouts)) {
+                this.layouts.set(name, cloneFixture(layout));
+            }
+        }
     }
     async getSiteConfig() {
         return cloneFixture(this.siteConfig);
@@ -35,6 +42,13 @@ export class FixtureContentProvider {
         }
         return cloneFixture(fragment);
     }
+    async getLayout(name) {
+        const layout = this.layouts.get(name);
+        if (layout === undefined) {
+            throw new LayoutNotFoundError(name);
+        }
+        return cloneFixture(layout);
+    }
     async listRoutes() {
         return [...this.pages.entries()]
             .sort(([a], [b]) => a.localeCompare(b))
@@ -84,7 +98,6 @@ export function defaultFixturePage() {
         $type: 'page',
         status: 'published',
         layout: 'marketing',
-        renderMode: 'static',
         metadata: {
             title: 'Fixture Home',
             description: 'Fixture home page.',

package/dist/types/component.d.ts

@@ -1,11 +1,6 @@
 import type { IslandMode, VaryDimension } from './render-mode.js';
 import type { ImageSlotContract } from './image.js';
 import type { z } from 'zod';
-export interface ComponentRenderModes {
-    canStatic: boolean;
-    canSSR: boolean;
-    canClientIsland: boolean;
-}
 /**
  * A CMS-registered component — sync or async (server components).
  * Accepts content props derived from the Zod schema.
@@ -26,8 +21,6 @@ export interface ComponentDefinition<TSchema = unknown> {
      */
     component?: CmsComponentFn<any>;
     schema: TSchema;
-    renderModes?: ComponentRenderModes;
-    render?: ComponentRenderModes;
     defaultIslandMode?: IslandMode;
     varyDimensions?: VaryDimension[];
     vary?: VaryDimension[];
@@ -37,8 +30,6 @@ export interface ComponentContract<TSchema = unknown> {
     name: string;
     component?: CmsComponentFn<any>;
     schema: TSchema;
-    renderModes: ComponentRenderModes;
-    render: ComponentRenderModes;
     defaultIslandMode?: IslandMode;
     varyDimensions?: VaryDimension[];
     vary?: VaryDimension[];

package/dist/types/config.d.ts

@@ -9,8 +9,8 @@ export interface BareMetalConfig {
         publicDir?: string;
     };
     componentRegistry: string;
+    dataRegistry?: string;
     layoutRegistry: string;
-    rendererEntry: string;
     capabilities: RenderCapabilities;
     routes: RouteConfig;
     dam?: DAMConfig;

package/dist/types/data.d.ts

@@ -0,0 +1,19 @@
+import { z } from 'zod';
+type InferDataProps<TSchema> = TSchema extends z.ZodType<infer T> ? T : Record<string, unknown>;
+export interface DataModelDefinition<TSchema = unknown, TType extends string = string> {
+    type: TType;
+    schema: TSchema;
+}
+export interface DataModelContract<TSchema = unknown, TType extends string = string> {
+    type: TType;
+    schema: TSchema;
+}
+export interface DataEntry<TProps = Record<string, unknown>, TType extends string = string> {
+    $type: TType;
+    props: TProps;
+}
+export type InferDataModelProps<TContract> = TContract extends DataModelContract<infer TSchema, string> ? InferDataProps<TSchema> : Record<string, unknown>;
+export type InferDataModelType<TContract> = TContract extends DataModelContract<unknown, infer TType> ? TType : string;
+export type DataModelRef<TContract extends DataModelContract> = DataEntry<InferDataModelProps<TContract>, InferDataModelType<TContract>>;
+export declare function dataModelRef<TContract extends DataModelContract<z.ZodTypeAny>>(contract: TContract): z.ZodType<DataModelRef<TContract>>;
+export {};

package/dist/types/data.js

@@ -0,0 +1,11 @@
+import { z } from 'zod';
+const dataRefPattern = /^\$ref:data\/[A-Za-z0-9][A-Za-z0-9_./-]*$/;
+export function dataModelRef(contract) {
+    return z.union([
+        z.string().regex(dataRefPattern, `expected a $ref:data/... pointer for ${contract.type}`),
+        z.object({
+            $type: z.literal(contract.type),
+            props: contract.schema,
+        }),
+    ]).describe(`data model reference: ${contract.type}`);
+}

package/dist/types/image.d.ts

@@ -17,7 +17,7 @@ export interface GradialImage {
     versionId: string;
     alt: string;
     fallback: ImageSource;
-    sources: PictureSource[];
+    sources: PictureSource[] | null;
 }
 export interface ImageSlotContract {
     outputs: SlotOutput[];

package/dist/types/image.js

@@ -26,7 +26,7 @@ export function renderImageHTML(image, attrs = {}) {
         height: image.fallback.height > 0 ? image.fallback.height : undefined,
     });
     const img = `<img${imgAttrs}>`;
-    if (!image.sources.length) {
+    if (!image.sources?.length) {
         return img;
     }
     const sources = image.sources.map((source) => `<source${renderAttrs({

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
 export * from './config.js';
 export * from './component.js';
+export * from './data.js';
 export * from './layout.js';
 export * from './page.js';
 export * from './renderer.js';

package/dist/types/index.js

@@ -1,5 +1,6 @@
 export * from './config.js';
 export * from './component.js';
+export * from './data.js';
 export * from './layout.js';
 export * from './page.js';
 export * from './renderer.js';

package/dist/types/page.d.ts

@@ -1,11 +1,10 @@
-import type { RenderMode, VaryDimension } from './render-mode.js';
+import type { VaryDimension } from './render-mode.js';
 export interface PageDocument {
     path: string;
     layout: string;
     locale: string;
     metadata: PageMetadata;
     regions: Record<string, RegionNode>;
-    renderMode: RenderMode;
 }
 export interface PageMetadata {
     title: string;

package/dist/types/render-mode.d.ts

@@ -1,3 +1,2 @@
-export type RenderMode = 'static' | 'static-with-fragments' | 'prerender-on-demand' | 'ssr-page' | 'ssr-island' | 'client-island';
 export type IslandMode = 'ssr' | 'client';
 export type VaryDimension = 'geo:country' | 'geo:region' | 'geo:city' | `cookie:${string}` | `header:${string}` | 'locale' | `query:${string}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradial/aci",
-  "version": "0.1.19",
+  "version": "0.1.20-preview.1",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -35,10 +35,18 @@
       "types": "./dist/content/contract.d.ts",
       "import": "./dist/content/contract.js"
     },
+    "./content/cache": {
+      "types": "./dist/content/cache.d.ts",
+      "import": "./dist/content/cache.js"
+    },
     "./content/validation": {
       "types": "./dist/content/validation.d.ts",
       "import": "./dist/content/validation.js"
     },
+    "./content/cache": {
+      "types": "./dist/content/cache.d.ts",
+      "import": "./dist/content/cache.js"
+    },
     "./content/tailwind-validator": {
       "types": "./dist/content/tailwind-validator.d.ts",
       "import": "./dist/content/tailwind-validator.js"
@@ -71,11 +79,31 @@
       "types": "./dist/astro/index.d.ts",
       "import": "./dist/astro/index.js"
     },
+    "./preview": {
+      "types": "./dist/preview/core.d.ts",
+      "import": "./dist/preview/core.js",
+      "default": "./dist/preview/core.js"
+    },
     "./next": {
       "types": "./dist/next/index.d.ts",
       "import": "./dist/next/index.js",
       "default": "./dist/next/index.js"
     },
+    "./next/page": {
+      "types": "./dist/next/page.d.ts",
+      "import": "./dist/next/page.js",
+      "default": "./dist/next/page.js"
+    },
+    "./next/root-layout": {
+      "types": "./dist/next/root-layout.d.ts",
+      "import": "./dist/next/root-layout.js",
+      "default": "./dist/next/root-layout.js"
+    },
+    "./next/render": {
+      "types": "./dist/next/render.d.ts",
+      "import": "./dist/next/render.js",
+      "default": "./dist/next/render.js"
+    },
     "./next/server": {
       "types": "./dist/next/server.d.ts",
       "import": "./dist/next/server.js",
@@ -110,15 +138,16 @@
     "build": "tsc -p tsconfig.json",
     "build:cli": "cd ../.. && ./scripts/build-cli.sh",
     "compile-registry": "tsx src/cli/compile-registry.mjs",
-    "prepack": "npm run build"
+    "prepack": "pnpm run build && pnpm run build:cli"
   },
-  "overrides": {
-    "postcss": "^8.5.10"
+  "dependencies": {
+    "ws": "^8.18.0"
   },
   "peerDependencies": {
     "@vercel/edge-config": "^1.4.3",
-    "next": "^15.5.0",
-    "react": "^19.0.0",
+    "next": "^15.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
     "zod": "^4.0.0"
   },
   "peerDependenciesMeta": {
@@ -130,16 +159,21 @@
     },
     "react": {
       "optional": true
+    },
+    "react-dom": {
+      "optional": true
     }
   },
   "devDependencies": {
     "@types/node": "^24.10.1",
     "@types/react": "^19.0.0",
+    "@types/ws": "^8.18.0",
     "@vercel/edge-config": "^1.4.3",
     "next": "^15.5.6",
     "react": "^19.0.0",
     "tsx": "^4.20.0",
     "typescript": "^5.9.3",
+    "ws": "^8.18.0",
     "zod": "^4.0.0"
   }
 }