@player-ui/player 0.11.0-next.2 → 0.11.0-next.4

package/dist/cjs/index.cjs

@@ -3170,10 +3170,32 @@ var Builder = class _Builder {
     node.children.push(newChild);
     return node;
   }
+  /**
+   * Updates children of a node of the same path and preserves order
+   *
+   * @param node - The node to update children for
+   * @param pathToMatch - The path to match against child paths
+   * @param mapFn - Function to transform matching children
+   */
+  static updateChildrenByPath(node, pathToMatch, updateFn) {
+    if (!node.children)
+      return node;
+    const updatedChildren = node.children.map(
+      (child) => (
+        // Check if paths match exactly
+        child.path.join() === pathToMatch.join() ? { ...child, value: updateFn(child) } : child
+      )
+    );
+    return {
+      ...node,
+      children: updatedChildren
+    };
+  }
 };
 
 // ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/core/player/src/view/plugins/template.ts
 var import_tapable_ts9 = require("tapable-ts");
+var templateSymbol = Symbol("template");
 var TemplatePlugin = class {
   constructor(options) {
     this.hooks = {
@@ -3225,6 +3247,9 @@ var TemplatePlugin = class {
       override: false,
       values
     };
+    if (node.placement !== void 0) {
+      result[templateSymbol] = node.placement;
+    }
     return result;
   }
   applyParser(parser) {
@@ -3238,6 +3263,40 @@ var TemplatePlugin = class {
       }
       return node;
     });
+    parser.hooks.onCreateASTNode.tap("template", (node) => {
+      function getTemplateSymbolValue(node2) {
+        if (node2.type === "multi-node" /* MultiNode */) {
+          return node2[templateSymbol];
+        } else if (node2.type === "template" /* Template */) {
+          return node2.placement;
+        }
+        return void 0;
+      }
+      if (node && (node.type === "view" /* View */ || node.type === "asset" /* Asset */) && Array.isArray(node.children)) {
+        node.children = node.children.sort((a, b) => {
+          const aPath = a.path.join();
+          const bPath = b.path.join();
+          const pathsEqual = aPath === bPath;
+          if (pathsEqual) {
+            const aPlacement = getTemplateSymbolValue(a.value);
+            const bPlacement = getTemplateSymbolValue(b.value);
+            if (aPlacement !== void 0 && bPlacement === void 0) {
+              return aPlacement === "prepend" ? -1 : 1;
+            } else if (bPlacement !== void 0 && aPlacement === void 0) {
+              return bPlacement === "prepend" ? 1 : -1;
+            } else if (aPlacement !== void 0 && bPlacement !== void 0) {
+              if (aPlacement === bPlacement) {
+                return 0;
+              }
+              return aPlacement === "prepend" ? -1 : 1;
+            }
+            return 0;
+          }
+          return aPath > bPath ? 1 : -1;
+        });
+      }
+      return node;
+    });
     parser.hooks.parseNode.tap(
       "template",
       (obj, _nodeType, options, childOptions) => {
@@ -3249,7 +3308,8 @@ var TemplatePlugin = class {
                 depth: options.templateDepth ?? 0,
                 data: template.data,
                 template: template.value,
-                dynamic: template.dynamic ?? false
+                dynamic: template.dynamic ?? false,
+                placement: template.placement
               },
               template
             );