@valbuild/next 0.63.0 → 0.63.1

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

@@ -7,7 +7,7 @@ var slicedToArray = require('../../dist/slicedToArray-c03b6356.cjs.dev.js');
 var core = require('@valbuild/core');
 var stega = require('@valbuild/react/stega');
 var React = require('react');
-var ValContext = require('../../dist/ValContext-8eb2ec77.cjs.dev.js');
+var ValContext = require('../../dist/ValContext-06fe6f7e.cjs.dev.js');
 require('../../dist/unsupportedIterableToArray-9e97e24a.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -25,6 +25,12 @@ function useValStega(selector) {
   }, [valEvents]);
   if (valEvents) {
     var moduleIds = stega.getModuleIds(selector);
+    React__default["default"].useEffect(function () {
+      // NOTE: reload if a component using this starts rendering: this happens if you navigate to a page with this component
+      if (enabled) {
+        valEvents.reloadPaths(moduleIds);
+      }
+    }, [enabled]);
     var moduleMap = React__default["default"].useSyncExternalStore(valEvents.subscribe(moduleIds), valEvents.getSnapshot(moduleIds), valEvents.getServerSnapshot(moduleIds));
     return stega.stegaEncode(selector, {
       disabled: !enabled,

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

@@ -7,7 +7,7 @@ var slicedToArray = require('../../dist/slicedToArray-1d91551a.cjs.prod.js');
 var core = require('@valbuild/core');
 var stega = require('@valbuild/react/stega');
 var React = require('react');
-var ValContext = require('../../dist/ValContext-df4a9ae7.cjs.prod.js');
+var ValContext = require('../../dist/ValContext-12a3eca2.cjs.prod.js');
 require('../../dist/unsupportedIterableToArray-afbea1dd.cjs.prod.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -25,6 +25,12 @@ function useValStega(selector) {
   }, [valEvents]);
   if (valEvents) {
     var moduleIds = stega.getModuleIds(selector);
+    React__default["default"].useEffect(function () {
+      // NOTE: reload if a component using this starts rendering: this happens if you navigate to a page with this component
+      if (enabled) {
+        valEvents.reloadPaths(moduleIds);
+      }
+    }, [enabled]);
     var moduleMap = React__default["default"].useSyncExternalStore(valEvents.subscribe(moduleIds), valEvents.getSnapshot(moduleIds), valEvents.getServerSnapshot(moduleIds));
     return stega.stegaEncode(selector, {
       disabled: !enabled,

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

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../../dist/slicedToArray-1ff80c5e.esm.js';
 import { Internal } from '@valbuild/core';
 import { getModuleIds, stegaEncode } from '@valbuild/react/stega';
 import React from 'react';
-import { useValEvents } from '../../dist/ValContext-ea0b967a.esm.js';
+import { useValEvents } from '../../dist/ValContext-8a8d9183.esm.js';
 import '../../dist/unsupportedIterableToArray-51bb61c2.esm.js';
 
 function useValStega(selector) {
@@ -17,6 +17,12 @@ function useValStega(selector) {
   }, [valEvents]);
   if (valEvents) {
     var moduleIds = getModuleIds(selector);
+    React.useEffect(function () {
+      // NOTE: reload if a component using this starts rendering: this happens if you navigate to a page with this component
+      if (enabled) {
+        valEvents.reloadPaths(moduleIds);
+      }
+    }, [enabled]);
     var moduleMap = React.useSyncExternalStore(valEvents.subscribe(moduleIds), valEvents.getSnapshot(moduleIds), valEvents.getServerSnapshot(moduleIds));
     return stegaEncode(selector, {
       disabled: !enabled,

package/dist/{ValContext-8eb2ec77.cjs.dev.js → ValContext-06fe6f7e.cjs.dev.js}

@@ -124,6 +124,17 @@ var ValEvents = /*#__PURE__*/function () {
     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);
+    }
+  }, {
     key: "update",
     value: function update(path, source) {
       var subscriberIds = Array.from(this.subscribers.keys());

package/dist/ValContext-12a3eca2.cjs.js

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

package/dist/{ValContext-df4a9ae7.cjs.prod.js → ValContext-12a3eca2.cjs.prod.js}

@@ -124,6 +124,17 @@ var ValEvents = /*#__PURE__*/function () {
     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);
+    }
+  }, {
     key: "update",
     value: function update(path, source) {
       var subscriberIds = Array.from(this.subscribers.keys());

package/dist/{ValContext-ea0b967a.esm.js → ValContext-8a8d9183.esm.js}

@@ -116,6 +116,17 @@ var ValEvents = /*#__PURE__*/function () {
     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);
+    }
+  }, {
     key: "update",
     value: function update(path, source) {
       var subscriberIds = Array.from(this.subscribers.keys());

package/dist/ValNextProvider-5226c452.cjs.prod.js

@@ -9,7 +9,7 @@ var ui = require('@valbuild/ui');
 var navigation = require('next/navigation');
 var Script = require('next/script');
 var React = require('react');
-var ValContext = require('./ValContext-df4a9ae7.cjs.prod.js');
+var ValContext = require('./ValContext-12a3eca2.cjs.prod.js');
 var stega = require('@valbuild/react/stega');
 var jsxRuntime = require('react/jsx-runtime');
 require('./unsupportedIterableToArray-afbea1dd.cjs.prod.js');

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

@@ -9,7 +9,7 @@ var ui = require('@valbuild/ui');
 var navigation = require('next/navigation');
 var Script = require('next/script');
 var React = require('react');
-var ValContext = require('./ValContext-8eb2ec77.cjs.dev.js');
+var ValContext = require('./ValContext-06fe6f7e.cjs.dev.js');
 var stega = require('@valbuild/react/stega');
 var jsxRuntime = require('react/jsx-runtime');
 require('./unsupportedIterableToArray-9e97e24a.cjs.dev.js');

package/dist/ValNextProvider-d94cd904.esm.js

@@ -5,7 +5,7 @@ import { VAL_APP_PATH, VAL_OVERLAY_ID } from '@valbuild/ui';
 import { usePathname, useRouter } from 'next/navigation';
 import Script from 'next/script';
 import React from 'react';
-import { ValEvents, ValContext } from './ValContext-ea0b967a.esm.js';
+import { ValEvents, ValContext } from './ValContext-8a8d9183.esm.js';
 import { SET_AUTO_TAG_JSX_ENABLED } from '@valbuild/react/stega';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import './unsupportedIterableToArray-51bb61c2.esm.js';

package/package.json

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

package/dist/ValContext-df4a9ae7.cjs.js

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