@valbuild/react 0.30.0 → 0.32.0

package/dist/{ValUI-ab7ef83f.cjs.dev.js → ValUI-33562b10.cjs.dev.js}

@@ -3,13 +3,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('./slicedToArray-a9d0d9cd.cjs.dev.js');
-var core = require('@valbuild/core');
 var ui = require('@valbuild/ui');
+var slicedToArray = require('./slicedToArray-a9d0d9cd.cjs.dev.js');
 var React = require('react');
 var reactDom = require('react-dom');
 var ReactJSXRuntime = require('react/jsx-runtime');
-var ValProviderInternal = require('./ValProviderInternal-2faf106c.cjs.dev.js');
+var ValProvider = require('./ValProvider-7513c6ec.cjs.dev.js');
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -48,46 +47,9 @@ var ShadowRoot = function ShadowRoot(_ref2) {
 };
 
 function ValUI() {
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
-    isClient = _useState2[0],
-    setIsClient = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-    enabled = _useState4[0],
-    setEnabled = _useState4[1];
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  var _useState5 = React.useState(false),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2);
-    _useState6[0];
-    var setDraftMode = _useState6[1]; // TODO: if enabled, but not in draft mode: show something
-  var api = ValProviderInternal.useValApi();
-  var store = ValProviderInternal.useValStore();
-  React.useEffect(function () {
-    setIsClient(true);
-    try {
-      var _document$cookie;
-      var valEnabled = (_document$cookie = document.cookie) === null || _document$cookie === void 0 ? void 0 : _document$cookie.includes("".concat(core.Internal.VAL_ENABLE_COOKIE_NAME, "=true"));
-      setEnabled(valEnabled);
-    } catch (e) {
-      console.warn("Could not read Val enabled state", e);
-    }
-    try {
-      var _document$cookie2;
-      var valDraftMode = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(core.Internal.VAL_DRAFT_MODE_COOKIE, "=true"));
-      setDraftMode(valDraftMode);
-    } catch (e) {
-      console.warn("Could not read Val draft mode", e);
-    }
-  }, []);
-  if (isClient && !enabled && process.env.NODE_ENV === "development") {
-    if (!api) {
-      console.warn("Val does not seem to be configured properly! Please check that you have wrapper your root layout (or _app) with the ValProvider.");
-    } else {
-      console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
-    }
-  }
-  if (!isClient || !enabled || !store || !api) {
+  var api = ValProvider.useValApi();
+  var store = ValProvider.useValStore();
+  if (!api || !store) {
     return null;
   }
   return /*#__PURE__*/ReactJSXRuntime.jsx(ReactJSXRuntime.Fragment, {

package/dist/{ValUI-b8544437.worker.esm.js → ValUI-3b9f6c17.worker.esm.js}

@@ -1,11 +1,10 @@
 'use client';
-import { _ as _slicedToArray } from './slicedToArray-d4c4a4ed.worker.esm.js';
-import { Internal } from '@valbuild/core';
 import { Style, ValOverlay } from '@valbuild/ui';
-import { useRef, useState, useLayoutEffect, useEffect } from 'react';
+import { _ as _slicedToArray } from './slicedToArray-d4c4a4ed.worker.esm.js';
+import { useRef, useState, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useValApi, useValStore } from './ValProviderInternal-5a5100ab.worker.esm.js';
+import { useValApi, useValStore } from './ValProvider-d46ec16a.worker.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -44,46 +43,9 @@ var ShadowRoot = function ShadowRoot(_ref2) {
 };
 
 function ValUI() {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isClient = _useState2[0],
-    setIsClient = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    enabled = _useState4[0],
-    setEnabled = _useState4[1];
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2);
-    _useState6[0];
-    var setDraftMode = _useState6[1]; // TODO: if enabled, but not in draft mode: show something
   var api = useValApi();
   var store = useValStore();
-  useEffect(function () {
-    setIsClient(true);
-    try {
-      var _document$cookie;
-      var valEnabled = (_document$cookie = document.cookie) === null || _document$cookie === void 0 ? void 0 : _document$cookie.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=true"));
-      setEnabled(valEnabled);
-    } catch (e) {
-      console.warn("Could not read Val enabled state", e);
-    }
-    try {
-      var _document$cookie2;
-      var valDraftMode = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(Internal.VAL_DRAFT_MODE_COOKIE, "=true"));
-      setDraftMode(valDraftMode);
-    } catch (e) {
-      console.warn("Could not read Val draft mode", e);
-    }
-  }, []);
-  if (isClient && !enabled && process.env.NODE_ENV === "development") {
-    if (!api) {
-      console.warn("Val does not seem to be configured properly! Please check that you have wrapper your root layout (or _app) with the ValProvider.");
-    } else {
-      console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
-    }
-  }
-  if (!isClient || !enabled || !store || !api) {
+  if (!api || !store) {
     return null;
   }
   return /*#__PURE__*/jsx(Fragment, {

package/dist/{ValUI-9a231a97.esm.js → ValUI-4ba5efea.esm.js}

@@ -1,11 +1,10 @@
 'use client';
-import { _ as _slicedToArray } from './slicedToArray-331bebbb.esm.js';
-import { Internal } from '@valbuild/core';
 import { Style, ValOverlay } from '@valbuild/ui';
-import { useRef, useState, useLayoutEffect, useEffect } from 'react';
+import { _ as _slicedToArray } from './slicedToArray-331bebbb.esm.js';
+import { useRef, useState, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useValApi, useValStore } from './ValProviderInternal-06aa7448.esm.js';
+import { useValApi, useValStore } from './ValProvider-0620664e.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -44,46 +43,9 @@ var ShadowRoot = function ShadowRoot(_ref2) {
 };
 
 function ValUI() {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isClient = _useState2[0],
-    setIsClient = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    enabled = _useState4[0],
-    setEnabled = _useState4[1];
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2);
-    _useState6[0];
-    var setDraftMode = _useState6[1]; // TODO: if enabled, but not in draft mode: show something
   var api = useValApi();
   var store = useValStore();
-  useEffect(function () {
-    setIsClient(true);
-    try {
-      var _document$cookie;
-      var valEnabled = (_document$cookie = document.cookie) === null || _document$cookie === void 0 ? void 0 : _document$cookie.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=true"));
-      setEnabled(valEnabled);
-    } catch (e) {
-      console.warn("Could not read Val enabled state", e);
-    }
-    try {
-      var _document$cookie2;
-      var valDraftMode = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(Internal.VAL_DRAFT_MODE_COOKIE, "=true"));
-      setDraftMode(valDraftMode);
-    } catch (e) {
-      console.warn("Could not read Val draft mode", e);
-    }
-  }, []);
-  if (isClient && !enabled && process.env.NODE_ENV === "development") {
-    if (!api) {
-      console.warn("Val does not seem to be configured properly! Please check that you have wrapper your root layout (or _app) with the ValProvider.");
-    } else {
-      console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
-    }
-  }
-  if (!isClient || !enabled || !store || !api) {
+  if (!api || !store) {
     return null;
   }
   return /*#__PURE__*/jsx(Fragment, {

package/dist/{ValUI-697700f4.browser.esm.js → ValUI-75338157.browser.esm.js}

@@ -1,11 +1,10 @@
 'use client';
-import { _ as _slicedToArray } from './slicedToArray-85f6bb43.browser.esm.js';
-import { Internal } from '@valbuild/core';
 import { Style, ValOverlay } from '@valbuild/ui';
-import { useRef, useState, useLayoutEffect, useEffect } from 'react';
+import { _ as _slicedToArray } from './slicedToArray-85f6bb43.browser.esm.js';
+import { useRef, useState, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useValApi, useValStore } from './ValProviderInternal-4c19d576.browser.esm.js';
+import { useValApi, useValStore } from './ValProvider-14179159.browser.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -44,46 +43,9 @@ var ShadowRoot = function ShadowRoot(_ref2) {
 };
 
 function ValUI() {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isClient = _useState2[0],
-    setIsClient = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    enabled = _useState4[0],
-    setEnabled = _useState4[1];
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2);
-    _useState6[0];
-    var setDraftMode = _useState6[1]; // TODO: if enabled, but not in draft mode: show something
   var api = useValApi();
   var store = useValStore();
-  useEffect(function () {
-    setIsClient(true);
-    try {
-      var _document$cookie;
-      var valEnabled = (_document$cookie = document.cookie) === null || _document$cookie === void 0 ? void 0 : _document$cookie.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=true"));
-      setEnabled(valEnabled);
-    } catch (e) {
-      console.warn("Could not read Val enabled state", e);
-    }
-    try {
-      var _document$cookie2;
-      var valDraftMode = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(Internal.VAL_DRAFT_MODE_COOKIE, "=true"));
-      setDraftMode(valDraftMode);
-    } catch (e) {
-      console.warn("Could not read Val draft mode", e);
-    }
-  }, []);
-  if (isClient && !enabled && process.env.NODE_ENV === "development") {
-    if (!api) {
-      console.warn("Val does not seem to be configured properly! Please check that you have wrapper your root layout (or _app) with the ValProvider.");
-    } else {
-      console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
-    }
-  }
-  if (!isClient || !enabled || !store || !api) {
+  if (!api || !store) {
     return null;
   }
   return /*#__PURE__*/jsx(Fragment, {

package/dist/ValUI-8ea90ec3.cjs.js

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

package/dist/{ValUI-46395962.cjs.prod.js → ValUI-8ea90ec3.cjs.prod.js}

@@ -3,13 +3,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('./slicedToArray-a2a426c7.cjs.prod.js');
-var core = require('@valbuild/core');
 var ui = require('@valbuild/ui');
+var slicedToArray = require('./slicedToArray-a2a426c7.cjs.prod.js');
 var React = require('react');
 var reactDom = require('react-dom');
 var ReactJSXRuntime = require('react/jsx-runtime');
-var ValProviderInternal = require('./ValProviderInternal-172144ad.cjs.prod.js');
+var ValProvider = require('./ValProvider-b2e83d12.cjs.prod.js');
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -48,46 +47,9 @@ var ShadowRoot = function ShadowRoot(_ref2) {
 };
 
 function ValUI() {
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
-    isClient = _useState2[0],
-    setIsClient = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-    enabled = _useState4[0],
-    setEnabled = _useState4[1];
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  var _useState5 = React.useState(false),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2);
-    _useState6[0];
-    var setDraftMode = _useState6[1]; // TODO: if enabled, but not in draft mode: show something
-  var api = ValProviderInternal.useValApi();
-  var store = ValProviderInternal.useValStore();
-  React.useEffect(function () {
-    setIsClient(true);
-    try {
-      var _document$cookie;
-      var valEnabled = (_document$cookie = document.cookie) === null || _document$cookie === void 0 ? void 0 : _document$cookie.includes("".concat(core.Internal.VAL_ENABLE_COOKIE_NAME, "=true"));
-      setEnabled(valEnabled);
-    } catch (e) {
-      console.warn("Could not read Val enabled state", e);
-    }
-    try {
-      var _document$cookie2;
-      var valDraftMode = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(core.Internal.VAL_DRAFT_MODE_COOKIE, "=true"));
-      setDraftMode(valDraftMode);
-    } catch (e) {
-      console.warn("Could not read Val draft mode", e);
-    }
-  }, []);
-  if (isClient && !enabled &&         "production" === "development") {
-    if (!api) {
-      console.warn("Val does not seem to be configured properly! Please check that you have wrapper your root layout (or _app) with the ValProvider.");
-    } else {
-      console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
-    }
-  }
-  if (!isClient || !enabled || !store || !api) {
+  var api = ValProvider.useValApi();
+  var store = ValProvider.useValStore();
+  if (!api || !store) {
     return null;
   }
   return /*#__PURE__*/ReactJSXRuntime.jsx(ReactJSXRuntime.Fragment, {

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

@@ -1,3 +1,11 @@
-export { useValStore, useValApi } from "./ValProviderInternal.js";
-export { ValProvider } from "./ValProvider.js";
-export { ValRichText } from "./ValRichText.js";
+/**
+ * Val React **internal** bindings.
+ *
+ * @remarks
+ * This package includes only internal entry points and is used only by internal packages.
+ * Use the valbuild package corresponding to your meta-framework instead of this package.
+ *
+ * @packageDocumentation
+ */
+declare const _default: {};
+export default _default;

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

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

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

@@ -0,0 +1,2 @@
+export { ValProvider, useValStore, useValApi } from "./ValProvider.js";
+export { ValRichText } from "./ValRichText.js";

package/dist/declarations/src/stega/stegaEncode.d.ts

@@ -2,7 +2,7 @@ import { Json, RichTextSource, RichText } from "@valbuild/core";
 import { FileSource, Source, SourceObject } from "@valbuild/core";
 import { JsonPrimitive } from "@valbuild/core";
 import { SourceArray } from "@valbuild/core";
-import { RawString } from "@valbuild/core/src/schema/string";
+import { RawString } from "@valbuild/core";
 declare const brand: unique symbol;
 /**
  * ValEncodedString is a string that is encoded using steganography.

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

@@ -1,161 +1,12 @@
-export { useValApi, useValStore } from './ValProviderInternal-4c19d576.browser.esm.js';
-import React, { lazy } from 'react';
-import { jsx, Fragment } from 'react/jsx-runtime';
+/**
+ * Val React **internal** bindings.
+ *
+ * @remarks
+ * This package includes only internal entry points and is used only by internal packages.
+ * Use the valbuild package corresponding to your meta-framework instead of this package.
+ *
+ * @packageDocumentation
+ */
+var index = {};
 
-var ValProviderInternal = /*#__PURE__*/lazy(function () {
-  return import('./ValProviderInternal-4c19d576.browser.esm.js');
-}) ;
-function ValProvider(_ref) {
-  var children = _ref.children;
-  if (ValProviderInternal) {
-    return /*#__PURE__*/jsx(ValProviderInternal, {
-      children: children
-    });
-  }
-  return /*#__PURE__*/jsx(Fragment, {
-    children: children
-  });
-}
-
-/* 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 { ValProvider, ValRichText };
+export { index as default };

package/dist/valbuild-react.cjs.d.ts

@@ -1,2 +1,3 @@
 export * from "./declarations/src/index";
+export { default } from "./declarations/src/index";
 //# sourceMappingURL=valbuild-react.cjs.d.ts.map