@valbuild/react 0.62.4 → 0.62.5

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

@@ -2,3 +2,5 @@ export { autoTagJSX } from "./autoTagJSX.js";
 export { stegaEncode, getModuleIds, stegaClean, type ValEncodedString, type StegaOfSource, } from "./stegaEncode.js";
 export { type Image } from "./stegaEncode.js";
 export { stegaDecodeString } from "./stegaDecodeString.js";
+export declare function IS_AUTO_TAG_JSX_ENABLED(): boolean;
+export declare function SET_AUTO_TAG_JSX_ENABLED(enabled: boolean): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@valbuild/react",
-  "version": "0.62.4",
+  "version": "0.62.5",
   "private": false,
   "description": "Val - React internal helpers",
   "sideEffects": false,
@@ -9,9 +9,9 @@
     "test": "jest"
   },
   "dependencies": {
-    "@valbuild/core": "~0.62.4",
-    "@valbuild/shared": "~0.62.4",
-    "@valbuild/ui": "~0.62.4",
+    "@valbuild/core": "~0.62.5",
+    "@valbuild/shared": "~0.62.5",
+    "@valbuild/ui": "~0.62.5",
     "@vercel/stega": "^0.1.0",
     "base64-arraybuffer": "^1.0.2"
   },

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

@@ -18,12 +18,19 @@ function stegaDecodeString(encodedString) {
   }
 }
 
+// import { IS_AUTO_TAG_JSX_ENABLED } from ".";
+
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?
   return typeof type === "string";
 };
 var addValPathIfFound = function addValPathIfFound(type, props) {
-  var valSources = [];
+  // TODO: increases performance. Unsure about the implications right now - seems to work. Remember to look at RSC and client (and pages/?).
+  // if (!IS_AUTO_TAG_JSX_ENABLED()) {
+  //   return;
+  // }
+
+  var valSources = new Set();
 
   // skip auto-tagging fragments since we can't add attributes to them
   if (type === Symbol["for"]("react.fragment")) {
@@ -39,20 +46,27 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
       return;
     }
     var valPath = stegaDecodeString(value);
-    var attr = "data-val-attr-".concat(key.toString().toLowerCase());
-    if (valPath && !props[attr]) {
-      valSources.push(valPath);
-      var cleanValue = isIntrinsicElement(type) ? vercelStegaSplit(value).cleaned : value;
-      // we do Object.entries earlier over props so props that are arrays have string keys:
-      var numberOfKey = Number(key);
-      if (Array.isArray(container) && numberOfKey > -1) {
-        container[numberOfKey] = cleanValue;
-      } else if (typeof key === "string" && !Array.isArray(container)) {
-        container[key] = cleanValue;
-      } else {
-        console.error("Val: Could not auto tag. Reason: unexpected types found while cleaning and / or adding val path data props.");
+    if (valPath) {
+      // 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);
+      if (isIntrinsicElement(type)) {
+        // clean values before adding them to the props
+        // we cannot do this
+        var cleanValue = vercelStegaSplit(value).cleaned;
+        // we do Object.entries earlier over props so props that are arrays have string keys:
+        var numberOfKey = Number(key);
+        if (Array.isArray(container) && numberOfKey > -1) {
+          container[numberOfKey] = cleanValue;
+        } else if (typeof key === "string" && !Array.isArray(container)) {
+          container[key] = cleanValue;
+        } else {
+          console.error("Val: Could not auto tag. Reason: unexpected types found while cleaning and / or adding val path data props.");
+        }
       }
-      props[attr] = valPath;
     }
   }
   if (props && _typeof(props) === "object") {
@@ -84,8 +98,8 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
         }
       }
     }
-    if (valSources.length > 0 && !props["data-val-path"]) {
-      props["data-val-path"] = valSources.join(",");
+    if (valSources.size > 0 && !props["data-val-path"]) {
+      props["data-val-path"] = Array.from(valSources).join(",");
     }
   }
 };
@@ -381,4 +395,13 @@ function getModuleIds(input) {
   return Array.from(modules);
 }
 
-export { autoTagJSX, getModuleIds, stegaClean, stegaDecodeString, stegaEncode };
+// NOTE: the exports of this file needs to be kept in sync with ValQuickJSRuntime
+var autoTagJSXEnabled = false;
+function IS_AUTO_TAG_JSX_ENABLED() {
+  return autoTagJSXEnabled;
+}
+function SET_AUTO_TAG_JSX_ENABLED(enabled) {
+  autoTagJSXEnabled = enabled;
+}
+
+export { IS_AUTO_TAG_JSX_ENABLED, SET_AUTO_TAG_JSX_ENABLED, autoTagJSX, getModuleIds, stegaClean, stegaDecodeString, stegaEncode };

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

@@ -28,12 +28,19 @@ function stegaDecodeString(encodedString) {
   }
 }
 
+// import { IS_AUTO_TAG_JSX_ENABLED } from ".";
+
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?
   return typeof type === "string";
 };
 var addValPathIfFound = function addValPathIfFound(type, props) {
-  var valSources = [];
+  // TODO: increases performance. Unsure about the implications right now - seems to work. Remember to look at RSC and client (and pages/?).
+  // if (!IS_AUTO_TAG_JSX_ENABLED()) {
+  //   return;
+  // }
+
+  var valSources = new Set();
 
   // skip auto-tagging fragments since we can't add attributes to them
   if (type === Symbol["for"]("react.fragment")) {
@@ -49,20 +56,27 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
       return;
     }
     var valPath = stegaDecodeString(value);
-    var attr = "data-val-attr-".concat(key.toString().toLowerCase());
-    if (valPath && !props[attr]) {
-      valSources.push(valPath);
-      var cleanValue = isIntrinsicElement(type) ? stega.vercelStegaSplit(value).cleaned : value;
-      // we do Object.entries earlier over props so props that are arrays have string keys:
-      var numberOfKey = Number(key);
-      if (Array.isArray(container) && numberOfKey > -1) {
-        container[numberOfKey] = cleanValue;
-      } else if (typeof key === "string" && !Array.isArray(container)) {
-        container[key] = cleanValue;
-      } else {
-        console.error("Val: Could not auto tag. Reason: unexpected types found while cleaning and / or adding val path data props.");
+    if (valPath) {
+      // 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);
+      if (isIntrinsicElement(type)) {
+        // clean values before adding them to the props
+        // we cannot do this
+        var cleanValue = stega.vercelStegaSplit(value).cleaned;
+        // we do Object.entries earlier over props so props that are arrays have string keys:
+        var numberOfKey = Number(key);
+        if (Array.isArray(container) && numberOfKey > -1) {
+          container[numberOfKey] = cleanValue;
+        } else if (typeof key === "string" && !Array.isArray(container)) {
+          container[key] = cleanValue;
+        } else {
+          console.error("Val: Could not auto tag. Reason: unexpected types found while cleaning and / or adding val path data props.");
+        }
       }
-      props[attr] = valPath;
     }
   }
   if (props && slicedToArray._typeof(props) === "object") {
@@ -94,8 +108,8 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
         }
       }
     }
-    if (valSources.length > 0 && !props["data-val-path"]) {
-      props["data-val-path"] = valSources.join(",");
+    if (valSources.size > 0 && !props["data-val-path"]) {
+      props["data-val-path"] = Array.from(valSources).join(",");
     }
   }
 };
@@ -391,6 +405,17 @@ function getModuleIds(input) {
   return Array.from(modules);
 }
 
+// NOTE: the exports of this file needs to be kept in sync with ValQuickJSRuntime
+var autoTagJSXEnabled = false;
+function IS_AUTO_TAG_JSX_ENABLED() {
+  return autoTagJSXEnabled;
+}
+function SET_AUTO_TAG_JSX_ENABLED(enabled) {
+  autoTagJSXEnabled = enabled;
+}
+
+exports.IS_AUTO_TAG_JSX_ENABLED = IS_AUTO_TAG_JSX_ENABLED;
+exports.SET_AUTO_TAG_JSX_ENABLED = SET_AUTO_TAG_JSX_ENABLED;
 exports.autoTagJSX = autoTagJSX;
 exports.getModuleIds = getModuleIds;
 exports.stegaClean = stegaClean;

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

@@ -28,12 +28,19 @@ function stegaDecodeString(encodedString) {
   }
 }
 
+// import { IS_AUTO_TAG_JSX_ENABLED } from ".";
+
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?
   return typeof type === "string";
 };
 var addValPathIfFound = function addValPathIfFound(type, props) {
-  var valSources = [];
+  // TODO: increases performance. Unsure about the implications right now - seems to work. Remember to look at RSC and client (and pages/?).
+  // if (!IS_AUTO_TAG_JSX_ENABLED()) {
+  //   return;
+  // }
+
+  var valSources = new Set();
 
   // skip auto-tagging fragments since we can't add attributes to them
   if (type === Symbol["for"]("react.fragment")) {
@@ -49,20 +56,27 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
       return;
     }
     var valPath = stegaDecodeString(value);
-    var attr = "data-val-attr-".concat(key.toString().toLowerCase());
-    if (valPath && !props[attr]) {
-      valSources.push(valPath);
-      var cleanValue = isIntrinsicElement(type) ? stega.vercelStegaSplit(value).cleaned : value;
-      // we do Object.entries earlier over props so props that are arrays have string keys:
-      var numberOfKey = Number(key);
-      if (Array.isArray(container) && numberOfKey > -1) {
-        container[numberOfKey] = cleanValue;
-      } else if (typeof key === "string" && !Array.isArray(container)) {
-        container[key] = cleanValue;
-      } else {
-        console.error("Val: Could not auto tag. Reason: unexpected types found while cleaning and / or adding val path data props.");
+    if (valPath) {
+      // 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);
+      if (isIntrinsicElement(type)) {
+        // clean values before adding them to the props
+        // we cannot do this
+        var cleanValue = stega.vercelStegaSplit(value).cleaned;
+        // we do Object.entries earlier over props so props that are arrays have string keys:
+        var numberOfKey = Number(key);
+        if (Array.isArray(container) && numberOfKey > -1) {
+          container[numberOfKey] = cleanValue;
+        } else if (typeof key === "string" && !Array.isArray(container)) {
+          container[key] = cleanValue;
+        } else {
+          console.error("Val: Could not auto tag. Reason: unexpected types found while cleaning and / or adding val path data props.");
+        }
       }
-      props[attr] = valPath;
     }
   }
   if (props && slicedToArray._typeof(props) === "object") {
@@ -94,8 +108,8 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
         }
       }
     }
-    if (valSources.length > 0 && !props["data-val-path"]) {
-      props["data-val-path"] = valSources.join(",");
+    if (valSources.size > 0 && !props["data-val-path"]) {
+      props["data-val-path"] = Array.from(valSources).join(",");
     }
   }
 };
@@ -391,6 +405,17 @@ function getModuleIds(input) {
   return Array.from(modules);
 }
 
+// NOTE: the exports of this file needs to be kept in sync with ValQuickJSRuntime
+var autoTagJSXEnabled = false;
+function IS_AUTO_TAG_JSX_ENABLED() {
+  return autoTagJSXEnabled;
+}
+function SET_AUTO_TAG_JSX_ENABLED(enabled) {
+  autoTagJSXEnabled = enabled;
+}
+
+exports.IS_AUTO_TAG_JSX_ENABLED = IS_AUTO_TAG_JSX_ENABLED;
+exports.SET_AUTO_TAG_JSX_ENABLED = SET_AUTO_TAG_JSX_ENABLED;
 exports.autoTagJSX = autoTagJSX;
 exports.getModuleIds = getModuleIds;
 exports.stegaClean = stegaClean;

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

@@ -18,12 +18,19 @@ function stegaDecodeString(encodedString) {
   }
 }
 
+// import { IS_AUTO_TAG_JSX_ENABLED } from ".";
+
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?
   return typeof type === "string";
 };
 var addValPathIfFound = function addValPathIfFound(type, props) {
-  var valSources = [];
+  // TODO: increases performance. Unsure about the implications right now - seems to work. Remember to look at RSC and client (and pages/?).
+  // if (!IS_AUTO_TAG_JSX_ENABLED()) {
+  //   return;
+  // }
+
+  var valSources = new Set();
 
   // skip auto-tagging fragments since we can't add attributes to them
   if (type === Symbol["for"]("react.fragment")) {
@@ -39,20 +46,27 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
       return;
     }
     var valPath = stegaDecodeString(value);
-    var attr = "data-val-attr-".concat(key.toString().toLowerCase());
-    if (valPath && !props[attr]) {
-      valSources.push(valPath);
-      var cleanValue = isIntrinsicElement(type) ? vercelStegaSplit(value).cleaned : value;
-      // we do Object.entries earlier over props so props that are arrays have string keys:
-      var numberOfKey = Number(key);
-      if (Array.isArray(container) && numberOfKey > -1) {
-        container[numberOfKey] = cleanValue;
-      } else if (typeof key === "string" && !Array.isArray(container)) {
-        container[key] = cleanValue;
-      } else {
-        console.error("Val: Could not auto tag. Reason: unexpected types found while cleaning and / or adding val path data props.");
+    if (valPath) {
+      // 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);
+      if (isIntrinsicElement(type)) {
+        // clean values before adding them to the props
+        // we cannot do this
+        var cleanValue = vercelStegaSplit(value).cleaned;
+        // we do Object.entries earlier over props so props that are arrays have string keys:
+        var numberOfKey = Number(key);
+        if (Array.isArray(container) && numberOfKey > -1) {
+          container[numberOfKey] = cleanValue;
+        } else if (typeof key === "string" && !Array.isArray(container)) {
+          container[key] = cleanValue;
+        } else {
+          console.error("Val: Could not auto tag. Reason: unexpected types found while cleaning and / or adding val path data props.");
+        }
       }
-      props[attr] = valPath;
     }
   }
   if (props && _typeof(props) === "object") {
@@ -84,8 +98,8 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
         }
       }
     }
-    if (valSources.length > 0 && !props["data-val-path"]) {
-      props["data-val-path"] = valSources.join(",");
+    if (valSources.size > 0 && !props["data-val-path"]) {
+      props["data-val-path"] = Array.from(valSources).join(",");
     }
   }
 };
@@ -381,4 +395,13 @@ function getModuleIds(input) {
   return Array.from(modules);
 }
 
-export { autoTagJSX, getModuleIds, stegaClean, stegaDecodeString, stegaEncode };
+// NOTE: the exports of this file needs to be kept in sync with ValQuickJSRuntime
+var autoTagJSXEnabled = false;
+function IS_AUTO_TAG_JSX_ENABLED() {
+  return autoTagJSXEnabled;
+}
+function SET_AUTO_TAG_JSX_ENABLED(enabled) {
+  autoTagJSXEnabled = enabled;
+}
+
+export { IS_AUTO_TAG_JSX_ENABLED, SET_AUTO_TAG_JSX_ENABLED, autoTagJSX, getModuleIds, stegaClean, stegaDecodeString, stegaEncode };

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

@@ -18,12 +18,19 @@ function stegaDecodeString(encodedString) {
   }
 }
 
+// import { IS_AUTO_TAG_JSX_ENABLED } from ".";
+
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?
   return typeof type === "string";
 };
 var addValPathIfFound = function addValPathIfFound(type, props) {
-  var valSources = [];
+  // TODO: increases performance. Unsure about the implications right now - seems to work. Remember to look at RSC and client (and pages/?).
+  // if (!IS_AUTO_TAG_JSX_ENABLED()) {
+  //   return;
+  // }
+
+  var valSources = new Set();
 
   // skip auto-tagging fragments since we can't add attributes to them
   if (type === Symbol["for"]("react.fragment")) {
@@ -39,20 +46,27 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
       return;
     }
     var valPath = stegaDecodeString(value);
-    var attr = "data-val-attr-".concat(key.toString().toLowerCase());
-    if (valPath && !props[attr]) {
-      valSources.push(valPath);
-      var cleanValue = isIntrinsicElement(type) ? vercelStegaSplit(value).cleaned : value;
-      // we do Object.entries earlier over props so props that are arrays have string keys:
-      var numberOfKey = Number(key);
-      if (Array.isArray(container) && numberOfKey > -1) {
-        container[numberOfKey] = cleanValue;
-      } else if (typeof key === "string" && !Array.isArray(container)) {
-        container[key] = cleanValue;
-      } else {
-        console.error("Val: Could not auto tag. Reason: unexpected types found while cleaning and / or adding val path data props.");
+    if (valPath) {
+      // 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);
+      if (isIntrinsicElement(type)) {
+        // clean values before adding them to the props
+        // we cannot do this
+        var cleanValue = vercelStegaSplit(value).cleaned;
+        // we do Object.entries earlier over props so props that are arrays have string keys:
+        var numberOfKey = Number(key);
+        if (Array.isArray(container) && numberOfKey > -1) {
+          container[numberOfKey] = cleanValue;
+        } else if (typeof key === "string" && !Array.isArray(container)) {
+          container[key] = cleanValue;
+        } else {
+          console.error("Val: Could not auto tag. Reason: unexpected types found while cleaning and / or adding val path data props.");
+        }
       }
-      props[attr] = valPath;
     }
   }
   if (props && _typeof(props) === "object") {
@@ -84,8 +98,8 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
         }
       }
     }
-    if (valSources.length > 0 && !props["data-val-path"]) {
-      props["data-val-path"] = valSources.join(",");
+    if (valSources.size > 0 && !props["data-val-path"]) {
+      props["data-val-path"] = Array.from(valSources).join(",");
     }
   }
 };
@@ -381,4 +395,13 @@ function getModuleIds(input) {
   return Array.from(modules);
 }
 
-export { autoTagJSX, getModuleIds, stegaClean, stegaDecodeString, stegaEncode };
+// NOTE: the exports of this file needs to be kept in sync with ValQuickJSRuntime
+var autoTagJSXEnabled = false;
+function IS_AUTO_TAG_JSX_ENABLED() {
+  return autoTagJSXEnabled;
+}
+function SET_AUTO_TAG_JSX_ENABLED(enabled) {
+  autoTagJSXEnabled = enabled;
+}
+
+export { IS_AUTO_TAG_JSX_ENABLED, SET_AUTO_TAG_JSX_ENABLED, autoTagJSX, getModuleIds, stegaClean, stegaDecodeString, stegaEncode };