@primate/angular 0.7.0 → 0.8.0

package/lib/index.d.ts

@@ -1,3 +1,5 @@
 import "./app.d.ts";
+export { default as client } from "#client/index";
+export type { Validated } from "#client/index";
+export { default } from "#default";
 
-export { default } from "./public/default";

package/lib/private/client/app.js

@@ -9,6 +9,9 @@ export default class AngularApp {
     static #app;
     static #root;
     static async mount(_view, data) {
+        const interactive = !data.ssr || data.csr;
+        if (!interactive)
+            return;
         if (data.mode === "production")
             enableProdMode();
         const providers = [];
@@ -30,7 +33,7 @@ export default class AngularApp {
             this.#root = this.#app.components[0];
             this.#root.instance.p = props;
             this.#app.tick();
-            if (data.spa) {
+            if (data.csr) {
                 const start = () => client.boot((next, update) => {
                     this.#root.instance.p = root.toProps(next, update);
                     this.#app.tick();

package/lib/private/client/form.d.ts

@@ -1,10 +1,10 @@
 import type { Signal } from "@angular/core";
-import type { FormInit } from "@primate/core/client";
+import type { ClientMethod, FormInit } from "@primate/core/client";
 import type { Dict } from "@rcompat/type";
 type Field<T> = {
     name: string;
     value: T;
-    errors: Signal<readonly string[]>;
+    errors: Signal<string[]>;
     error: Signal<string | null>;
 };
 type FormView<Values extends Dict> = {
@@ -12,12 +12,13 @@ type FormView<Values extends Dict> = {
     submitting: Signal<boolean>;
     submitted: Signal<boolean>;
     submit: (event?: Event) => Promise<void>;
-    errors: Signal<readonly string[]>;
+    errors: Signal<string[]>;
     field: <K extends keyof Values & string>(name: K) => Field<Values[K]>;
 };
 type Initial<Values extends Dict> = FormInit & {
     initial?: Values;
 };
+declare function form<Values extends Dict>(action: ClientMethod<Values>, init?: Initial<Values>): FormView<Values>;
 declare function form<Values extends Dict>(init: Initial<Values>): FormView<Values>;
 declare function form(init?: FormInit): FormView<Dict>;
 export default form;

package/lib/private/client/form.js

@@ -8,30 +8,40 @@ function try_destroy_ref() {
         return null;
     }
 }
-function form(init) {
-    const { initial, ...form_init } = (init ?? {});
-    const controller = core.createForm(form_init);
+function form(action_or_init, maybe_init) {
+    const is_action = typeof action_or_init === "function";
+    const { initial, ...form_init } = (is_action ? (maybe_init ?? {}) : (action_or_init ?? {}));
+    const action = is_action ? action_or_init : undefined;
+    const contentType = is_action
+        ? action_or_init.contentType
+        : undefined;
+    const controller = core.createForm({
+        ...form_init,
+        ...(action !== undefined && {
+            action: action,
+            contentType,
+        }),
+    });
     const values = (initial ?? {});
     const snap = signal(controller.read());
-    const unsub = controller.subscribe((next) => snap.set(next));
-    try_destroy_ref()?.onDestroy(unsub);
+    const unsubscribe = controller.subscribe(next => snap.set(next));
+    try_destroy_ref()?.onDestroy(unsubscribe);
     const submitting = computed(() => snap().submitting);
     const submitted = computed(() => snap().submitted);
     const errors = computed(() => snap().errors.form);
     const cache = new Map();
     function field(name) {
-        const key = name;
-        const cached = cache.get(key);
+        const cached = cache.get(name);
         if (cached)
             return cached;
-        const form_errors = computed(() => snap().errors.fields[key] ?? []);
+        const form_errors = computed(() => snap().errors.fields[name] ?? []);
         const view = {
-            name: key,
+            name,
             value: values[name],
             errors: form_errors,
             error: computed(() => form_errors()[0] ?? null),
         };
-        cache.set(key, view);
+        cache.set(name, view);
         return view;
     }
     return {

package/lib/private/default.d.ts

@@ -1,6 +1,6 @@
 declare const _default: (input?: {
     extensions?: string[] | undefined;
-    spa?: boolean | undefined;
+    csr?: boolean | undefined;
     ssr?: boolean | undefined;
 } | undefined) => import("@primate/core/frontend").Module;
 export default _default;

package/lib/private/init.js

@@ -24,7 +24,7 @@ const module = {
             document: `<${root}></${root}>`,
         });
         const headMatch = html.match(/<head>(.*?)<\/head>/s);
-        const bodyRegex = new RegExp(`<${root}>([\\s\\S]*?)<\\/${root}>`);
+        const bodyRegex = new RegExp(`(<${root}(?:\\s[^>]*)?>[\\s\\S]*?<\\/${root}>)`);
         const bodyMatch = html.match(bodyRegex);
         return {
             body: bodyMatch?.[1] || html,

package/lib/private/runtime.d.ts

@@ -1,6 +1,6 @@
 declare const _default: (input?: {
     extensions?: string[] | undefined;
-    spa?: boolean | undefined;
+    csr?: boolean | undefined;
     ssr?: boolean | undefined;
 } | undefined) => import("@primate/core/frontend").Module;
 export default _default;

package/lib/public/browser.d.ts

@@ -1,2 +1,3 @@
 export { default } from "#client/app";
+export { default as client } from "#client/index";
 //# sourceMappingURL=browser.d.ts.map

package/lib/public/browser.js

@@ -1,2 +1,3 @@
 export { default } from "#client/app";
+export { default as client } from "#client/index";
 //# sourceMappingURL=browser.js.map

package/lib/public/runtime.d.ts

@@ -1,2 +1,3 @@
+export { default as client } from "#client/index";
 export { default } from "#runtime";
 //# sourceMappingURL=runtime.d.ts.map

package/lib/public/runtime.js

@@ -1,2 +1,3 @@
+export { default as client } from "#client/index";
 export { default } from "#runtime";
 //# sourceMappingURL=runtime.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primate/angular",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Angular for Primate",
   "homepage": "https://primate.run/docs/frontend/angular",
   "bugs": "https://github.com/primate-run/primate/issues",
@@ -18,21 +18,20 @@
   ],
   "types": "lib/index.d.ts",
   "dependencies": {
-    "@angular/common": "^21.2.7",
-    "@angular/compiler": "^21.2.7",
-    "@angular/core": "^21.2.7",
-    "@angular/platform-browser": "^21.2.7",
-    "@angular/platform-server": "^21.2.7",
-    "@angular/ssr": "^21.2.6",
-    "typescript": "^5.9.3",
-    "@primate/core": "^0.6.0"
+    "@angular/common": "^21.2.11",
+    "@angular/compiler": "^21.2.11",
+    "@angular/core": "^21.2.11",
+    "@angular/platform-browser": "^21.2.11",
+    "@angular/platform-server": "^21.2.11",
+    "@angular/ssr": "^21.2.9",
+    "typescript": "^6.0.3",
+    "@primate/core": "^0.7.0"
   },
   "devDependencies": {
-    "@rcompat/type": "^0.11.1",
-    "@primate/test": "^0.0.0"
+    "@rcompat/type": "^0.17.0"
   },
   "peerDependencies": {
-    "primate": "^0.37.0"
+    "primate": "^0.38.0"
   },
   "imports": {
     "#*": {
@@ -43,6 +42,7 @@
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
+      "@primate/runtime": "./src/public/runtime.ts",
       "@primate/source": "./src/public/default.ts",
       "browser": "./lib/public/browser.js",
       "runtime": "./lib/public/runtime.js",
@@ -56,7 +56,6 @@
   "scripts": {
     "build": "npm run clean && tsc && cp src/types/{app,index}.d.ts lib",
     "clean": "rm -rf ./lib",
-    "lint": "eslint .",
-    "test": "npx proby"
+    "lint": "eslint ."
   }
 }

package/lib/public/client.d.ts

@@ -1,3 +0,0 @@
-export type * from "#client/index";
-export { default } from "#client/index";
-//# sourceMappingURL=client.d.ts.map

package/lib/public/client.js

@@ -1,2 +0,0 @@
-export { default } from "#client/index";
-//# sourceMappingURL=client.js.map