@saltcorn/builder 1.1.4-beta.2 → 1.1.4-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saltcorn/builder",
-  "version": "1.1.4-beta.2",
+  "version": "1.1.4-beta.3",
   "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.2",
+    "@saltcorn/common-code": "1.1.4-beta.3",
     "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/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;