svstate 1.0.0 → 1.1.0

package/README.md

@@ -5,6 +5,8 @@
 [![Node.js](https://img.shields.io/badge/Node.js-%3E%3D20-green.svg)](https://nodejs.org/)
 [![Svelte 5](https://img.shields.io/badge/Svelte-5-orange.svg)](https://svelte.dev/)
 [![License: ISC](https://img.shields.io/badge/License-ISC-blue.svg)](https://opensource.org/licenses/ISC)
+[![Tests](https://img.shields.io/badge/tests-300%2B-brightgreen.svg)]()
+[![Coverage](https://img.shields.io/badge/coverage-%3E98%25-brightgreen.svg)]()
 
 > **Deep reactive proxy with validation, snapshot/undo, and side effects — built for complex, real-world applications.**
 

package/dist/index.js

@@ -1,10 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stringValidator = exports.numberValidator = exports.dateValidator = exports.arrayValidator = exports.createSvState = void 0;
-var state_svelte_1 = require("./state.svelte");
-Object.defineProperty(exports, "createSvState", { enumerable: true, get: function () { return state_svelte_1.createSvState; } });
-var validators_1 = require("./validators");
-Object.defineProperty(exports, "arrayValidator", { enumerable: true, get: function () { return validators_1.arrayValidator; } });
-Object.defineProperty(exports, "dateValidator", { enumerable: true, get: function () { return validators_1.dateValidator; } });
-Object.defineProperty(exports, "numberValidator", { enumerable: true, get: function () { return validators_1.numberValidator; } });
-Object.defineProperty(exports, "stringValidator", { enumerable: true, get: function () { return validators_1.stringValidator; } });
+export { createSvState } from './state.svelte';
+export { arrayValidator, dateValidator, numberValidator, stringValidator } from './validators';

package/dist/proxy.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChangeProxy = void 0;
 const isProxiable = (value) => typeof value === 'object' &&
     value !== null &&
     !(value instanceof Date) &&
@@ -11,10 +8,10 @@ const isProxiable = (value) => typeof value === 'object' &&
     !(value instanceof RegExp) &&
     !(value instanceof Error) &&
     !(value instanceof Promise);
-const ChangeProxy = (source, changed) => {
+export const ChangeProxy = (source, changed) => {
     const createProxy = (target, parentPath) => new Proxy(target, {
-        get(object, property, receiver) {
-            const value = Reflect.get(object, property, receiver);
+        get(object, property) {
+            const value = object[property];
             if (isProxiable(value)) {
                 const pathSegment = Number.isInteger(Number(property)) ? '' : String(property);
                 const childPath = pathSegment ? (parentPath ? `${parentPath}.${pathSegment}` : pathSegment) : parentPath;
@@ -22,10 +19,10 @@ const ChangeProxy = (source, changed) => {
             }
             return value;
         },
-        set(object, property, incomingValue, receiver) {
-            const oldValue = Reflect.get(object, property, receiver);
+        set(object, property, incomingValue) {
+            const oldValue = object[property];
             if (oldValue !== incomingValue) {
-                Reflect.set(object, property, incomingValue, receiver);
+                object[property] = incomingValue;
                 const pathSegment = Number.isInteger(Number(property)) ? '' : String(property);
                 const fullPath = pathSegment ? (parentPath ? `${parentPath}.${pathSegment}` : pathSegment) : parentPath;
                 changed(data, fullPath, incomingValue, oldValue);
@@ -36,4 +33,3 @@ const ChangeProxy = (source, changed) => {
     const data = createProxy(source, '');
     return data;
 };
-exports.ChangeProxy = ChangeProxy;

package/dist/state.svelte.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSvState = createSvState;
-const store_1 = require("svelte/store");
-const proxy_1 = require("./proxy");
+import { derived, get, writable } from 'svelte/store';
+import { ChangeProxy } from './proxy';
 const checkHasErrors = (validator) => Object.values(validator).some((item) => (typeof item === 'string' ? !!item : checkHasErrors(item)));
 const hasAnyErrors = ($errors) => !!$errors && checkHasErrors($errors);
 const deepClone = (object) => {
@@ -13,9 +10,8 @@ const deepClone = (object) => {
     if (Array.isArray(object))
         return object.map((item) => deepClone(item));
     const cloned = {};
-    for (const key in object)
-        if (Object.prototype.hasOwnProperty.call(object, key))
-            cloned[key] = deepClone(object[key]);
+    for (const key of Object.keys(object))
+        cloned[key] = deepClone(object[key]);
     return cloned;
 };
 const defaultOptions = {
@@ -24,18 +20,18 @@ const defaultOptions = {
     allowConcurrentActions: false,
     persistActionError: false
 };
-function createSvState(init, actuators, options) {
+export function createSvState(init, actuators, options) {
     const usedOptions = { ...defaultOptions, ...options };
     const { validator, effect } = actuators ?? {};
-    const errors = (0, store_1.writable)();
-    const hasErrors = (0, store_1.derived)(errors, hasAnyErrors);
-    const isDirty = (0, store_1.writable)(false);
-    const actionInProgress = (0, store_1.writable)(false);
-    const actionError = (0, store_1.writable)();
-    const snapshots = (0, store_1.writable)([{ title: 'Initial', data: deepClone(init) }]);
+    const errors = writable();
+    const hasErrors = derived(errors, hasAnyErrors);
+    const isDirty = writable(false);
+    const actionInProgress = writable(false);
+    const actionError = writable();
+    const snapshots = writable([{ title: 'Initial', data: deepClone(init) }]);
     const stateObject = $state(init);
     const createSnapshot = (title, replace = true) => {
-        const currentSnapshots = (0, store_1.get)(snapshots);
+        const currentSnapshots = get(snapshots);
         const createdSnapshot = { title, data: deepClone(stateObject) };
         const lastSnapshot = currentSnapshots.at(-1);
         if (replace && lastSnapshot && lastSnapshot.title === title)
@@ -64,7 +60,7 @@ function createSvState(init, actuators, options) {
             });
         }
     };
-    const data = (0, proxy_1.ChangeProxy)(stateObject, (target, property, currentValue, oldValue) => {
+    const data = ChangeProxy(stateObject, (target, property, currentValue, oldValue) => {
         if (!usedOptions.persistActionError)
             actionError.set(undefined);
         isDirty.set(true);
@@ -76,7 +72,7 @@ function createSvState(init, actuators, options) {
     if (validator)
         errors.set(validator(data));
     const execute = async (parameters) => {
-        if (!usedOptions.allowConcurrentActions && (0, store_1.get)(actionInProgress))
+        if (!usedOptions.allowConcurrentActions && get(actionInProgress))
             return;
         actionError.set(undefined);
         actionInProgress.set(true);
@@ -96,7 +92,7 @@ function createSvState(init, actuators, options) {
         }
     };
     const rollback = (steps = 1) => {
-        const currentSnapshots = (0, store_1.get)(snapshots);
+        const currentSnapshots = get(snapshots);
         if (currentSnapshots.length <= 1)
             return;
         const targetIndex = Math.max(0, currentSnapshots.length - 1 - steps);
@@ -109,7 +105,7 @@ function createSvState(init, actuators, options) {
             errors.set(validator(data));
     };
     const reset = () => {
-        const currentSnapshots = (0, store_1.get)(snapshots);
+        const currentSnapshots = get(snapshots);
         const initialSnapshot = currentSnapshots[0];
         if (!initialSnapshot)
             return;

package/dist/validators.js

@@ -1,16 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stringValidator = stringValidator;
-exports.numberValidator = numberValidator;
-exports.arrayValidator = arrayValidator;
-exports.dateValidator = dateValidator;
 const prepareOps = {
     trim: (s) => s.trim(),
     normalize: (s) => s.replaceAll(/\s{2,}/g, ' '),
-    upper: (s) => s.toLocaleUpperCase(),
-    lower: (s) => s.toLocaleLowerCase()
+    upper: (s) => s.toUpperCase(),
+    lower: (s) => s.toLowerCase()
 };
-function stringValidator(input, ...prepares) {
+export function stringValidator(input, ...prepares) {
     let error = '';
     const setError = (message) => {
         if (!error)
@@ -39,12 +33,12 @@ function stringValidator(input, ...prepares) {
             return builder;
         },
         uppercase() {
-            if (!error && processedInput !== processedInput.toLocaleUpperCase())
+            if (!error && processedInput !== processedInput.toUpperCase())
                 setError('Uppercase only');
             return builder;
         },
         lowercase() {
-            if (!error && processedInput !== processedInput.toLocaleLowerCase())
+            if (!error && processedInput !== processedInput.toLowerCase())
                 setError('Lowercase only');
             return builder;
         },
@@ -113,7 +107,7 @@ function stringValidator(input, ...prepares) {
     };
     return builder;
 }
-function numberValidator(input) {
+export function numberValidator(input) {
     let error = '';
     const setError = (message) => {
         if (!error)
@@ -185,7 +179,7 @@ function numberValidator(input) {
     };
     return builder;
 }
-function arrayValidator(input) {
+export function arrayValidator(input) {
     let error = '';
     const setError = (message) => {
         if (!error)
@@ -227,7 +221,7 @@ function arrayValidator(input) {
     };
     return builder;
 }
-function dateValidator(input) {
+export function dateValidator(input) {
     let error = '';
     const setError = (message) => {
         if (!error)

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "svstate",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Supercharged $state() for Svelte 5: deep reactive proxy with validation, cross-field rules, computed & side-effects",
   "author": "BCsabaEngine",
   "license": "ISC",
+  "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "import": "./dist/index.js"
     }
   },
   "engines": {
@@ -54,8 +55,8 @@
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@types/node": "^25.0.9",
-    "@typescript-eslint/eslint-plugin": "^8.53.0",
-    "@typescript-eslint/parser": "^8.53.0",
+    "@typescript-eslint/eslint-plugin": "^8.53.1",
+    "@typescript-eslint/parser": "^8.53.1",
     "@vitest/coverage-v8": "^4.0.17",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
@@ -63,7 +64,7 @@
     "eslint-plugin-unicorn": "^62.0.0",
     "nodemon": "^3.1.11",
     "prettier": "^3.8.0",
-    "svelte": "^5.46.4",
+    "svelte": "^5.47.1",
     "ts-node": "^10.9.2",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",