@valbuild/react 0.87.5 → 0.89.0

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

@@ -1,6 +1,6 @@
 export { autoTagJSX } from "./autoTagJSX.js";
 export { stegaEncode, getModuleIds, stegaClean, type ValEncodedString, type StegaOfSource, type StegaOfRichTextSource, type File, type Image, type RichText, } from "./stegaEncode.js";
-export { stegaDecodeString } from "./stegaDecodeString.js";
+export { stegaDecodeStrings } from "./stegaDecodeStrings.js";
 export declare function IS_AUTO_TAG_JSX_ENABLED(): boolean;
 export declare function SET_AUTO_TAG_JSX_ENABLED(enabled: boolean): void;
 export declare function IS_RSC(): boolean;

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

@@ -0,0 +1 @@
+export declare function stegaDecodeStrings(encodedString: unknown): string[] | undefined;

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

@@ -160,10 +160,7 @@ export type StegaOfRichTextSource<T extends Source> = Json extends T ? Json : T
 /**
  * RichText is accessible by users (after conversion via useVal / fetchVal)
  **/
-export type RichText<O extends RichTextOptions> = StegaOfRichTextSource<RichTextSource<O>> & {
-    /** This path is used internally by Val to identify where this RichText source is defined */
-    valPath?: string;
-};
+export type RichText<O extends RichTextOptions> = StegaOfRichTextSource<RichTextSource<O>>;
 export type StegaOfSource<T extends Source> = Json extends T ? Json : T extends RichTextSource<infer O> ? RichText<O> : T extends ImageSource ? Image : T extends FileSource<infer M> ? M extends FileMetadata ? File<M> : never : T extends SourceObject ? {
     [key in keyof T]: StegaOfSource<T[key]>;
 } : T extends SourceArray ? StegaOfSource<T[number]>[] : T extends RawString ? string : string extends T ? ValEncodedString : T extends JsonPrimitive ? T : never;

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

@@ -99,7 +99,6 @@ function ValRichText(_ref) {
   return /*#__PURE__*/jsx("div", {
     className: className,
     style: style,
-    "data-val-path": root === null || root === void 0 ? void 0 : root.valPath,
     children: root === null || root === void 0 ? void 0 : root.map(build)
   });
 }

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

@@ -107,7 +107,6 @@ function ValRichText(_ref) {
   return /*#__PURE__*/ReactJSXRuntime.jsx("div", {
     className: className,
     style: style,
-    "data-val-path": root === null || root === void 0 ? void 0 : root.valPath,
     children: root === null || root === void 0 ? void 0 : root.map(build)
   });
 }

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

@@ -107,7 +107,6 @@ function ValRichText(_ref) {
   return /*#__PURE__*/ReactJSXRuntime.jsx("div", {
     className: className,
     style: style,
-    "data-val-path": root === null || root === void 0 ? void 0 : root.valPath,
     children: root === null || root === void 0 ? void 0 : root.map(build)
   });
 }

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

@@ -99,7 +99,6 @@ function ValRichText(_ref) {
   return /*#__PURE__*/jsx("div", {
     className: className,
     style: style,
-    "data-val-path": root === null || root === void 0 ? void 0 : root.valPath,
     children: root === null || root === void 0 ? void 0 : root.map(build)
   });
 }

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

@@ -99,7 +99,6 @@ function ValRichText(_ref) {
   return /*#__PURE__*/jsx("div", {
     className: className,
     style: style,
-    "data-val-path": root === null || root === void 0 ? void 0 : root.valPath,
     children: root === null || root === void 0 ? void 0 : root.map(build)
   });
 }

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@valbuild/react",
-  "version": "0.87.5",
+  "version": "0.89.0",
   "private": false,
   "description": "Val - React internal helpers",
   "repository": {
     "type": "git",
-    "url": "https://github.com/valbuild/val.git"
+    "url": "git+https://github.com/valbuild/val.git"
   },
   "sideEffects": false,
   "scripts": {
@@ -13,9 +13,9 @@
     "test": "jest"
   },
   "dependencies": {
-    "@valbuild/core": "~0.87.5",
-    "@valbuild/shared": "~0.87.5",
-    "@valbuild/ui": "~0.87.5",
+    "@valbuild/core": "~0.89.0",
+    "@valbuild/shared": "~0.89.0",
+    "@valbuild/ui": "~0.89.0",
     "@vercel/stega": "^0.1.0",
     "base64-arraybuffer": "^1.0.2"
   },

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

@@ -1,20 +1,83 @@
 import { a as _typeof, _ as _slicedToArray } from '../../dist/slicedToArray-9ebce1ca.browser.esm.js';
+import { _ as _unsupportedIterableToArray } from '../../dist/unsupportedIterableToArray-0ac4ac41.browser.esm.js';
 import ReactJSXRuntime__default from 'react/jsx-runtime';
 import jsxRuntimeDev__default from 'react/jsx-dev-runtime';
 import React from 'react';
-import { vercelStegaDecode, VERCEL_STEGA_REGEX, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
+import { vercelStegaDecodeAll, VERCEL_STEGA_REGEX, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
 import { _ as _toConsumableArray } from '../../dist/toConsumableArray-5ba6766a.browser.esm.js';
 import { Internal, VAL_EXTENSION, FILE_REF_PROP } from '@valbuild/core';
-import '../../dist/unsupportedIterableToArray-0ac4ac41.browser.esm.js';
 
-function stegaDecodeString(encodedString) {
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
+      return {
+        s: F,
+        n: function () {
+          return n >= r.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: r[n++]
+          };
+        },
+        e: function (r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = !0,
+    u = !1;
+  return {
+    s: function () {
+      t = t.call(r);
+    },
+    n: function () {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function (r) {
+      u = !0, o = r;
+    },
+    f: function () {
+      try {
+        a || null == t.return || t.return();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
+
+function stegaDecodeStrings(encodedString) {
   if (!encodedString || typeof encodedString !== "string") return;
-  var encodedBits = vercelStegaDecode(encodedString);
-  if (encodedBits && _typeof(encodedBits) === "object") {
-    if ("origin" in encodedBits && "data" in encodedBits && _typeof(encodedBits.data) === "object" && encodedBits.data && "valPath" in encodedBits.data && typeof encodedBits.data.valPath === "string") {
-      return encodedBits.data.valPath;
+  var encodedBits = vercelStegaDecodeAll(encodedString);
+  var paths = [];
+  if (!encodedBits) return;
+  var _iterator = _createForOfIteratorHelper(encodedBits),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var encodedBit = _step.value;
+      if (encodedBit && _typeof(encodedBit) === "object") {
+        if ("origin" in encodedBit && "data" in encodedBit && _typeof(encodedBit.data) === "object" && encodedBit.data && "valPath" in encodedBit.data && typeof encodedBit.data.valPath === "string") {
+          paths.push(encodedBit.data.valPath);
+        }
+      }
     }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
   }
+  return paths.length > 0 ? paths : undefined;
 }
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
@@ -41,14 +104,25 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
       console.error('Val: Could not auto tag. Reason: key is "__proto__" or "constructor" or "prototype".');
       return;
     }
-    var valPath = stegaDecodeString(value);
-    if (valPath) {
+    var valPaths = stegaDecodeStrings(value);
+    if (valPaths) {
       // Found val path - this is a stega encoded string
       // The logic below is as follows:
       //   if this is an intrinsic element (a, div, etc.), add data attrs will be on the DOM element
       //   always add to sources (intrinsic or not)
       //   if this is not an intrinsic element, we pass the stega encoded value downwards until we hit an intrinsic element
-      valSources.add(valPath);
+      var _iterator = _createForOfIteratorHelper(valPaths),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _valPath = _step.value;
+          valSources.add(_valPath);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
       if (isIntrinsicElement(type)) {
         // clean values before adding them to the props
         // we cannot do this
@@ -68,7 +142,18 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
           var _cleanValue = vercelStegaSplit(value).cleaned;
           if (typeof key === "string" && !Array.isArray(container)) {
             container[key] = _cleanValue;
-            valSources.add(valPath);
+            var _iterator2 = _createForOfIteratorHelper(valPaths),
+              _step2;
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                var valPath = _step2.value;
+                valSources.add(valPath);
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
           }
         }
       }
@@ -255,11 +340,35 @@ function stegaEncode(input, opts) {
       }
     }
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isRichTextSchema(recOpts.schema)) {
-      var res = rec(sourceOrSelector);
-      if (_typeof(res) === "object" && res !== null) {
-        res.valPath = recOpts.path;
+      if (typeof sourceOrSelector === "string") {
+        return rec(sourceOrSelector, {
+          path: recOpts.path,
+          schema: {
+            type: "string"
+          }
+        });
       }
-      return res;
+      if (Array.isArray(sourceOrSelector)) {
+        var a = sourceOrSelector.map(function (el) {
+          return rec(el, {
+            path: recOpts.path,
+            schema: recOpts.schema
+          });
+        });
+        return a;
+      } else if (_typeof(sourceOrSelector) === "object") {
+        var _a = Object.fromEntries(Object.entries(sourceOrSelector).map(function (_ref2) {
+          var _ref3 = _slicedToArray(_ref2, 2),
+            key = _ref3[0],
+            value = _ref3[1];
+          return [key, key === "tag" || key === "styles" ? value : rec(value, {
+            path: recOpts.path,
+            schema: recOpts.schema
+          })];
+        }));
+        return _a;
+      }
+      return sourceOrSelector;
     }
     if (_typeof(sourceOrSelector) === "object") {
       if (!sourceOrSelector) {
@@ -299,18 +408,18 @@ function stegaEncode(input, opts) {
         });
       }
       if (!Array.isArray(sourceOrSelector)) {
-        var _res = {};
+        var res = {};
         var entries = Object.entries(sourceOrSelector);
         for (var _i = 0, _entries = entries; _i < _entries.length; _i++) {
           var _entries$_i = _slicedToArray(_entries[_i], 2),
             _key2 = _entries$_i[0],
             value = _entries$_i[1];
-          _res[_key2] = rec(value, (recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema) && {
+          res[_key2] = rec(value, (recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema) && {
             path: Internal.createValPathOfItem(recOpts.path, _key2),
             schema: isRecordSchema(recOpts.schema) ? recOpts.schema.item : isObjectSchema(recOpts.schema) ? recOpts.schema.items[_key2] : unknownSchema(recOpts.schema)
           });
         }
-        return _res;
+        return res;
       }
       console.error("Could not transform source selector: ".concat(_typeof(sourceOrSelector), " (array: ").concat(Array.isArray(sourceOrSelector), ")"), sourceOrSelector);
       return sourceOrSelector;
@@ -433,4 +542,4 @@ function SET_RSC(enabled) {
   isRSC = enabled;
 }
 
-export { IS_AUTO_TAG_JSX_ENABLED, IS_RSC, SET_AUTO_TAG_JSX_ENABLED, SET_RSC, autoTagJSX, getModuleIds, stegaClean, stegaDecodeString, stegaEncode };
+export { IS_AUTO_TAG_JSX_ENABLED, IS_RSC, SET_AUTO_TAG_JSX_ENABLED, SET_RSC, autoTagJSX, getModuleIds, stegaClean, stegaDecodeStrings, stegaEncode };

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var slicedToArray = require('../../dist/slicedToArray-b5020f32.cjs.dev.js');
+var unsupportedIterableToArray = require('../../dist/unsupportedIterableToArray-20a9209f.cjs.dev.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 var jsxRuntimeDev = require('react/jsx-dev-runtime');
 var React = require('react');
 var stega = require('@vercel/stega');
 var toConsumableArray = require('../../dist/toConsumableArray-1969d309.cjs.dev.js');
 var core = require('@valbuild/core');
-require('../../dist/unsupportedIterableToArray-20a9209f.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -17,14 +17,77 @@ var ReactJSXRuntime__default = /*#__PURE__*/_interopDefault(ReactJSXRuntime);
 var jsxRuntimeDev__default = /*#__PURE__*/_interopDefault(jsxRuntimeDev);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-function stegaDecodeString(encodedString) {
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = unsupportedIterableToArray._unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
+      return {
+        s: F,
+        n: function () {
+          return n >= r.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: r[n++]
+          };
+        },
+        e: function (r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = !0,
+    u = !1;
+  return {
+    s: function () {
+      t = t.call(r);
+    },
+    n: function () {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function (r) {
+      u = !0, o = r;
+    },
+    f: function () {
+      try {
+        a || null == t.return || t.return();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
+
+function stegaDecodeStrings(encodedString) {
   if (!encodedString || typeof encodedString !== "string") return;
-  var encodedBits = stega.vercelStegaDecode(encodedString);
-  if (encodedBits && slicedToArray._typeof(encodedBits) === "object") {
-    if ("origin" in encodedBits && "data" in encodedBits && slicedToArray._typeof(encodedBits.data) === "object" && encodedBits.data && "valPath" in encodedBits.data && typeof encodedBits.data.valPath === "string") {
-      return encodedBits.data.valPath;
+  var encodedBits = stega.vercelStegaDecodeAll(encodedString);
+  var paths = [];
+  if (!encodedBits) return;
+  var _iterator = _createForOfIteratorHelper(encodedBits),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var encodedBit = _step.value;
+      if (encodedBit && slicedToArray._typeof(encodedBit) === "object") {
+        if ("origin" in encodedBit && "data" in encodedBit && slicedToArray._typeof(encodedBit.data) === "object" && encodedBit.data && "valPath" in encodedBit.data && typeof encodedBit.data.valPath === "string") {
+          paths.push(encodedBit.data.valPath);
+        }
+      }
     }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
   }
+  return paths.length > 0 ? paths : undefined;
 }
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
@@ -51,14 +114,25 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
       console.error('Val: Could not auto tag. Reason: key is "__proto__" or "constructor" or "prototype".');
       return;
     }
-    var valPath = stegaDecodeString(value);
-    if (valPath) {
+    var valPaths = stegaDecodeStrings(value);
+    if (valPaths) {
       // Found val path - this is a stega encoded string
       // The logic below is as follows:
       //   if this is an intrinsic element (a, div, etc.), add data attrs will be on the DOM element
       //   always add to sources (intrinsic or not)
       //   if this is not an intrinsic element, we pass the stega encoded value downwards until we hit an intrinsic element
-      valSources.add(valPath);
+      var _iterator = _createForOfIteratorHelper(valPaths),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _valPath = _step.value;
+          valSources.add(_valPath);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
       if (isIntrinsicElement(type)) {
         // clean values before adding them to the props
         // we cannot do this
@@ -78,7 +152,18 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
           var _cleanValue = stega.vercelStegaSplit(value).cleaned;
           if (typeof key === "string" && !Array.isArray(container)) {
             container[key] = _cleanValue;
-            valSources.add(valPath);
+            var _iterator2 = _createForOfIteratorHelper(valPaths),
+              _step2;
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                var valPath = _step2.value;
+                valSources.add(valPath);
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
           }
         }
       }
@@ -265,11 +350,35 @@ function stegaEncode(input, opts) {
       }
     }
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isRichTextSchema(recOpts.schema)) {
-      var res = rec(sourceOrSelector);
-      if (slicedToArray._typeof(res) === "object" && res !== null) {
-        res.valPath = recOpts.path;
+      if (typeof sourceOrSelector === "string") {
+        return rec(sourceOrSelector, {
+          path: recOpts.path,
+          schema: {
+            type: "string"
+          }
+        });
       }
-      return res;
+      if (Array.isArray(sourceOrSelector)) {
+        var a = sourceOrSelector.map(function (el) {
+          return rec(el, {
+            path: recOpts.path,
+            schema: recOpts.schema
+          });
+        });
+        return a;
+      } else if (slicedToArray._typeof(sourceOrSelector) === "object") {
+        var _a = Object.fromEntries(Object.entries(sourceOrSelector).map(function (_ref2) {
+          var _ref3 = slicedToArray._slicedToArray(_ref2, 2),
+            key = _ref3[0],
+            value = _ref3[1];
+          return [key, key === "tag" || key === "styles" ? value : rec(value, {
+            path: recOpts.path,
+            schema: recOpts.schema
+          })];
+        }));
+        return _a;
+      }
+      return sourceOrSelector;
     }
     if (slicedToArray._typeof(sourceOrSelector) === "object") {
       if (!sourceOrSelector) {
@@ -309,18 +418,18 @@ function stegaEncode(input, opts) {
         });
       }
       if (!Array.isArray(sourceOrSelector)) {
-        var _res = {};
+        var res = {};
         var entries = Object.entries(sourceOrSelector);
         for (var _i = 0, _entries = entries; _i < _entries.length; _i++) {
           var _entries$_i = slicedToArray._slicedToArray(_entries[_i], 2),
             _key2 = _entries$_i[0],
             value = _entries$_i[1];
-          _res[_key2] = rec(value, (recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema) && {
+          res[_key2] = rec(value, (recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema) && {
             path: core.Internal.createValPathOfItem(recOpts.path, _key2),
             schema: isRecordSchema(recOpts.schema) ? recOpts.schema.item : isObjectSchema(recOpts.schema) ? recOpts.schema.items[_key2] : unknownSchema(recOpts.schema)
           });
         }
-        return _res;
+        return res;
       }
       console.error("Could not transform source selector: ".concat(slicedToArray._typeof(sourceOrSelector), " (array: ").concat(Array.isArray(sourceOrSelector), ")"), sourceOrSelector);
       return sourceOrSelector;
@@ -450,5 +559,5 @@ exports.SET_RSC = SET_RSC;
 exports.autoTagJSX = autoTagJSX;
 exports.getModuleIds = getModuleIds;
 exports.stegaClean = stegaClean;
-exports.stegaDecodeString = stegaDecodeString;
+exports.stegaDecodeStrings = stegaDecodeStrings;
 exports.stegaEncode = stegaEncode;

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var slicedToArray = require('../../dist/slicedToArray-09243dae.cjs.prod.js');
+var unsupportedIterableToArray = require('../../dist/unsupportedIterableToArray-1aadf9fb.cjs.prod.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 var jsxRuntimeDev = require('react/jsx-dev-runtime');
 var React = require('react');
 var stega = require('@vercel/stega');
 var toConsumableArray = require('../../dist/toConsumableArray-b772a825.cjs.prod.js');
 var core = require('@valbuild/core');
-require('../../dist/unsupportedIterableToArray-1aadf9fb.cjs.prod.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -17,14 +17,77 @@ var ReactJSXRuntime__default = /*#__PURE__*/_interopDefault(ReactJSXRuntime);
 var jsxRuntimeDev__default = /*#__PURE__*/_interopDefault(jsxRuntimeDev);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-function stegaDecodeString(encodedString) {
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = unsupportedIterableToArray._unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
+      return {
+        s: F,
+        n: function () {
+          return n >= r.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: r[n++]
+          };
+        },
+        e: function (r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = !0,
+    u = !1;
+  return {
+    s: function () {
+      t = t.call(r);
+    },
+    n: function () {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function (r) {
+      u = !0, o = r;
+    },
+    f: function () {
+      try {
+        a || null == t.return || t.return();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
+
+function stegaDecodeStrings(encodedString) {
   if (!encodedString || typeof encodedString !== "string") return;
-  var encodedBits = stega.vercelStegaDecode(encodedString);
-  if (encodedBits && slicedToArray._typeof(encodedBits) === "object") {
-    if ("origin" in encodedBits && "data" in encodedBits && slicedToArray._typeof(encodedBits.data) === "object" && encodedBits.data && "valPath" in encodedBits.data && typeof encodedBits.data.valPath === "string") {
-      return encodedBits.data.valPath;
+  var encodedBits = stega.vercelStegaDecodeAll(encodedString);
+  var paths = [];
+  if (!encodedBits) return;
+  var _iterator = _createForOfIteratorHelper(encodedBits),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var encodedBit = _step.value;
+      if (encodedBit && slicedToArray._typeof(encodedBit) === "object") {
+        if ("origin" in encodedBit && "data" in encodedBit && slicedToArray._typeof(encodedBit.data) === "object" && encodedBit.data && "valPath" in encodedBit.data && typeof encodedBit.data.valPath === "string") {
+          paths.push(encodedBit.data.valPath);
+        }
+      }
     }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
   }
+  return paths.length > 0 ? paths : undefined;
 }
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
@@ -51,14 +114,25 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
       console.error('Val: Could not auto tag. Reason: key is "__proto__" or "constructor" or "prototype".');
       return;
     }
-    var valPath = stegaDecodeString(value);
-    if (valPath) {
+    var valPaths = stegaDecodeStrings(value);
+    if (valPaths) {
       // Found val path - this is a stega encoded string
       // The logic below is as follows:
       //   if this is an intrinsic element (a, div, etc.), add data attrs will be on the DOM element
       //   always add to sources (intrinsic or not)
       //   if this is not an intrinsic element, we pass the stega encoded value downwards until we hit an intrinsic element
-      valSources.add(valPath);
+      var _iterator = _createForOfIteratorHelper(valPaths),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _valPath = _step.value;
+          valSources.add(_valPath);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
       if (isIntrinsicElement(type)) {
         // clean values before adding them to the props
         // we cannot do this
@@ -78,7 +152,18 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
           var _cleanValue = stega.vercelStegaSplit(value).cleaned;
           if (typeof key === "string" && !Array.isArray(container)) {
             container[key] = _cleanValue;
-            valSources.add(valPath);
+            var _iterator2 = _createForOfIteratorHelper(valPaths),
+              _step2;
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                var valPath = _step2.value;
+                valSources.add(valPath);
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
           }
         }
       }
@@ -265,11 +350,35 @@ function stegaEncode(input, opts) {
       }
     }
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isRichTextSchema(recOpts.schema)) {
-      var res = rec(sourceOrSelector);
-      if (slicedToArray._typeof(res) === "object" && res !== null) {
-        res.valPath = recOpts.path;
+      if (typeof sourceOrSelector === "string") {
+        return rec(sourceOrSelector, {
+          path: recOpts.path,
+          schema: {
+            type: "string"
+          }
+        });
       }
-      return res;
+      if (Array.isArray(sourceOrSelector)) {
+        var a = sourceOrSelector.map(function (el) {
+          return rec(el, {
+            path: recOpts.path,
+            schema: recOpts.schema
+          });
+        });
+        return a;
+      } else if (slicedToArray._typeof(sourceOrSelector) === "object") {
+        var _a = Object.fromEntries(Object.entries(sourceOrSelector).map(function (_ref2) {
+          var _ref3 = slicedToArray._slicedToArray(_ref2, 2),
+            key = _ref3[0],
+            value = _ref3[1];
+          return [key, key === "tag" || key === "styles" ? value : rec(value, {
+            path: recOpts.path,
+            schema: recOpts.schema
+          })];
+        }));
+        return _a;
+      }
+      return sourceOrSelector;
     }
     if (slicedToArray._typeof(sourceOrSelector) === "object") {
       if (!sourceOrSelector) {
@@ -309,18 +418,18 @@ function stegaEncode(input, opts) {
         });
       }
       if (!Array.isArray(sourceOrSelector)) {
-        var _res = {};
+        var res = {};
         var entries = Object.entries(sourceOrSelector);
         for (var _i = 0, _entries = entries; _i < _entries.length; _i++) {
           var _entries$_i = slicedToArray._slicedToArray(_entries[_i], 2),
             _key2 = _entries$_i[0],
             value = _entries$_i[1];
-          _res[_key2] = rec(value, (recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema) && {
+          res[_key2] = rec(value, (recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema) && {
             path: core.Internal.createValPathOfItem(recOpts.path, _key2),
             schema: isRecordSchema(recOpts.schema) ? recOpts.schema.item : isObjectSchema(recOpts.schema) ? recOpts.schema.items[_key2] : unknownSchema(recOpts.schema)
           });
         }
-        return _res;
+        return res;
       }
       console.error("Could not transform source selector: ".concat(slicedToArray._typeof(sourceOrSelector), " (array: ").concat(Array.isArray(sourceOrSelector), ")"), sourceOrSelector);
       return sourceOrSelector;
@@ -450,5 +559,5 @@ exports.SET_RSC = SET_RSC;
 exports.autoTagJSX = autoTagJSX;
 exports.getModuleIds = getModuleIds;
 exports.stegaClean = stegaClean;
-exports.stegaDecodeString = stegaDecodeString;
+exports.stegaDecodeStrings = stegaDecodeStrings;
 exports.stegaEncode = stegaEncode;

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

@@ -1,20 +1,83 @@
 import { a as _typeof, _ as _slicedToArray } from '../../dist/slicedToArray-5391d3c0.esm.js';
+import { _ as _unsupportedIterableToArray } from '../../dist/unsupportedIterableToArray-f57eb659.esm.js';
 import ReactJSXRuntime__default from 'react/jsx-runtime';
 import jsxRuntimeDev__default from 'react/jsx-dev-runtime';
 import React from 'react';
-import { vercelStegaDecode, VERCEL_STEGA_REGEX, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
+import { vercelStegaDecodeAll, VERCEL_STEGA_REGEX, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
 import { _ as _toConsumableArray } from '../../dist/toConsumableArray-9f3cfc47.esm.js';
 import { Internal, VAL_EXTENSION, FILE_REF_PROP } from '@valbuild/core';
-import '../../dist/unsupportedIterableToArray-f57eb659.esm.js';
 
-function stegaDecodeString(encodedString) {
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
+      return {
+        s: F,
+        n: function () {
+          return n >= r.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: r[n++]
+          };
+        },
+        e: function (r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = !0,
+    u = !1;
+  return {
+    s: function () {
+      t = t.call(r);
+    },
+    n: function () {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function (r) {
+      u = !0, o = r;
+    },
+    f: function () {
+      try {
+        a || null == t.return || t.return();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
+
+function stegaDecodeStrings(encodedString) {
   if (!encodedString || typeof encodedString !== "string") return;
-  var encodedBits = vercelStegaDecode(encodedString);
-  if (encodedBits && _typeof(encodedBits) === "object") {
-    if ("origin" in encodedBits && "data" in encodedBits && _typeof(encodedBits.data) === "object" && encodedBits.data && "valPath" in encodedBits.data && typeof encodedBits.data.valPath === "string") {
-      return encodedBits.data.valPath;
+  var encodedBits = vercelStegaDecodeAll(encodedString);
+  var paths = [];
+  if (!encodedBits) return;
+  var _iterator = _createForOfIteratorHelper(encodedBits),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var encodedBit = _step.value;
+      if (encodedBit && _typeof(encodedBit) === "object") {
+        if ("origin" in encodedBit && "data" in encodedBit && _typeof(encodedBit.data) === "object" && encodedBit.data && "valPath" in encodedBit.data && typeof encodedBit.data.valPath === "string") {
+          paths.push(encodedBit.data.valPath);
+        }
+      }
     }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
   }
+  return paths.length > 0 ? paths : undefined;
 }
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
@@ -41,14 +104,25 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
       console.error('Val: Could not auto tag. Reason: key is "__proto__" or "constructor" or "prototype".');
       return;
     }
-    var valPath = stegaDecodeString(value);
-    if (valPath) {
+    var valPaths = stegaDecodeStrings(value);
+    if (valPaths) {
       // Found val path - this is a stega encoded string
       // The logic below is as follows:
       //   if this is an intrinsic element (a, div, etc.), add data attrs will be on the DOM element
       //   always add to sources (intrinsic or not)
       //   if this is not an intrinsic element, we pass the stega encoded value downwards until we hit an intrinsic element
-      valSources.add(valPath);
+      var _iterator = _createForOfIteratorHelper(valPaths),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _valPath = _step.value;
+          valSources.add(_valPath);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
       if (isIntrinsicElement(type)) {
         // clean values before adding them to the props
         // we cannot do this
@@ -68,7 +142,18 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
           var _cleanValue = vercelStegaSplit(value).cleaned;
           if (typeof key === "string" && !Array.isArray(container)) {
             container[key] = _cleanValue;
-            valSources.add(valPath);
+            var _iterator2 = _createForOfIteratorHelper(valPaths),
+              _step2;
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                var valPath = _step2.value;
+                valSources.add(valPath);
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
           }
         }
       }
@@ -255,11 +340,35 @@ function stegaEncode(input, opts) {
       }
     }
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isRichTextSchema(recOpts.schema)) {
-      var res = rec(sourceOrSelector);
-      if (_typeof(res) === "object" && res !== null) {
-        res.valPath = recOpts.path;
+      if (typeof sourceOrSelector === "string") {
+        return rec(sourceOrSelector, {
+          path: recOpts.path,
+          schema: {
+            type: "string"
+          }
+        });
       }
-      return res;
+      if (Array.isArray(sourceOrSelector)) {
+        var a = sourceOrSelector.map(function (el) {
+          return rec(el, {
+            path: recOpts.path,
+            schema: recOpts.schema
+          });
+        });
+        return a;
+      } else if (_typeof(sourceOrSelector) === "object") {
+        var _a = Object.fromEntries(Object.entries(sourceOrSelector).map(function (_ref2) {
+          var _ref3 = _slicedToArray(_ref2, 2),
+            key = _ref3[0],
+            value = _ref3[1];
+          return [key, key === "tag" || key === "styles" ? value : rec(value, {
+            path: recOpts.path,
+            schema: recOpts.schema
+          })];
+        }));
+        return _a;
+      }
+      return sourceOrSelector;
     }
     if (_typeof(sourceOrSelector) === "object") {
       if (!sourceOrSelector) {
@@ -299,18 +408,18 @@ function stegaEncode(input, opts) {
         });
       }
       if (!Array.isArray(sourceOrSelector)) {
-        var _res = {};
+        var res = {};
         var entries = Object.entries(sourceOrSelector);
         for (var _i = 0, _entries = entries; _i < _entries.length; _i++) {
           var _entries$_i = _slicedToArray(_entries[_i], 2),
             _key2 = _entries$_i[0],
             value = _entries$_i[1];
-          _res[_key2] = rec(value, (recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema) && {
+          res[_key2] = rec(value, (recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema) && {
             path: Internal.createValPathOfItem(recOpts.path, _key2),
             schema: isRecordSchema(recOpts.schema) ? recOpts.schema.item : isObjectSchema(recOpts.schema) ? recOpts.schema.items[_key2] : unknownSchema(recOpts.schema)
           });
         }
-        return _res;
+        return res;
       }
       console.error("Could not transform source selector: ".concat(_typeof(sourceOrSelector), " (array: ").concat(Array.isArray(sourceOrSelector), ")"), sourceOrSelector);
       return sourceOrSelector;
@@ -433,4 +542,4 @@ function SET_RSC(enabled) {
   isRSC = enabled;
 }
 
-export { IS_AUTO_TAG_JSX_ENABLED, IS_RSC, SET_AUTO_TAG_JSX_ENABLED, SET_RSC, autoTagJSX, getModuleIds, stegaClean, stegaDecodeString, stegaEncode };
+export { IS_AUTO_TAG_JSX_ENABLED, IS_RSC, SET_AUTO_TAG_JSX_ENABLED, SET_RSC, autoTagJSX, getModuleIds, stegaClean, stegaDecodeStrings, stegaEncode };

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

@@ -1,20 +1,83 @@
 import { a as _typeof, _ as _slicedToArray } from '../../dist/slicedToArray-bbda5dad.worker.esm.js';
+import { _ as _unsupportedIterableToArray } from '../../dist/unsupportedIterableToArray-10eaf95e.worker.esm.js';
 import ReactJSXRuntime__default from 'react/jsx-runtime';
 import jsxRuntimeDev__default from 'react/jsx-dev-runtime';
 import React from 'react';
-import { vercelStegaDecode, VERCEL_STEGA_REGEX, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
+import { vercelStegaDecodeAll, VERCEL_STEGA_REGEX, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
 import { _ as _toConsumableArray } from '../../dist/toConsumableArray-299fbd28.worker.esm.js';
 import { Internal, VAL_EXTENSION, FILE_REF_PROP } from '@valbuild/core';
-import '../../dist/unsupportedIterableToArray-10eaf95e.worker.esm.js';
 
-function stegaDecodeString(encodedString) {
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
+      return {
+        s: F,
+        n: function () {
+          return n >= r.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: r[n++]
+          };
+        },
+        e: function (r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = !0,
+    u = !1;
+  return {
+    s: function () {
+      t = t.call(r);
+    },
+    n: function () {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function (r) {
+      u = !0, o = r;
+    },
+    f: function () {
+      try {
+        a || null == t.return || t.return();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
+
+function stegaDecodeStrings(encodedString) {
   if (!encodedString || typeof encodedString !== "string") return;
-  var encodedBits = vercelStegaDecode(encodedString);
-  if (encodedBits && _typeof(encodedBits) === "object") {
-    if ("origin" in encodedBits && "data" in encodedBits && _typeof(encodedBits.data) === "object" && encodedBits.data && "valPath" in encodedBits.data && typeof encodedBits.data.valPath === "string") {
-      return encodedBits.data.valPath;
+  var encodedBits = vercelStegaDecodeAll(encodedString);
+  var paths = [];
+  if (!encodedBits) return;
+  var _iterator = _createForOfIteratorHelper(encodedBits),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var encodedBit = _step.value;
+      if (encodedBit && _typeof(encodedBit) === "object") {
+        if ("origin" in encodedBit && "data" in encodedBit && _typeof(encodedBit.data) === "object" && encodedBit.data && "valPath" in encodedBit.data && typeof encodedBit.data.valPath === "string") {
+          paths.push(encodedBit.data.valPath);
+        }
+      }
     }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
   }
+  return paths.length > 0 ? paths : undefined;
 }
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
@@ -41,14 +104,25 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
       console.error('Val: Could not auto tag. Reason: key is "__proto__" or "constructor" or "prototype".');
       return;
     }
-    var valPath = stegaDecodeString(value);
-    if (valPath) {
+    var valPaths = stegaDecodeStrings(value);
+    if (valPaths) {
       // Found val path - this is a stega encoded string
       // The logic below is as follows:
       //   if this is an intrinsic element (a, div, etc.), add data attrs will be on the DOM element
       //   always add to sources (intrinsic or not)
       //   if this is not an intrinsic element, we pass the stega encoded value downwards until we hit an intrinsic element
-      valSources.add(valPath);
+      var _iterator = _createForOfIteratorHelper(valPaths),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _valPath = _step.value;
+          valSources.add(_valPath);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
       if (isIntrinsicElement(type)) {
         // clean values before adding them to the props
         // we cannot do this
@@ -68,7 +142,18 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
           var _cleanValue = vercelStegaSplit(value).cleaned;
           if (typeof key === "string" && !Array.isArray(container)) {
             container[key] = _cleanValue;
-            valSources.add(valPath);
+            var _iterator2 = _createForOfIteratorHelper(valPaths),
+              _step2;
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                var valPath = _step2.value;
+                valSources.add(valPath);
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
           }
         }
       }
@@ -255,11 +340,35 @@ function stegaEncode(input, opts) {
       }
     }
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isRichTextSchema(recOpts.schema)) {
-      var res = rec(sourceOrSelector);
-      if (_typeof(res) === "object" && res !== null) {
-        res.valPath = recOpts.path;
+      if (typeof sourceOrSelector === "string") {
+        return rec(sourceOrSelector, {
+          path: recOpts.path,
+          schema: {
+            type: "string"
+          }
+        });
       }
-      return res;
+      if (Array.isArray(sourceOrSelector)) {
+        var a = sourceOrSelector.map(function (el) {
+          return rec(el, {
+            path: recOpts.path,
+            schema: recOpts.schema
+          });
+        });
+        return a;
+      } else if (_typeof(sourceOrSelector) === "object") {
+        var _a = Object.fromEntries(Object.entries(sourceOrSelector).map(function (_ref2) {
+          var _ref3 = _slicedToArray(_ref2, 2),
+            key = _ref3[0],
+            value = _ref3[1];
+          return [key, key === "tag" || key === "styles" ? value : rec(value, {
+            path: recOpts.path,
+            schema: recOpts.schema
+          })];
+        }));
+        return _a;
+      }
+      return sourceOrSelector;
     }
     if (_typeof(sourceOrSelector) === "object") {
       if (!sourceOrSelector) {
@@ -299,18 +408,18 @@ function stegaEncode(input, opts) {
         });
       }
       if (!Array.isArray(sourceOrSelector)) {
-        var _res = {};
+        var res = {};
         var entries = Object.entries(sourceOrSelector);
         for (var _i = 0, _entries = entries; _i < _entries.length; _i++) {
           var _entries$_i = _slicedToArray(_entries[_i], 2),
             _key2 = _entries$_i[0],
             value = _entries$_i[1];
-          _res[_key2] = rec(value, (recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema) && {
+          res[_key2] = rec(value, (recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema) && {
             path: Internal.createValPathOfItem(recOpts.path, _key2),
             schema: isRecordSchema(recOpts.schema) ? recOpts.schema.item : isObjectSchema(recOpts.schema) ? recOpts.schema.items[_key2] : unknownSchema(recOpts.schema)
           });
         }
-        return _res;
+        return res;
       }
       console.error("Could not transform source selector: ".concat(_typeof(sourceOrSelector), " (array: ").concat(Array.isArray(sourceOrSelector), ")"), sourceOrSelector);
       return sourceOrSelector;
@@ -433,4 +542,4 @@ function SET_RSC(enabled) {
   isRSC = enabled;
 }
 
-export { IS_AUTO_TAG_JSX_ENABLED, IS_RSC, SET_AUTO_TAG_JSX_ENABLED, SET_RSC, autoTagJSX, getModuleIds, stegaClean, stegaDecodeString, stegaEncode };
+export { IS_AUTO_TAG_JSX_ENABLED, IS_RSC, SET_AUTO_TAG_JSX_ENABLED, SET_RSC, autoTagJSX, getModuleIds, stegaClean, stegaDecodeStrings, stegaEncode };

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

@@ -1 +0,0 @@
-export declare function stegaDecodeString(encodedString: unknown): string | undefined;