@primate/svelte 0.23.0 → 0.24.0

package/lib/index.d.ts

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

package/lib/private/client/app.js

@@ -3,11 +3,14 @@ import client from "@primate/core/client";
 import RootView from "svelte:root";
 export default class SvelteApp {
     static mount(_view, data) {
+        const interactive = !data.ssr || data.csr;
+        if (!interactive)
+            return;
         const Root = root[data.ssr ? "ssr" : "csr"](RootView, {
             props: { p: root.toProps(data) },
             target: document.body,
         });
-        if (data.spa) {
+        if (data.csr) {
             const start = () => client.boot((_data, update) => {
                 Root.p = { ...root.toProps(_data), update };
             });

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

@@ -1,4 +1,4 @@
-import type { FormInit } from "@primate/core/client";
+import type { ClientMethod, FormInit } from "@primate/core/client";
 import type { Dict } from "@rcompat/type";
 import type { Readable } from "svelte/store";
 type SvelteFormView<Values extends Dict> = {
@@ -17,6 +17,7 @@ type SvelteFormView<Values extends Dict> = {
 type Initial<Values extends Dict> = FormInit & {
     initial?: Values;
 };
+declare function form<Values extends Dict>(action: ClientMethod<Values>, init?: Initial<Values>): Readable<SvelteFormView<Values>>;
 declare function form<Values extends Dict>(init: Initial<Values>): Readable<SvelteFormView<Values>>;
 declare function form(init?: FormInit): Readable<SvelteFormView<Dict>>;
 export default form;

package/lib/private/client/form.js

@@ -1,8 +1,19 @@
 import client from "@primate/core/client";
 import { writable } from "svelte/store";
-function form(init) {
-    const { initial, ...form_init } = init ?? {};
-    const controller = client.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 = client.createForm({
+        ...form_init,
+        ...(action !== undefined && {
+            action: action,
+            contentType,
+        }),
+    });
     const values = initial ?? {};
     const make_view = (snapshot) => {
         const form_errors = snapshot.errors.form;
@@ -29,7 +40,7 @@ function form(init) {
         submit: controller.submit,
     });
     const { subscribe, set } = writable(initial_view);
-    controller.subscribe((snapshot) => {
+    controller.subscribe(snapshot => {
         set(make_view({
             ...snapshot,
             submit: controller.submit,

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/default.js

@@ -9,6 +9,9 @@ const strip = (code) => {
         format: "esm",
     }).code;
 };
+const options = {
+    experimental: { async: true },
+};
 export default frontend({
     ...init,
     root: {
@@ -22,15 +25,15 @@ export default frontend({
             const accessors = true;
             const { css, js } = file.path.endsWith(".js") || file.path.endsWith(".ts")
                 // runes in .svelte.[j|t]s
-                ? compileModule(strip(text), { generate: "client" })
-                : compile(text, { accessors, generate: "client" });
+                ? compileModule(strip(text), { generate: "client", ...options })
+                : compile(text, { accessors, generate: "client", ...options });
             return { css: css?.code ?? "", js: js.code };
         },
         server: (text, file) => {
             const { js } = file?.path.endsWith(".js") || file?.path.endsWith(".ts")
                 // runes in .svelte.[j|t]s
-                ? compileModule(strip(text), { generate: "server" })
-                : compile(text, { generate: "server" });
+                ? compileModule(strip(text), { generate: "server", ...options })
+                : compile(text, { generate: "server", ...options });
             return js.code;
         },
     },

package/lib/private/init.js

@@ -4,9 +4,9 @@ const module = {
     extensions: [".svelte.js", ".svelte.ts", ".svelte"],
     layouts: true,
     client: true,
-    render(view, props) {
-        const { head, html } = render(view, { props: { p: { ...props } } });
-        return { body: html, head };
+    async render(view, props) {
+        const { body, head } = await render(view, { props: { p: { ...props } } });
+        return { body, head };
     },
     conditions: ["svelte"],
 };

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/svelte",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "description": "Svelte for Primate",
   "homepage": "https://primate.run/docs/frontend/svelte",
   "bugs": "https://github.com/primate-run/primate/issues",
@@ -18,16 +18,16 @@
   ],
   "types": "lib/index.d.ts",
   "dependencies": {
+    "@rcompat/fs": "^0.33.2",
     "esbuild": "^0.28.0",
-    "@primate/core": "^0.6.0"
+    "@primate/core": "^0.7.0"
   },
   "devDependencies": {
-    "@rcompat/type": "^0.11.1",
-    "@primate/test": "^0.0.0"
+    "@rcompat/type": "^0.17.0"
   },
   "peerDependencies": {
     "svelte": "5",
-    "primate": "^0.37.0"
+    "primate": "^0.38.0"
   },
   "imports": {
     "#*": {
@@ -38,6 +38,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",
@@ -51,7 +52,6 @@
   "scripts": {
     "build": "npm run clean && tsc && cp src/types/app.d.ts lib && cp src/types/index.d.ts lib",
     "clean": "rm -rf ./lib",
-    "lint": "eslint .",
-    "test": "npx proby"
+    "lint": "eslint ."
   }
 }

package/lib/public/client.d.ts

@@ -1,2 +0,0 @@
-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