@primate/vue 0.17.0 → 0.18.0

package/lib/index.d.ts

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

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

@@ -1,9 +1,10 @@
 import type { ClientMethod, FormInit } from "@primate/core/client";
 import type { Dict } from "@rcompat/type";
-type FormView<Values extends Dict> = {
+type FormView<Values extends Dict, Result = unknown> = {
     id: string;
     submitting: boolean;
     submitted: boolean;
+    result: Result | null;
     submit: (event?: Event) => Promise<void>;
     errors: string[];
     field: <K extends keyof Values & string>(name: K) => {
@@ -16,7 +17,11 @@ type FormView<Values extends Dict> = {
 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, Path extends Dict, Result = unknown>(action: ClientMethod<Values, Path> & {
+    _result?: Result;
+}, init?: Initial<Values> & {
+    path?: Path;
+}): FormView<Values, Result>;
 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

@@ -30,6 +30,9 @@ function form(action_or_init, maybe_init) {
         get submitted() {
             return snapshot.value.submitted;
         },
+        get result() {
+            return snapshot.value.result;
+        },
         submit(event) {
             return controller.submit(event);
         },

package/lib/private/create-root.d.ts

@@ -1,2 +1,2 @@
-export default function createRoot(depth: number, i18n_active: boolean): string;
+export default function createRoot(depth: number): string;
 //# sourceMappingURL=create-root.d.ts.map

package/lib/private/create-root.js

@@ -1,4 +1,4 @@
-export default function createRoot(depth, i18n_active) {
+export default function createRoot(depth) {
     const build_view = (index) => {
         if (index > depth)
             return `h("div")`;
@@ -8,50 +8,24 @@ export default function createRoot(depth, i18n_active) {
         return `h(p.views[${index}], p.props[${index}] || {}, () => [${child}])`;
     };
     const body = `h(Suspense, null, { default: () => ${build_view(0)} })`;
-    const vue_imports = `
-    import {
-      defineComponent, h, Suspense
-      ${i18n_active ? ", ref, onMounted, onUnmounted" : ""}
-    } from "vue";
-    import { setRequest } from "@primate/vue/app";
-    `;
-    const i18n_imports = i18n_active
-        ? `
-import t from "#i18n";
-import sInternal from "primate/s/internal";`
-        : "";
-    const i18n_setup = i18n_active
-        ? `
-const initialLocale = props.p?.request?.context?.i18n?.locale;
-if (initialLocale) t[sInternal].init(initialLocale);
-
-onMounted(() => { t[sInternal].restore(); });
-
-if (typeof window !== "undefined") {
-  const version = ref(t[sInternal].version);
-  const removeDepend = t[sInternal].depend(() => { void version.value; });
-  const unsubscribe = t.onChange(() => {
-    version.value = t[sInternal].version;
-  });
-  onUnmounted(() => { unsubscribe?.(); removeDepend?.(); });
-}`
-        : "";
     return `
-${vue_imports}
-${i18n_imports}
+import { defineComponent, h, Suspense } from "vue";
+import { setRequest } from "@primate/vue/app";
+
 export default defineComponent({
   name: "root",
   props: { p: { type: Object, required: true } },
+
   setup(props) {
-    ${i18n_setup}
     return () => {
       const p = props.p;
-      setRequest(props.p.request);
+
+      setRequest(p.request);
+
       return ${body};
     };
   },
 });
 `;
 }
-;
 //# sourceMappingURL=create-root.js.map

package/lib/private/i18n.d.ts

@@ -0,0 +1,3 @@
+import type { BridgedTranslator, HeadlessTranslator } from "@primate/core/i18n";
+export default function i18n<const T extends HeadlessTranslator>(source: T): BridgedTranslator<T>;
+//# sourceMappingURL=i18n.d.ts.map

package/lib/private/i18n.js

@@ -0,0 +1,42 @@
+import request from "#request/store";
+import { ref, watch } from "vue";
+export default function i18n(source) {
+    const version = ref(0);
+    const notify = () => { version.value += 1; };
+    const depend = () => {
+        void version.value;
+    };
+    const restore = (next) => {
+        const before = source.locale.get();
+        source.restore(next);
+        if (source.locale.get() !== before)
+            notify();
+    };
+    const get = () => {
+        depend();
+        return source.locale.get();
+    };
+    const set = (locale) => {
+        const before = source.locale.get();
+        source.locale.set(locale);
+        if (source.locale.get() !== before) {
+            notify();
+        }
+    };
+    const value = ((...args) => {
+        depend();
+        return source(...args);
+    });
+    value.defaultLocale = source.defaultLocale;
+    value.locales = source.locales;
+    value.catalogs = source.catalogs;
+    value.currency = source.currency;
+    value.locale = { get, set };
+    value.restore = restore;
+    restore(request.value);
+    watch(request, next => {
+        restore(next);
+    }, { immediate: false });
+    return value;
+}
+//# sourceMappingURL=i18n.js.map

package/lib/private/request/store.d.ts

@@ -26,10 +26,10 @@ declare const store: import("vue").Ref<{
             sort: () => void;
             toString: () => string;
             forEach: (callbackfn: (value: string, key: string, parent: URLSearchParams) => void, thisArg?: any) => void;
+            [Symbol.iterator]: () => URLSearchParamsIterator<[string, string]>;
             entries: () => URLSearchParamsIterator<[string, string]>;
             keys: () => URLSearchParamsIterator<string>;
             values: () => URLSearchParamsIterator<string>;
-            [Symbol.iterator]: () => URLSearchParamsIterator<[string, string]>;
         };
         username: string;
         toJSON: () => string;
@@ -61,10 +61,10 @@ declare const store: import("vue").Ref<{
             sort: () => void;
             toString: () => string;
             forEach: (callbackfn: (value: string, key: string, parent: URLSearchParams) => void, thisArg?: any) => void;
+            [Symbol.iterator]: () => URLSearchParamsIterator<[string, string]>;
             entries: () => URLSearchParamsIterator<[string, string]>;
             keys: () => URLSearchParamsIterator<string>;
             values: () => URLSearchParamsIterator<string>;
-            [Symbol.iterator]: () => URLSearchParamsIterator<[string, string]>;
         };
         username: string;
         toJSON: () => string;

package/lib/public/app.d.ts

@@ -25,10 +25,10 @@ export declare function useRequest(): import("vue").Ref<{
             sort: () => void;
             toString: () => string;
             forEach: (callbackfn: (value: string, key: string, parent: URLSearchParams) => void, thisArg?: any) => void;
+            [Symbol.iterator]: () => URLSearchParamsIterator<[string, string]>;
             entries: () => URLSearchParamsIterator<[string, string]>;
             keys: () => URLSearchParamsIterator<string>;
             values: () => URLSearchParamsIterator<string>;
-            [Symbol.iterator]: () => URLSearchParamsIterator<[string, string]>;
         };
         username: string;
         toJSON: () => string;
@@ -60,10 +60,10 @@ export declare function useRequest(): import("vue").Ref<{
             sort: () => void;
             toString: () => string;
             forEach: (callbackfn: (value: string, key: string, parent: URLSearchParams) => void, thisArg?: any) => void;
+            [Symbol.iterator]: () => URLSearchParamsIterator<[string, string]>;
             entries: () => URLSearchParamsIterator<[string, string]>;
             keys: () => URLSearchParamsIterator<string>;
             values: () => URLSearchParamsIterator<string>;
-            [Symbol.iterator]: () => URLSearchParamsIterator<[string, string]>;
         };
         username: string;
         toJSON: () => string;

package/lib/public/browser.d.ts

@@ -1,3 +1,6 @@
-export { default } from "#client/app";
-export { default as client } from "#client/index";
+export default function vue(): {
+    name: string;
+    setup(): void;
+};
+export { default as app } from "#client/app";
 //# sourceMappingURL=browser.d.ts.map

package/lib/public/browser.js

@@ -1,3 +1,8 @@
-export { default } from "#client/app";
-export { default as client } from "#client/index";
+export default function vue() {
+    return {
+        name: "vue",
+        setup() { },
+    };
+}
+export { default as app } from "#client/app";
 //# sourceMappingURL=browser.js.map

package/lib/public/client.d.ts

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

package/lib/public/client.js

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

package/lib/public/i18n.d.ts

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

package/lib/public/i18n.js

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

package/lib/public/runtime.d.ts

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

package/lib/public/runtime.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primate/vue",
-  "version": "0.17.0",
+  "version": "0.18.0",
   "description": "Vue for Primate",
   "homepage": "https://primate.run/docs/frontend/vue",
   "bugs": "https://github.com/primate-run/primate/issues",
@@ -19,14 +19,14 @@
   "types": "lib/index.d.ts",
   "dependencies": {
     "@rcompat/fs": "^0.33.2",
-    "@primate/core": "^0.7.0"
+    "@primate/core": "^0.8.0"
   },
   "devDependencies": {
     "@rcompat/type": "^0.17.0"
   },
   "peerDependencies": {
     "vue": "3",
-    "primate": "^0.38.0"
+    "primate": "^0.39.0"
   },
   "imports": {
     "#*": {
@@ -37,9 +37,12 @@
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
+      "browser": {
+        "@primate/source": "./src/public/browser.ts",
+        "default": "./lib/public/browser.js"
+      },
       "@primate/runtime": "./src/public/runtime.ts",
       "@primate/source": "./src/public/default.ts",
-      "browser": "./lib/public/browser.js",
       "runtime": "./lib/public/runtime.js",
       "default": "./lib/public/default.js"
     },
@@ -49,7 +52,7 @@
     }
   },
   "scripts": {
-    "build": "npm run clean && tsc && cp src/types/{app,index}.d.ts lib",
+    "build": "npm run clean && tsgo && cp src/types/{app,index}.d.ts lib",
     "clean": "rm -rf ./lib",
     "lint": "eslint ."
   }