@primate/svelte 0.21.3 → 0.22.0

package/lib/private/Default.d.ts

@@ -1,5 +1,5 @@
 import Runtime from "#Runtime";
-import type FileRef from "@rcompat/fs/FileRef";
+import type { FileRef } from "@rcompat/fs";
 export default class Default extends Runtime {
     root: {
         create: (depth: number, i18n_active: boolean) => string;

package/lib/private/Default.js

@@ -1,6 +1,13 @@
 import create_root from "#create-root";
 import Runtime from "#Runtime";
+import esbuild from "esbuild";
 import { compile, compileModule } from "svelte/compiler";
+const strip = (code) => {
+    return esbuild.transformSync(code, {
+        loader: "ts",
+        format: "esm",
+    }).code;
+};
 export default class Default extends Runtime {
     root = {
         create: create_root,
@@ -13,14 +20,14 @@ export default class Default extends Runtime {
             const accessors = true;
             const { css, js } = file.path.endsWith(".js") || file.path.endsWith(".ts")
                 // runes in .svelte.[j|t]s
-                ? compileModule(text, { generate: "client" })
+                ? compileModule(strip(text), { generate: "client" })
                 : compile(text, { accessors, generate: "client" });
             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(text, { generate: "server" })
+                ? compileModule(strip(text), { generate: "server" })
                 : compile(text, { generate: "server" });
             return js.code;
         },

package/lib/private/client/{index.d.ts → app.d.ts}

@@ -1,11 +1,11 @@
 import type ClientData from "@primate/core/client/Data";
-import type Dict from "@rcompat/type/Dict";
+import type { Dict } from "@rcompat/type";
 type Data = ClientData<{
     views: string[];
     props: Dict[];
 }>;
-export default class SvelteClient {
+export default class SvelteApp {
     static mount(_view: string, data: ClientData<Data>): void;
 }
 export {};
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=app.d.ts.map

package/lib/private/client/{index.js → app.js}

@@ -11,7 +11,7 @@ const make_props = (data) => ({
     },
     update: () => undefined,
 });
-export default class SvelteClient {
+export default class SvelteApp {
     static mount(_view, data) {
         const _root = (data.ssr ? hydrate : mount)(root, {
             props: {
@@ -24,4 +24,4 @@ export default class SvelteClient {
         }));
     }
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=app.js.map

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

@@ -0,0 +1,34 @@
+import { type ValidateUpdater, type ValidationError } from "@primate/core/client";
+import { type Readable } from "svelte/store";
+type ValidateState<T> = {
+    error: null | ValidationError;
+    loading: boolean;
+    value: T;
+};
+type Validated<T> = {
+    update: (updater: ValidateUpdater<T>) => Promise<void>;
+} & Readable<ValidateState<T>>;
+declare const field: <T>(initial: T) => {
+    delete: (url: string, options?: {
+        headers?: import("@rcompat/type").Dict<string>;
+        map?: ((v: T) => import("@rcompat/type").JSONValue) | undefined;
+        path?: import("@rcompat/type").JSONPointer;
+    } | undefined) => Validated<T>;
+    patch: (url: string, options?: {
+        headers?: import("@rcompat/type").Dict<string>;
+        map?: ((v: T) => import("@rcompat/type").JSONValue) | undefined;
+        path?: import("@rcompat/type").JSONPointer;
+    } | undefined) => Validated<T>;
+    post: (url: string, options?: {
+        headers?: import("@rcompat/type").Dict<string>;
+        map?: ((v: T) => import("@rcompat/type").JSONValue) | undefined;
+        path?: import("@rcompat/type").JSONPointer;
+    } | undefined) => Validated<T>;
+    put: (url: string, options?: {
+        headers?: import("@rcompat/type").Dict<string>;
+        map?: ((v: T) => import("@rcompat/type").JSONValue) | undefined;
+        path?: import("@rcompat/type").JSONPointer;
+    } | undefined) => Validated<T>;
+};
+export default field;
+//# sourceMappingURL=field.d.ts.map

package/lib/private/client/field.js

@@ -0,0 +1,32 @@
+import client from "@primate/core/client";
+import { writable } from "svelte/store";
+function useValidate(init) {
+    let current = init.initial;
+    const { set, subscribe, update } = writable({
+        error: null,
+        loading: false,
+        value: current,
+    });
+    async function $update(updater) {
+        let previous;
+        update((s) => {
+            previous = s.value;
+            const next_value = updater(s.value);
+            current = next_value;
+            return { ...s, error: null, loading: true, value: next_value };
+        });
+        try {
+            await client.validateField(init, current);
+            update((s) => ({ ...s, loading: false }));
+        }
+        catch (e) {
+            // rollback
+            current = previous;
+            set({ error: e, loading: false, value: previous });
+        }
+    }
+    return { subscribe, update: $update };
+}
+const field = client.toValidated(useValidate);
+export default field;
+//# sourceMappingURL=field.js.map

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

@@ -0,0 +1,22 @@
+import { type FormInit } from "@primate/core/client";
+import type { Dict } from "@rcompat/type";
+import { type Readable } from "svelte/store";
+type SvelteFormView<Values extends Dict> = {
+    id: string;
+    submitting: boolean;
+    submit: (event?: Event) => Promise<void>;
+    errors: readonly string[];
+    field: <K extends keyof Values & string>(name: K) => {
+        name: string;
+        value: Values[K];
+        error: string | null;
+        errors: readonly string[];
+    };
+};
+type Initial<Values extends Dict> = FormInit & {
+    initial?: Values;
+};
+declare function form<Values extends Dict>(init: Initial<Values>): Readable<SvelteFormView<Values>>;
+declare function form(init?: FormInit): Readable<SvelteFormView<Dict>>;
+export default form;
+//# sourceMappingURL=form.d.ts.map

package/lib/private/client/form.js

@@ -0,0 +1,40 @@
+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);
+    const values = initial ?? {};
+    const make_view = (snapshot) => {
+        const form_errors = snapshot.errors.form;
+        return {
+            id: snapshot.id,
+            submitting: snapshot.submitting,
+            submit: controller.submit,
+            errors: form_errors,
+            field(name) {
+                const key = name;
+                const errors = snapshot.errors.fields[key] ?? [];
+                return {
+                    name: key,
+                    value: values[name],
+                    error: errors[0] ?? null,
+                    errors,
+                };
+            },
+        };
+    };
+    const initial_view = make_view({
+        ...controller.read(),
+        submit: controller.submit,
+    });
+    const { subscribe, set } = writable(initial_view);
+    controller.subscribe((snapshot) => {
+        set(make_view({
+            ...snapshot,
+            submit: controller.submit,
+        }));
+    });
+    return { subscribe };
+}
+export default form;
+//# sourceMappingURL=form.js.map

package/lib/public/browser.d.ts

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

package/lib/public/browser.js

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

package/lib/public/client.d.ts

@@ -0,0 +1,52 @@
+import form from "#client/form";
+declare const client: {
+    form: typeof form;
+    field: <T>(initial: T) => {
+        delete: (url: string, options?: {
+            headers?: import("@rcompat/type").Dict<string>;
+            map?: ((v: T) => import("@rcompat/type").JSONValue) | undefined;
+            path?: import("@rcompat/type").JSONPointer;
+        } | undefined) => {
+            update: (updater: import("@primate/core/client").ValidateUpdater<T>) => Promise<void>;
+        } & import("svelte/store").Readable<{
+            error: null | import("@primate/core/client").ValidationError;
+            loading: boolean;
+            value: T;
+        }>;
+        patch: (url: string, options?: {
+            headers?: import("@rcompat/type").Dict<string>;
+            map?: ((v: T) => import("@rcompat/type").JSONValue) | undefined;
+            path?: import("@rcompat/type").JSONPointer;
+        } | undefined) => {
+            update: (updater: import("@primate/core/client").ValidateUpdater<T>) => Promise<void>;
+        } & import("svelte/store").Readable<{
+            error: null | import("@primate/core/client").ValidationError;
+            loading: boolean;
+            value: T;
+        }>;
+        post: (url: string, options?: {
+            headers?: import("@rcompat/type").Dict<string>;
+            map?: ((v: T) => import("@rcompat/type").JSONValue) | undefined;
+            path?: import("@rcompat/type").JSONPointer;
+        } | undefined) => {
+            update: (updater: import("@primate/core/client").ValidateUpdater<T>) => Promise<void>;
+        } & import("svelte/store").Readable<{
+            error: null | import("@primate/core/client").ValidationError;
+            loading: boolean;
+            value: T;
+        }>;
+        put: (url: string, options?: {
+            headers?: import("@rcompat/type").Dict<string>;
+            map?: ((v: T) => import("@rcompat/type").JSONValue) | undefined;
+            path?: import("@rcompat/type").JSONPointer;
+        } | undefined) => {
+            update: (updater: import("@primate/core/client").ValidateUpdater<T>) => Promise<void>;
+        } & import("svelte/store").Readable<{
+            error: null | import("@primate/core/client").ValidationError;
+            loading: boolean;
+            value: T;
+        }>;
+    };
+};
+export default client;
+//# sourceMappingURL=client.d.ts.map

package/lib/public/client.js

@@ -0,0 +1,5 @@
+import form from "#client/form";
+import field from "#client/field";
+const client = { form, field };
+export default client;
+//# sourceMappingURL=client.js.map

package/package.json

@@ -1,29 +1,33 @@
 {
   "name": "@primate/svelte",
-  "version": "0.21.3",
-  "description": "Primate Svelte frontend",
+  "version": "0.22.0",
+  "description": "Svelte for Primate",
   "homepage": "https://primate.run/docs/frontend/svelte",
   "bugs": "https://github.com/primate-run/primate/issues",
+  "type": "module",
   "license": "MIT",
-  "files": [
-    "/lib/**/*.js",
-    "/lib/**/*.d.ts",
-    "!/**/*.spec.*"
-  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/primate-run/primate",
     "directory": "packages/svelte"
   },
+  "files": [
+    "/lib/**/*.js",
+    "/lib/**/*.d.ts",
+    "!/**/*.spec.*"
+  ],
   "dependencies": {
-    "@rcompat/fs": "^0.22.3",
-    "@primate/core": "^0.4.5"
+    "@rcompat/fs": "^0.25.2",
+    "esbuild": "^0.27.3",
+    "@primate/core": "^0.5.0"
+  },
+  "devDependencies": {
+    "@rcompat/type": "^0.9.0"
   },
   "peerDependencies": {
     "svelte": "5",
-    "primate": "^0.35.1"
+    "primate": "^0.36.0"
   },
-  "type": "module",
   "imports": {
     "#*": {
       "apekit": "./src/private/*.ts",

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

@@ -1,8 +0,0 @@
-import type ValidationError from "@primate/core/client/ValidationError";
-type ValidateState<T> = {
-    error: null | ValidationError;
-    loading: boolean;
-    value: T;
-};
-export type { ValidateState as default };
-//# sourceMappingURL=ValidateState.d.ts.map

package/lib/private/client/ValidateState.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ValidateState.js.map

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

@@ -1,8 +0,0 @@
-import type ValidateState from "#client/ValidateState";
-import type ValidateUpdater from "@primate/core/client/ValidateUpdater";
-import type { Readable } from "svelte/store";
-type Validated<T> = {
-    update: (updater: ValidateUpdater<T>) => Promise<void>;
-} & Readable<ValidateState<T>>;
-export type { Validated as default };
-//# sourceMappingURL=Validated.d.ts.map

package/lib/private/client/Validated.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Validated.js.map

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

@@ -1,25 +0,0 @@
-import type Validated from "#client/Validated";
-declare const _default: <T>(initial: T) => {
-    delete: (url: string, options?: {
-        headers?: import("@rcompat/type/Dict").default<string>;
-        map?: ((v: T) => import("@rcompat/type/JSONValue").default) | undefined;
-        path?: import("@rcompat/type/JSONPointer").default;
-    } | undefined) => Validated<T>;
-    patch: (url: string, options?: {
-        headers?: import("@rcompat/type/Dict").default<string>;
-        map?: ((v: T) => import("@rcompat/type/JSONValue").default) | undefined;
-        path?: import("@rcompat/type/JSONPointer").default;
-    } | undefined) => Validated<T>;
-    post: (url: string, options?: {
-        headers?: import("@rcompat/type/Dict").default<string>;
-        map?: ((v: T) => import("@rcompat/type/JSONValue").default) | undefined;
-        path?: import("@rcompat/type/JSONPointer").default;
-    } | undefined) => Validated<T>;
-    put: (url: string, options?: {
-        headers?: import("@rcompat/type/Dict").default<string>;
-        map?: ((v: T) => import("@rcompat/type/JSONValue").default) | undefined;
-        path?: import("@rcompat/type/JSONPointer").default;
-    } | undefined) => Validated<T>;
-};
-export default _default;
-//# sourceMappingURL=validate.d.ts.map

package/lib/private/client/validate.js

@@ -1,28 +0,0 @@
-import toValidated from "@primate/core/client/toValidated";
-import validate from "@primate/core/client/validate";
-import { get, writable } from "svelte/store";
-function useValidate(init) {
-    const { set, subscribe, update } = writable({
-        error: null,
-        loading: false,
-        value: init.initial,
-    });
-    async function $update(updater) {
-        let previous;
-        update((s) => {
-            previous = s.value;
-            return { ...s, error: null, loading: true, value: updater(s.value) };
-        });
-        try {
-            await validate(init, get({ subscribe }).value);
-            update(s => ({ ...s, loading: false }));
-        }
-        catch (e) {
-            // rollback
-            set({ error: e, loading: false, value: previous });
-        }
-    }
-    return { subscribe, update: $update };
-}
-export default toValidated(useValidate);
-//# sourceMappingURL=validate.js.map

package/lib/public/Validated.d.ts

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

package/lib/public/Validated.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Validated.js.map

package/lib/public/validate.d.ts

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

package/lib/public/validate.js

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