@valbuild/react 0.13.3 → 0.14.0

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

@@ -2,49 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var ReactJSXRuntime = require('react/jsx-runtime');
+var ValProvider = require('./ValProvider-f647e355.cjs.dev.js');
 var core = require('@valbuild/core');
+var React = require('react');
 var parse = require('style-to-object');
+var ReactJSXRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
 var parse__default = /*#__PURE__*/_interopDefault(parse);
 
-var ValProvider = typeof window === "undefined" && /*#__PURE__*/React.lazy(function () {
-  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('./ValProvider-7364ec46.cjs.dev.js')); });
-});
-function ValProviderWrapper(_ref) {
-  var _ref$host = _ref.host,
-    host = _ref$host === void 0 ? "/api/val" : _ref$host,
-    children = _ref.children;
-  if (!ValProvider) {
-    return null;
-  }
-  return /*#__PURE__*/ReactJSXRuntime.jsx(ValProvider, {
-    host: host,
-    children: children
-  });
-}
-
 function useVal(selector, locale) {
   // const mod = selectable.getModule();
   // const valStore = useValStore();
@@ -67,37 +34,41 @@ function useVal(selector, locale) {
   return core.Internal.getVal(selector, locale);
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var getValPath = core.Internal.getValPath;
 function ValRichText(_ref) {
   var children = _ref.children;
+  var root = children;
+  var path = root.valPath;
   return /*#__PURE__*/ReactJSXRuntime.jsx("div", {
-    "data-val-path": getValPath(children),
-    children: children.children.map(function (child) {
-      switch (child.type.val) {
+    "data-val-path": path,
+    children: root.children.map(function (child, i) {
+      var childType = child.type;
+      var childPath = "".concat(path, ".").concat(i);
+      switch (childType) {
         case "heading":
           return /*#__PURE__*/ReactJSXRuntime.jsx(HeadingNodeComponent, {
+            path: childPath,
             node: child
-          }, getValPath(child));
+          }, childPath);
         case "paragraph":
           return /*#__PURE__*/ReactJSXRuntime.jsx(ParagraphNodeComponent, {
+            path: childPath,
             node: child
-          }, getValPath(child));
+          }, childPath);
         case "list":
           return /*#__PURE__*/ReactJSXRuntime.jsx(ListNodeComponent, {
+            path: childPath,
             node: child
-          }, getValPath(child));
+          }, childPath);
         default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
+          throw Error("Unknown root node type: " + childType);
       }
     })
   });
 }
 function TextNodeComponent(_ref2) {
-  var _parse;
+  var _parse, _node$format;
   var node = _ref2.node;
-  var actualVal = node.val;
-  var styleProps = actualVal.style ? (_parse = parse__default["default"](actualVal.style)) !== null && _parse !== void 0 ? _parse : {} : {};
+  var styleProps = node.style ? (_parse = parse__default["default"](node.style)) !== null && _parse !== void 0 ? _parse : {} : {};
   // TODO: Ugly! We should do this before serializing instead
   if (styleProps["font-family"]) {
     styleProps["fontFamily"] = styleProps["font-family"];
@@ -107,9 +78,12 @@ function TextNodeComponent(_ref2) {
     styleProps["fontSize"] = styleProps["font-size"];
     delete styleProps["font-size"];
   }
-  var bitmask = actualVal.format.toString(2);
-  var bitmaskOffset = bitmask.length - 1;
+  var bitmask = (_node$format = node.format) === null || _node$format === void 0 ? void 0 : _node$format.toString(2);
+  var bitmaskOffset = bitmask ? bitmask.length - 1 : 0;
   function isBitOne(bit) {
+    if (!bitmask) {
+      return false;
+    }
     return bitmask.length >= bitmaskOffset - bit && bitmask[bitmaskOffset - bit] === "1";
   }
   if (isBitOne(0)) {
@@ -134,56 +108,68 @@ function TextNodeComponent(_ref2) {
   }
   return /*#__PURE__*/ReactJSXRuntime.jsx("span", {
     style: styleProps,
-    children: actualVal.text
+    children: node.text
   });
 }
 function HeadingNodeComponent(_ref3) {
-  var node = _ref3.node;
-  return /*#__PURE__*/React.createElement(node.tag.val, {}, node.children.map(function (child) {
+  var node = _ref3.node,
+    path = _ref3.path;
+  return /*#__PURE__*/React.createElement(node.tag, {}, node.children.map(function (child, i) {
+    var childPath = "".concat(path, ".").concat(i);
     return /*#__PURE__*/ReactJSXRuntime.jsx(TextNodeComponent, {
       node: child
-    }, getValPath(child));
+    }, childPath);
   }));
 }
 function ParagraphNodeComponent(_ref4) {
-  var node = _ref4.node;
+  var node = _ref4.node,
+    path = _ref4.path;
   return /*#__PURE__*/ReactJSXRuntime.jsx("p", {
-    children: node.children.map(function (child) {
-      switch (child.type.val) {
+    children: node.children.map(function (child, i) {
+      var childPath = "".concat(path, ".").concat(i);
+      switch (child.type) {
         case "text":
           return /*#__PURE__*/ReactJSXRuntime.jsx(TextNodeComponent, {
             node: child
-          }, getValPath(child));
+          }, childPath);
         default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
+          throw Error("Unknown paragraph node type: " + (child === null || child === void 0 ? void 0 : child.type));
       }
     })
   });
 }
 function ListNodeComponent(_ref5) {
-  var node = _ref5.node;
-  return /*#__PURE__*/React.createElement(node.val.tag, {}, node.children.map(function (child) {
+  var node = _ref5.node,
+    path = _ref5.path;
+  return /*#__PURE__*/React.createElement(node.tag, {}, node.children.map(function (child, i) {
+    var childPath = "".concat(path, ".").concat(i);
     return /*#__PURE__*/ReactJSXRuntime.jsx(ListItemComponent, {
+      path: childPath,
       node: child
-    }, getValPath(child));
+    }, childPath);
   }));
 }
 function ListItemComponent(_ref6) {
-  var node = _ref6.node;
+  var node = _ref6.node,
+    path = _ref6.path;
   return /*#__PURE__*/ReactJSXRuntime.jsx("li", {
     children: node.children.map(function (child, i) {
-      switch (child.val.type) {
+      var childPath = "".concat(path, ".").concat(i);
+      switch (child.type) {
         case "text":
           return /*#__PURE__*/ReactJSXRuntime.jsx(TextNodeComponent, {
             node: child
-          }, i);
+          }, childPath);
         default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
+          throw Error("Unknown list item node type: " + (child === null || child === void 0 ? void 0 : child.type));
       }
     })
   });
 }
 
-exports.ValProvider = ValProviderWrapper;
+Object.defineProperty(exports, 'ValProvider', {
+  enumerable: true,
+  get: function () { return ValProvider.ValProvider; }
+});
 exports.ValRichText = ValRichText;
 exports.useVal = useVal;

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

@@ -2,49 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var ReactJSXRuntime = require('react/jsx-runtime');
+var ValProvider = require('./ValProvider-74eef393.cjs.prod.js');
 var core = require('@valbuild/core');
+var React = require('react');
 var parse = require('style-to-object');
+var ReactJSXRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
 var parse__default = /*#__PURE__*/_interopDefault(parse);
 
-var ValProvider = typeof window === "undefined" && /*#__PURE__*/React.lazy(function () {
-  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('./ValProvider-e1d5ffbe.cjs.prod.js')); });
-});
-function ValProviderWrapper(_ref) {
-  var _ref$host = _ref.host,
-    host = _ref$host === void 0 ? "/api/val" : _ref$host,
-    children = _ref.children;
-  if (!ValProvider) {
-    return null;
-  }
-  return /*#__PURE__*/ReactJSXRuntime.jsx(ValProvider, {
-    host: host,
-    children: children
-  });
-}
-
 function useVal(selector, locale) {
   // const mod = selectable.getModule();
   // const valStore = useValStore();
@@ -67,37 +34,41 @@ function useVal(selector, locale) {
   return core.Internal.getVal(selector, locale);
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var getValPath = core.Internal.getValPath;
 function ValRichText(_ref) {
   var children = _ref.children;
+  var root = children;
+  var path = root.valPath;
   return /*#__PURE__*/ReactJSXRuntime.jsx("div", {
-    "data-val-path": getValPath(children),
-    children: children.children.map(function (child) {
-      switch (child.type.val) {
+    "data-val-path": path,
+    children: root.children.map(function (child, i) {
+      var childType = child.type;
+      var childPath = "".concat(path, ".").concat(i);
+      switch (childType) {
         case "heading":
           return /*#__PURE__*/ReactJSXRuntime.jsx(HeadingNodeComponent, {
+            path: childPath,
             node: child
-          }, getValPath(child));
+          }, childPath);
         case "paragraph":
           return /*#__PURE__*/ReactJSXRuntime.jsx(ParagraphNodeComponent, {
+            path: childPath,
             node: child
-          }, getValPath(child));
+          }, childPath);
         case "list":
           return /*#__PURE__*/ReactJSXRuntime.jsx(ListNodeComponent, {
+            path: childPath,
             node: child
-          }, getValPath(child));
+          }, childPath);
         default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
+          throw Error("Unknown root node type: " + childType);
       }
     })
   });
 }
 function TextNodeComponent(_ref2) {
-  var _parse;
+  var _parse, _node$format;
   var node = _ref2.node;
-  var actualVal = node.val;
-  var styleProps = actualVal.style ? (_parse = parse__default["default"](actualVal.style)) !== null && _parse !== void 0 ? _parse : {} : {};
+  var styleProps = node.style ? (_parse = parse__default["default"](node.style)) !== null && _parse !== void 0 ? _parse : {} : {};
   // TODO: Ugly! We should do this before serializing instead
   if (styleProps["font-family"]) {
     styleProps["fontFamily"] = styleProps["font-family"];
@@ -107,9 +78,12 @@ function TextNodeComponent(_ref2) {
     styleProps["fontSize"] = styleProps["font-size"];
     delete styleProps["font-size"];
   }
-  var bitmask = actualVal.format.toString(2);
-  var bitmaskOffset = bitmask.length - 1;
+  var bitmask = (_node$format = node.format) === null || _node$format === void 0 ? void 0 : _node$format.toString(2);
+  var bitmaskOffset = bitmask ? bitmask.length - 1 : 0;
   function isBitOne(bit) {
+    if (!bitmask) {
+      return false;
+    }
     return bitmask.length >= bitmaskOffset - bit && bitmask[bitmaskOffset - bit] === "1";
   }
   if (isBitOne(0)) {
@@ -134,56 +108,68 @@ function TextNodeComponent(_ref2) {
   }
   return /*#__PURE__*/ReactJSXRuntime.jsx("span", {
     style: styleProps,
-    children: actualVal.text
+    children: node.text
   });
 }
 function HeadingNodeComponent(_ref3) {
-  var node = _ref3.node;
-  return /*#__PURE__*/React.createElement(node.tag.val, {}, node.children.map(function (child) {
+  var node = _ref3.node,
+    path = _ref3.path;
+  return /*#__PURE__*/React.createElement(node.tag, {}, node.children.map(function (child, i) {
+    var childPath = "".concat(path, ".").concat(i);
     return /*#__PURE__*/ReactJSXRuntime.jsx(TextNodeComponent, {
       node: child
-    }, getValPath(child));
+    }, childPath);
   }));
 }
 function ParagraphNodeComponent(_ref4) {
-  var node = _ref4.node;
+  var node = _ref4.node,
+    path = _ref4.path;
   return /*#__PURE__*/ReactJSXRuntime.jsx("p", {
-    children: node.children.map(function (child) {
-      switch (child.type.val) {
+    children: node.children.map(function (child, i) {
+      var childPath = "".concat(path, ".").concat(i);
+      switch (child.type) {
         case "text":
           return /*#__PURE__*/ReactJSXRuntime.jsx(TextNodeComponent, {
             node: child
-          }, getValPath(child));
+          }, childPath);
         default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
+          throw Error("Unknown paragraph node type: " + (child === null || child === void 0 ? void 0 : child.type));
       }
     })
   });
 }
 function ListNodeComponent(_ref5) {
-  var node = _ref5.node;
-  return /*#__PURE__*/React.createElement(node.val.tag, {}, node.children.map(function (child) {
+  var node = _ref5.node,
+    path = _ref5.path;
+  return /*#__PURE__*/React.createElement(node.tag, {}, node.children.map(function (child, i) {
+    var childPath = "".concat(path, ".").concat(i);
     return /*#__PURE__*/ReactJSXRuntime.jsx(ListItemComponent, {
+      path: childPath,
       node: child
-    }, getValPath(child));
+    }, childPath);
   }));
 }
 function ListItemComponent(_ref6) {
-  var node = _ref6.node;
+  var node = _ref6.node,
+    path = _ref6.path;
   return /*#__PURE__*/ReactJSXRuntime.jsx("li", {
     children: node.children.map(function (child, i) {
-      switch (child.val.type) {
+      var childPath = "".concat(path, ".").concat(i);
+      switch (child.type) {
         case "text":
           return /*#__PURE__*/ReactJSXRuntime.jsx(TextNodeComponent, {
             node: child
-          }, i);
+          }, childPath);
         default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
+          throw Error("Unknown list item node type: " + (child === null || child === void 0 ? void 0 : child.type));
       }
     })
   });
 }
 
-exports.ValProvider = ValProviderWrapper;
+Object.defineProperty(exports, 'ValProvider', {
+  enumerable: true,
+  get: function () { return ValProvider.ValProvider; }
+});
 exports.ValRichText = ValRichText;
 exports.useVal = useVal;

package/dist/valbuild-react.esm.js

@@ -1,23 +1,8 @@
-import { lazy, createElement } from 'react';
-import { jsx } from 'react/jsx-runtime';
+export { ValProvider } from './ValProvider-2eb6c2f2.esm.js';
 import { Internal } from '@valbuild/core';
+import { createElement } from 'react';
 import parse from 'style-to-object';
-
-var ValProvider = typeof window === "undefined" && /*#__PURE__*/lazy(function () {
-  return import('./ValProvider-52f2fa13.esm.js');
-});
-function ValProviderWrapper(_ref) {
-  var _ref$host = _ref.host,
-    host = _ref$host === void 0 ? "/api/val" : _ref$host,
-    children = _ref.children;
-  if (!ValProvider) {
-    return null;
-  }
-  return /*#__PURE__*/jsx(ValProvider, {
-    host: host,
-    children: children
-  });
-}
+import { jsx } from 'react/jsx-runtime';
 
 function useVal(selector, locale) {
   // const mod = selectable.getModule();
@@ -41,37 +26,41 @@ function useVal(selector, locale) {
   return Internal.getVal(selector, locale);
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var getValPath = Internal.getValPath;
 function ValRichText(_ref) {
   var children = _ref.children;
+  var root = children;
+  var path = root.valPath;
   return /*#__PURE__*/jsx("div", {
-    "data-val-path": getValPath(children),
-    children: children.children.map(function (child) {
-      switch (child.type.val) {
+    "data-val-path": path,
+    children: root.children.map(function (child, i) {
+      var childType = child.type;
+      var childPath = "".concat(path, ".").concat(i);
+      switch (childType) {
         case "heading":
           return /*#__PURE__*/jsx(HeadingNodeComponent, {
+            path: childPath,
             node: child
-          }, getValPath(child));
+          }, childPath);
         case "paragraph":
           return /*#__PURE__*/jsx(ParagraphNodeComponent, {
+            path: childPath,
             node: child
-          }, getValPath(child));
+          }, childPath);
         case "list":
           return /*#__PURE__*/jsx(ListNodeComponent, {
+            path: childPath,
             node: child
-          }, getValPath(child));
+          }, childPath);
         default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
+          throw Error("Unknown root node type: " + childType);
       }
     })
   });
 }
 function TextNodeComponent(_ref2) {
-  var _parse;
+  var _parse, _node$format;
   var node = _ref2.node;
-  var actualVal = node.val;
-  var styleProps = actualVal.style ? (_parse = parse(actualVal.style)) !== null && _parse !== void 0 ? _parse : {} : {};
+  var styleProps = node.style ? (_parse = parse(node.style)) !== null && _parse !== void 0 ? _parse : {} : {};
   // TODO: Ugly! We should do this before serializing instead
   if (styleProps["font-family"]) {
     styleProps["fontFamily"] = styleProps["font-family"];
@@ -81,9 +70,12 @@ function TextNodeComponent(_ref2) {
     styleProps["fontSize"] = styleProps["font-size"];
     delete styleProps["font-size"];
   }
-  var bitmask = actualVal.format.toString(2);
-  var bitmaskOffset = bitmask.length - 1;
+  var bitmask = (_node$format = node.format) === null || _node$format === void 0 ? void 0 : _node$format.toString(2);
+  var bitmaskOffset = bitmask ? bitmask.length - 1 : 0;
   function isBitOne(bit) {
+    if (!bitmask) {
+      return false;
+    }
     return bitmask.length >= bitmaskOffset - bit && bitmask[bitmaskOffset - bit] === "1";
   }
   if (isBitOne(0)) {
@@ -108,54 +100,63 @@ function TextNodeComponent(_ref2) {
   }
   return /*#__PURE__*/jsx("span", {
     style: styleProps,
-    children: actualVal.text
+    children: node.text
   });
 }
 function HeadingNodeComponent(_ref3) {
-  var node = _ref3.node;
-  return /*#__PURE__*/createElement(node.tag.val, {}, node.children.map(function (child) {
+  var node = _ref3.node,
+    path = _ref3.path;
+  return /*#__PURE__*/createElement(node.tag, {}, node.children.map(function (child, i) {
+    var childPath = "".concat(path, ".").concat(i);
     return /*#__PURE__*/jsx(TextNodeComponent, {
       node: child
-    }, getValPath(child));
+    }, childPath);
   }));
 }
 function ParagraphNodeComponent(_ref4) {
-  var node = _ref4.node;
+  var node = _ref4.node,
+    path = _ref4.path;
   return /*#__PURE__*/jsx("p", {
-    children: node.children.map(function (child) {
-      switch (child.type.val) {
+    children: node.children.map(function (child, i) {
+      var childPath = "".concat(path, ".").concat(i);
+      switch (child.type) {
         case "text":
           return /*#__PURE__*/jsx(TextNodeComponent, {
             node: child
-          }, getValPath(child));
+          }, childPath);
         default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
+          throw Error("Unknown paragraph node type: " + (child === null || child === void 0 ? void 0 : child.type));
       }
     })
   });
 }
 function ListNodeComponent(_ref5) {
-  var node = _ref5.node;
-  return /*#__PURE__*/createElement(node.val.tag, {}, node.children.map(function (child) {
+  var node = _ref5.node,
+    path = _ref5.path;
+  return /*#__PURE__*/createElement(node.tag, {}, node.children.map(function (child, i) {
+    var childPath = "".concat(path, ".").concat(i);
     return /*#__PURE__*/jsx(ListItemComponent, {
+      path: childPath,
       node: child
-    }, getValPath(child));
+    }, childPath);
   }));
 }
 function ListItemComponent(_ref6) {
-  var node = _ref6.node;
+  var node = _ref6.node,
+    path = _ref6.path;
   return /*#__PURE__*/jsx("li", {
     children: node.children.map(function (child, i) {
-      switch (child.val.type) {
+      var childPath = "".concat(path, ".").concat(i);
+      switch (child.type) {
         case "text":
           return /*#__PURE__*/jsx(TextNodeComponent, {
             node: child
-          }, i);
+          }, childPath);
         default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
+          throw Error("Unknown list item node type: " + (child === null || child === void 0 ? void 0 : child.type));
       }
     })
   });
 }
 
-export { ValProviderWrapper as ValProvider, ValRichText, useVal };
+export { ValRichText, useVal };