@primate/angular 0.10.1 → 0.10.3

package/lib/private/client/app.js

@@ -1,5 +1,6 @@
 import "#client/AAA";
 import root from "#client/root";
+import request from "#request/store";
 import INITIAL_PROPS from "#INITIAL_PROPS";
 import { enableProdMode } from "@angular/core";
 import { bootstrapApplication, provideClientHydration, } from "@angular/platform-browser";
@@ -38,6 +39,9 @@ export default class AngularApp {
                     this.#root.instance.p = root.toProps(next, update);
                     this.#app.tick();
                     update?.();
+                }, (url, query) => {
+                    request.update(value => ({ ...value, query, url }));
+                    this.#app.tick();
                 });
                 if (document.readyState === "loading") {
                     window.addEventListener("DOMContentLoaded", start, { once: true });

package/lib/private/create-root.js

@@ -3,15 +3,20 @@ export default (depth) => {
     const n = depth;
     const layer = (i, child) => {
         const slot = `slot_${i}`;
-        const childTemplate = child
-            ? `<ng-template #${slot}>${child}</ng-template>`
-            : "";
-        const inputs = child
-            ? `(has(${i + 1}) ? slotInputs(${i}, ${slot}) : inputs(${i}))`
-            : `inputs(${i})`;
-        return `${childTemplate}
-      <ng-container *ngComponentOutlet="comp(${i}); inputs: ${inputs}">
+        const leaf = `@for (key of pageKey(); track key) {
+      <ng-container *ngComponentOutlet="comp(${i}); inputs: inputs(${i})">
       </ng-container>
+    }`;
+        if (child === null)
+            return leaf;
+        return `<ng-template #${slot}>${child}</ng-template>
+      @if (has(${i + 1})) {
+        <ng-container
+          *ngComponentOutlet="comp(${i}); inputs: slotInputs(${i}, ${slot})"
+        ></ng-container>
+      } @else {
+        ${leaf}
+      }
     `;
     };
     let body = layer(n, null);
@@ -75,6 +80,11 @@ export default class RootComponent {
     return (this.P?.props?.[i] ?? {}) as Dict;
   }
 
+  pageKey() {
+    const { pathname, search } = this.P.request.url;
+    return [pathname + search];
+  }
+
   slotInputs(i: number, slot: TemplateRef<unknown>) {
     const base = (this.P?.props?.[i] ?? {}) as Dict;
     return { ...base, slot };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primate/angular",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "description": "Angular for Primate",
   "homepage": "https://primate.run/docs/frontend/angular",
   "bugs": "https://github.com/primate-run/primate/issues",
@@ -24,14 +24,14 @@
     "@angular/platform-browser": "^22.0.6",
     "@angular/platform-server": "^22.0.6",
     "@angular/ssr": "^22.0.4",
-    "typescript": "npm:@typescript/typescript6@^6.0.2",
-    "@primate/core": "^0.9.7"
+    "@primate/core": "^0.9.28",
+    "typescript": "npm:@typescript/typescript6@^6.0.2"
   },
   "devDependencies": {
     "@rcompat/type": "^0.18.0"
   },
   "peerDependencies": {
-    "primate": "^0.40.0"
+    "primate": "^0.40.1"
   },
   "imports": {
     "#*": {