@valbuild/next 0.31.0 → 0.32.0

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('client-only');
 var core = require('@valbuild/core');
 var stega = require('@valbuild/react/stega');
-var react = require('@valbuild/react');
-var react$1 = require('react');
+var internal = require('@valbuild/react/internal');
+var react = require('react');
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -63,17 +64,17 @@ function _slicedToArray(arr, i) {
 }
 
 function useVal(selector) {
-  var valStore = react.useValStore && react.useValStore();
-  var _useState = react$1.useState(false),
+  var valStore = internal.useValStore();
+  var _useState = react.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     enabled = _useState2[0],
     setEnabled = _useState2[1];
+  react.useEffect(function () {
+    setEnabled(document.cookie.includes("".concat(core.Internal.VAL_ENABLE_COOKIE_NAME, "=true")));
+  }, [valStore]);
   if (valStore) {
     var moduleIds = stega.getModuleIds(selector);
-    var moduleMap = react$1.useSyncExternalStore(valStore.subscribe(moduleIds), valStore.getSnapshot(moduleIds), valStore.getServerSnapshot(moduleIds));
-    react$1.useEffect(function () {
-      setEnabled(document.cookie.includes("".concat(core.Internal.VAL_ENABLE_COOKIE_NAME, "=true")));
-    }, []);
+    var moduleMap = react.useSyncExternalStore(valStore.subscribe(moduleIds), valStore.getSnapshot(moduleIds), valStore.getServerSnapshot(moduleIds));
     return stega.stegaEncode(selector, {
       disabled: !enabled,
       getModule: function getModule(moduleId) {

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('client-only');
 var core = require('@valbuild/core');
 var stega = require('@valbuild/react/stega');
-var react = require('@valbuild/react');
-var react$1 = require('react');
+var internal = require('@valbuild/react/internal');
+var react = require('react');
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -63,17 +64,17 @@ function _slicedToArray(arr, i) {
 }
 
 function useVal(selector) {
-  var valStore = react.useValStore && react.useValStore();
-  var _useState = react$1.useState(false),
+  var valStore = internal.useValStore();
+  var _useState = react.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     enabled = _useState2[0],
     setEnabled = _useState2[1];
+  react.useEffect(function () {
+    setEnabled(document.cookie.includes("".concat(core.Internal.VAL_ENABLE_COOKIE_NAME, "=true")));
+  }, [valStore]);
   if (valStore) {
     var moduleIds = stega.getModuleIds(selector);
-    var moduleMap = react$1.useSyncExternalStore(valStore.subscribe(moduleIds), valStore.getSnapshot(moduleIds), valStore.getServerSnapshot(moduleIds));
-    react$1.useEffect(function () {
-      setEnabled(document.cookie.includes("".concat(core.Internal.VAL_ENABLE_COOKIE_NAME, "=true")));
-    }, []);
+    var moduleMap = react.useSyncExternalStore(valStore.subscribe(moduleIds), valStore.getSnapshot(moduleIds), valStore.getServerSnapshot(moduleIds));
     return stega.stegaEncode(selector, {
       disabled: !enabled,
       getModule: function getModule(moduleId) {

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

@@ -1,7 +1,8 @@
+import 'client-only';
 import { Internal } from '@valbuild/core';
 import { getModuleIds, stegaEncode } from '@valbuild/react/stega';
-import { useValStore } from '@valbuild/react';
-import { useState, useSyncExternalStore, useEffect } from 'react';
+import { useValStore } from '@valbuild/react/internal';
+import { useState, useEffect, useSyncExternalStore } from 'react';
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -59,17 +60,17 @@ function _slicedToArray(arr, i) {
 }
 
 function useVal(selector) {
-  var valStore = useValStore && useValStore();
+  var valStore = useValStore();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     enabled = _useState2[0],
     setEnabled = _useState2[1];
+  useEffect(function () {
+    setEnabled(document.cookie.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=true")));
+  }, [valStore]);
   if (valStore) {
     var moduleIds = getModuleIds(selector);
     var moduleMap = useSyncExternalStore(valStore.subscribe(moduleIds), valStore.getSnapshot(moduleIds), valStore.getServerSnapshot(moduleIds));
-    useEffect(function () {
-      setEnabled(document.cookie.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=true")));
-    }, []);
     return stegaEncode(selector, {
       disabled: !enabled,
       getModule: function getModule(moduleId) {

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

@@ -1,2 +1,2 @@
-import { ValProvider as ReactValProvider } from "@valbuild/react";
+import { ValProvider as ReactValProvider } from "@valbuild/react/internal";
 export declare const ValProvider: typeof ReactValProvider;

package/dist/declarations/src/client/index.d.ts

@@ -1 +1,2 @@
+import "client-only";
 export { useVal } from "./useVal.js";

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

@@ -12,7 +12,7 @@ export { FILE_REF_PROP } from "@valbuild/core";
 export { VAL_EXTENSION, type SourceArray } from "@valbuild/core";
 export { derefPatch } from "@valbuild/core";
 export { type SelectorSource, type SelectorOf, GenericSelector, } from "@valbuild/core";
-export { ValRichText } from "@valbuild/react";
+export { ValRichText } from "@valbuild/react/internal";
 export { type ValEncodedString } from "@valbuild/react/stega";
 export { ValProvider } from "./ValProvider.js";
 export { initVal } from "./initVal.js";

package/dist/declarations/src/server/index.d.ts

@@ -1 +1,2 @@
+import "server-only";
 export { fetchVal } from "./fetchVal.js";

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

@@ -3,8 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@valbuild/core');
-var react = require('@valbuild/react');
-var ValProvider = require('./ValProvider-5c9531c7.cjs.dev.js');
+var internal = require('@valbuild/react/internal');
 var stega = require('@valbuild/react/stega');
 
 function _interopNamespace(e) {
@@ -27,6 +26,8 @@ function _interopNamespace(e) {
 
 var core__namespace = /*#__PURE__*/_interopNamespace(core);
 
+var ValProvider = internal.ValProvider;
+
 var initVal = function initVal() {
   var _createValSystem = core.initVal(),
     s = _createValSystem.s,
@@ -65,10 +66,7 @@ Object.defineProperty(exports, 'derefPatch', {
 exports.expr = core__namespace;
 Object.defineProperty(exports, 'ValRichText', {
   enumerable: true,
-  get: function () { return react.ValRichText; }
-});
-Object.defineProperty(exports, 'ValProvider', {
-  enumerable: true,
-  get: function () { return ValProvider.ValProvider; }
+  get: function () { return internal.ValRichText; }
 });
+exports.ValProvider = ValProvider;
 exports.initVal = initVal;

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

@@ -3,8 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@valbuild/core');
-var react = require('@valbuild/react');
-var ValProvider = require('./ValProvider-53a38560.cjs.prod.js');
+var internal = require('@valbuild/react/internal');
 var stega = require('@valbuild/react/stega');
 
 function _interopNamespace(e) {
@@ -27,6 +26,8 @@ function _interopNamespace(e) {
 
 var core__namespace = /*#__PURE__*/_interopNamespace(core);
 
+var ValProvider = internal.ValProvider;
+
 var initVal = function initVal() {
   var _createValSystem = core.initVal(),
     s = _createValSystem.s,
@@ -65,10 +66,7 @@ Object.defineProperty(exports, 'derefPatch', {
 exports.expr = core__namespace;
 Object.defineProperty(exports, 'ValRichText', {
   enumerable: true,
-  get: function () { return react.ValRichText; }
-});
-Object.defineProperty(exports, 'ValProvider', {
-  enumerable: true,
-  get: function () { return ValProvider.ValProvider; }
+  get: function () { return internal.ValRichText; }
 });
+exports.ValProvider = ValProvider;
 exports.initVal = initVal;

package/dist/valbuild-next.esm.js

@@ -2,10 +2,12 @@ import { initVal as initVal$1 } from '@valbuild/core';
 import * as core from '@valbuild/core';
 export { core as expr };
 export { FILE_REF_PROP, GenericSelector, Schema, VAL_EXTENSION, derefPatch } from '@valbuild/core';
-export { ValRichText } from '@valbuild/react';
-export { ValProvider } from './ValProvider-7bf49cb7.esm.js';
+import { ValProvider as ValProvider$1 } from '@valbuild/react/internal';
+export { ValRichText } from '@valbuild/react/internal';
 import { autoTagJSX } from '@valbuild/react/stega';
 
+var ValProvider = ValProvider$1;
+
 var initVal = function initVal() {
   var _createValSystem = initVal$1(),
     s = _createValSystem.s,
@@ -21,4 +23,4 @@ var initVal = function initVal() {
 // NOTE! Side effects:
 autoTagJSX();
 
-export { initVal };
+export { ValProvider, initVal };

package/package.json

@@ -8,7 +8,7 @@
     "next",
     "react"
   ],
-  "version": "0.31.0",
+  "version": "0.32.0",
   "scripts": {
     "typecheck": "tsc --noEmit",
     "test": "jest"
@@ -40,9 +40,11 @@
     "exports": true
   },
   "dependencies": {
-    "@valbuild/core": "~0.31.0",
-    "@valbuild/react": "~0.31.0",
-    "@valbuild/server": "~0.31.0"
+    "@valbuild/core": "~0.32.0",
+    "@valbuild/react": "~0.32.0",
+    "@valbuild/server": "~0.32.0",
+    "client-only": "^0.0.1",
+    "server-only": "^0.0.1"
   },
   "peerDependencies": {
     "next": ">=13.4.0",

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('server-only');
 var stega = require('@valbuild/react/stega');
 var core = require('@valbuild/core');
 var fp = require('@valbuild/core/fp');

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('server-only');
 var stega = require('@valbuild/react/stega');
 var core = require('@valbuild/core');
 var fp = require('@valbuild/core/fp');

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

@@ -1,3 +1,4 @@
+import 'server-only';
 import { stegaEncode } from '@valbuild/react/stega';
 import { ValApi, Internal } from '@valbuild/core';
 import { result } from '@valbuild/core/fp';

package/dist/ValProvider-53a38560.cjs.js

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

package/dist/ValProvider-53a38560.cjs.prod.js

@@ -1,11 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('@valbuild/react');
-
-// Adds "use client" directive for Next:
-var ValProvider = react.ValProvider;
-
-exports.ValProvider = ValProvider;

package/dist/ValProvider-5c9531c7.cjs.dev.js

@@ -1,11 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('@valbuild/react');
-
-// Adds "use client" directive for Next:
-var ValProvider = react.ValProvider;
-
-exports.ValProvider = ValProvider;

package/dist/ValProvider-7bf49cb7.esm.js

@@ -1,7 +0,0 @@
-'use client';
-import { ValProvider as ValProvider$1 } from '@valbuild/react';
-
-// Adds "use client" directive for Next:
-var ValProvider = ValProvider$1;
-
-export { ValProvider };