@saltcorn/builder 1.1.4-beta.1 → 1.1.4-beta.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saltcorn/builder",
-  "version": "1.1.4-beta.1",
+  "version": "1.1.4-beta.10",
   "description": "Drag and drop view builder for Saltcorn, open-source no-code platform",
   "main": "index.js",
   "homepage": "https://saltcorn.com",
@@ -20,7 +20,7 @@
     "@babel/preset-react": "7.24.7",
     "@craftjs/core": "0.1.0-beta.20",
     "@craftjs/utils": "0.1.0-beta.20",
-    "@saltcorn/common-code": "1.1.4-beta.1",
+    "@saltcorn/common-code": "1.1.4-beta.10",
     "saltcorn-craft-layers-noeye": "0.1.0-beta.22",
     "@fonticonpicker/react-fonticonpicker": "1.2.0",
     "@fortawesome/fontawesome-svg-core": "1.2.34",

package/src/components/elements/BoxModelEditor.js

@@ -27,8 +27,8 @@ const BoxModelEditor = ({ setProp, node, sizeWithStyle }) => {
   const selectedProperty = !selectedCategory
     ? false
     : selectedDirection
-    ? `${selectedCategory}-${selectedDirection}`
-    : selectedCategory;
+      ? `${selectedCategory}-${selectedDirection}`
+      : selectedCategory;
   const setCatAndDir = (c, d) => {
     setSelectedCategory(c);
     setSelectedDirection(d);
@@ -149,8 +149,8 @@ const BoxModelEditor = ({ setProp, node, sizeWithStyle }) => {
                               sizeWithStyle
                                 ? style["width"]
                                 : node.width
-                                ? `${node.width}${node.widthUnits || "px"}`
-                                : ""
+                                  ? `${node.width}${node.widthUnit || "px"}`
+                                  : ""
                             }
                           />
                           x
@@ -164,8 +164,8 @@ const BoxModelEditor = ({ setProp, node, sizeWithStyle }) => {
                               sizeWithStyle
                                 ? style["height"]
                                 : node.height
-                                ? `${node.height}${node.heightUnits || "px"}`
-                                : ""
+                                  ? `${node.height}${node.heightUnit || "px"}`
+                                  : ""
                             }
                           />
                         </div>

package/src/components/elements/HTMLCode.js

@@ -45,6 +45,17 @@ const fields = (mode) => {
       name: "text",
       type: "textarea",
       segment_name: "contents",
+      onSave: (segment, node_props) => {
+        const div = document.createElement("div");
+        div.innerHTML = (node_props.text || "").trim();
+        const children = []; // Type: Node[]
+        const walker = document.createTreeWalker(div, NodeFilter.SHOW_TEXT);
+        while (walker.nextNode()) {
+          const s = walker.currentNode.data?.trim?.();
+          if (s && !(s.startsWith("{{") && s.endsWith("}}"))) children.push(s);
+        }
+        segment.text_strings = [...new Set(children.sort())];
+      },
       sublabel:
         mode === "show" || mode === "list"
           ? "Access fields with <code>{{ var_name }}</code>"

package/src/components/storage.js

@@ -483,6 +483,7 @@ const craftToSaltcorn = (nodes, startFrom = "ROOT", options) => {
             nodes[node.linkedNodes[f.nodeID]]
           );
         } else s[f.segment_name || f.name || f] = node.props[f.name || f];
+        if(f.onSave) f.onSave(s, node.props)
       });
       if (related.fields.some((f) => f.canBeFormula))
         s.isFormula = node.props.isFormula;