valdres-svelte 0.1.0-beta.0

package/dist/index.js

@@ -0,0 +1,71 @@
+// src/watch.svelte.ts
+import { isAtom } from "valdres";
+
+// src/context.ts
+import { getContext, setContext } from "svelte";
+var VALDRES_CONTEXT_KEY = "valdres-store";
+var setValdresContext = (store) => {
+  setContext(VALDRES_CONTEXT_KEY, store);
+};
+var getValdresContext = () => {
+  const store = getContext(VALDRES_CONTEXT_KEY);
+  if (!store)
+    throw new Error("No valdres store found in context. Did you call setValdresContext(store) in a parent component?");
+  return store;
+};
+
+// src/watch.svelte.ts
+function watch(state, store) {
+  const resolvedStore = store || getValdresContext();
+  let value = $state(resolvedStore.get(state));
+  $effect.pre(() => {
+    value = resolvedStore.get(state);
+    const unsub = resolvedStore.sub(state, () => {
+      value = resolvedStore.get(state);
+    });
+    return unsub;
+  });
+  if (isAtom(state)) {
+    return {
+      get value() {
+        return value;
+      },
+      set: (v) => resolvedStore.set(state, v),
+      reset: () => resolvedStore.reset(state)
+    };
+  }
+  return {
+    get value() {
+      return value;
+    }
+  };
+}
+// src/readable.ts
+var readable = (state, store) => {
+  return {
+    subscribe(run) {
+      run(store.get(state));
+      return store.sub(state, () => {
+        run(store.get(state));
+      });
+    }
+  };
+};
+// src/scope.ts
+import { onDestroy } from "svelte";
+var generateId = () => (Math.random() + 1).toString(36).substring(7);
+var scope = (scopeId = generateId()) => {
+  const parentStore = getValdresContext();
+  const scopeCreated = !parentStore.data.scopes?.has(scopeId);
+  const scopedStore = parentStore.scope(scopeId);
+  setValdresContext(scopedStore);
+  onDestroy(() => scopedStore.detach(scopeCreated));
+  return scopedStore;
+};
+export {
+  watch,
+  setValdresContext,
+  scope,
+  readable,
+  getValdresContext
+};

package/dist/types/context.d.ts

@@ -0,0 +1,3 @@
+import type { Store } from "valdres";
+export declare const setValdresContext: (store: Store) => void;
+export declare const getValdresContext: () => Store;

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export { watch } from "./watch.svelte";
+export { readable } from "./readable";
+export { scope } from "./scope";
+export { setValdresContext, getValdresContext } from "./context";

package/dist/types/readable.d.ts

@@ -0,0 +1,3 @@
+import type { Readable } from "svelte/store";
+import type { State, Store } from "valdres";
+export declare const readable: <Value = any>(state: State<Value>, store: Store) => Readable<Value>;

package/dist/types/scope.d.ts

@@ -0,0 +1,2 @@
+import type { Store } from "valdres";
+export declare const scope: (scopeId?: string) => Store;

package/dist/types/watch.svelte.d.ts

@@ -0,0 +1,12 @@
+import { type Atom, type SetAtomValue, type State, type Store } from "valdres";
+interface WatchedValue<V> {
+    readonly value: V;
+}
+interface WatchedAtom<V> {
+    readonly value: V;
+    set: (value: SetAtomValue<V>) => void;
+    reset: () => void;
+}
+export declare function watch<V>(atom: Atom<V>, store?: Store): WatchedAtom<V>;
+export declare function watch<V>(state: State<V>, store?: Store): WatchedValue<V>;
+export {};

package/package.json

@@ -0,0 +1,32 @@
+{
+    "name": "valdres-svelte",
+    "version": "0.1.0-beta.0",
+    "license": "MIT",
+    "author": {
+        "name": "Eigil Sagafos"
+    },
+    "homepage": "https://valdres.dev",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/eigilsagafos/valdres.git"
+    },
+    "type": "module",
+    "exports": {
+        ".": {
+            "import": "./dist/index.js",
+            "types": "./dist/types/index.d.ts"
+        }
+    },
+    "svelte": "./src/index.ts",
+    "files": [
+        "dist"
+    ],
+    "peerDependencies": {
+        "svelte": ">=5",
+        "valdres": "workspace:^"
+    },
+    "publishConfig": {
+        "access": "public",
+        "registry": "https://registry.npmjs.org/"
+    }
+}