@valbuild/react 0.31.0 → 0.33.0

package/internal/dist/valbuild-react-internal.esm.js

@@ -0,0 +1,146 @@
+export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-0620664e.esm.js';
+import React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+/* eslint-disable @typescript-eslint/ban-types */
+function ValRichText(_ref) {
+  var theme = _ref.theme,
+    className = _ref.className,
+    children = _ref.children;
+  var root = children;
+  function withRenderTag(clazz, current) {
+    var renderClass = theme.tags[clazz];
+    if (renderClass && current) {
+      return [current, renderClass].join(" ");
+    }
+    if (renderClass) {
+      return renderClass;
+    }
+    return current;
+  }
+  function withRenderClass(clazz, current) {
+    var renderClass = theme.classes[clazz];
+    if (renderClass && current) {
+      return [current, renderClass].join(" ");
+    }
+    if (renderClass) {
+      return renderClass;
+    }
+    return current;
+  }
+  function toReact(node, key) {
+    var _anyNode$class, _anyNode$children;
+    if (typeof node === "string") {
+      return node;
+    }
+    if (node.tag === "p") {
+      return /*#__PURE__*/jsx("p", {
+        className: withRenderTag("p"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "img") {
+      return /*#__PURE__*/jsx("img", {
+        className: withRenderTag("img"),
+        src: node.src
+      }, key);
+    }
+    if (node.tag === "ul") {
+      return /*#__PURE__*/jsx("ul", {
+        className: withRenderTag("ul"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "ol") {
+      return /*#__PURE__*/jsx("ol", {
+        className: withRenderTag("ol"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "li") {
+      return /*#__PURE__*/jsx("li", {
+        className: withRenderTag("li"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "span") {
+      return /*#__PURE__*/jsx("span", {
+        className: node.classes.map(function (nodeClass) {
+          switch (nodeClass) {
+            case "bold":
+              return withRenderClass("bold");
+            case "line-through":
+              return withRenderClass("lineThrough");
+            case "italic":
+              return withRenderClass("italic");
+          }
+        }).join(" "),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "h1") {
+      return /*#__PURE__*/jsx("h1", {
+        className: withRenderTag("h1"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "h2") {
+      return /*#__PURE__*/jsx("h2", {
+        className: withRenderTag("h2"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "h3") {
+      return /*#__PURE__*/jsx("h3", {
+        className: withRenderTag("h3"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "h4") {
+      return /*#__PURE__*/jsx("h4", {
+        className: withRenderTag("h4"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "h5") {
+      return /*#__PURE__*/jsx("h5", {
+        className: withRenderTag("h5"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "h6") {
+      return /*#__PURE__*/jsx("h6", {
+        className: withRenderTag("h6"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "br") {
+      return /*#__PURE__*/jsx("br", {}, key);
+    }
+    if (node.tag === "a") {
+      return /*#__PURE__*/jsx("a", {
+        href: node.href,
+        children: node.children.map(toReact)
+      }, key);
+    }
+    console.error("Unknown tag", node.tag);
+    var _exhaustiveCheck = node.tag;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var anyNode = _exhaustiveCheck;
+    if (!(anyNode !== null && anyNode !== void 0 && anyNode.tag)) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(anyNode.tag, {
+      key: key,
+      className: (_anyNode$class = anyNode["class"]) === null || _anyNode$class === void 0 ? void 0 : _anyNode$class.join(" "),
+      children: (_anyNode$children = anyNode.children) === null || _anyNode$children === void 0 ? void 0 : _anyNode$children.map(toReact)
+    });
+  }
+  return /*#__PURE__*/jsx("div", {
+    className: className,
+    "data-val-path": root.valPath,
+    children: root.children.map(toReact)
+  });
+}
+
+export { ValRichText };

package/internal/dist/valbuild-react-internal.worker.esm.js

@@ -0,0 +1,146 @@
+export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-d46ec16a.worker.esm.js';
+import React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+/* eslint-disable @typescript-eslint/ban-types */
+function ValRichText(_ref) {
+  var theme = _ref.theme,
+    className = _ref.className,
+    children = _ref.children;
+  var root = children;
+  function withRenderTag(clazz, current) {
+    var renderClass = theme.tags[clazz];
+    if (renderClass && current) {
+      return [current, renderClass].join(" ");
+    }
+    if (renderClass) {
+      return renderClass;
+    }
+    return current;
+  }
+  function withRenderClass(clazz, current) {
+    var renderClass = theme.classes[clazz];
+    if (renderClass && current) {
+      return [current, renderClass].join(" ");
+    }
+    if (renderClass) {
+      return renderClass;
+    }
+    return current;
+  }
+  function toReact(node, key) {
+    var _anyNode$class, _anyNode$children;
+    if (typeof node === "string") {
+      return node;
+    }
+    if (node.tag === "p") {
+      return /*#__PURE__*/jsx("p", {
+        className: withRenderTag("p"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "img") {
+      return /*#__PURE__*/jsx("img", {
+        className: withRenderTag("img"),
+        src: node.src
+      }, key);
+    }
+    if (node.tag === "ul") {
+      return /*#__PURE__*/jsx("ul", {
+        className: withRenderTag("ul"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "ol") {
+      return /*#__PURE__*/jsx("ol", {
+        className: withRenderTag("ol"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "li") {
+      return /*#__PURE__*/jsx("li", {
+        className: withRenderTag("li"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "span") {
+      return /*#__PURE__*/jsx("span", {
+        className: node.classes.map(function (nodeClass) {
+          switch (nodeClass) {
+            case "bold":
+              return withRenderClass("bold");
+            case "line-through":
+              return withRenderClass("lineThrough");
+            case "italic":
+              return withRenderClass("italic");
+          }
+        }).join(" "),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "h1") {
+      return /*#__PURE__*/jsx("h1", {
+        className: withRenderTag("h1"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "h2") {
+      return /*#__PURE__*/jsx("h2", {
+        className: withRenderTag("h2"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "h3") {
+      return /*#__PURE__*/jsx("h3", {
+        className: withRenderTag("h3"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "h4") {
+      return /*#__PURE__*/jsx("h4", {
+        className: withRenderTag("h4"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "h5") {
+      return /*#__PURE__*/jsx("h5", {
+        className: withRenderTag("h5"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "h6") {
+      return /*#__PURE__*/jsx("h6", {
+        className: withRenderTag("h6"),
+        children: node.children.map(toReact)
+      }, key);
+    }
+    if (node.tag === "br") {
+      return /*#__PURE__*/jsx("br", {}, key);
+    }
+    if (node.tag === "a") {
+      return /*#__PURE__*/jsx("a", {
+        href: node.href,
+        children: node.children.map(toReact)
+      }, key);
+    }
+    console.error("Unknown tag", node.tag);
+    var _exhaustiveCheck = node.tag;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var anyNode = _exhaustiveCheck;
+    if (!(anyNode !== null && anyNode !== void 0 && anyNode.tag)) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(anyNode.tag, {
+      key: key,
+      className: (_anyNode$class = anyNode["class"]) === null || _anyNode$class === void 0 ? void 0 : _anyNode$class.join(" "),
+      children: (_anyNode$children = anyNode.children) === null || _anyNode$children === void 0 ? void 0 : _anyNode$children.map(toReact)
+    });
+  }
+  return /*#__PURE__*/jsx("div", {
+    className: className,
+    "data-val-path": root.valPath,
+    children: root.children.map(toReact)
+  });
+}
+
+export { ValRichText };

package/internal/package.json

@@ -0,0 +1,7 @@
+{
+  "main": "dist/valbuild-react-internal.cjs.js",
+  "module": "dist/valbuild-react-internal.esm.js",
+  "browser": {
+    "./dist/valbuild-react-internal.esm.js": "./dist/valbuild-react-internal.browser.esm.js"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@valbuild/react",
-  "version": "0.31.0",
+  "version": "0.33.0",
   "private": false,
   "description": "Val - React internal helpers",
   "sideEffects": false,
@@ -9,8 +9,9 @@
     "test": "jest"
   },
   "dependencies": {
-    "@valbuild/core": "~0.31.0",
-    "@valbuild/ui": "~0.31.0",
+    "@valbuild/core": "~0.33.0",
+    "@valbuild/ui": "~0.33.0",
+    "@valbuild/shared": "~0.33.0",
     "@vercel/stega": "^0.1.0",
     "base64-arraybuffer": "^1.0.2",
     "style-to-object": "^0.4.1"
@@ -36,7 +37,8 @@
       "./index.ts",
       "./jsx-runtime.js",
       "./jsx-dev-runtime.js",
-      "./stega/index.ts"
+      "./stega/index.ts",
+      "./internal/index.ts"
     ],
     "exports": {
       "envConditions": [
@@ -78,6 +80,14 @@
       },
       "default": "./stega/dist/valbuild-react-stega.cjs.js"
     },
+    "./internal": {
+      "module": {
+        "worker": "./internal/dist/valbuild-react-internal.worker.esm.js",
+        "browser": "./internal/dist/valbuild-react-internal.browser.esm.js",
+        "default": "./internal/dist/valbuild-react-internal.esm.js"
+      },
+      "default": "./internal/dist/valbuild-react-internal.cjs.js"
+    },
     "./jsx-dev-runtime": {
       "module": {
         "worker": "./jsx-dev-runtime/dist/valbuild-react-jsx-dev-runtime.worker.esm.js",
@@ -93,6 +103,7 @@
     "dist",
     "jsx-runtime",
     "jsx-dev-runtime",
-    "stega"
+    "stega",
+    "internal"
   ]
 }

package/stega/dist/valbuild-react-stega.browser.esm.js

@@ -6,7 +6,7 @@ import React from 'react';
 import { VERCEL_STEGA_REGEX, vercelStegaDecode, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
 import { _ as _defineProperty } from '../../dist/defineProperty-f319cb47.browser.esm.js';
 import { Internal, VAL_EXTENSION, FILE_REF_PROP } from '@valbuild/core';
-import { parseRichTextSource } from '@valbuild/ui';
+import { parseRichTextSource } from '@valbuild/shared/internal';
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?

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

@@ -10,7 +10,7 @@ var React = require('react');
 var stega = require('@vercel/stega');
 var defineProperty = require('../../dist/defineProperty-c82a49b0.cjs.dev.js');
 var core = require('@valbuild/core');
-var ui = require('@valbuild/ui');
+var internal = require('@valbuild/shared/internal');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -126,11 +126,11 @@ function stegaEncode(input, opts) {
       if (core.VAL_EXTENSION in sourceOrSelector) {
         if (sourceOrSelector[core.VAL_EXTENSION] === "richtext") {
           if (recOpts !== null && recOpts !== void 0 && recOpts.path) {
-            return _objectSpread2(_objectSpread2({}, ui.parseRichTextSource(sourceOrSelector)), {}, {
+            return _objectSpread2(_objectSpread2({}, internal.parseRichTextSource(sourceOrSelector)), {}, {
               valPath: recOpts.path
             });
           }
-          return ui.parseRichTextSource(sourceOrSelector);
+          return internal.parseRichTextSource(sourceOrSelector);
         }
         if (sourceOrSelector[core.VAL_EXTENSION] === "file" && typeof sourceOrSelector[core.FILE_REF_PROP] === "string") {
           var fileSelector = core.Internal.convertFileSource(sourceOrSelector);

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

@@ -10,7 +10,7 @@ var React = require('react');
 var stega = require('@vercel/stega');
 var defineProperty = require('../../dist/defineProperty-36ed93cd.cjs.prod.js');
 var core = require('@valbuild/core');
-var ui = require('@valbuild/ui');
+var internal = require('@valbuild/shared/internal');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -126,11 +126,11 @@ function stegaEncode(input, opts) {
       if (core.VAL_EXTENSION in sourceOrSelector) {
         if (sourceOrSelector[core.VAL_EXTENSION] === "richtext") {
           if (recOpts !== null && recOpts !== void 0 && recOpts.path) {
-            return _objectSpread2(_objectSpread2({}, ui.parseRichTextSource(sourceOrSelector)), {}, {
+            return _objectSpread2(_objectSpread2({}, internal.parseRichTextSource(sourceOrSelector)), {}, {
               valPath: recOpts.path
             });
           }
-          return ui.parseRichTextSource(sourceOrSelector);
+          return internal.parseRichTextSource(sourceOrSelector);
         }
         if (sourceOrSelector[core.VAL_EXTENSION] === "file" && typeof sourceOrSelector[core.FILE_REF_PROP] === "string") {
           var fileSelector = core.Internal.convertFileSource(sourceOrSelector);

package/stega/dist/valbuild-react-stega.esm.js

@@ -6,7 +6,7 @@ import React from 'react';
 import { VERCEL_STEGA_REGEX, vercelStegaDecode, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
 import { _ as _defineProperty } from '../../dist/defineProperty-12b5bd29.esm.js';
 import { Internal, VAL_EXTENSION, FILE_REF_PROP } from '@valbuild/core';
-import { parseRichTextSource } from '@valbuild/ui';
+import { parseRichTextSource } from '@valbuild/shared/internal';
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?

package/stega/dist/valbuild-react-stega.worker.esm.js

@@ -6,7 +6,7 @@ import React from 'react';
 import { VERCEL_STEGA_REGEX, vercelStegaDecode, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
 import { _ as _defineProperty } from '../../dist/defineProperty-a4bf59bc.worker.esm.js';
 import { Internal, VAL_EXTENSION, FILE_REF_PROP } from '@valbuild/core';
-import { parseRichTextSource } from '@valbuild/ui';
+import { parseRichTextSource } from '@valbuild/shared/internal';
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?

package/dist/ValProviderInternal-757e00dc.cjs.js

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

package/dist/ValUI-596c6129.cjs.js

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

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { ValProviderProps } from "./ValProviderInternal.js";
-export declare function ValProvider({ children }: ValProviderProps): JSX.Element;

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

@@ -1,15 +0,0 @@
-import React from "react";
-import { ValStore } from "./ValStore.js";
-import { ValApi } from "@valbuild/core";
-export declare const useValStore: undefined | (() => ValStore | undefined);
-export declare const useValApi: undefined | (() => ValApi | undefined);
-export type ValContext = {
-    readonly valStore?: ValStore;
-    readonly valApi?: ValApi;
-};
-export declare const ValContext: React.Context<ValContext>;
-export type ValProviderProps = {
-    children?: React.ReactNode;
-};
-declare function ValProviderInternal({ children }: ValProviderProps): JSX.Element;
-export default ValProviderInternal;