@azure-net/kit 5.1.0 → 5.2.0

package/dist/svelte/active-form/ActiveForm.svelte.js

@@ -1,10 +1,11 @@
 import { ObjectUtil } from '../../external/tools/index.js';
+import { cloneStateValue } from '../shared/cloneStateValue.js';
 export const createActiveForm = (onSubmit, config) => {
     const isPromise = (value) => {
         return typeof value?.then === 'function';
     };
     let initial = {};
-    let formData = $state(ObjectUtil.deepClone(initial));
+    let formData = $state(cloneStateValue(initial));
     let formErrors = $state({});
     let pending = $state(false);
     let submitRunId = 0;
@@ -15,18 +16,18 @@ export const createActiveForm = (onSubmit, config) => {
         const source = config?.initialData;
         if (!source) {
             initial = {};
-            formData = ObjectUtil.deepClone(initial);
+            formData = cloneStateValue(initial);
             formErrors = {};
-            return initial;
+            return cloneStateValue(initial);
         }
         const value = source();
         const nextInitial = isPromise(value) ? await value : value;
         if (runId !== initialLoadRunId)
-            return initial;
-        initial = (nextInitial ?? {});
-        formData = ObjectUtil.deepClone(initial);
+            return cloneStateValue(initial);
+        initial = cloneStateValue((nextInitial ?? {}));
+        formData = cloneStateValue(initial);
         formErrors = {};
-        return initial;
+        return cloneStateValue(initial);
     };
     const ready = loadInitialData();
     const abortedResponse = () => ({
@@ -45,7 +46,7 @@ export const createActiveForm = (onSubmit, config) => {
                 formData = {};
                 break;
             case 'initial':
-                formData = ObjectUtil.deepClone(initial);
+                formData = cloneStateValue(initial);
                 break;
             case 'reloadInitial':
                 await loadInitialData();
@@ -70,7 +71,7 @@ export const createActiveForm = (onSubmit, config) => {
                 if (aborted || runId !== submitRunId)
                     return abortedResponse();
             }
-            const result = await onSubmit($state.snapshot(formData));
+            const result = await onSubmit(cloneStateValue(formData));
             if (runId !== submitRunId)
                 return result;
             if (result.success) {

package/dist/svelte/query/Query.svelte.js

@@ -1,8 +1,8 @@
-import { ObjectUtil } from '../../external/tools/index.js';
 import { untrack } from 'svelte';
+import { cloneStateValue } from '../shared/cloneStateValue.js';
 export const createQuery = (initialValue, options) => {
-    const baseInitial = ObjectUtil.deepClone(initialValue);
-    let data = $state(ObjectUtil.deepClone(baseInitial));
+    const baseInitial = cloneStateValue(initialValue);
+    let data = $state(cloneStateValue(baseInitial));
     const includeKeys = options?.onChange?.include ?? [];
     const hasWatch = Boolean(options?.onChange?.handler) && includeKeys.length > 0;
     const lastValues = new Map();
@@ -33,7 +33,7 @@ export const createQuery = (initialValue, options) => {
                 await options.onChange.handler({
                     changedKeys,
                     signal: localController.signal,
-                    snapshot: ObjectUtil.deepClone(data)
+                    snapshot: cloneStateValue(data)
                 });
             };
             untrack(() => {
@@ -54,13 +54,13 @@ export const createQuery = (initialValue, options) => {
         });
     }
     const reset = () => {
-        data = ObjectUtil.deepClone(baseInitial);
+        data = cloneStateValue(baseInitial);
     };
     const patch = (value) => {
         data = { ...data, ...value };
     };
-    const snapshot = () => ObjectUtil.deepClone(data);
-    const initial = () => ObjectUtil.deepClone(baseInitial);
+    const snapshot = () => cloneStateValue(data);
+    const initial = () => cloneStateValue(baseInitial);
     return {
         get data() {
             return data;

package/dist/svelte/shared/cloneStateValue.d.ts

@@ -0,0 +1,2 @@
+/** Creates a detached graph from plain state while preserving opaque values. */
+export declare const cloneStateValue: <T>(value: T) => T;

package/dist/svelte/shared/cloneStateValue.js

@@ -0,0 +1,100 @@
+const preserveExtensibility = (source, target) => {
+    if (!Object.isExtensible(source))
+        Object.preventExtensions(target);
+};
+const cloneProperties = (source, target, seen, excluded) => {
+    for (const key of Reflect.ownKeys(source)) {
+        if (key === excluded)
+            continue;
+        const descriptor = Reflect.getOwnPropertyDescriptor(source, key);
+        if (!descriptor)
+            continue;
+        if ('value' in descriptor)
+            descriptor.value = cloneValue(descriptor.value, seen);
+        Reflect.defineProperty(target, key, descriptor);
+    }
+};
+const cloneValue = (value, seen) => {
+    if (value === null || typeof value !== 'object')
+        return value;
+    const cached = seen.get(value);
+    if (cached !== undefined)
+        return cached;
+    if (Array.isArray(value)) {
+        const result = new Array(value.length);
+        seen.set(value, result);
+        cloneProperties(value, result, seen, 'length');
+        const lengthDescriptor = Reflect.getOwnPropertyDescriptor(value, 'length');
+        if (lengthDescriptor)
+            Reflect.defineProperty(result, 'length', lengthDescriptor);
+        preserveExtensibility(value, result);
+        return result;
+    }
+    if (value instanceof Date) {
+        const result = new Date(value.getTime());
+        seen.set(value, result);
+        return result;
+    }
+    if (value instanceof Map) {
+        const result = new Map();
+        seen.set(value, result);
+        for (const [key, entryValue] of value) {
+            result.set(cloneValue(key, seen), cloneValue(entryValue, seen));
+        }
+        return result;
+    }
+    if (value instanceof Set) {
+        const result = new Set();
+        seen.set(value, result);
+        for (const entryValue of value)
+            result.add(cloneValue(entryValue, seen));
+        return result;
+    }
+    if (value instanceof RegExp) {
+        const result = new RegExp(value.source, value.flags);
+        result.lastIndex = value.lastIndex;
+        seen.set(value, result);
+        return result;
+    }
+    if (typeof URL !== 'undefined' && value instanceof URL) {
+        const result = new URL(value.href);
+        seen.set(value, result);
+        return result;
+    }
+    if (typeof URLSearchParams !== 'undefined' && value instanceof URLSearchParams) {
+        const result = new URLSearchParams(value);
+        seen.set(value, result);
+        return result;
+    }
+    if (value instanceof ArrayBuffer) {
+        const result = value.slice(0);
+        seen.set(value, result);
+        return result;
+    }
+    if (typeof SharedArrayBuffer !== 'undefined' && value instanceof SharedArrayBuffer) {
+        const result = value.slice(0);
+        seen.set(value, result);
+        return result;
+    }
+    if (ArrayBuffer.isView(value)) {
+        const buffer = cloneValue(value.buffer, seen);
+        const result = value instanceof DataView
+            ? new DataView(buffer, value.byteOffset, value.byteLength)
+            : new value.constructor(buffer, value.byteOffset, value.length);
+        seen.set(value, result);
+        return result;
+    }
+    const prototype = Object.getPrototypeOf(value);
+    if (prototype !== Object.prototype && prototype !== null) {
+        // File, Blob, Promise and class instances cannot be cloned generically without
+        // losing internal slots or behavior. Keeping them is lossless and preserves DX.
+        return value;
+    }
+    const result = Object.create(prototype);
+    seen.set(value, result);
+    cloneProperties(value, result, seen);
+    preserveExtensibility(value, result);
+    return result;
+};
+/** Creates a detached graph from plain state while preserving opaque values. */
+export const cloneStateValue = (value) => cloneValue(value, new WeakMap());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azure-net/kit",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "license": "MIT",
   "author": "Pixel1917",
   "description": "Universal toolkit and library collection, developed as part of the Azure-net ecosystem",
@@ -73,15 +73,15 @@
     }
   },
   "peerDependencies": {
-    "@sveltejs/kit": ">=2.16.0",
-    "svelte": ">=5.0.0"
+    "@sveltejs/kit": ">=2.57.1",
+    "svelte": ">=5.55.4"
   },
   "devDependencies": {
     "@eslint/compat": "^2.0.5",
     "@eslint/js": "^10.0.1",
     "@playwright/test": "^1.59.1",
     "@sveltejs/adapter-auto": "^7.0.1",
-    "@sveltejs/kit": "^2.57.1",
+    "@sveltejs/kit": "^2.70.2",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
     "@testing-library/jest-dom": "^6.9.1",
@@ -95,7 +95,7 @@
     "prettier": "^3.8.3",
     "prettier-plugin-svelte": "^3.5.1",
     "publint": "^0.3.18",
-    "svelte": "^5.55.4",
+    "svelte": "^5.56.9",
     "svelte-check": "^4.4.6",
     "typescript": "^5.0.0",
     "typescript-eslint": "^8.58.2",
@@ -127,8 +127,8 @@
     "lint": "prettier --check . && eslint .",
     "test:unit": "vitest --config vitest.config.ts",
     "test:integration": "vitest --config vitest.integration.config.ts --run",
-    "test": "npm run test:unit -- --run && npm run test:e2e",
-    "test:e2e": "playwright test --pass-with-no-tests",
+    "test": "pnpm test:unit -- --run && pnpm test:integration && pnpm test:e2e",
+    "test:e2e": "playwright test",
     "commit": "pnpm format && git add ."
   }
 }