@valbuild/next 0.97.0 → 0.97.1

package/dist/{ValApp-3df36e0d.cjs.dev.js → ValApp-1992d8b3.cjs.dev.js}

@@ -18,7 +18,8 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
 var Script__default = /*#__PURE__*/_interopDefault(Script);
 
 var ValApp = function ValApp(_ref) {
-  var config = _ref.config;
+  var config = _ref.config,
+    children = _ref.children;
   var route = "/api/val"; // TODO: make configurable
   var _useState = React.useState(),
     _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -134,7 +135,7 @@ var ValApp = function ValApp(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       id: ui.VAL_APP_ID,
       ref: container
-    })]
+    }), children]
   });
 };
 

package/dist/{ValApp-e2e1dfed.esm.js → ValApp-8912fc8b.esm.js}

@@ -10,7 +10,8 @@ import '@valbuild/shared/internal';
 import '@valbuild/core';
 
 var ValApp = function ValApp(_ref) {
-  var config = _ref.config;
+  var config = _ref.config,
+    children = _ref.children;
   var route = "/api/val"; // TODO: make configurable
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -126,7 +127,7 @@ var ValApp = function ValApp(_ref) {
     }), /*#__PURE__*/jsx("div", {
       id: VAL_APP_ID,
       ref: container
-    })]
+    }), children]
   });
 };
 

package/dist/ValApp-bb207e96.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./ValApp-bb207e96.cjs.prod.js");
+} else {
+  module.exports = require("./ValApp-bb207e96.cjs.dev.js");
+}

package/dist/{ValApp-22147086.cjs.prod.js → ValApp-bb207e96.cjs.prod.js}

@@ -18,7 +18,8 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
 var Script__default = /*#__PURE__*/_interopDefault(Script);
 
 var ValApp = function ValApp(_ref) {
-  var config = _ref.config;
+  var config = _ref.config,
+    children = _ref.children;
   var route = "/api/val"; // TODO: make configurable
   var _useState = React.useState(),
     _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -134,7 +135,7 @@ var ValApp = function ValApp(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       id: ui.VAL_APP_ID,
       ref: container
-    })]
+    }), children]
   });
 };
 

package/dist/ValModulesClient-0dd601a1.esm.js

@@ -0,0 +1,48 @@
+'use client';
+import { useEffect } from 'react';
+
+// Keep in sync with VAL_MODULES_UPDATED_EVENT in @valbuild/ui (useValModules.ts).
+var VAL_MODULES_UPDATED_EVENT = "val-modules-updated";
+
+/**
+ * Registers the user's `val.modules` registry on `window.__VAL_MODULES__` so
+ * the Val editor SPA (both the `/val` app and the on-page overlay) can read it.
+ *
+ * Must be called from a Client Component that statically imports `val.modules`:
+ * the module `def` entries are function closures, so the registry cannot be
+ * passed as a prop across the Server → Client Component boundary and must be
+ * pulled into the client bundle and registered via the window global instead.
+ *
+ * Re-runs when the `modules` reference changes (e.g. on HMR) and dispatches
+ * `val-modules-updated` so the SPA picks up the new registry.
+ */
+function useRegisterValModules(modules) {
+  useEffect(function () {
+    window.__VAL_MODULES__ = modules;
+    window.dispatchEvent(new CustomEvent(VAL_MODULES_UPDATED_EVENT));
+  }, [modules]);
+}
+
+/**
+ * Registers the user's `val.modules` registry for the Val editor SPA.
+ *
+ * Render this inside both `<ValProvider>` (root layout) and `<ValApp>` (the
+ * `/val` page), passing your `val.modules` default export. Use it from a
+ * Client Component so the registry ends up in the client bundle:
+ *
+ * @example
+ * "use client";
+ * import { ValModulesClient } from "@valbuild/next";
+ * import valModules from "../../val.modules";
+ *
+ * export function RegisterValModules() {
+ *   return <ValModulesClient modules={valModules} />;
+ * }
+ */
+function ValModulesClient(_ref) {
+  var modules = _ref.modules;
+  useRegisterValModules(modules);
+  return null;
+}
+
+export { ValModulesClient, useRegisterValModules };

package/dist/ValModulesClient-10c0721c.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./ValModulesClient-10c0721c.cjs.prod.js");
+} else {
+  module.exports = require("./ValModulesClient-10c0721c.cjs.dev.js");
+}

package/dist/ValModulesClient-10c0721c.cjs.prod.js

@@ -0,0 +1,53 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+// Keep in sync with VAL_MODULES_UPDATED_EVENT in @valbuild/ui (useValModules.ts).
+var VAL_MODULES_UPDATED_EVENT = "val-modules-updated";
+
+/**
+ * Registers the user's `val.modules` registry on `window.__VAL_MODULES__` so
+ * the Val editor SPA (both the `/val` app and the on-page overlay) can read it.
+ *
+ * Must be called from a Client Component that statically imports `val.modules`:
+ * the module `def` entries are function closures, so the registry cannot be
+ * passed as a prop across the Server → Client Component boundary and must be
+ * pulled into the client bundle and registered via the window global instead.
+ *
+ * Re-runs when the `modules` reference changes (e.g. on HMR) and dispatches
+ * `val-modules-updated` so the SPA picks up the new registry.
+ */
+function useRegisterValModules(modules) {
+  React.useEffect(function () {
+    window.__VAL_MODULES__ = modules;
+    window.dispatchEvent(new CustomEvent(VAL_MODULES_UPDATED_EVENT));
+  }, [modules]);
+}
+
+/**
+ * Registers the user's `val.modules` registry for the Val editor SPA.
+ *
+ * Render this inside both `<ValProvider>` (root layout) and `<ValApp>` (the
+ * `/val` page), passing your `val.modules` default export. Use it from a
+ * Client Component so the registry ends up in the client bundle:
+ *
+ * @example
+ * "use client";
+ * import { ValModulesClient } from "@valbuild/next";
+ * import valModules from "../../val.modules";
+ *
+ * export function RegisterValModules() {
+ *   return <ValModulesClient modules={valModules} />;
+ * }
+ */
+function ValModulesClient(_ref) {
+  var modules = _ref.modules;
+  useRegisterValModules(modules);
+  return null;
+}
+
+exports.ValModulesClient = ValModulesClient;
+exports.useRegisterValModules = useRegisterValModules;

package/dist/ValModulesClient-4ecabf99.cjs.dev.js

@@ -0,0 +1,53 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+// Keep in sync with VAL_MODULES_UPDATED_EVENT in @valbuild/ui (useValModules.ts).
+var VAL_MODULES_UPDATED_EVENT = "val-modules-updated";
+
+/**
+ * Registers the user's `val.modules` registry on `window.__VAL_MODULES__` so
+ * the Val editor SPA (both the `/val` app and the on-page overlay) can read it.
+ *
+ * Must be called from a Client Component that statically imports `val.modules`:
+ * the module `def` entries are function closures, so the registry cannot be
+ * passed as a prop across the Server → Client Component boundary and must be
+ * pulled into the client bundle and registered via the window global instead.
+ *
+ * Re-runs when the `modules` reference changes (e.g. on HMR) and dispatches
+ * `val-modules-updated` so the SPA picks up the new registry.
+ */
+function useRegisterValModules(modules) {
+  React.useEffect(function () {
+    window.__VAL_MODULES__ = modules;
+    window.dispatchEvent(new CustomEvent(VAL_MODULES_UPDATED_EVENT));
+  }, [modules]);
+}
+
+/**
+ * Registers the user's `val.modules` registry for the Val editor SPA.
+ *
+ * Render this inside both `<ValProvider>` (root layout) and `<ValApp>` (the
+ * `/val` page), passing your `val.modules` default export. Use it from a
+ * Client Component so the registry ends up in the client bundle:
+ *
+ * @example
+ * "use client";
+ * import { ValModulesClient } from "@valbuild/next";
+ * import valModules from "../../val.modules";
+ *
+ * export function RegisterValModules() {
+ *   return <ValModulesClient modules={valModules} />;
+ * }
+ */
+function ValModulesClient(_ref) {
+  var modules = _ref.modules;
+  useRegisterValModules(modules);
+  return null;
+}
+
+exports.ValModulesClient = ValModulesClient;
+exports.useRegisterValModules = useRegisterValModules;

package/dist/declarations/src/ValApp.d.ts

@@ -1,4 +1,6 @@
 import { ValConfig } from "@valbuild/core";
-export declare const ValApp: ({ config }: {
+import { type ReactNode } from "react";
+export declare const ValApp: ({ config, children, }: {
     config: ValConfig;
+    children?: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/declarations/src/ValModulesClient.d.ts

@@ -0,0 +1,38 @@
+import type { ValModules } from "@valbuild/core";
+declare global {
+    interface Window {
+        __VAL_MODULES__?: ValModules;
+    }
+}
+/**
+ * Registers the user's `val.modules` registry on `window.__VAL_MODULES__` so
+ * the Val editor SPA (both the `/val` app and the on-page overlay) can read it.
+ *
+ * Must be called from a Client Component that statically imports `val.modules`:
+ * the module `def` entries are function closures, so the registry cannot be
+ * passed as a prop across the Server → Client Component boundary and must be
+ * pulled into the client bundle and registered via the window global instead.
+ *
+ * Re-runs when the `modules` reference changes (e.g. on HMR) and dispatches
+ * `val-modules-updated` so the SPA picks up the new registry.
+ */
+export declare function useRegisterValModules(modules: ValModules): void;
+/**
+ * Registers the user's `val.modules` registry for the Val editor SPA.
+ *
+ * Render this inside both `<ValProvider>` (root layout) and `<ValApp>` (the
+ * `/val` page), passing your `val.modules` default export. Use it from a
+ * Client Component so the registry ends up in the client bundle:
+ *
+ * @example
+ * "use client";
+ * import { ValModulesClient } from "@valbuild/next";
+ * import valModules from "../../val.modules";
+ *
+ * export function RegisterValModules() {
+ *   return <ValModulesClient modules={valModules} />;
+ * }
+ */
+export declare function ValModulesClient({ modules }: {
+    modules: ValModules;
+}): null;

package/dist/declarations/src/external_exempt_from_val_quickjs.d.ts

@@ -18,6 +18,7 @@ export { type ValEncodedString, type File, type Image, type RichText, } from "@v
 export { ValProvider } from "./ValProvider.js";
 export { ValImage, type ValImageProps } from "./ValImage.js";
 export { ValApp } from "./ValApp.js";
+export { ValModulesClient, useRegisterValModules } from "./ValModulesClient.js";
 export type * as t from "./ValTypes.js";
 export type { DecodeVal } from "@valbuild/react/stega";
 export declare const Internal: {

package/dist/valbuild-next.cjs.dev.js

@@ -10,7 +10,8 @@ var internal = require('@valbuild/react/internal');
 var ValNextProvider = require('./ValNextProvider-03a9f8fd.cjs.dev.js');
 var NextImage = require('next/image');
 var jsxRuntime = require('react/jsx-runtime');
-var ValApp = require('./ValApp-3df36e0d.cjs.dev.js');
+var ValApp = require('./ValApp-1992d8b3.cjs.dev.js');
+var ValModulesClient = require('./ValModulesClient-4ecabf99.cjs.dev.js');
 var createForOfIteratorHelper = require('./createForOfIteratorHelper-0445603c.cjs.dev.js');
 require('./defineProperty-f90345d7.cjs.dev.js');
 require('./unsupportedIterableToArray-c8ab77c9.cjs.dev.js');
@@ -237,6 +238,14 @@ Object.defineProperty(exports, 'ValApp', {
   enumerable: true,
   get: function () { return ValApp.ValApp; }
 });
+Object.defineProperty(exports, 'ValModulesClient', {
+  enumerable: true,
+  get: function () { return ValModulesClient.ValModulesClient; }
+});
+Object.defineProperty(exports, 'useRegisterValModules', {
+  enumerable: true,
+  get: function () { return ValModulesClient.useRegisterValModules; }
+});
 exports.Internal = Internal;
 exports.ValImage = ValImage;
 exports.ValProvider = ValProvider;

package/dist/valbuild-next.cjs.prod.js

@@ -10,7 +10,8 @@ var internal = require('@valbuild/react/internal');
 var ValNextProvider = require('./ValNextProvider-6103cb74.cjs.prod.js');
 var NextImage = require('next/image');
 var jsxRuntime = require('react/jsx-runtime');
-var ValApp = require('./ValApp-22147086.cjs.prod.js');
+var ValApp = require('./ValApp-bb207e96.cjs.prod.js');
+var ValModulesClient = require('./ValModulesClient-10c0721c.cjs.prod.js');
 var createForOfIteratorHelper = require('./createForOfIteratorHelper-d4afcad8.cjs.prod.js');
 require('./defineProperty-8951f469.cjs.prod.js');
 require('./unsupportedIterableToArray-0d2087a2.cjs.prod.js');
@@ -237,6 +238,14 @@ Object.defineProperty(exports, 'ValApp', {
   enumerable: true,
   get: function () { return ValApp.ValApp; }
 });
+Object.defineProperty(exports, 'ValModulesClient', {
+  enumerable: true,
+  get: function () { return ValModulesClient.ValModulesClient; }
+});
+Object.defineProperty(exports, 'useRegisterValModules', {
+  enumerable: true,
+  get: function () { return ValModulesClient.useRegisterValModules; }
+});
 exports.Internal = Internal;
 exports.ValImage = ValImage;
 exports.ValProvider = ValProvider;

package/dist/valbuild-next.esm.js

@@ -9,7 +9,8 @@ export { ValRichText } from '@valbuild/react/internal';
 import { ValNextProvider } from './ValNextProvider-7302b8af.esm.js';
 import NextImage from 'next/image';
 import { jsx } from 'react/jsx-runtime';
-export { ValApp } from './ValApp-e2e1dfed.esm.js';
+export { ValApp } from './ValApp-8912fc8b.esm.js';
+export { ValModulesClient, useRegisterValModules } from './ValModulesClient-0dd601a1.esm.js';
 import { _ as _createForOfIteratorHelper } from './createForOfIteratorHelper-5758a730.esm.js';
 import './defineProperty-cca5affa.esm.js';
 import './unsupportedIterableToArray-5baabfdc.esm.js';

package/package.json

@@ -12,7 +12,7 @@
     "next",
     "react"
   ],
-  "version": "0.97.0",
+  "version": "0.97.1",
   "main": "dist/valbuild-next.cjs.js",
   "module": "dist/valbuild-next.esm.js",
   "exports": {
@@ -47,11 +47,11 @@
   "dependencies": {
     "client-only": "^0.0.1",
     "server-only": "^0.0.1",
-    "@valbuild/core": "0.97.0",
-    "@valbuild/react": "0.97.0",
-    "@valbuild/server": "0.97.0",
-    "@valbuild/shared": "0.97.0",
-    "@valbuild/ui": "0.97.0"
+    "@valbuild/core": "0.97.1",
+    "@valbuild/react": "0.97.1",
+    "@valbuild/server": "0.97.1",
+    "@valbuild/shared": "0.97.1",
+    "@valbuild/ui": "0.97.1"
   },
   "devDependencies": {
     "@testing-library/react": "^14.0.0",

package/rsc/dist/valbuild-next-rsc.cjs.dev.js

@@ -89,7 +89,9 @@ var initFetchValStega = function initFetchValStega(config, valApiEndpoints, valS
                 query: {
                   validate_sources: true,
                   validate_binary_files: false,
-                  exclude_patches: false
+                  exclude_patches: false,
+                  // RSC pre-render uses the legacy "server applies patches" path.
+                  apply_patches: undefined
                 },
                 cookies: defineProperty._defineProperty({}, internal.VAL_SESSION_COOKIE, (_cookies = cookies) === null || _cookies === void 0 || (_cookies = _cookies.get(internal.VAL_SESSION_COOKIE)) === null || _cookies === void 0 ? void 0 : _cookies.value)
               });

package/rsc/dist/valbuild-next-rsc.cjs.prod.js

@@ -89,7 +89,9 @@ var initFetchValStega = function initFetchValStega(config, valApiEndpoints, valS
                 query: {
                   validate_sources: true,
                   validate_binary_files: false,
-                  exclude_patches: false
+                  exclude_patches: false,
+                  // RSC pre-render uses the legacy "server applies patches" path.
+                  apply_patches: undefined
                 },
                 cookies: defineProperty._defineProperty({}, internal.VAL_SESSION_COOKIE, (_cookies = cookies) === null || _cookies === void 0 || (_cookies = _cookies.get(internal.VAL_SESSION_COOKIE)) === null || _cookies === void 0 ? void 0 : _cookies.value)
               });

package/rsc/dist/valbuild-next-rsc.esm.js

@@ -85,7 +85,9 @@ var initFetchValStega = function initFetchValStega(config, valApiEndpoints, valS
                 query: {
                   validate_sources: true,
                   validate_binary_files: false,
-                  exclude_patches: false
+                  exclude_patches: false,
+                  // RSC pre-render uses the legacy "server applies patches" path.
+                  apply_patches: undefined
                 },
                 cookies: _defineProperty({}, VAL_SESSION_COOKIE, (_cookies = cookies) === null || _cookies === void 0 || (_cookies = _cookies.get(VAL_SESSION_COOKIE)) === null || _cookies === void 0 ? void 0 : _cookies.value)
               });

package/dist/ValApp-22147086.cjs.js

@@ -1,7 +0,0 @@
-'use strict';
-
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./ValApp-22147086.cjs.prod.js");
-} else {
-  module.exports = require("./ValApp-22147086.cjs.dev.js");
-}