@valbuild/react 0.30.0 → 0.32.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.30.0",
+  "version": "0.32.0",
   "private": false,
   "description": "Val - React internal helpers",
   "sideEffects": false,
@@ -9,8 +9,8 @@
     "test": "jest"
   },
   "dependencies": {
-    "@valbuild/core": "~0.30.0",
-    "@valbuild/ui": "~0.30.0",
+    "@valbuild/core": "~0.32.0",
+    "@valbuild/ui": "~0.32.0",
     "@vercel/stega": "^0.1.0",
     "base64-arraybuffer": "^1.0.2",
     "style-to-object": "^0.4.1"
@@ -36,7 +36,8 @@
       "./index.ts",
       "./jsx-runtime.js",
       "./jsx-dev-runtime.js",
-      "./stega/index.ts"
+      "./stega/index.ts",
+      "./internal/index.ts"
     ],
     "exports": {
       "envConditions": [
@@ -78,6 +79,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 +102,7 @@
     "dist",
     "jsx-runtime",
     "jsx-dev-runtime",
-    "stega"
+    "stega",
+    "internal"
   ]
 }

package/dist/ValProviderInternal-172144ad.cjs.js

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

package/dist/ValUI-46395962.cjs.js

@@ -1,7 +0,0 @@
-'use strict';
-
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./ValUI-46395962.cjs.prod.js");
-} else {
-  module.exports = require("./ValUI-46395962.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 function useValStore(): ValStore | undefined;
-export declare function useValApi(): 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;