@efficimo/storage-react 0.0.0

package/dist/cjs/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./useStorageObservable";
+export * from "./useStorageSerializedObservable";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useStorageObservable"), exports);
+__exportStar(require("./useStorageSerializedObservable"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAuC;AACvC,mEAAiD"}

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/dist/cjs/useStorageObservable.d.ts

@@ -0,0 +1,7 @@
+import type { StorageObservable } from "@efficimo/storage";
+/**
+ * Subscribes to a StorageObservable and returns a [value, setter] tuple,
+ * re-rendering the component whenever the storage value changes.
+ */
+export declare function useStorageObservable<K extends string>(obs: StorageObservable<K>): [string | null, (value: string | null) => void];
+//# sourceMappingURL=useStorageObservable.d.ts.map

package/dist/cjs/useStorageObservable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStorageObservable.d.ts","sourceRoot":"","sources":["../../src/useStorageObservable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAG3D;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,EACnD,GAAG,EAAE,iBAAiB,CAAC,CAAC,CAAC,GACxB,CAAC,MAAM,GAAG,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,CASjD"}

package/dist/cjs/useStorageObservable.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStorageObservable = useStorageObservable;
+const react_1 = require("react");
+/**
+ * Subscribes to a StorageObservable and returns a [value, setter] tuple,
+ * re-rendering the component whenever the storage value changes.
+ */
+function useStorageObservable(obs) {
+    const [value, setValue] = (0, react_1.useState)(() => obs.getValue());
+    (0, react_1.useEffect)(() => {
+        const subscription = obs.subscribe((v) => setValue(v));
+        return () => subscription.unsubscribe();
+    }, [obs]);
+    return [value, (v) => obs.next(v)];
+}
+//# sourceMappingURL=useStorageObservable.js.map

package/dist/cjs/useStorageObservable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStorageObservable.js","sourceRoot":"","sources":["../../src/useStorageObservable.ts"],"names":[],"mappings":";;AAOA,oDAWC;AAjBD,iCAA4C;AAE5C;;;GAGG;AACH,SAAgB,oBAAoB,CAClC,GAAyB;IAEzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAgB,GAAG,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;IAExE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IAC1C,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACrC,CAAC"}

package/dist/cjs/useStorageSerializedObservable.d.ts

@@ -0,0 +1,7 @@
+import type { JsonSerializeObservableValue } from "@efficimo/observable";
+/**
+ * Subscribes to a JsonSerializeObservableValue (from BaseStorage.getSerializedObservable)
+ * and returns a typed [value, setter] tuple.
+ */
+export declare function useStorageSerializedObservable<T>(obs: JsonSerializeObservableValue<T>): [T | null, (value: T | null) => void];
+//# sourceMappingURL=useStorageSerializedObservable.d.ts.map

package/dist/cjs/useStorageSerializedObservable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStorageSerializedObservable.d.ts","sourceRoot":"","sources":["../../src/useStorageSerializedObservable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AAGzE;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,CAAC,EAC9C,GAAG,EAAE,4BAA4B,CAAC,CAAC,CAAC,GACnC,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,CASvC"}

package/dist/cjs/useStorageSerializedObservable.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStorageSerializedObservable = useStorageSerializedObservable;
+const react_1 = require("react");
+/**
+ * Subscribes to a JsonSerializeObservableValue (from BaseStorage.getSerializedObservable)
+ * and returns a typed [value, setter] tuple.
+ */
+function useStorageSerializedObservable(obs) {
+    const [value, setValue] = (0, react_1.useState)(() => obs.getValue());
+    (0, react_1.useEffect)(() => {
+        const subscription = obs.subscribe((v) => setValue(v));
+        return () => subscription.unsubscribe();
+    }, [obs]);
+    return [value, (v) => obs.next(v)];
+}
+//# sourceMappingURL=useStorageSerializedObservable.js.map

package/dist/cjs/useStorageSerializedObservable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStorageSerializedObservable.js","sourceRoot":"","sources":["../../src/useStorageSerializedObservable.ts"],"names":[],"mappings":";;AAOA,wEAWC;AAjBD,iCAA4C;AAE5C;;;GAGG;AACH,SAAgB,8BAA8B,CAC5C,GAAoC;IAEpC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAW,GAAG,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;IAEnE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IAC1C,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACrC,CAAC"}

package/dist/esm/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./useStorageObservable";
+export * from "./useStorageSerializedObservable";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export * from "./useStorageObservable";
+export * from "./useStorageSerializedObservable";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC"}

package/dist/esm/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/dist/esm/useStorageObservable.d.ts

@@ -0,0 +1,7 @@
+import type { StorageObservable } from "@efficimo/storage";
+/**
+ * Subscribes to a StorageObservable and returns a [value, setter] tuple,
+ * re-rendering the component whenever the storage value changes.
+ */
+export declare function useStorageObservable<K extends string>(obs: StorageObservable<K>): [string | null, (value: string | null) => void];
+//# sourceMappingURL=useStorageObservable.d.ts.map

package/dist/esm/useStorageObservable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStorageObservable.d.ts","sourceRoot":"","sources":["../../src/useStorageObservable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAG3D;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,EACnD,GAAG,EAAE,iBAAiB,CAAC,CAAC,CAAC,GACxB,CAAC,MAAM,GAAG,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,CASjD"}

package/dist/esm/useStorageObservable.js

@@ -0,0 +1,14 @@
+import { useEffect, useState } from "react";
+/**
+ * Subscribes to a StorageObservable and returns a [value, setter] tuple,
+ * re-rendering the component whenever the storage value changes.
+ */
+export function useStorageObservable(obs) {
+    const [value, setValue] = useState(() => obs.getValue());
+    useEffect(() => {
+        const subscription = obs.subscribe((v) => setValue(v));
+        return () => subscription.unsubscribe();
+    }, [obs]);
+    return [value, (v) => obs.next(v)];
+}
+//# sourceMappingURL=useStorageObservable.js.map

package/dist/esm/useStorageObservable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStorageObservable.js","sourceRoot":"","sources":["../../src/useStorageObservable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAClC,GAAyB;IAEzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,GAAG,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;IAExE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IAC1C,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACrC,CAAC"}

package/dist/esm/useStorageSerializedObservable.d.ts

@@ -0,0 +1,7 @@
+import type { JsonSerializeObservableValue } from "@efficimo/observable";
+/**
+ * Subscribes to a JsonSerializeObservableValue (from BaseStorage.getSerializedObservable)
+ * and returns a typed [value, setter] tuple.
+ */
+export declare function useStorageSerializedObservable<T>(obs: JsonSerializeObservableValue<T>): [T | null, (value: T | null) => void];
+//# sourceMappingURL=useStorageSerializedObservable.d.ts.map

package/dist/esm/useStorageSerializedObservable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStorageSerializedObservable.d.ts","sourceRoot":"","sources":["../../src/useStorageSerializedObservable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AAGzE;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,CAAC,EAC9C,GAAG,EAAE,4BAA4B,CAAC,CAAC,CAAC,GACnC,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,CASvC"}

package/dist/esm/useStorageSerializedObservable.js

@@ -0,0 +1,14 @@
+import { useEffect, useState } from "react";
+/**
+ * Subscribes to a JsonSerializeObservableValue (from BaseStorage.getSerializedObservable)
+ * and returns a typed [value, setter] tuple.
+ */
+export function useStorageSerializedObservable(obs) {
+    const [value, setValue] = useState(() => obs.getValue());
+    useEffect(() => {
+        const subscription = obs.subscribe((v) => setValue(v));
+        return () => subscription.unsubscribe();
+    }, [obs]);
+    return [value, (v) => obs.next(v)];
+}
+//# sourceMappingURL=useStorageSerializedObservable.js.map

package/dist/esm/useStorageSerializedObservable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStorageSerializedObservable.js","sourceRoot":"","sources":["../../src/useStorageSerializedObservable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,UAAU,8BAA8B,CAC5C,GAAoC;IAEpC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAW,GAAG,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IAC1C,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACrC,CAAC"}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@efficimo/storage-react",
+  "version": "0.0.0",
+  "description": "React bindings for @efficimo/storage: hooks for localStorage and sessionStorage observables.",
+  "author": "efficimo",
+  "license": "MIT",
+  "keywords": [
+    "storage",
+    "localstorage",
+    "sessionstorage",
+    "observable",
+    "react",
+    "hooks",
+    "typescript"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/efficimo/storage.git"
+  },
+  "bugs": {
+    "url": "https://github.com/efficimo/storage/issues"
+  },
+  "homepage": "https://github.com/efficimo/storage#readme",
+  "engines": {
+    "node": ">=18"
+  },
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/esm/index.d.ts",
+        "default": "./dist/esm/index.js"
+      },
+      "require": {
+        "types": "./dist/cjs/index.d.ts",
+        "default": "./dist/cjs/index.js"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.esm.json && tsc -p tsconfig.cjs.json && node scripts/postbuild.mjs",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build && npm run typecheck"
+  },
+  "peerDependencies": {
+    "@efficimo/observable": ">=0.1.0",
+    "@efficimo/storage": ">=0.1.0",
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@efficimo/observable": "*",
+    "@efficimo/storage": "file:../core",
+    "@types/node": "^25.0.0",
+    "@types/react": "^18.0.0",
+    "react": "^18.0.0",
+    "typescript": "^5.0.0"
+  }
+}