@valbuild/next 0.64.0 → 0.65.0

package/dist/ValNextProvider-abfbfdb5.cjs.dev.js

@@ -0,0 +1,439 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('./slicedToArray-44036a76.cjs.dev.js');
+var core = require('@valbuild/core');
+var ui = require('@valbuild/ui');
+var navigation = require('next/navigation');
+var Script = require('next/script');
+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 jsxRuntime = require('react/jsx-runtime');
+require('./unsupportedIterableToArray-c8ab77c9.cjs.dev.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var Script__default = /*#__PURE__*/_interopDefault(Script);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var ValNextProvider = function ValNextProvider(props) {
+  // TODO: use config:
+  var route = "/api/val";
+  var client = React__default["default"].useMemo(function () {
+    return internal.createValClient(route);
+  }, [route]);
+
+  // TODO: move below into react package
+  var valStore = React__default["default"].useMemo(function () {
+    return new ValOverlayContext.ValExternalStore();
+  }, []);
+  var _React$useState = React__default["default"].useState(),
+    _React$useState2 = slicedToArray._slicedToArray(_React$useState, 2),
+    showOverlay = _React$useState2[0],
+    setShowOverlay = _React$useState2[1];
+  var _React$useState3 = React__default["default"].useState(null),
+    _React$useState4 = slicedToArray._slicedToArray(_React$useState3, 2),
+    draftMode = _React$useState4[0],
+    setDraftMode = _React$useState4[1];
+  var _React$useState5 = React__default["default"].useState(false),
+    _React$useState6 = slicedToArray._slicedToArray(_React$useState5, 2),
+    spaReady = _React$useState6[0],
+    setSpaReady = _React$useState6[1];
+  var router = navigation.useRouter();
+  var _React$useTransition = React__default["default"].useTransition(),
+    _React$useTransition2 = slicedToArray._slicedToArray(_React$useTransition, 2),
+    startTransition = _React$useTransition2[1];
+  var rerenderCounterRef = React__default["default"].useRef(0);
+  var _React$useState7 = React__default["default"].useState(null),
+    _React$useState8 = slicedToArray._slicedToArray(_React$useState7, 2),
+    iframeSrc = _React$useState8[0],
+    setIframeSrc = _React$useState8[1];
+  useConsoleLogEnableVal(showOverlay);
+  React__default["default"].useEffect(function () {
+    if (location.search === "?message_onready=true") {
+      console.warn("In message mode");
+      return;
+    }
+    if (isValStudioPath(location.pathname)) {
+      setShowOverlay(false);
+      return;
+    }
+    setShowOverlay(document.cookie.includes("".concat(core.Internal.VAL_ENABLE_COOKIE_NAME, "=true")));
+  }, []);
+  React__default["default"].useEffect(function () {
+    if (!showOverlay) {
+      return;
+    }
+    var interval = setInterval(function () {
+      if (rerenderCounterRef.current > 0) {
+        if (!props.disableRefresh) {
+          rerenderCounterRef.current = 0;
+          startTransition(function () {
+            router.refresh();
+          });
+        }
+      }
+    }, 500);
+    return function () {
+      clearInterval(interval);
+    };
+  }, [showOverlay, props.disableRefresh]);
+  React__default["default"].useEffect(function () {
+    if (!showOverlay) {
+      return;
+    }
+    if (draftMode === null) {
+      return;
+    }
+    var valProviderOverlayListener = function valProviderOverlayListener(event) {
+      if (event instanceof CustomEvent) {
+        if (!(event !== null && event !== void 0 && event.detail.type)) {
+          console.error("Val: invalid event detail (val-overlay-provider)", event);
+        }
+        if (event.detail.type === "spa-ready") {
+          setSpaReady(true);
+        } else if (event.detail.type === "draftMode" && (typeof event.detail.value === "boolean" || event.detail.value === null)) {
+          var _draftMode = event.detail.value;
+          if (_draftMode === true) {
+            setIframeSrc(function (prev) {
+              if (prev === null) {
+                return "".concat(route, "/draft/enable?redirect_to=").concat(encodeURIComponent(window.location.origin + "/val?message_onready=true"));
+              }
+              return prev;
+            });
+          } else if (_draftMode === false) {
+            setIframeSrc(function (prev) {
+              if (prev === null) {
+                return "".concat(route, "/draft/disable?redirect_to=").concat(encodeURIComponent(window.location.origin + "/val?message_onready=true"));
+              }
+              return prev;
+            });
+          }
+        } else {
+          console.error("Val: invalid event detail (val-overlay-provider)", event.detail);
+        }
+      } else {
+        console.error("Val: invalid event (val-overlay-provider)", event);
+      }
+    };
+    window.addEventListener("val-overlay-provider", valProviderOverlayListener);
+    return function () {
+      window.removeEventListener("val-overlay-provider", valProviderOverlayListener);
+    };
+  }, [showOverlay, draftMode]);
+  var pollDraftStatIdRef = React__default["default"].useRef(0);
+  React.useEffect(function () {
+    // continous polling to check for updates:
+
+    var timeout;
+    function pollCurrentDraftMode() {
+      if (!showOverlay) {
+        return;
+      }
+      window.dispatchEvent(new CustomEvent("val-overlay-spa", {
+        detail: {
+          type: "draftModeLoading",
+          value: iframeSrc !== null
+        }
+      }));
+      var pollDraftStatId = ++pollDraftStatIdRef.current;
+      client("/draft/stat", "GET", {}).then(function (res) {
+        if (pollDraftStatIdRef.current !== pollDraftStatId) {
+          return;
+        }
+        if (res.status === null) {
+          // ignore network errors
+          return;
+        }
+        if (res.status !== 200) {
+          console.error("Val: could not get draft mode status", res);
+          return;
+        }
+        setDraftMode(function (prev) {
+          if (prev !== res.json.draftMode) {
+            rerenderCounterRef.current++;
+            return res.json.draftMode;
+          }
+          return prev;
+        });
+      })["catch"](function (err) {
+        console.error("Val: could not get draft mode status", err);
+      })["finally"](function () {
+        if (pollDraftStatIdRef.current !== pollDraftStatId) {
+          return;
+        }
+        pollDraftStatIdRef.current--;
+        timeout = setTimeout(pollCurrentDraftMode, iframeSrc === null ? 1000 : 100);
+      });
+    }
+    pollCurrentDraftMode();
+    return function () {
+      clearTimeout(timeout);
+    };
+  }, [showOverlay, iframeSrc]);
+  React__default["default"].useEffect(function () {
+    if (!showOverlay) {
+      return;
+    }
+    window.dispatchEvent(new CustomEvent("val-overlay-spa", {
+      detail: {
+        type: "draftMode",
+        value: draftMode
+      }
+    }));
+  }, [showOverlay, draftMode, spaReady]);
+  React__default["default"].useEffect(function () {
+    if (!showOverlay) {
+      stega.SET_AUTO_TAG_JSX_ENABLED(false);
+    } else {
+      if (draftMode) {
+        stega.SET_AUTO_TAG_JSX_ENABLED(true);
+        var reactServerComponentRefreshListener = function reactServerComponentRefreshListener(event) {
+          if (event instanceof CustomEvent) {
+            var _event$detail;
+            if (((_event$detail = event.detail) === null || _event$detail === void 0 ? void 0 : _event$detail.type) === "source-update") {
+              var _event$detail2, _event$detail3;
+              var moduleFilePath = (_event$detail2 = event.detail) === null || _event$detail2 === void 0 ? void 0 : _event$detail2.moduleFilePath;
+              var source = (_event$detail3 = event.detail) === null || _event$detail3 === void 0 ? void 0 : _event$detail3.source;
+              if (typeof moduleFilePath === "string" && source !== undefined) {
+                valStore.update(moduleFilePath, source);
+                if (!props.disableRefresh) {
+                  rerenderCounterRef.current++;
+                }
+              } else {
+                console.error("Val: invalid event detail", event.detail);
+              }
+            } else {
+              console.error("Val: invalid custom event details (val-event)", event.detail);
+            }
+          } else {
+            console.error("Val: invalid custom event (val-event)", event);
+          }
+        };
+        window.addEventListener("val-event", reactServerComponentRefreshListener);
+        return function () {
+          window.removeEventListener("val-event", reactServerComponentRefreshListener);
+        };
+      }
+    }
+  }, [showOverlay, draftMode, props.disableRefresh]);
+  React__default["default"].useEffect(function () {
+    if (!showOverlay) {
+      return;
+    }
+    var listener = function listener(event) {
+      if (event.origin === location.origin && event.data.type === "val-ready") {
+        setIframeSrc(null);
+      }
+    };
+    window.addEventListener("message", listener);
+    return function () {
+      window.removeEventListener("message", listener);
+    };
+  }, [showOverlay]);
+  var _React$useState9 = React__default["default"].useState(null),
+    _React$useState10 = slicedToArray._slicedToArray(_React$useState9, 2),
+    dropZone = _React$useState10[0],
+    setDropZone = _React$useState10[1];
+  React__default["default"].useEffect(function () {
+    var storedDropZone = localStorage.getItem("val-menu-drop-zone-default");
+    if (storedDropZone) {
+      setDropZone(storedDropZone);
+    } else {
+      setDropZone("val-menu-right-center");
+    }
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsxs(ValOverlayContext.ValOverlayProvider, {
+    draftMode: draftMode,
+    store: valStore,
+    children: [props.children, !spaReady && showOverlay && dropZone && /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("style", {
+        children: "\n".concat(positionStyles, "\n.backdrop-blur {\n  backdrop-filter: blur(10px);\n}\n.text-white {\n  color: white;\n}\n.bg-black {\n  background: black;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.fixed {\n  position: fixed;\n}\n.bottom-4 {\n  bottom: 1rem;\n}\n.right-12 {\n  right: 3rem;\n}\n.right-16 {\n  right: 4rem;\n}\n.p-4 {\n  padding: 1rem;\n}\n.p-2 {\n  padding: 0.5rem;\n}\n.p-1 {\n  padding: 0.25rem;\n}\n.flex {\n  display: flex;\n}\n.items-center {\n  align-items: center;\n}\n.justify-center {\n  justify-content: center;\n}\n.animate-spin {\n  animation: spin 2s linear infinite;\n}\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}")
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: getPositionClassName(dropZone) + " p-4",
+        children: /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "flex items-center justify-center p-2 text-white bg-black rounded backdrop-blur",
+          children: /*#__PURE__*/jsxRuntime.jsx(Clock, {
+            className: "animate-spin",
+            size: 16
+          })
+        })
+      })]
+    }), 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)
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        id: ui.VAL_OVERLAY_ID
+      })]
+    }), iframeSrc && draftMode !== null && showOverlay && /*#__PURE__*/jsxRuntime.jsx("iframe", {
+      style: {
+        top: 0,
+        left: 0,
+        position: "absolute",
+        width: 0,
+        height: 0
+      },
+      src: iframeSrc
+    }, iframeSrc)]
+  });
+};
+function useConsoleLogEnableVal(showOverlay) {
+  React__default["default"].useEffect(function () {
+    if (process.env["NODE_ENV"] === "development" && showOverlay === false && !isValStudioPath(location.pathname)) {
+      console.warn("\n###########\n###########\n###########                           @@@@\n###########                             @@\n###########    @@      @@  @@@@@@ @     @@\n###########     @@    @@  @@     @@     @@\n###########     @@    @@ %@       @     @@\n####  #####      @@  @@  .@      .@     @@\n###    ####       @@@@    @@:   @@@.    @@\n####  #####       @@@@      @@@@  =@@@@@@@@@\n###########\n\nThis page is built with Val Build - the lightweight CMS where content is code.\n\nVal is currently hidden.\n\nTo show Val, go to the following URL:\n".concat(window.location.origin, "/api/val/enable?redirect_to=").concat(encodeURIComponent(window.location.href), "\n        \nYou are seeing this message because you are in development mode."));
+    }
+  }, [showOverlay]);
+}
+var positionStyles = "\n.left-0 {\n  left: 0;\n}\n.top-0 {\n  top: 0;\n}\n.left-1\\/2 {\n  left: 50%;\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.-translate-y-1\\/2 {\n  transform: translateY(-50%);\n}\n.-translate-x-1\\/2 {\n  transform: translateX(-50%);\n}\n.right-0 {\n  right: 0;\n}\n.bottom-0 {\n  bottom: 0;\n}";
+// This is a copy of the function from the ValMenu component.
+function getPositionClassName(dropZone) {
+  var className = "fixed transform";
+  if (dropZone === "val-menu-left-top") {
+    className += " left-0 top-0";
+  } else if (dropZone === "val-menu-left-center") {
+    className += " left-0 top-1/2 -translate-y-1/2";
+  } else if (dropZone === "val-menu-left-bottom") {
+    className += " left-0 bottom-0";
+  } else if (dropZone === "val-menu-center-top") {
+    className += " left-1/2 -translate-x-1/2 top-0";
+  } else if (dropZone === "val-menu-center-bottom") {
+    className += " left-1/2 -translate-x-1/2 bottom-0";
+  } else if (dropZone === "val-menu-right-top") {
+    className += " right-0 top-0";
+  } else if (dropZone === "val-menu-right-center") {
+    className += " right-0 top-1/2 -translate-y-1/2";
+  } else if (dropZone === "val-menu-right-bottom") {
+    className += " right-0 bottom-0";
+  } else {
+    className += " right-0 bottom-0";
+  }
+  return className;
+}
+function isValStudioPath(pathname) {
+  return pathname.startsWith("/val");
+}
+
+// function ValIcon() {
+//   return (
+//     <svg
+//       width="32"
+//       height="32"
+//       viewBox="0 0 105 149"
+//       fill="none"
+//       xmlns="http://www.w3.org/2000/svg"
+//     >
+//       <g filter="url(#filter0_d_14_634)">
+//         <path
+//           d="M21.4768 23.3474C21.4768 22.4628 22.1939 21.7457 23.0785 21.7457H77.1357C78.0203 21.7457 78.7374 22.4628 78.7374 23.3474V125.055C78.7374 125.94 78.0203 126.657 77.1357 126.657H23.0785C22.1939 126.657 21.4768 125.94 21.4768 125.055V23.3474Z"
+//           fill="#38CD98"
+//         />
+//       </g>
+//       <g filter="url(#filter1_i_14_634)">
+//         <circle cx="49.9068" cy="104.233" r="9.61017" fill="#1E1F2A" />
+//       </g>
+//       <defs>
+//         <filter
+//           id="filter0_d_14_634"
+//           x="0.0397091"
+//           y="0.30863"
+//           width="100.135"
+//           height="147.785"
+//           filterUnits="userSpaceOnUse"
+//           colorInterpolationFilters="sRGB"
+//         >
+//           <feFlood floodOpacity="0" result="BackgroundImageFix" />
+//           <feColorMatrix
+//             in="SourceAlpha"
+//             type="matrix"
+//             values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+//             result="hardAlpha"
+//           />
+//           <feOffset />
+//           <feGaussianBlur stdDeviation="10.7185" />
+//           <feComposite in2="hardAlpha" operator="out" />
+//           <feColorMatrix
+//             type="matrix"
+//             values="0 0 0 0 0.219608 0 0 0 0 0.803922 0 0 0 0 0.501961 0 0 0 0.3 0"
+//           />
+//           <feBlend
+//             mode="normal"
+//             in2="BackgroundImageFix"
+//             result="effect1_dropShadow_14_634"
+//           />
+//           <feBlend
+//             mode="normal"
+//             in="SourceGraphic"
+//             in2="effect1_dropShadow_14_634"
+//             result="shape"
+//           />
+//         </filter>
+//         <filter
+//           id="filter1_i_14_634"
+//           x="40.2966"
+//           y="94.6229"
+//           width="19.2205"
+//           height="19.2204"
+//           filterUnits="userSpaceOnUse"
+//           colorInterpolationFilters="sRGB"
+//         >
+//           <feFlood floodOpacity="0" result="BackgroundImageFix" />
+//           <feBlend
+//             mode="normal"
+//             in="SourceGraphic"
+//             in2="BackgroundImageFix"
+//             result="shape"
+//           />
+//           <feColorMatrix
+//             in="SourceAlpha"
+//             type="matrix"
+//             values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+//             result="hardAlpha"
+//           />
+//           <feOffset />
+//           <feGaussianBlur stdDeviation="2.40254" />
+//           <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+//           <feColorMatrix
+//             type="matrix"
+//             values="0 0 0 0 0.219608 0 0 0 0 0.803922 0 0 0 0 0.501961 0 0 0 0.3 0"
+//           />
+//           <feBlend
+//             mode="normal"
+//             in2="shape"
+//             result="effect1_innerShadow_14_634"
+//           />
+//         </filter>
+//       </defs>
+//     </svg>
+//   );
+// }
+
+function Clock(_ref) {
+  var className = _ref.className,
+    size = _ref.size;
+  return /*#__PURE__*/jsxRuntime.jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "lucide lucide-clock " + className,
+    children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
+      cx: "12",
+      cy: "12",
+      r: "10"
+    }), /*#__PURE__*/jsxRuntime.jsx("polyline", {
+      points: "12 6 12 12 16 14"
+    })]
+  });
+}
+
+exports.ValNextProvider = ValNextProvider;

package/dist/{ValContext-06fe6f7e.cjs.dev.js → ValOverlayContext-55dae3ea.cjs.dev.js}

@@ -3,96 +3,86 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var unsupportedIterableToArray = require('./unsupportedIterableToArray-9e97e24a.cjs.dev.js');
-var objectSpread2 = require('./objectSpread2-bb9509e8.cjs.dev.js');
+var unsupportedIterableToArray = require('./unsupportedIterableToArray-c8ab77c9.cjs.dev.js');
+var objectSpread2 = require('./objectSpread2-792eb2c2.cjs.dev.js');
 var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-function _createForOfIteratorHelper(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (!it) {
-    if (Array.isArray(o) || (it = unsupportedIterableToArray._unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it) o = it;
-      var i = 0;
-      var F = function () {};
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = unsupportedIterableToArray._unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
       return {
         s: F,
         n: function () {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
+          return n >= r.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: r[n++]
           };
         },
-        e: function (e) {
-          throw e;
+        e: function (r) {
+          throw r;
         },
         f: F
       };
     }
     throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  var normalCompletion = true,
-    didErr = false,
-    err;
+  var o,
+    a = !0,
+    u = !1;
   return {
     s: function () {
-      it = it.call(o);
+      t = t.call(r);
     },
     n: function () {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
+      var r = t.next();
+      return a = r.done, r;
     },
-    e: function (e) {
-      didErr = true;
-      err = e;
+    e: function (r) {
+      u = !0, o = r;
     },
     f: function () {
       try {
-        if (!normalCompletion && it.return != null) it.return();
+        a || null == t.return || t.return();
       } finally {
-        if (didErr) throw err;
+        if (u) throw o;
       }
     }
   };
 }
 
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
+function _classCallCheck(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
 }
 
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, objectSpread2.toPropertyKey(descriptor.key), descriptor);
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, objectSpread2._toPropertyKey(o.key), o);
   }
 }
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
 }
 
-var ValEvents = /*#__PURE__*/function () {
+var ValExternalStore = /*#__PURE__*/function () {
   // uncertain whether this is the optimal way of returning
 
-  function ValEvents() {
+  function ValExternalStore() {
     var _this = this;
-    _classCallCheck(this, ValEvents);
+    _classCallCheck(this, ValExternalStore);
     objectSpread2._defineProperty(this, "subscribe", function (paths) {
       return function (listener) {
         var subscriberId = createSubscriberId(paths);
@@ -123,18 +113,7 @@ var ValEvents = /*#__PURE__*/function () {
     this.subscribers = new Map();
     this.listeners = {};
   }
-  _createClass(ValEvents, [{
-    key: "reloadPaths",
-    value: function reloadPaths(paths) {
-      var event = new CustomEvent("val-store", {
-        detail: {
-          type: "reload-paths",
-          paths: paths
-        }
-      });
-      window.dispatchEvent(event);
-    }
-  }, {
+  return _createClass(ValExternalStore, [{
     key: "update",
     value: function update(path, source) {
       var subscriberIds = Array.from(this.subscribers.keys());
@@ -164,19 +143,31 @@ var ValEvents = /*#__PURE__*/function () {
       }
     }
   }]);
-  return ValEvents;
 }();
 function createSubscriberId(paths) {
   return paths.slice().sort().join("&");
 }
-var ValContext = /*#__PURE__*/React__default["default"].createContext({
-  valEvents: undefined,
-  enabled: false
+var ValOverlayContext = /*#__PURE__*/React__default["default"].createContext({
+  store: undefined,
+  draftMode: false
 });
-var useValEvents = function useValEvents() {
-  return React__default["default"].useContext(ValContext).valEvents;
+function ValOverlayProvider(_ref) {
+  var store = _ref.store,
+    draftMode = _ref.draftMode,
+    children = _ref.children;
+  return /*#__PURE__*/jsxRuntime.jsx(ValOverlayContext.Provider, {
+    value: {
+      store: store,
+      draftMode: draftMode
+    },
+    children: children
+  });
+}
+var useValOverlayContext = function useValOverlayContext() {
+  return React__default["default"].useContext(ValOverlayContext);
 };
 
-exports.ValContext = ValContext;
-exports.ValEvents = ValEvents;
-exports.useValEvents = useValEvents;
+exports.ValExternalStore = ValExternalStore;
+exports.ValOverlayContext = ValOverlayContext;
+exports.ValOverlayProvider = ValOverlayProvider;
+exports.useValOverlayContext = useValOverlayContext;

package/dist/ValOverlayContext-811e9be9.cjs.js

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