@cocreate/render 1.48.2 → 1.49.2

package/.github/workflows/automated.yml

@@ -9,33 +9,36 @@ jobs:
   about:
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-      - name: Setup Node.js
-        uses: actions/setup-node@v3
-        with:
-          node-version: 16
-      - name: Jaid/action-sync-node-meta
-        uses: jaid/action-sync-node-meta@v1.4.0
-        with:
-          direction: overwrite-github
-          githubToken: "${{ secrets.GITHUB }}"
+      - name: Checkout repository
+        uses: actions/checkout@v7
+
+      - name: Sync package.json description to GitHub About
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB }}
+        run: |
+          DESC=$(jq -r '.description // empty' package.json)
+          if [ -n "$DESC" ]; then
+            echo "Updating repository description to: $DESC"
+            gh api -X PATCH repos/${{ github.repository }} -f description="$DESC"
+          else
+            echo "No description found in package.json."
+          fi
 
   release:
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout
-        uses: actions/checkout@v4
+      - name: Checkout repository
+        uses: actions/checkout@v7
         with:
-          fetch-depth: 0 # Required so semantic-release can trace git tags/history
+          fetch-depth: 0
+          token: ${{ secrets.GITHUB }} # Authenticates git CLI for tag/commit pushes
 
       - name: Setup Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v7
         with:
-          node-version: 22
+          node-version: '24'
 
       - name: Install Semantic Release & Plugins
-        # Installs semantic-release and its plugins on the runner
         run: |
           npm install -g semantic-release \
             @semantic-release/changelog \
@@ -43,12 +46,11 @@ jobs:
             @semantic-release/github \
             @semantic-release/git
 
-      - name: Run Semantic Release (Native)
+      - name: Run Semantic Release
         id: semantic
-        # This will automatically pick up your export default config file in the repository root
         run: npx semantic-release
         env:
-          GITHUB_TOKEN: "${{ secrets.GITHUB_TOKEN }}"
+          GITHUB_TOKEN: "${{ secrets.GITHUB }}"
           NPM_TOKEN: "${{ secrets.NPM_TOKEN }}"
 
     outputs:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/render",
-  "version": "1.48.2",
+  "version": "1.49.2",
   "description": "A simple render component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "render",
@@ -36,14 +36,14 @@
   },
   "main": "./src/index.js",
   "dependencies": {
-    "@cocreate/actions": "^1.22.1",
-    "@cocreate/api": "^1.23.0",
-    "@cocreate/element-prototype": "^1.33.0",
-    "@cocreate/observer": "^1.20.0",
-    "@cocreate/utils": "^1.44.0"
+    "@cocreate/actions": "^1.23.0",
+    "@cocreate/api": "^1.27.0",
+    "@cocreate/element-prototype": "^1.34.0",
+    "@cocreate/observer": "^1.21.0",
+    "@cocreate/utils": "^1.50.0"
   },
   "devDependencies": {
-    "@cocreate/webpack": "^1.6.0"
+    "@cocreate/webpack": "^1.7.0"
   },
   "allowScripts": {
     "@cocreate/actions@1.21.4": true,
@@ -60,7 +60,6 @@
     "@cocreate/render@1.46.1": true,
     "@cocreate/socket-client@1.40.5": true,
     "@cocreate/utils@1.42.2": true,
-    "@cocreate/uuid@1.12.4": true,
     "@cocreate/webpack@1.4.3": true
   }
 }

package/src/index.js

@@ -23,13 +23,13 @@
 /*globals CustomEvent*/
 import Actions from "@cocreate/actions";
 import Observer from "@cocreate/observer";
-import uuid from "@cocreate/uuid";
 import {
     queryElements,
     getValueFromObject,
     dotNotationToObject,
     ObjectId,
-    processOperatorsAsync
+    astAsync,
+    uuid
 } from "@cocreate/utils";
 import "@cocreate/element-prototype";
 import "./index.css";
@@ -270,7 +270,7 @@ async function render({
             } else {
                 // TODO: if $auto here every subsequent clone will have same value, not replacing here will apply unique value to each clone
                 if (key === "$auto")
-                    key = key.replace(/\$auto/g, uuid.generate(6));
+                    key = key.replace(/\$auto/g,  uuid(6));
 
                 if (key) element[i].setAttribute("render", key);
 
@@ -525,7 +525,7 @@ function cloneTemplate(template) {
 
     let renderAs = clone.getAttribute("render-as");
     if (renderAs === "$auto") {
-        renderAs = uuid.generate(6);
+        renderAs =  uuid(6);
         clone = clone.outerHTML.replace(/\$auto/g, renderAs);
     }
 
@@ -555,7 +555,7 @@ function insertElement(
 ) {
     let eid = element.getAttribute("eid");
     if (!eid) {
-        eid = uuid.generate(6);
+        eid =  uuid(6);
         element.setAttribute("eid", eid);
     }
 
@@ -818,6 +818,17 @@ async function renderValues(node, data, key, renderAs, keyPath, parent, index) {
     }
 }
 
+/**
+ * Renders placeholders within a string using asynchronous AST calculations and data context binding.
+ * 
+ * @param {Node} node - The target DOM node (attributes, text nodes, elements).
+ * @param {Object} data - The contextual database record or dataset being rendered.
+ * @param {string} placeholder - The raw template string containing double curly braces (e.g. "{{ $query('#input').value }}").
+ * @param {string} renderAs - Optional alias scope context.
+ * @param {HTMLElement} renderedNode - Optional target element where rendering applies.
+ * @param {number} index - Optional current iteration index if rendering a list.
+ * @returns {Promise<string>} - A promise resolving to the fully processed output string.
+ */
 async function renderValue(
     node,
     data,
@@ -828,7 +839,7 @@ async function renderValue(
 ) {
     let output = placeholder;
 
-    // Determine the actual HTMLElement for processOperatorsAsync
+    // Determine the actual HTMLElement for astAsync
     // If the node is not an Element (nodeType 1), get its owner or parent element.
     // This safely covers Attributes (ownerElement), Text, Comments, etc. (parentElement)
     let contextElement = node;
@@ -836,9 +847,8 @@ async function renderValue(
         contextElement = node.ownerElement || node.parentElement;
     }
 
-    // DEPRECATED: {[ ]} and {( )} 
-    // Matches ONLY the innermost {{ }} brackets.
-    let regex = /\{\{((?:(?!\{\{|\}\})[\s\S])+?)\}\}/;
+    // Matches ONLY the innermost {{ }} brackets to prevent greedy-matching nested boundaries.
+    let regex = /\{\{\s*((?:(?!\{\{|\}\})[\s\S])+?)\s*\}\}/;
     let omitted = {};
 
     let match;
@@ -855,15 +865,28 @@ async function renderValue(
                     // --- UNIFIED PARSING PROCESS ---
                     let preProcessed = placeholderContent;
 
-                    // 1. PRE-PROCESSOR FOR QUOTED OPERATORS
+                    // Build unified evaluation sandbox inheriting state & local indices
+                    const sandboxContext = {
+                        data: data,
+                        $data: data,
+                        index: index,
+                        $index: index,
+                        ...data // Expose data fields natively so they are available as local sandbox variables
+                    };
+
+                    // 1. PRE-PROCESSOR FOR QUOTED OPERATORS (Saves and processes quoted formulas first)
                     let quoteRegex = /(['"])(.*?)\1/g;
                     let quoteMatch;
                     let replacements = [];
                     while ((quoteMatch = quoteRegex.exec(preProcessed)) !== null) {
                         let quoteType = quoteMatch[1];
                         let content = quoteMatch[2];
-                        if (content.trim().startsWith('$')) {
-                            let resolved = await processOperatorsAsync(contextElement, content);
+                        if (content.trim().startsWith('\u0024')) {
+                            let resolved = await astAsync({
+                                executeAST: content,
+                                node: contextElement,
+                                sandbox: sandboxContext
+                            });
                             if (resolved === null || resolved === undefined) resolved = "";
                             replacements.push({
                                 original: quoteMatch[0],
@@ -876,11 +899,12 @@ async function renderValue(
                         preProcessed = preProcessed.replace(r.original, r.replacement);
                     }
 
-                    // 2. PRE-PROCESSOR: Resolve unquoted DOM selectors, custom operators, and CRUD JSON
-                    preProcessed = await processOperatorsAsync(
-                        contextElement, 
-                        preProcessed
-                    );
+                    // 2. PRE-PROCESSOR: Resolve unquoted DOM selectors, custom operators, and CRUD JSON formulas
+                    preProcessed = await astAsync({
+                        executeAST: preProcessed,
+                        node: contextElement,
+                        sandbox: sandboxContext
+                    });
 
                     // 3. DATA LOOKUP: Resolve simple keys from the provided data object
                     // Keep `node` here because getRenderValue needs to look up the attribute cache!
@@ -890,32 +914,9 @@ async function renderValue(
                         preProcessed,
                         renderAs
                     );
-
-                    // // 4. EXPRESSION EVALUATOR: Handle Math and Ternary logic
-                    // if (value === undefined || value === null) {
-                    //     const dataProxy = new Proxy(data || {}, {
-                    //         get(target, prop) {
-                    //             if (typeof prop !== "string") return target[prop];
-                    //             if (prop in target) return target[prop];
-                    //             return getRenderValue(node, data, prop, renderAs);
-                    //         },
-                    //         has(target, prop) {
-                    //             if (typeof prop !== "string") return prop in target;
-                    //             return true; 
-                    //         }
-                    //     });
-
-                    //     const parsedValue = safeParse(preProcessed, dataProxy);
-
-                    //     if (parsedValue !== null) {
-                    //         value = parsedValue;
-                    //     } else if (preProcessed !== placeholderContent) {
-                    //         value = preProcessed;
-                    //     }
-                    // }
                 }
             } catch (error) {
-                console.error(error);
+                console.error("[Renderer AST Bridge] Value computation error:", error);
             }
 
             // Replace the placeholder with the resolved value
@@ -981,7 +982,7 @@ function getRenderValue(node, data, key, renderAs) {
                         } else if (key === "object" || key === "_id")
                             value = ObjectId().toString();
                         else if (key === "uuid") {
-                            value = uuid.generate(6);
+                            value =  uuid(6);
                         } else if (parent.source) {
                             Data = parent.source.data;
                         } else if (parent.parent) {