@sveltebase/state 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { PersistentState, State } from "./state.svelte.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1 @@
+export { PersistentState, State } from "./state.svelte.js";

package/dist/state.svelte.d.ts

@@ -0,0 +1,23 @@
+import { z } from "zod";
+export declare class PersistentState<TSchema extends z.ZodTypeAny> {
+    #private;
+    private storageKey;
+    private schema;
+    constructor(key: string, schema: TSchema);
+    get current(): z.output<TSchema>;
+    set current(newValue: z.output<TSchema>);
+    init(cookies: {
+        name: string;
+        value: string;
+    }[]): void;
+    set(fn: (value: z.output<TSchema>) => z.output<TSchema>): void;
+    private static hydrate;
+}
+export declare class State<T> {
+    #private;
+    constructor(initialValue: T);
+    get current(): T;
+    set current(value: T);
+    set(fn: (value: T) => T): void;
+}
+//# sourceMappingURL=state.svelte.d.ts.map

package/dist/state.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.svelte.d.ts","sourceRoot":"","sources":["../src/state.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,qBAAa,eAAe,CAAC,OAAO,SAAS,CAAC,CAAC,UAAU;;IAGvD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,MAAM,CAAU;gBAEZ,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO;IAmBxC,IAAI,OAAO,IAIW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAFtC;IAED,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAEtC;IAEM,IAAI,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE;IAsB/C,GAAG,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;IAI9D,OAAO,CAAC,MAAM,CAAC,OAAO;CAiBvB;AAED,qBAAa,KAAK,CAAC,CAAC;;gBAGN,YAAY,EAAE,CAAC;IAI3B,IAAI,OAAO,IAIQ,CAAC,CAFnB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC,EAEnB;IAED,GAAG,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC;CAGxB"}

package/dist/state.svelte.js

@@ -0,0 +1,83 @@
+import { z } from "zod";
+import { Cookies } from "@svelte-essentials/utils";
+export class PersistentState {
+    #value = $state();
+    storageKey;
+    schema;
+    constructor(key, schema) {
+        this.storageKey = key;
+        this.schema = schema;
+        this.#value = PersistentState.hydrate(key, schema);
+        $effect.root(() => {
+            $effect(() => {
+                if (!hasWindow()) {
+                    return;
+                }
+                Cookies.set(this.storageKey, JSON.stringify(this.#value), {
+                    sameSite: "Lax",
+                    expires: 365
+                });
+            });
+        });
+    }
+    get current() {
+        return this.#value;
+    }
+    set current(newValue) {
+        this.#value = this.schema.parse(newValue);
+    }
+    init(cookies) {
+        if (hasWindow()) {
+            return;
+        }
+        const rawCookie = cookies.find((cookie) => cookie.name === this.storageKey);
+        if (!rawCookie) {
+            return;
+        }
+        try {
+            const parsed = this.schema.parse(JSON.parse(rawCookie.value));
+            if (JSON.stringify(parsed) !== JSON.stringify(this.#value)) {
+                this.#value = parsed;
+            }
+        }
+        catch {
+            console.warn(`[PersistentState] Init failed for "${this.storageKey}"`);
+        }
+    }
+    set(fn) {
+        this.#value = fn(this.#value);
+    }
+    static hydrate(key, schema) {
+        if (!hasWindow()) {
+            return schema.parse(undefined);
+        }
+        const rawCookie = Cookies.get(key);
+        if (rawCookie) {
+            try {
+                return schema.parse(JSON.parse(rawCookie));
+            }
+            catch {
+                console.warn(`[PersistentState] Invalid data for "${key}". Resetting.`);
+            }
+        }
+        return schema.parse(undefined);
+    }
+}
+export class State {
+    #internalState = $state();
+    constructor(initialValue) {
+        this.#internalState = initialValue;
+    }
+    get current() {
+        return this.#internalState;
+    }
+    set current(value) {
+        this.#internalState = value;
+    }
+    set(fn) {
+        this.#internalState = fn(this.#internalState);
+    }
+}
+function hasWindow() {
+    return typeof window !== "undefined";
+}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@sveltebase/state",
+  "version": "0.1.0",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "@sveltebase/utils": "0.1.0",
+    "zod": "^4.1.11"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "scripts": {
+    "build": "svelte-package --input ./src --output ./dist",
+    "check": "tsc --project tsconfig.json --noEmit",
+    "lint": "bun run build && publint --strict --pack npm",
+    "clean": "rm -rf dist"
+  }
+}