@valbuild/next 0.74.0 → 0.75.0

package/dist/{ValApp-de156df4.cjs.dev.js → ValApp-54761eee.cjs.dev.js}

@@ -7,24 +7,25 @@ var slicedToArray = require('./slicedToArray-44036a76.cjs.dev.js');
 var ui = require('@valbuild/ui');
 var Script = require('next/script');
 var React = require('react');
+var useRemoteConfigSender = require('./useRemoteConfigSender-c78b81c5.cjs.dev.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('./unsupportedIterableToArray-c8ab77c9.cjs.dev.js');
+require('./objectSpread2-792eb2c2.cjs.dev.js');
+require('@valbuild/core');
+require('@valbuild/shared/internal');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var Script__default = /*#__PURE__*/_interopDefault(Script);
 
-function _objectDestructuringEmpty(t) {
-  if (null == t) throw new TypeError("Cannot destructure " + t);
-}
-
 var ValApp = function ValApp(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var route = "/api/val";
+  var config = _ref.config;
+  var route = "/api/val"; // TODO: make configurable
   var _useState = React.useState(),
     _useState2 = slicedToArray._slicedToArray(_useState, 2),
     inMessageMode = _useState2[0],
     setInMessageMode = _useState2[1];
+  useRemoteConfigSender.useRemoteConfigSender(config);
   React.useEffect(function () {
     if (location.search === "?message_onready=true") {
       setInMessageMode(true);
@@ -51,7 +52,8 @@ var ValApp = function ValApp(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Script__default["default"], {
       type: "module",
-      src: "".concat(route, "/static").concat(ui.VAL_APP_PATH)
+      src: "".concat(route, "/static").concat(ui.VAL_APP_PATH),
+      crossOrigin: "anonymous"
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       id: ui.VAL_APP_ID
     })]

package/dist/{ValApp-50ec1e10.esm.js → ValApp-6cdadf96.esm.js}

@@ -3,20 +3,21 @@ import { _ as _slicedToArray } from './slicedToArray-aa291011.esm.js';
 import { VAL_APP_PATH, VAL_APP_ID } from '@valbuild/ui';
 import Script from 'next/script';
 import { useState, useEffect } from 'react';
+import { u as useRemoteConfigSender } from './useRemoteConfigSender-02451801.esm.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import './unsupportedIterableToArray-5baabfdc.esm.js';
-
-function _objectDestructuringEmpty(t) {
-  if (null == t) throw new TypeError("Cannot destructure " + t);
-}
+import './objectSpread2-c1340c1c.esm.js';
+import '@valbuild/core';
+import '@valbuild/shared/internal';
 
 var ValApp = function ValApp(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var route = "/api/val";
+  var config = _ref.config;
+  var route = "/api/val"; // TODO: make configurable
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     inMessageMode = _useState2[0],
     setInMessageMode = _useState2[1];
+  useRemoteConfigSender(config);
   useEffect(function () {
     if (location.search === "?message_onready=true") {
       setInMessageMode(true);
@@ -43,7 +44,8 @@ var ValApp = function ValApp(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Script, {
       type: "module",
-      src: "".concat(route, "/static").concat(VAL_APP_PATH)
+      src: "".concat(route, "/static").concat(VAL_APP_PATH),
+      crossOrigin: "anonymous"
     }), /*#__PURE__*/jsx("div", {
       id: VAL_APP_ID
     })]

package/dist/ValApp-9f1d8d49.cjs.js

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

package/dist/{ValApp-9eefeefd.cjs.prod.js → ValApp-9f1d8d49.cjs.prod.js}

@@ -7,24 +7,25 @@ var slicedToArray = require('./slicedToArray-ce613de6.cjs.prod.js');
 var ui = require('@valbuild/ui');
 var Script = require('next/script');
 var React = require('react');
+var useRemoteConfigSender = require('./useRemoteConfigSender-3ea2fe91.cjs.prod.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('./unsupportedIterableToArray-0d2087a2.cjs.prod.js');
+require('./objectSpread2-3c87fb4f.cjs.prod.js');
+require('@valbuild/core');
+require('@valbuild/shared/internal');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var Script__default = /*#__PURE__*/_interopDefault(Script);
 
-function _objectDestructuringEmpty(t) {
-  if (null == t) throw new TypeError("Cannot destructure " + t);
-}
-
 var ValApp = function ValApp(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var route = "/api/val";
+  var config = _ref.config;
+  var route = "/api/val"; // TODO: make configurable
   var _useState = React.useState(),
     _useState2 = slicedToArray._slicedToArray(_useState, 2),
     inMessageMode = _useState2[0],
     setInMessageMode = _useState2[1];
+  useRemoteConfigSender.useRemoteConfigSender(config);
   React.useEffect(function () {
     if (location.search === "?message_onready=true") {
       setInMessageMode(true);
@@ -51,7 +52,8 @@ var ValApp = function ValApp(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Script__default["default"], {
       type: "module",
-      src: "".concat(route, "/static").concat(ui.VAL_APP_PATH)
+      src: "".concat(route, "/static").concat(ui.VAL_APP_PATH),
+      crossOrigin: "anonymous"
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       id: ui.VAL_APP_ID
     })]

package/dist/{ValNextProvider-01e318bd.esm.js → ValNextProvider-114b1205.esm.js}

@@ -1,13 +1,15 @@
 'use client';
 import { _ as _slicedToArray } from './slicedToArray-aa291011.esm.js';
-import { Internal } from '@valbuild/core';
+import { _ as _objectSpread2 } from './objectSpread2-c1340c1c.esm.js';
+import { DEFAULT_CONTENT_HOST, Internal } from '@valbuild/core';
 import { VAL_APP_PATH, VAL_OVERLAY_ID } from '@valbuild/ui';
 import { useRouter } from 'next/navigation';
 import Script from 'next/script';
-import React, { useEffect } from 'react';
+import React from 'react';
 import { ValExternalStore, ValOverlayProvider } from './ValOverlayContext-a2fdbce0.esm.js';
 import { SET_AUTO_TAG_JSX_ENABLED } from '@valbuild/react/stega';
 import { createValClient } from '@valbuild/shared/internal';
+import { u as useRemoteConfigSender } from './useRemoteConfigSender-02451801.esm.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import './unsupportedIterableToArray-5baabfdc.esm.js';
 
@@ -15,8 +17,10 @@ var ValNextProvider = function ValNextProvider(props) {
   // TODO: use config:
   var route = "/api/val";
   var client = React.useMemo(function () {
-    return createValClient(route);
-  }, [route]);
+    return createValClient(route, _objectSpread2(_objectSpread2({}, props.config), {}, {
+      contentHostUrl: DEFAULT_CONTENT_HOST
+    }));
+  }, [route, props.config]);
 
   // TODO: move below into react package
   var valStore = React.useMemo(function () {
@@ -117,7 +121,7 @@ var ValNextProvider = function ValNextProvider(props) {
     };
   }, [showOverlay, draftMode]);
   var pollDraftStatIdRef = React.useRef(0);
-  useEffect(function () {
+  React.useEffect(function () {
     // continous polling to check for updates:
 
     var timeout;
@@ -242,6 +246,7 @@ var ValNextProvider = function ValNextProvider(props) {
       setDropZone("val-menu-right-center");
     }
   }, []);
+  useRemoteConfigSender(props.config);
   return /*#__PURE__*/jsxs(ValOverlayProvider, {
     draftMode: draftMode,
     store: valStore,
@@ -261,7 +266,8 @@ var ValNextProvider = function ValNextProvider(props) {
     }), showOverlay && draftMode !== undefined && /*#__PURE__*/jsxs(React.Fragment, {
       children: [/*#__PURE__*/jsx(Script, {
         type: "module",
-        src: "".concat(route, "/static").concat(VAL_APP_PATH)
+        src: "".concat(route, "/static").concat(VAL_APP_PATH),
+        crossOrigin: "anonymous"
       }), /*#__PURE__*/jsx("div", {
         id: VAL_OVERLAY_ID
       })]

package/dist/{ValNextProvider-951d0724.cjs.dev.js → ValNextProvider-3c3cdb83.cjs.dev.js}

@@ -4,6 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var slicedToArray = require('./slicedToArray-44036a76.cjs.dev.js');
+var objectSpread2 = require('./objectSpread2-792eb2c2.cjs.dev.js');
 var core = require('@valbuild/core');
 var ui = require('@valbuild/ui');
 var navigation = require('next/navigation');
@@ -12,6 +13,7 @@ var React = require('react');
 var ValOverlayContext = require('./ValOverlayContext-55dae3ea.cjs.dev.js');
 var stega = require('@valbuild/react/stega');
 var internal = require('@valbuild/shared/internal');
+var useRemoteConfigSender = require('./useRemoteConfigSender-c78b81c5.cjs.dev.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('./unsupportedIterableToArray-c8ab77c9.cjs.dev.js');
 
@@ -24,8 +26,10 @@ var ValNextProvider = function ValNextProvider(props) {
   // TODO: use config:
   var route = "/api/val";
   var client = React__default["default"].useMemo(function () {
-    return internal.createValClient(route);
-  }, [route]);
+    return internal.createValClient(route, objectSpread2._objectSpread2(objectSpread2._objectSpread2({}, props.config), {}, {
+      contentHostUrl: core.DEFAULT_CONTENT_HOST
+    }));
+  }, [route, props.config]);
 
   // TODO: move below into react package
   var valStore = React__default["default"].useMemo(function () {
@@ -126,7 +130,7 @@ var ValNextProvider = function ValNextProvider(props) {
     };
   }, [showOverlay, draftMode]);
   var pollDraftStatIdRef = React__default["default"].useRef(0);
-  React.useEffect(function () {
+  React__default["default"].useEffect(function () {
     // continous polling to check for updates:
 
     var timeout;
@@ -251,6 +255,7 @@ var ValNextProvider = function ValNextProvider(props) {
       setDropZone("val-menu-right-center");
     }
   }, []);
+  useRemoteConfigSender.useRemoteConfigSender(props.config);
   return /*#__PURE__*/jsxRuntime.jsxs(ValOverlayContext.ValOverlayProvider, {
     draftMode: draftMode,
     store: valStore,
@@ -270,7 +275,8 @@ var ValNextProvider = function ValNextProvider(props) {
     }), showOverlay && draftMode !== undefined && /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsx(Script__default["default"], {
         type: "module",
-        src: "".concat(route, "/static").concat(ui.VAL_APP_PATH)
+        src: "".concat(route, "/static").concat(ui.VAL_APP_PATH),
+        crossOrigin: "anonymous"
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
         id: ui.VAL_OVERLAY_ID
       })]

package/dist/ValNextProvider-8b7cbdb7.cjs.js

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

package/dist/{ValNextProvider-8e3ff773.cjs.prod.js → ValNextProvider-8b7cbdb7.cjs.prod.js}

@@ -4,6 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var slicedToArray = require('./slicedToArray-ce613de6.cjs.prod.js');
+var objectSpread2 = require('./objectSpread2-3c87fb4f.cjs.prod.js');
 var core = require('@valbuild/core');
 var ui = require('@valbuild/ui');
 var navigation = require('next/navigation');
@@ -12,6 +13,7 @@ var React = require('react');
 var ValOverlayContext = require('./ValOverlayContext-811e9be9.cjs.prod.js');
 var stega = require('@valbuild/react/stega');
 var internal = require('@valbuild/shared/internal');
+var useRemoteConfigSender = require('./useRemoteConfigSender-3ea2fe91.cjs.prod.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('./unsupportedIterableToArray-0d2087a2.cjs.prod.js');
 
@@ -24,8 +26,10 @@ var ValNextProvider = function ValNextProvider(props) {
   // TODO: use config:
   var route = "/api/val";
   var client = React__default["default"].useMemo(function () {
-    return internal.createValClient(route);
-  }, [route]);
+    return internal.createValClient(route, objectSpread2._objectSpread2(objectSpread2._objectSpread2({}, props.config), {}, {
+      contentHostUrl: core.DEFAULT_CONTENT_HOST
+    }));
+  }, [route, props.config]);
 
   // TODO: move below into react package
   var valStore = React__default["default"].useMemo(function () {
@@ -126,7 +130,7 @@ var ValNextProvider = function ValNextProvider(props) {
     };
   }, [showOverlay, draftMode]);
   var pollDraftStatIdRef = React__default["default"].useRef(0);
-  React.useEffect(function () {
+  React__default["default"].useEffect(function () {
     // continous polling to check for updates:
 
     var timeout;
@@ -251,6 +255,7 @@ var ValNextProvider = function ValNextProvider(props) {
       setDropZone("val-menu-right-center");
     }
   }, []);
+  useRemoteConfigSender.useRemoteConfigSender(props.config);
   return /*#__PURE__*/jsxRuntime.jsxs(ValOverlayContext.ValOverlayProvider, {
     draftMode: draftMode,
     store: valStore,
@@ -270,7 +275,8 @@ var ValNextProvider = function ValNextProvider(props) {
     }), showOverlay && draftMode !== undefined && /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsx(Script__default["default"], {
         type: "module",
-        src: "".concat(route, "/static").concat(ui.VAL_APP_PATH)
+        src: "".concat(route, "/static").concat(ui.VAL_APP_PATH),
+        crossOrigin: "anonymous"
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
         id: ui.VAL_OVERLAY_ID
       })]

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

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

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

@@ -71,5 +71,5 @@ export declare const Internal: {
     VAL_ENABLE_COOKIE_NAME: "val_enable";
     VAL_STATE_COOKIE: "val_state";
     VAL_SESSION_COOKIE: "val_session";
-    createFilename: (data: string | null, filename: string | null, metadata: import("@valbuild/core").ImageMetadata | import("@valbuild/core").FileMetadata | undefined, sha256: string) => string | null;
+    createFilename: (data: string | null, filename: string | null, metadata: import("@valbuild/core").FileMetadata | import("@valbuild/core").ImageMetadata | undefined, sha256: string) => string | null;
 };

package/dist/useRemoteConfigSender-02451801.esm.js

@@ -0,0 +1,70 @@
+import { _ as _objectSpread2 } from './objectSpread2-c1340c1c.esm.js';
+import { _ as _slicedToArray } from './slicedToArray-aa291011.esm.js';
+import { DEFAULT_CONTENT_HOST, Internal } from '@valbuild/core';
+import { VAL_CONFIG_RECEIVED_LISTENER, VAL_CONFIG_LISTENER } from '@valbuild/shared/internal';
+import React from 'react';
+
+var textEncoder = new TextEncoder();
+/*
+ * See the useRemoteConfigReceiver.tsx for the sender
+ */
+function useRemoteConfigSender(config) {
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    sentRemoteConfigHash = _React$useState2[0],
+    setSentRemoteConfigHash = _React$useState2[1];
+  var _React$useState3 = React.useState(null),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    receivedRemoteConfigHash = _React$useState4[0],
+    setReceivedRemoteConfigHash = _React$useState4[1];
+  React.useEffect(function () {
+    var sendConfig = function sendConfig() {
+      var sharedConfig = _objectSpread2(_objectSpread2({}, config), {}, {
+        // We're in NextJS now, so we can get process.env variables
+        contentHostUrl: process.env.VAL_CONTENT_URL || DEFAULT_CONTENT_HOST
+      });
+      var hash = Internal.getSHA256Hash(textEncoder.encode(JSON.stringify(sharedConfig)));
+      setSentRemoteConfigHash(hash);
+      window.dispatchEvent(new CustomEvent(VAL_CONFIG_LISTENER, {
+        detail: {
+          type: "val-config",
+          config: config,
+          hash: hash
+        }
+      }));
+    };
+    if (sentRemoteConfigHash === null || sentRemoteConfigHash !== receivedRemoteConfigHash) {
+      sendConfig();
+      var interval = setInterval(function () {
+        sendConfig();
+      }, 1000);
+      return function () {
+        clearInterval(interval);
+      };
+    }
+  }, [config, receivedRemoteConfigHash, sentRemoteConfigHash]);
+  React.useEffect(function () {
+    var configListener = function configListener(event) {
+      if (!(event instanceof CustomEvent)) {
+        console.warn("Received message of type val-config, but it was not a CustomEvent", event);
+        return;
+      }
+      if (event.detail.type !== "val-config-received") {
+        console.warn("Received message of type val-config, but it did not have the expected type", event.detail);
+        return;
+      }
+      var hash = event.detail.hash;
+      if (!hash) {
+        console.warn("Received message of type val-config, but it did not have a hash", event.detail);
+        return;
+      }
+      setReceivedRemoteConfigHash(hash);
+    };
+    window.addEventListener(VAL_CONFIG_RECEIVED_LISTENER, configListener);
+    return function () {
+      window.removeEventListener(VAL_CONFIG_RECEIVED_LISTENER, configListener);
+    };
+  }, [config]);
+}
+
+export { useRemoteConfigSender as u };

package/dist/useRemoteConfigSender-3ea2fe91.cjs.prod.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var objectSpread2 = require('./objectSpread2-3c87fb4f.cjs.prod.js');
+var slicedToArray = require('./slicedToArray-ce613de6.cjs.prod.js');
+var core = require('@valbuild/core');
+var internal = require('@valbuild/shared/internal');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var textEncoder = new TextEncoder();
+/*
+ * See the useRemoteConfigReceiver.tsx for the sender
+ */
+function useRemoteConfigSender(config) {
+  var _React$useState = React__default["default"].useState(null),
+    _React$useState2 = slicedToArray._slicedToArray(_React$useState, 2),
+    sentRemoteConfigHash = _React$useState2[0],
+    setSentRemoteConfigHash = _React$useState2[1];
+  var _React$useState3 = React__default["default"].useState(null),
+    _React$useState4 = slicedToArray._slicedToArray(_React$useState3, 2),
+    receivedRemoteConfigHash = _React$useState4[0],
+    setReceivedRemoteConfigHash = _React$useState4[1];
+  React__default["default"].useEffect(function () {
+    var sendConfig = function sendConfig() {
+      var sharedConfig = objectSpread2._objectSpread2(objectSpread2._objectSpread2({}, config), {}, {
+        // We're in NextJS now, so we can get process.env variables
+        contentHostUrl: process.env.VAL_CONTENT_URL || core.DEFAULT_CONTENT_HOST
+      });
+      var hash = core.Internal.getSHA256Hash(textEncoder.encode(JSON.stringify(sharedConfig)));
+      setSentRemoteConfigHash(hash);
+      window.dispatchEvent(new CustomEvent(internal.VAL_CONFIG_LISTENER, {
+        detail: {
+          type: "val-config",
+          config: config,
+          hash: hash
+        }
+      }));
+    };
+    if (sentRemoteConfigHash === null || sentRemoteConfigHash !== receivedRemoteConfigHash) {
+      sendConfig();
+      var interval = setInterval(function () {
+        sendConfig();
+      }, 1000);
+      return function () {
+        clearInterval(interval);
+      };
+    }
+  }, [config, receivedRemoteConfigHash, sentRemoteConfigHash]);
+  React__default["default"].useEffect(function () {
+    var configListener = function configListener(event) {
+      if (!(event instanceof CustomEvent)) {
+        console.warn("Received message of type val-config, but it was not a CustomEvent", event);
+        return;
+      }
+      if (event.detail.type !== "val-config-received") {
+        console.warn("Received message of type val-config, but it did not have the expected type", event.detail);
+        return;
+      }
+      var hash = event.detail.hash;
+      if (!hash) {
+        console.warn("Received message of type val-config, but it did not have a hash", event.detail);
+        return;
+      }
+      setReceivedRemoteConfigHash(hash);
+    };
+    window.addEventListener(internal.VAL_CONFIG_RECEIVED_LISTENER, configListener);
+    return function () {
+      window.removeEventListener(internal.VAL_CONFIG_RECEIVED_LISTENER, configListener);
+    };
+  }, [config]);
+}
+
+exports.useRemoteConfigSender = useRemoteConfigSender;

package/dist/useRemoteConfigSender-c78b81c5.cjs.dev.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var objectSpread2 = require('./objectSpread2-792eb2c2.cjs.dev.js');
+var slicedToArray = require('./slicedToArray-44036a76.cjs.dev.js');
+var core = require('@valbuild/core');
+var internal = require('@valbuild/shared/internal');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var textEncoder = new TextEncoder();
+/*
+ * See the useRemoteConfigReceiver.tsx for the sender
+ */
+function useRemoteConfigSender(config) {
+  var _React$useState = React__default["default"].useState(null),
+    _React$useState2 = slicedToArray._slicedToArray(_React$useState, 2),
+    sentRemoteConfigHash = _React$useState2[0],
+    setSentRemoteConfigHash = _React$useState2[1];
+  var _React$useState3 = React__default["default"].useState(null),
+    _React$useState4 = slicedToArray._slicedToArray(_React$useState3, 2),
+    receivedRemoteConfigHash = _React$useState4[0],
+    setReceivedRemoteConfigHash = _React$useState4[1];
+  React__default["default"].useEffect(function () {
+    var sendConfig = function sendConfig() {
+      var sharedConfig = objectSpread2._objectSpread2(objectSpread2._objectSpread2({}, config), {}, {
+        // We're in NextJS now, so we can get process.env variables
+        contentHostUrl: process.env.VAL_CONTENT_URL || core.DEFAULT_CONTENT_HOST
+      });
+      var hash = core.Internal.getSHA256Hash(textEncoder.encode(JSON.stringify(sharedConfig)));
+      setSentRemoteConfigHash(hash);
+      window.dispatchEvent(new CustomEvent(internal.VAL_CONFIG_LISTENER, {
+        detail: {
+          type: "val-config",
+          config: config,
+          hash: hash
+        }
+      }));
+    };
+    if (sentRemoteConfigHash === null || sentRemoteConfigHash !== receivedRemoteConfigHash) {
+      sendConfig();
+      var interval = setInterval(function () {
+        sendConfig();
+      }, 1000);
+      return function () {
+        clearInterval(interval);
+      };
+    }
+  }, [config, receivedRemoteConfigHash, sentRemoteConfigHash]);
+  React__default["default"].useEffect(function () {
+    var configListener = function configListener(event) {
+      if (!(event instanceof CustomEvent)) {
+        console.warn("Received message of type val-config, but it was not a CustomEvent", event);
+        return;
+      }
+      if (event.detail.type !== "val-config-received") {
+        console.warn("Received message of type val-config, but it did not have the expected type", event.detail);
+        return;
+      }
+      var hash = event.detail.hash;
+      if (!hash) {
+        console.warn("Received message of type val-config, but it did not have a hash", event.detail);
+        return;
+      }
+      setReceivedRemoteConfigHash(hash);
+    };
+    window.addEventListener(internal.VAL_CONFIG_RECEIVED_LISTENER, configListener);
+    return function () {
+      window.removeEventListener(internal.VAL_CONFIG_RECEIVED_LISTENER, configListener);
+    };
+  }, [config]);
+}
+
+exports.useRemoteConfigSender = useRemoteConfigSender;

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

@@ -6,10 +6,10 @@ var objectSpread2 = require('./objectSpread2-792eb2c2.cjs.dev.js');
 var core = require('@valbuild/core');
 var stega = require('@valbuild/react/stega');
 var internal = require('@valbuild/react/internal');
-var ValNextProvider = require('./ValNextProvider-951d0724.cjs.dev.js');
+var ValNextProvider = require('./ValNextProvider-3c3cdb83.cjs.dev.js');
 var NextImage = require('next/image');
 var jsxRuntime = require('react/jsx-runtime');
-var ValApp = require('./ValApp-de156df4.cjs.dev.js');
+var ValApp = require('./ValApp-54761eee.cjs.dev.js');
 var version = require('./version-82faa1d0.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

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

@@ -6,10 +6,10 @@ var objectSpread2 = require('./objectSpread2-3c87fb4f.cjs.prod.js');
 var core = require('@valbuild/core');
 var stega = require('@valbuild/react/stega');
 var internal = require('@valbuild/react/internal');
-var ValNextProvider = require('./ValNextProvider-8e3ff773.cjs.prod.js');
+var ValNextProvider = require('./ValNextProvider-8b7cbdb7.cjs.prod.js');
 var NextImage = require('next/image');
 var jsxRuntime = require('react/jsx-runtime');
-var ValApp = require('./ValApp-9eefeefd.cjs.prod.js');
+var ValApp = require('./ValApp-9f1d8d49.cjs.prod.js');
 var version = require('./version-a9a6a619.cjs.prod.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/valbuild-next.esm.js

@@ -5,10 +5,10 @@ export { core as expr };
 export { FILE_REF_PROP, GenericSelector, Schema, VAL_EXTENSION, derefPatch, modules } from '@valbuild/core';
 import { stegaClean, stegaDecodeString, autoTagJSX } from '@valbuild/react/stega';
 export { ValRichText } from '@valbuild/react/internal';
-import { ValNextProvider } from './ValNextProvider-01e318bd.esm.js';
+import { ValNextProvider } from './ValNextProvider-114b1205.esm.js';
 import NextImage from 'next/image';
 import { jsx } from 'react/jsx-runtime';
-export { ValApp } from './ValApp-50ec1e10.esm.js';
+export { ValApp } from './ValApp-6cdadf96.esm.js';
 import { V as VERSION } from './version-98ec5c7a.esm.js';
 
 function _typeof(o) {

package/package.json

@@ -8,7 +8,7 @@
     "next",
     "react"
   ],
-  "version": "0.74.0",
+  "version": "0.75.0",
   "scripts": {
     "typecheck": "tsc --noEmit",
     "test": "jest"
@@ -45,11 +45,11 @@
     "exports": true
   },
   "dependencies": {
-    "@valbuild/core": "~0.74.0",
-    "@valbuild/react": "~0.74.0",
-    "@valbuild/server": "~0.74.0",
-    "@valbuild/shared": "~0.74.0",
-    "@valbuild/ui": "~0.74.0",
+    "@valbuild/core": "~0.75.0",
+    "@valbuild/react": "~0.75.0",
+    "@valbuild/server": "~0.75.0",
+    "@valbuild/shared": "~0.75.0",
+    "@valbuild/ui": "~0.75.0",
     "client-only": "^0.0.1",
     "server-only": "^0.0.1"
   },

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

@@ -84,7 +84,6 @@ var initFetchValStega = function initFetchValStega(config, valApiEndpoints, valS
                 path: "/",
                 query: {
                   validate_sources: true,
-                  validate_all: false,
                   validate_binary_files: false
                 },
                 cookies: objectSpread2._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

@@ -84,7 +84,6 @@ var initFetchValStega = function initFetchValStega(config, valApiEndpoints, valS
                 path: "/",
                 query: {
                   validate_sources: true,
-                  validate_all: false,
                   validate_binary_files: false
                 },
                 cookies: objectSpread2._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

@@ -80,7 +80,6 @@ var initFetchValStega = function initFetchValStega(config, valApiEndpoints, valS
                 path: "/",
                 query: {
                   validate_sources: true,
-                  validate_all: false,
                   validate_binary_files: false
                 },
                 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-9eefeefd.cjs.js

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

package/dist/ValNextProvider-8e3ff773.cjs.js

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