@primate/vue 0.14.0 → 0.15.0

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 VueClient {
+export default class VueApp {
     static mount(_view: string, data: ClientData<Data>): void;
 }
 export {};
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=app.d.ts.map

package/lib/private/client/app.js

@@ -0,0 +1,32 @@
+import spa from "@primate/core/client/spa";
+import { createApp, createSSRApp } from "vue";
+import root from "vue:root";
+import * as views from "vue:views";
+function resolve(names) {
+    return names.map(n => views[n]);
+}
+const make_app = (ssr, data, update) => {
+    const create = ssr ? createSSRApp : createApp;
+    return create(root, {
+        p: {
+            views: resolve(data.views),
+            props: data.props,
+            request: data.request,
+            update,
+        },
+    });
+};
+export default class VueApp {
+    static mount(_view, data) {
+        let app = make_app(data.ssr, data);
+        app.mount("#app");
+        if (data.spa) {
+            window.addEventListener("DOMContentLoaded", () => spa((next, update) => {
+                app.unmount();
+                app = make_app(false, next, update);
+                app.mount("#app");
+            }));
+        }
+    }
+}
+//# sourceMappingURL=app.js.map

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

@@ -0,0 +1,32 @@
+import { type ValidateUpdater, type ValidationError } from "@primate/core/client";
+import { type Ref } from "vue";
+type Validated<T> = {
+    error: Ref<null | ValidationError>;
+    loading: Ref<boolean>;
+    update: (updater: ValidateUpdater<T>) => Promise<void>;
+    value: Ref<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/{validate.js → field.js}

@@ -1,5 +1,4 @@
-import toValidated from "@primate/core/client/toValidated";
-import validate from "@primate/core/client/validate";
+import client from "@primate/core/client";
 import { ref } from "vue";
 function useValidate(init) {
     const value = ref(init.initial);
@@ -12,7 +11,7 @@ function useValidate(init) {
         loading.value = true;
         error.value = null;
         try {
-            await validate(init, next);
+            await client.validateField(init, next);
         }
         catch (e) {
             // rollback
@@ -25,5 +24,6 @@ function useValidate(init) {
     }
     return { error, loading, update, value };
 }
-export default toValidated(useValidate);
-//# sourceMappingURL=validate.js.map
+const field = client.toValidated(useValidate);
+export default field;
+//# sourceMappingURL=field.js.map

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

@@ -0,0 +1,21 @@
+import { type FormInit } from "@primate/core/client";
+import type { Dict } from "@rcompat/type";
+type FormView<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>): FormView<Values>;
+declare function form(init?: FormInit): FormView<Dict>;
+export default form;
+//# sourceMappingURL=form.d.ts.map

package/lib/private/client/form.js

@@ -0,0 +1,34 @@
+import core from "@primate/core/client";
+import { onUnmounted, shallowRef } from "vue";
+function form(init) {
+    const { initial, ...form_init } = init ?? {};
+    const controller = core.createForm(form_init);
+    const values = initial ?? {};
+    const snapshot = shallowRef(controller.read());
+    const unsub = controller.subscribe(next => {
+        snapshot.value = next;
+    });
+    onUnmounted(unsub);
+    return {
+        id: controller.id,
+        get submitting() {
+            return snapshot.value.submitting;
+        },
+        submit: (event) => controller.submit(event),
+        get errors() {
+            return snapshot.value.errors.form;
+        },
+        field(name) {
+            const key = name;
+            const errs = snapshot.value.errors.fields[key] ?? [];
+            return {
+                name: key,
+                value: values[name],
+                error: errs[0] ?? null,
+                errors: errs,
+            };
+        },
+    };
+}
+export default form;
+//# sourceMappingURL=form.js.map

package/lib/private/compile.js

@@ -1,5 +1,5 @@
-import typescript from "@rcompat/build/preset/typescript";
-import transform from "@rcompat/build/sync/transform";
+import presets from "@primate/core/build/presets";
+import transform from "@primate/core/build/transform";
 import { compileScript, compileTemplate, parse, } from "vue/compiler-sfc";
 const genDefaultAs = "__SCRIPT__";
 const id_size = 8;
@@ -17,7 +17,8 @@ export default {
         const { has_script, inline, is_typescript } = analyze(descriptor);
         let module;
         if (inline) {
-            // For <script setup>, compile with inlineTemplate to get both script and render
+            // for <script setup>, compile with inlineTemplate to get both script and
+            // render
             const script = compileScript(descriptor, {
                 genDefaultAs,
                 id,
@@ -44,7 +45,7 @@ export default {
         export default { ...__SCRIPT__, render };
       `;
         }
-        return is_typescript ? transform(module, typescript).code : module;
+        return is_typescript ? transform(module, presets.typescript).code : module;
     },
 };
 //# sourceMappingURL=compile.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,48 @@
+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) => {
+            error: import("vue").Ref<null | import("@primate/core/client").ValidationError>;
+            loading: import("vue").Ref<boolean>;
+            update: (updater: import("@primate/core/client").ValidateUpdater<T>) => Promise<void>;
+            value: import("vue").Ref<T, 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) => {
+            error: import("vue").Ref<null | import("@primate/core/client").ValidationError>;
+            loading: import("vue").Ref<boolean>;
+            update: (updater: import("@primate/core/client").ValidateUpdater<T>) => Promise<void>;
+            value: import("vue").Ref<T, 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) => {
+            error: import("vue").Ref<null | import("@primate/core/client").ValidationError>;
+            loading: import("vue").Ref<boolean>;
+            update: (updater: import("@primate/core/client").ValidateUpdater<T>) => Promise<void>;
+            value: import("vue").Ref<T, 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) => {
+            error: import("vue").Ref<null | import("@primate/core/client").ValidationError>;
+            loading: import("vue").Ref<boolean>;
+            update: (updater: import("@primate/core/client").ValidateUpdater<T>) => Promise<void>;
+            value: import("vue").Ref<T, T>;
+        };
+    };
+};
+export default client;
+//# sourceMappingURL=client.d.ts.map

package/lib/public/client.js

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

package/package.json

@@ -1,29 +1,31 @@
 {
   "name": "@primate/vue",
-  "version": "0.14.0",
-  "description": "Primate Vue frontend",
+  "version": "0.15.0",
+  "description": "Vue for Primate",
   "homepage": "https://primate.run/docs/frontend/vue",
   "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/vue"
   },
+  "files": [
+    "/lib/**/*.js",
+    "/lib/**/*.d.ts",
+    "!/**/*.spec.*"
+  ],
   "dependencies": {
-    "@rcompat/build": "^0.15.0",
-    "@primate/core": "^0.4.0"
+    "@primate/core": "^0.5.0"
+  },
+  "devDependencies": {
+    "@rcompat/type": "^0.9.0"
   },
   "peerDependencies": {
     "vue": "3",
-    "primate": "^0.35.0"
+    "primate": "^0.36.0"
   },
-  "type": "module",
   "imports": {
     "#*": {
       "apekit": "./src/private/*.ts",

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

@@ -1,11 +0,0 @@
-import type ValidateUpdater from "@primate/core/client/ValidateUpdater";
-import type ValidationError from "@primate/core/client/ValidationError";
-import { type Ref } from "vue";
-type Validated<T> = {
-    error: Ref<null | ValidationError>;
-    loading: Ref<boolean>;
-    update: (updater: ValidateUpdater<T>) => Promise<void>;
-    value: Ref<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/index.js

@@ -1,34 +0,0 @@
-import spa from "@primate/core/client/spa";
-import { createSSRApp } from "vue";
-import root from "vue:root";
-import * as views from "vue:views";
-export default class VueClient {
-    static mount(_view, data) {
-        const resolve = (names) => names.map((n) => views[n]);
-        let app = createSSRApp(root, {
-            p: {
-                views: resolve(data.views),
-                props: data.props,
-                request: data.request,
-                update: undefined,
-            },
-        });
-        app.mount("#app");
-        if (data.spa) {
-            window.addEventListener("DOMContentLoaded", () => spa((next, update) => {
-                app.unmount();
-                app = createSSRApp(root, {
-                    p: {
-                        views: resolve(next.views),
-                        props: next.props,
-                        request: next.request,
-                        update,
-                    },
-                });
-                app.mount("#app");
-                update?.();
-            }));
-        }
-    }
-}
-//# sourceMappingURL=index.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/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