@webamoki/web-svelte 2.5.1 → 2.5.3

package/dist/shared/utils/command.d.ts

@@ -1,14 +1,42 @@
 import type { RemoteCommand } from '@sveltejs/kit';
 import type { CommandResult, CommandSuccess, ResponseError } from './remote.js';
+type RC<S, O extends CommandSuccess> = RemoteCommand<S, Promise<CommandResult<O>>>;
+/**
+ * Command Remote function handler for Client
+ * - state for dynamic input
+ * - execute function, which handles toast and callbacks
+ * - submitting state for tracking pending executions
+ */
 export declare class CommandAction<S, O extends CommandSuccess> {
     #private;
-    input: Parameters<RemoteCommand<S, Promise<CommandResult<O>>>>[0];
+    input: S;
     get submitting(): boolean;
-    constructor(remote: RemoteCommand<S, Promise<CommandResult<O>>>, defaultInput: Parameters<RemoteCommand<S, Promise<CommandResult<O>>>>[0], config?: {
+    constructor(remote: RC<S, O>, defaultInput: S, config?: {
+        onError?: (error: ResponseError) => void;
+        onSuccess?: (state: {
+            input: S;
+            result: O;
+        }) => void;
+        toastError?: boolean;
+        toastSuccess?: boolean;
+    });
+    execute(): Promise<void>;
+}
+type RCV<O extends CommandSuccess> = RemoteCommand<void, Promise<CommandResult<O>>>;
+/**
+ * Command Remote function handler for Client without input
+ * - execute function, which handles toast and callbacks
+ * - submitting state for tracking pending executions
+ */
+export declare class CommandActionVoid<O extends CommandSuccess> {
+    #private;
+    get submitting(): boolean;
+    constructor(remote: RCV<O>, config?: {
         onError?: (error: ResponseError) => void;
         onSuccess?: (result: O) => void;
         toastError?: boolean;
         toastSuccess?: boolean;
     });
-    execute(): Promise<O>;
+    execute(): Promise<void>;
 }
+export {};

package/dist/shared/utils/command.js

@@ -1,5 +1,12 @@
 // Client side handling
 import { toast } from 'svelte-sonner';
+import { Result } from './functional/result.js';
+/**
+ * Command Remote function handler for Client
+ * - state for dynamic input
+ * - execute function, which handles toast and callbacks
+ * - submitting state for tracking pending executions
+ */
 export class CommandAction {
     input = $state();
     get submitting() {
@@ -22,18 +29,64 @@ export class CommandAction {
     async execute() {
         this.#submitCount++;
         try {
-            const result = await this.#remote(this.input);
+            const input = this.input;
+            const result = await this.#remote(input).catch(() => Result.err({ code: 500, message: 'Internal Server Error' }));
+            if (result.ok) {
+                if (this.#toastSuccess)
+                    toast.success(result.value.message);
+                this.#onSuccess?.({
+                    input: input,
+                    result: result.value
+                });
+                return;
+            }
+            else {
+                if (this.#toastError)
+                    toast.error(`${result.error.code} - ${result.error.message}`);
+                this.#onError?.(result.error);
+            }
+        }
+        finally {
+            this.#submitCount--;
+        }
+    }
+}
+/**
+ * Command Remote function handler for Client without input
+ * - execute function, which handles toast and callbacks
+ * - submitting state for tracking pending executions
+ */
+export class CommandActionVoid {
+    get submitting() {
+        return this.#submitCount > 0;
+    }
+    #onError;
+    #onSuccess;
+    #remote;
+    #submitCount = $state(0);
+    #toastError;
+    #toastSuccess;
+    constructor(remote, config) {
+        this.#remote = remote;
+        this.#toastError = config?.toastError ?? true;
+        this.#toastSuccess = config?.toastSuccess ?? true;
+        this.#onError = config?.onError;
+        this.#onSuccess = config?.onSuccess;
+    }
+    async execute() {
+        this.#submitCount++;
+        try {
+            const result = await this.#remote().catch(() => Result.err({ code: 500, message: 'Internal Server Error' }));
             if (result.ok) {
                 if (this.#toastSuccess)
                     toast.success(result.value.message);
                 this.#onSuccess?.(result.value);
-                return result.value;
+                return;
             }
             else {
                 if (this.#toastError)
                     toast.error(`${result.error.code} - ${result.error.message}`);
                 this.#onError?.(result.error);
-                throw result.error;
             }
         }
         finally {

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "provenance": true
   },
-  "version": "2.5.1",
+  "version": "2.5.3",
   "license": "MIT",
   "repository": {
     "type": "git",