@webamoki/web-svelte 0.5.35 → 0.6.1

package/dist/server/form-handler.d.ts

@@ -10,19 +10,23 @@ export declare function handleDbErrorForm<T extends Record<string, unknown>>(for
  * check if an error returned by a try catch is a duplicate value error in postgre
  */
 export declare function isDuplicateDbError(err: unknown): boolean;
-export declare function successMessage<T extends Record<string, unknown>>(form: SuperValidated<T>): {
-    form: SuperValidated<T, any, T>;
+export declare function successMessage<T extends Record<string, unknown>>(form: SuperValidated<T>, options?: {
+    showToast?: boolean;
+    text?: string;
+    data?: unknown;
+}): {
+    form: SuperValidated<T, App.Superforms.Message, T>;
 } | import("@sveltejs/kit").ActionFailure<{
-    form: SuperValidated<T, any, T>;
+    form: SuperValidated<T, App.Superforms.Message, T>;
 }>;
 export declare function errorMessage<T extends Record<string, unknown>>(form: SuperValidated<T>, options?: {
     showToast?: boolean;
     text?: string;
     data?: unknown;
 }): {
-    form: SuperValidated<T, any, T>;
+    form: SuperValidated<T, App.Superforms.Message, T>;
 } | import("@sveltejs/kit").ActionFailure<{
-    form: SuperValidated<T, any, T>;
+    form: SuperValidated<T, App.Superforms.Message, T>;
 }>;
 export declare function failFormValidation<T extends Record<string, unknown>>(form: SuperValidated<T>): import("@sveltejs/kit").ActionFailure<{
     form: SuperValidated<T>;

package/dist/server/form-handler.js

@@ -18,17 +18,26 @@ export function handleDbErrorForm(form, message, err) {
 export function isDuplicateDbError(err) {
     return err instanceof DatabaseError && err.code === '23505';
 }
-export function successMessage(form) {
-    return superFormMessage(form, { success: true, showToast: true, text: 'Success' });
+export function successMessage(form, options) {
+    const message = {
+        success: true,
+        showToast: options?.showToast ?? true,
+        text: options?.text ?? 'Success',
+        data: options?.data
+    };
+    return superFormMessage(form, message);
 }
 export function errorMessage(form, options) {
-    return superFormMessage(form, {
+    const message = {
         success: false,
         showToast: options?.showToast ?? false,
         text: options?.text,
         data: options?.data
-    });
+    };
+    return superFormMessage(form, message);
 }
 export function failFormValidation(form) {
+    if (form.valid)
+        throw new Error('Invalid form passed');
     return fail(400, { form });
 }

package/dist/server/form-processor.d.ts

@@ -0,0 +1,2 @@
+import { type } from 'arktype';
+export declare function processForm<S extends type.Any<Record<string, unknown>>>(request: Request, schema: S): Promise<import("sveltekit-superforms").SuperValidated<S["infer"], any, S["inferIn"]>>;

package/dist/server/form-processor.js

@@ -0,0 +1,7 @@
+import { dateTransport } from '../utils/datetime/index.js';
+import { type } from 'arktype';
+import { superValidate } from 'sveltekit-superforms';
+import { arktype } from 'sveltekit-superforms/adapters';
+export async function processForm(request, schema) {
+    return await superValidate(request, arktype(schema), { transport: dateTransport });
+}

package/dist/utils/{form.d.ts → form/index.d.ts}

@@ -4,6 +4,7 @@ export declare function prepareForm<S extends type.Any<Record<string, unknown>>>
     invalidateAll: boolean;
     resetForm: boolean;
     onSuccess: (form: Readonly<SuperValidated<S['infer'], App.Superforms.Message, S['infer']>>) => void;
+    onError: (form: Readonly<SuperValidated<S['infer'], App.Superforms.Message, S['infer']>>) => void;
 }>): {
     form: import("sveltekit-superforms").SuperForm<S["infer"], any>;
     data: import("sveltekit-superforms/client").SuperFormData<S["infer"]>;
@@ -14,10 +15,10 @@ export declare function prepareEmptyForm<S extends type.Any<Record<string, unkno
     invalidateAll: boolean;
     resetForm: boolean;
     onSuccess: (form: Readonly<SuperValidated<S['infer'], App.Superforms.Message, S['infer']>>) => void;
+    onError: (form: Readonly<SuperValidated<S['infer'], App.Superforms.Message, S['infer']>>) => void;
 }>): {
     form: import("sveltekit-superforms").SuperForm<S["infer"], any>;
     data: import("sveltekit-superforms/client").SuperFormData<S["infer"]>;
     delayed: import("svelte/store").Readable<boolean>;
     errors: import("sveltekit-superforms/client").SuperFormErrors<S["infer"]>;
 };
-export declare function getServerForm<S extends type.Any<Record<string, unknown>>>(request: Request, schema: S): Promise<SuperValidated<S["infer"], any, S["inferIn"]>>;

package/dist/utils/{form.js → form/index.js}

@@ -1,8 +1,8 @@
 import { type } from 'arktype';
 import { toast } from 'svelte-sonner';
-import { defaults, superForm, superValidate } from 'sveltekit-superforms';
+import { defaults, superForm } from 'sveltekit-superforms';
 import { arktype, arktypeClient } from 'sveltekit-superforms/adapters';
-import { dateTransport } from './datetime/index.js';
+import { dateTransport } from '../datetime/index.js';
 export function prepareForm(validated, schema, options) {
     const form = superForm(validated, {
         validators: arktypeClient(schema),
@@ -11,17 +11,17 @@ export function prepareForm(validated, schema, options) {
         transport: dateTransport,
         resetForm: options?.resetForm ?? true,
         onUpdated({ form }) {
-            if (form.valid) {
+            if (form.valid && form.message.success) {
                 options?.onSuccess?.(form);
-            }
-            const text = form.message?.text;
-            if (text === undefined || form.message?.showToast === false)
-                return;
-            if (form.message.success) {
-                toast.success(text);
+                if (form.message?.text && form.message?.showToast) {
+                    toast.success(form.message.text);
+                }
             }
             else {
-                toast.error(text);
+                options?.onError?.(form);
+                if (form.message?.text && form.message?.showToast) {
+                    toast.error(form.message.text);
+                }
             }
         },
         onError({ result }) {
@@ -42,17 +42,17 @@ export function prepareEmptyForm(schema, options) {
         transport: dateTransport,
         resetForm: options?.resetForm === undefined ? true : false,
         onUpdated({ form }) {
-            if (form.valid) {
+            if (form.valid && form.message.success) {
                 options?.onSuccess?.(form);
-            }
-            const text = form.message?.text;
-            if (text === undefined || form.message?.showToast === false)
-                return;
-            if (form.message.success) {
-                toast.success(text);
+                if (form.message?.text && form.message?.showToast) {
+                    toast.success(form.message.text);
+                }
             }
             else {
-                toast.error(text);
+                options?.onError?.(form);
+                if (form.message?.text && form.message?.showToast) {
+                    toast.error(form.message.text);
+                }
             }
         },
         onError({ result }) {
@@ -65,6 +65,3 @@ export function prepareEmptyForm(schema, options) {
     const errors = form.errors;
     return { form, data: form.form, delayed, errors };
 }
-export async function getServerForm(request, schema) {
-    return await superValidate(request, arktype(schema), { transport: dateTransport });
-}

package/dist/utils/form/virtual-form.d.ts

@@ -0,0 +1,14 @@
+import { type } from 'arktype';
+import type { SuperValidated } from 'sveltekit-superforms/client';
+import type { Transport } from '@sveltejs/kit';
+export declare class VirtualForm<S extends type.Any<Record<string, unknown>>> {
+    #private;
+    constructor(schema: S, action: string, options?: {
+        actionName?: string;
+        transport?: Transport;
+        onSuccess?: (form: Readonly<SuperValidated<S['infer'], App.Superforms.Message, S['infer']>>) => void;
+        onError?: (message: App.Superforms.Message) => void;
+    });
+    submit(data: S['infer']): Promise<void>;
+    get isLoading(): boolean;
+}

package/dist/utils/form/virtual-form.js

@@ -0,0 +1,134 @@
+import { type } from 'arktype';
+import { toast } from 'svelte-sonner';
+import { createSubscriber } from 'svelte/reactivity';
+import { parse, stringify } from 'devalue';
+import { dateTransport } from '../datetime/index.js';
+export class VirtualForm {
+    // state storage
+    #isLoading = false;
+    #url = '';
+    #schema;
+    #transport;
+    #onSuccess;
+    #onError;
+    // svelte reactive tracking
+    #subscribe;
+    #update = () => { };
+    constructor(schema, action, options = {}) {
+        this.#url = `${action}${options.actionName ? '?/' + options.actionName : ''}`;
+        this.#schema = schema;
+        this.#transport = options.transport ?? dateTransport;
+        this.#onSuccess = options.onSuccess;
+        this.#onError = options.onError;
+        this.#subscribe = createSubscriber((update) => {
+            this.#update = update;
+            return () => { };
+        });
+    }
+    // Apply transport encoding to data before sending
+    #encodeTransport(data) {
+        if (!this.#transport || typeof data !== 'object' || data === null) {
+            return data;
+        }
+        // Handle arrays
+        if (Array.isArray(data)) {
+            return data.map((item) => this.#encodeTransport(item));
+        }
+        // Try each transport encoder
+        for (const [key, encoder] of Object.entries(this.#transport)) {
+            const encoded = encoder.encode(data);
+            if (encoded !== false) {
+                return { __type: key, __value: encoded };
+            }
+        }
+        // Recursively encode nested objects
+        const result = {};
+        for (const [key, value] of Object.entries(data)) {
+            result[key] = this.#encodeTransport(value);
+        }
+        return result;
+    }
+    // Apply transport decoding to received data
+    #decodeTransport(data) {
+        if (!this.#transport || typeof data !== 'object' || data === null) {
+            return data;
+        }
+        // Handle arrays
+        if (Array.isArray(data)) {
+            return data.map((item) => this.#decodeTransport(item));
+        }
+        // Check if this is a transport-encoded value
+        const obj = data;
+        if (obj.__type && obj.__value && this.#transport[obj.__type]) {
+            return this.#transport[obj.__type].decode(obj.__value);
+        }
+        // Recursively decode nested objects
+        const result = {};
+        for (const [key, value] of Object.entries(obj)) {
+            result[key] = this.#decodeTransport(value);
+        }
+        return result;
+    }
+    async submit(data) {
+        this.#isLoading = true;
+        this.#update();
+        // Validate data against schema
+        const validated = this.#schema(data);
+        if (validated instanceof type.errors) {
+            console.error('Validation failed:', validated.summary);
+            this.#onError?.({
+                text: 'Validation failed',
+                data: validated.summary,
+                success: false,
+                showToast: false
+            });
+            return;
+        }
+        try {
+            // Apply transport encoding before sending
+            const encodedData = this.#encodeTransport(validated);
+            // Encode JSON as form data (like superforms does)
+            const formData = new FormData();
+            formData.append('__superform_id', '1');
+            formData.append('__superform_json', stringify(encodedData));
+            const res = await fetch(this.#url, {
+                method: 'POST',
+                body: formData
+            });
+            const result = await res.json();
+            if (!res.ok || result.status === 400) {
+                console.error('Request failed:', result);
+                this.#onError?.(result);
+                this.#isLoading = false;
+                this.#update();
+                return;
+            }
+            // Parse and decode the response
+            const parsedData = parse(result['data']);
+            const decodedData = this.#decodeTransport(parsedData);
+            const form = decodedData['form'];
+            if (form.valid && form.message?.success) {
+                this.#onSuccess?.(form);
+                if (form.message.text && form.message.showToast) {
+                    toast.success(form.message.text);
+                }
+            }
+            else {
+                this.#onError?.(form.message);
+                if (form.message?.text && form.message?.showToast) {
+                    toast.error(form.message.text);
+                }
+            }
+        }
+        catch (err) {
+            console.error(err);
+            this.#onError?.({ text: 'Network error', data: err, success: false, showToast: false });
+        }
+        this.#isLoading = false;
+        this.#update();
+    }
+    get isLoading() {
+        this.#subscribe();
+        return this.#isLoading;
+    }
+}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.35",
+  "version": "0.6.1",
   "license": "MIT",
   "files": [
     "dist",
@@ -40,13 +40,17 @@
       "import": "./dist/utils/types/db.js"
     },
     "./utils/form": {
-      "types": "./dist/utils/form.d.ts",
-      "import": "./dist/utils/form.js"
+      "types": "./dist/utils/form/index.d.ts",
+      "import": "./dist/utils/form/index.js"
     },
     "./server/form-handler": {
       "types": "./dist/server/form-handler.d.ts",
       "import": "./dist/server/form-handler.js"
     },
+    "./server/form-processor": {
+      "types": "./dist/server/form-processor.d.ts",
+      "import": "./dist/server/form-processor.js"
+    },
     "./utils/search": {
       "types": "./dist/utils/search.d.ts",
       "import": "./dist/utils/search.js"
@@ -57,13 +61,12 @@
     "@lucide/svelte": "^0.553.0",
     "arktype": "^2.1.22",
     "svelte": "^5.43.6",
-    "sveltekit-superforms": "^2.27.1"
+    "sveltekit-superforms": "^2.28.1"
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.7",
     "@eslint/compat": "^1.4.1",
     "@eslint/js": "^9.39.1",
-    "@sveltejs/adapter-static": "^3.0.10",
     "@sveltejs/kit": "^2.48.4",
     "@sveltejs/package": "^2.5.4",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
@@ -101,8 +104,10 @@
   "dependencies": {
     "@internationalized/date": "^3.10.0",
     "@lucide/svelte": "^0.553.0",
+    "@sveltejs/adapter-auto": "^7.0.0",
     "arktype": "^2.1.26",
     "bits-ui": "^2.14.3",
+    "devalue": "^5.5.0",
     "drizzle-orm": "^0.44.7",
     "formsnap": "^2.0.1",
     "pg": "^8.16.3",