@webamoki/web-svelte 0.7.4 → 1.0.0

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

@@ -1,19 +1,22 @@
 import { type } from 'arktype';
+import { parse, stringify } from 'devalue';
 import { toast } from 'svelte-sonner';
 import { createSubscriber } from 'svelte/reactivity';
-import { parse, stringify } from 'devalue';
 import { dateTransport } from '../datetime/index.js';
 export class VirtualForm {
+    get isProcessing() {
+        this.#subscribe();
+        return this.#isProcessing;
+    }
     // state storage
     #isProcessing = false;
-    #url = '';
-    #schema;
-    #transport;
-    #onSuccess;
     #onError;
+    #onSuccess;
+    #schema;
     // svelte reactive tracking
     #subscribe;
-    #update = () => { };
+    #transport;
+    #url = '';
     constructor(schema, action, options = {}) {
         this.#url = `${action}${options.actionName ? '?/' + options.actionName : ''}`;
         this.#schema = schema;
@@ -25,50 +28,6 @@ export class VirtualForm {
             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.#isProcessing = true;
         this.#update();
@@ -77,10 +36,10 @@ export class VirtualForm {
         if (validated instanceof type.errors) {
             console.error('Validation failed:', validated.summary);
             this.#onError?.({
-                text: 'Validation failed',
                 data: validated.summary,
+                showToast: false,
                 success: false,
-                showToast: false
+                text: 'Validation failed'
             });
             return;
         }
@@ -92,8 +51,8 @@ export class VirtualForm {
             formData.append('__superform_id', '1');
             formData.append('__superform_json', stringify(encodedData));
             const res = await fetch(this.#url, {
-                method: 'POST',
-                body: formData
+                body: formData,
+                method: 'POST'
             });
             const result = await res.json();
             if (!res.ok || result.status === 400) {
@@ -122,13 +81,54 @@ export class VirtualForm {
         }
         catch (err) {
             console.error(err);
-            this.#onError?.({ text: 'Network error', data: err, success: false, showToast: false });
+            this.#onError?.({ data: err, showToast: false, success: false, text: 'Network error' });
         }
         this.#isProcessing = false;
         this.#update();
     }
-    get isProcessing() {
-        this.#subscribe();
-        return this.#isProcessing;
+    // 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;
+    }
+    // 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;
     }
+    #update = () => { };
 }

package/dist/utils/search.d.ts

@@ -1,2 +1,2 @@
-export declare function fuzzySearchHighlight(needle: string, haystack: string): string | null;
 export declare function fuzzySearch(needle: string, haystack: string): boolean;
+export declare function fuzzySearchHighlight(needle: string, haystack: string): null | string;

package/dist/utils/search.js

@@ -1,3 +1,25 @@
+export function fuzzySearch(needle, haystack) {
+    const hlen = haystack.length;
+    const nlen = needle.length;
+    if (nlen > hlen) {
+        return false;
+    }
+    if (nlen === hlen) {
+        return needle.toLowerCase() === haystack.toLowerCase();
+    }
+    const lowerNeedle = needle.toLowerCase();
+    const lowerHaystack = haystack.toLowerCase();
+    outer: for (let i = 0, j = 0; i < nlen; i++) {
+        const nch = lowerNeedle.charCodeAt(i);
+        while (j < hlen) {
+            if (lowerHaystack.charCodeAt(j++) === nch) {
+                continue outer;
+            }
+        }
+        return false;
+    }
+    return true;
+}
 export function fuzzySearchHighlight(needle, haystack) {
     const hlen = haystack.length;
     const nlen = needle.length;
@@ -39,25 +61,3 @@ export function fuzzySearchHighlight(needle, haystack) {
         return null;
     return `<span>${result}</span>`;
 }
-export function fuzzySearch(needle, haystack) {
-    const hlen = haystack.length;
-    const nlen = needle.length;
-    if (nlen > hlen) {
-        return false;
-    }
-    if (nlen === hlen) {
-        return needle.toLowerCase() === haystack.toLowerCase();
-    }
-    const lowerNeedle = needle.toLowerCase();
-    const lowerHaystack = haystack.toLowerCase();
-    outer: for (let i = 0, j = 0; i < nlen; i++) {
-        const nch = lowerNeedle.charCodeAt(i);
-        while (j < hlen) {
-            if (lowerHaystack.charCodeAt(j++) === nch) {
-                continue outer;
-            }
-        }
-        return false;
-    }
-    return true;
-}

package/dist/utils/types/arktype.d.ts

@@ -1,6 +1,6 @@
-import { Type } from 'arktype';
+import type { Type } from 'arktype';
+import { CalendarDate as calendarImport, Time as timeImport } from '@internationalized/date';
 import { Days } from '../datetime/index.js';
-import { Time as timeImport, CalendarDate as calendarImport } from '@internationalized/date';
 export declare const Phone: import("arktype/internal/variants/string.ts").StringType<string, {}>;
 /** Type string which is trimmed before narrowing the type checking */
 export declare function trimTo(typeTo: Type<string>): import("arktype/internal/variants/object.ts").ObjectType<(In: string) => import("arktype/internal/attributes.ts").To<string>, {}>;

package/dist/utils/types/arktype.js

@@ -1,8 +1,8 @@
-import { Type, type } from 'arktype';
+import { CalendarDate as calendarImport, Time as timeImport } from '@internationalized/date';
+import { type } from 'arktype';
 import { Days } from '../datetime/index.js';
-import { Time as timeImport, CalendarDate as calendarImport } from '@internationalized/date';
-import { EMAIL_MAX, FIRST_NAME_MAX, LAST_NAME_MAX, NAME_MAX } from './consts.js';
 import { toTitleCase } from '../string.js';
+import { EMAIL_MAX, FIRST_NAME_MAX, LAST_NAME_MAX, NAME_MAX } from './consts.js';
 // Phone arktype: allows "+", digits, and spaces only
 export const Phone = type('string').narrow((value, ctx) => {
     if (!/^[+0-9 ]+$/.test(value)) {

package/dist/utils/types/db.d.ts

@@ -1,4 +1,5 @@
-import { CalendarDate, type Time } from '@internationalized/date';
+import type { CalendarDate } from '@internationalized/date';
+import { type Time } from '@internationalized/date';
 export declare function stringEnum<T extends string>(): import("drizzle-orm/column-builder", { with: { "resolution-mode": "require" } }).$Type<import("drizzle-orm/pg-core", { with: { "resolution-mode": "require" } }).PgVarcharBuilderInitial<"", [string, ...string[]], 50>, T>;
 export declare const name: () => import("drizzle-orm/pg-core", { with: { "resolution-mode": "require" } }).PgVarcharBuilderInitial<"", [string, ...string[]], 50>;
 export declare const hexColor: () => import("drizzle-orm/pg-core", { with: { "resolution-mode": "require" } }).PgVarcharBuilderInitial<"", [string, ...string[]], 6>;

package/dist/utils/types/db.js

@@ -1,6 +1,6 @@
+import { parseDate, parseTime } from '@internationalized/date';
 import { customType, varchar } from 'drizzle-orm/pg-core';
 import { HEX_COLOR_MAX, NAME_MAX } from './consts.js';
-import { CalendarDate, parseDate, parseTime } from '@internationalized/date';
 // General
 const STRING_ENUM_MAX = 50;
 export function stringEnum() {
@@ -14,21 +14,21 @@ export const time = customType({
     dataType() {
         return 'time(0)';
     },
-    toDriver(time) {
-        return time.toString();
-    },
     fromDriver(value) {
         return parseTime(value);
+    },
+    toDriver(time) {
+        return time.toString();
     }
 });
 export const date = customType({
     dataType() {
         return 'date';
     },
-    toDriver(date) {
-        return date.toString();
-    },
     fromDriver(value) {
         return parseDate(value);
+    },
+    toDriver(date) {
+        return date.toString();
     }
 });

package/package.json

@@ -1,13 +1,30 @@
 {
   "name": "@webamoki/web-svelte",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
-  "version": "0.7.4",
+  "version": "1.0.0",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/Webamoki/Web-svelte"
+    "url": "git+https://github.com/Webamoki/Web-svelte.git"
+  },
+  "scripts": {
+    "dev": "vite dev",
+    "build:site": "vite build",
+    "build:lib": "pnpm prepack",
+    "preview": "vite preview",
+    "prepare": "svelte-kit sync || echo ''",
+    "prepack": "svelte-kit sync && svelte-package && publint",
+    "check": "pnpm fmt && pnpm lint:es --fix && pnpm lint:svelte && pnpm test",
+    "fmt": "prettier --write --cache --cache-location=.cache/.prettier-cache --cache-strategy metadata --log-level warn .",
+    "lint": "pnpm lint:es && pnpm lint:svelte",
+    "lint:es": "eslint --cache --cache-location .cache/.eslintcache --cache-strategy metadata .",
+    "lint:svelte": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "test:unit": "vitest run",
+    "test": "pnpm test:unit",
+    "watch": "svelte-package --watch"
   },
   "files": [
     "dist",
@@ -72,69 +89,67 @@
     "sveltekit-superforms": "^2.28.1"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.29.7",
-    "@eslint/compat": "^1.4.1",
-    "@eslint/js": "^9.39.1",
-    "@sveltejs/adapter-cloudflare": "^7.2.8",
-    "@sveltejs/kit": "^2.48.4",
-    "@sveltejs/package": "^2.5.4",
-    "@sveltejs/vite-plugin-svelte": "^6.2.1",
-    "@tailwindcss/forms": "^0.5.10",
+    "@eslint/compat": "^2.0.3",
+    "@eslint/js": "^9.39.4",
+    "@sveltejs/adapter-static": "^3.0.10",
+    "@sveltejs/kit": "^2.54.0",
+    "@sveltejs/package": "^2.5.7",
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "@tailwindcss/forms": "^0.5.11",
     "@tailwindcss/typography": "^0.5.19",
-    "@tailwindcss/vite": "^4.1.17",
-    "@types/node": "^22.19.1",
+    "@tailwindcss/vite": "^4.2.1",
+    "@types/node": "^25.4.0",
     "@types/ramda": "^0.31.1",
     "@types/sorted-array-functions": "^1.3.3",
     "clsx": "^2.1.1",
-    "eslint": "^9.39.1",
+    "eslint": "^9.39.4",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-svelte": "^3.13.0",
-    "globals": "^16.5.0",
-    "prettier": "^3.6.2",
-    "prettier-plugin-svelte": "^3.4.0",
-    "prettier-plugin-tailwindcss": "^0.6.14",
-    "publint": "^0.3.15",
-    "shiki": "^3.15.0",
-    "svelte": "^5.43.6",
-    "svelte-check": "^4.3.4",
-    "tailwind-merge": "^3.4.0",
-    "tailwind-variants": "^3.1.1",
-    "tailwindcss": "^4.1.17",
+    "eslint-plugin-perfectionist": "^5.6.0",
+    "eslint-plugin-svelte": "^3.15.2",
+    "globals": "^17.4.0",
+    "prettier": "^3.8.1",
+    "prettier-plugin-svelte": "^3.5.1",
+    "prettier-plugin-tailwindcss": "^0.7.2",
+    "publint": "^0.3.18",
+    "semantic-release": "^25.0.3",
+    "shiki": "^4.0.2",
+    "svelte": "^5.53.10",
+    "svelte-check": "^4.4.5",
+    "svelte-eslint-parser": "^1.6.0",
+    "tailwind-merge": "^3.5.0",
+    "tailwind-variants": "^3.2.2",
+    "tailwindcss": "^4.2.1",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.46.4",
-    "vite": "^7.2.2",
-    "vitest": "^3.2.4"
+    "typescript-eslint": "^8.57.0",
+    "vite": "^7.3.1",
+    "vitest": "^4.0.18"
   },
   "keywords": [
     "svelte"
   ],
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "@tailwindcss/oxide",
+      "esbuild",
+      "sharp"
+    ],
+    "ignoredBuiltDependencies": [
+      "workerd"
+    ]
+  },
   "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",
+    "@internationalized/date": "^3.12.0",
+    "@lucide/svelte": "^0.577.0",
+    "arktype": "^2.2.0",
+    "bits-ui": "^2.16.3",
+    "devalue": "^5.6.4",
+    "drizzle-orm": "^0.45.1",
     "formsnap": "^2.0.1",
-    "ramda": "^0.31.3",
+    "ramda": "^0.32.0",
     "sorted-array-functions": "^1.3.0",
-    "svelte-awesome-color-picker": "^4.1.0",
-    "svelte-sonner": "^1.0.6",
-    "sveltekit-superforms": "^2.28.1"
-  },
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build && pnpm prepack",
-    "preview": "vite preview",
-    "check": "pnpm fmt && pnpm lint && pnpm test",
-    "fmt": "prettier --write --cache --cache-location=.cache/.prettier-cache --cache-strategy metadata --log-level warn .",
-    "lint": "pnpm lint:es && pnpm lint:svelte",
-    "lint:es": "eslint --cache --cache-location .cache/.eslintcache --cache-strategy metadata .",
-    "lint:svelte": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "test:unit": "vitest run",
-    "test": "pnpm test:unit",
-    "watch": "svelte-package --watch"
+    "svelte-awesome-color-picker": "^4.1.1",
+    "svelte-sonner": "^1.1.0",
+    "sveltekit-superforms": "^2.30.0"
   }
-}
+}