tiny-state-x 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 shivendr-singh
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,83 @@
+# Tiny State X
+
+A tiny, framework-agnostic state manager with middleware, selectors, and persistence.
+
+## Features
+
+- Minimal (~1KB)
+- Framework agnostic
+- Selectors (performance optimized)
+- Middleware support
+- Persistence (localStorage)
+- React + Angular support
+
+---
+
+## Installation
+
+```bash
+
+npm install tiny-state-x
+
+
+## Basic Usage 
+
+import { createStore } from 'tiny-state-x';
+
+const store = createStore({ count: 0 });
+
+store.subscribe((state) => {
+  console.log(state);
+});
+
+store.setState({ count: 1 });
+
+
+
+## Selector: 
+
+store.subscribe(
+  (count) => console.log(count),
+  (state) => state.count
+);
+
+
+
+## Middlewate:
+
+import { devtools } from 'tiny-state-x';
+
+store.use(devtools('App'));
+
+
+
+## Persistance:
+
+import { persist, loadPersisted } from 'tiny-state-x';
+
+const store = createStore(
+  loadPersisted('app', { count: 0 })
+);
+
+store.use(persist('app'));
+
+
+
+
+
+## Angular:
+
+const ngStore = createAngularStore(store);
+
+ngStore.state$.subscribe(console.log);
+
+
+
+
+## React:
+
+import { useStore } from 'tiny-state-x';
+
+const count = useStore(store, s => s.count);
+
+

package/dist/angular.d.mts

@@ -0,0 +1,10 @@
+import * as rxjs from 'rxjs';
+
+declare function createAngularStore<T>(store: any): {
+    state$: rxjs.Observable<any>;
+    setState: any;
+    getState: any;
+    destroy: any;
+};
+
+export { createAngularStore };

package/dist/angular.d.ts

@@ -0,0 +1,10 @@
+import * as rxjs from 'rxjs';
+
+declare function createAngularStore<T>(store: any): {
+    state$: rxjs.Observable<any>;
+    setState: any;
+    getState: any;
+    destroy: any;
+};
+
+export { createAngularStore };

package/dist/angular.js

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/angular.ts
+var angular_exports = {};
+__export(angular_exports, {
+  createAngularStore: () => createAngularStore
+});
+module.exports = __toCommonJS(angular_exports);
+var import_rxjs = require("rxjs");
+function createAngularStore(store) {
+  const subject = new import_rxjs.BehaviorSubject(store.getState());
+  const unsubscribe = store.subscribe((state) => {
+    subject.next(state);
+  });
+  return {
+    state$: subject.asObservable(),
+    setState: store.setState,
+    getState: store.getState,
+    destroy: unsubscribe
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createAngularStore
+});
+//# sourceMappingURL=angular.js.map

package/dist/angular.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/angular.ts"],"sourcesContent":["import { BehaviorSubject } from 'rxjs';\r\n\r\nexport function createAngularStore<T>(store: any) {\r\n  const subject = new BehaviorSubject(store.getState());\r\n\r\n  const unsubscribe = store.subscribe((state: T) => {\r\n    subject.next(state);\r\n  });\r\n\r\n  return {\r\n    state$: subject.asObservable(),\r\n    setState: store.setState,\r\n    getState: store.getState,\r\n    destroy: unsubscribe\r\n  };\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAgC;AAEzB,SAAS,mBAAsB,OAAY;AAChD,QAAM,UAAU,IAAI,4BAAgB,MAAM,SAAS,CAAC;AAEpD,QAAM,cAAc,MAAM,UAAU,CAAC,UAAa;AAChD,YAAQ,KAAK,KAAK;AAAA,EACpB,CAAC;AAED,SAAO;AAAA,IACL,QAAQ,QAAQ,aAAa;AAAA,IAC7B,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,SAAS;AAAA,EACX;AACF;","names":[]}

package/dist/angular.mjs

@@ -0,0 +1,18 @@
+// src/angular.ts
+import { BehaviorSubject } from "rxjs";
+function createAngularStore(store) {
+  const subject = new BehaviorSubject(store.getState());
+  const unsubscribe = store.subscribe((state) => {
+    subject.next(state);
+  });
+  return {
+    state$: subject.asObservable(),
+    setState: store.setState,
+    getState: store.getState,
+    destroy: unsubscribe
+  };
+}
+export {
+  createAngularStore
+};
+//# sourceMappingURL=angular.mjs.map

package/dist/angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/angular.ts"],"sourcesContent":["import { BehaviorSubject } from 'rxjs';\r\n\r\nexport function createAngularStore<T>(store: any) {\r\n  const subject = new BehaviorSubject(store.getState());\r\n\r\n  const unsubscribe = store.subscribe((state: T) => {\r\n    subject.next(state);\r\n  });\r\n\r\n  return {\r\n    state$: subject.asObservable(),\r\n    setState: store.setState,\r\n    getState: store.getState,\r\n    destroy: unsubscribe\r\n  };\r\n}\r\n"],"mappings":";AAAA,SAAS,uBAAuB;AAEzB,SAAS,mBAAsB,OAAY;AAChD,QAAM,UAAU,IAAI,gBAAgB,MAAM,SAAS,CAAC;AAEpD,QAAM,cAAc,MAAM,UAAU,CAAC,UAAa;AAChD,YAAQ,KAAK,KAAK;AAAA,EACpB,CAAC;AAED,SAAO;AAAA,IACL,QAAQ,QAAQ,aAAa;AAAA,IAC7B,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,SAAS;AAAA,EACX;AACF;","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,26 @@
+export { useStore } from './react.mjs';
+export { createAngularStore } from './angular.mjs';
+import 'rxjs';
+
+type Middleware<T> = (state: T, prev: T) => void;
+declare function applyMiddleware<T>(): {
+    use: (mw: Middleware<T>) => void;
+    run: (state: T, prev: T) => void;
+};
+
+type Listener<T> = (state: T) => void;
+type Selector<T, U> = (state: T) => U;
+
+declare function createStore<T extends object>(initialState: T): {
+    getState: () => T;
+    setState: (partial: Partial<T> | ((prev: T) => Partial<T>)) => void;
+    subscribe: <U>(listener: (slice: U) => void, selector?: Selector<T, U>) => () => boolean;
+    use: (mw: Middleware<T>) => void;
+};
+
+declare function persist<T>(key: string): (state: T) => void;
+declare function loadPersisted<T>(key: string, fallback: T): T;
+
+declare const devtools: <T>(name?: string) => (state: T, prev: T) => void;
+
+export { type Listener, type Middleware, type Selector, applyMiddleware, createStore, devtools, loadPersisted, persist };

package/dist/index.d.ts

@@ -0,0 +1,26 @@
+export { useStore } from './react.js';
+export { createAngularStore } from './angular.js';
+import 'rxjs';
+
+type Middleware<T> = (state: T, prev: T) => void;
+declare function applyMiddleware<T>(): {
+    use: (mw: Middleware<T>) => void;
+    run: (state: T, prev: T) => void;
+};
+
+type Listener<T> = (state: T) => void;
+type Selector<T, U> = (state: T) => U;
+
+declare function createStore<T extends object>(initialState: T): {
+    getState: () => T;
+    setState: (partial: Partial<T> | ((prev: T) => Partial<T>)) => void;
+    subscribe: <U>(listener: (slice: U) => void, selector?: Selector<T, U>) => () => boolean;
+    use: (mw: Middleware<T>) => void;
+};
+
+declare function persist<T>(key: string): (state: T) => void;
+declare function loadPersisted<T>(key: string, fallback: T): T;
+
+declare const devtools: <T>(name?: string) => (state: T, prev: T) => void;
+
+export { type Listener, type Middleware, type Selector, applyMiddleware, createStore, devtools, loadPersisted, persist };

package/dist/index.js

@@ -0,0 +1,148 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  applyMiddleware: () => applyMiddleware,
+  createAngularStore: () => createAngularStore,
+  createStore: () => createStore,
+  devtools: () => devtools,
+  loadPersisted: () => loadPersisted,
+  persist: () => persist,
+  useStore: () => useStore
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/middleware.ts
+function applyMiddleware() {
+  const middlewares = [];
+  return {
+    use: (mw) => {
+      middlewares.push(mw);
+    },
+    run: (state, prev) => {
+      for (const mw of middlewares) {
+        try {
+          mw(state, prev);
+        } catch (err) {
+          console.error("[TinyStore Middleware Error]", err);
+        }
+      }
+    }
+  };
+}
+
+// src/core.ts
+function createStore(initialState) {
+  let state = initialState;
+  const listeners = /* @__PURE__ */ new Set();
+  const middleware = applyMiddleware();
+  const getState = () => state;
+  const setState = (partial) => {
+    const prev = state;
+    const nextPartial = typeof partial === "function" ? partial(state) : partial;
+    state = { ...state, ...nextPartial };
+    middleware.run(state, prev);
+    listeners.forEach((l) => l(state));
+  };
+  const subscribe = (listener, selector = ((s) => s)) => {
+    let prevSlice = selector(state);
+    const wrapped = (newState) => {
+      const nextSlice = selector(newState);
+      if (!Object.is(prevSlice, nextSlice)) {
+        prevSlice = nextSlice;
+        listener(nextSlice);
+      }
+    };
+    listeners.add(wrapped);
+    return () => listeners.delete(wrapped);
+  };
+  return {
+    getState,
+    setState,
+    subscribe,
+    use: middleware.use
+  };
+}
+
+// src/persist.ts
+function persist(key) {
+  return (state) => {
+    try {
+      localStorage.setItem(key, JSON.stringify(state));
+    } catch (e) {
+      console.warn("[TinyStore Persist Error]", e);
+    }
+  };
+}
+function loadPersisted(key, fallback) {
+  try {
+    const data = localStorage.getItem(key);
+    return data ? JSON.parse(data) : fallback;
+  } catch {
+    return fallback;
+  }
+}
+
+// src/devtools.ts
+var devtools = (name = "TinyStore") => (state, prev) => {
+  console.debug(`[${name}]`, {
+    prev,
+    next: state
+  });
+};
+
+// src/react.ts
+var import_react = require("react");
+function useStore(store, selector) {
+  const [slice, setSlice] = (0, import_react.useState)(
+    () => selector(store.getState())
+  );
+  (0, import_react.useEffect)(() => {
+    return store.subscribe(setSlice, selector);
+  }, [store, selector]);
+  return slice;
+}
+
+// src/angular.ts
+var import_rxjs = require("rxjs");
+function createAngularStore(store) {
+  const subject = new import_rxjs.BehaviorSubject(store.getState());
+  const unsubscribe = store.subscribe((state) => {
+    subject.next(state);
+  });
+  return {
+    state$: subject.asObservable(),
+    setState: store.setState,
+    getState: store.getState,
+    destroy: unsubscribe
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  applyMiddleware,
+  createAngularStore,
+  createStore,
+  devtools,
+  loadPersisted,
+  persist,
+  useStore
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/middleware.ts","../src/core.ts","../src/persist.ts","../src/devtools.ts","../src/react.ts","../src/angular.ts"],"sourcesContent":["export * from './core';\r\nexport * from './middleware';\r\nexport * from './persist';\r\nexport * from './devtools';\r\nexport * from './react';\r\nexport * from './angular';\r\n","export type Middleware<T> = (state: T, prev: T) => void;\r\n\r\nexport function applyMiddleware<T>() {\r\n  const middlewares: Middleware<T>[] = [];\r\n\r\n  return {\r\n    use: (mw: Middleware<T>) => {\r\n      middlewares.push(mw);\r\n    },\r\n\r\n    run: (state: T, prev: T) => {\r\n      for (const mw of middlewares) {\r\n        try {\r\n          mw(state, prev);\r\n        } catch (err) {\r\n          console.error('[TinyStore Middleware Error]', err);\r\n        }\r\n      }\r\n    }\r\n  };\r\n}\r\n","export type Listener<T> = (state: T) => void;\r\nexport type Selector<T, U> = (state: T) => U;\r\n\r\nimport { applyMiddleware, Middleware } from './middleware';\r\n\r\nexport function createStore<T extends object>(initialState: T) {\r\n  let state = initialState;\r\n  const listeners = new Set<Listener<T>>();\r\n  const middleware = applyMiddleware<T>();\r\n\r\n  const getState = () => state;\r\n\r\n  const setState = (\r\n    partial: Partial<T> | ((prev: T) => Partial<T>)\r\n  ) => {\r\n    const prev = state;\r\n\r\n    const nextPartial =\r\n      typeof partial === 'function' ? partial(state) : partial;\r\n\r\n    state = { ...state, ...nextPartial };\r\n\r\n    middleware.run(state, prev);\r\n\r\n    listeners.forEach((l) => l(state));\r\n  };\r\n\r\n  const subscribe = <U>(\r\n    listener: (slice: U) => void,\r\n    selector: Selector<T, U> = (s => s as unknown as U)\r\n  ) => {\r\n    let prevSlice = selector(state);\r\n\r\n    const wrapped = (newState: T) => {\r\n      const nextSlice = selector(newState);\r\n      if (!Object.is(prevSlice, nextSlice)) {\r\n        prevSlice = nextSlice;\r\n        listener(nextSlice);\r\n      }\r\n    };\r\n\r\n    listeners.add(wrapped);\r\n    return () => listeners.delete(wrapped);\r\n  };\r\n\r\n  return {\r\n    getState,\r\n    setState,\r\n    subscribe,\r\n    use: middleware.use\r\n  };\r\n}\r\n","export function persist<T>(key: string) {\r\n  return (state: T) => {\r\n    try {\r\n      localStorage.setItem(key, JSON.stringify(state));\r\n    } catch (e) {\r\n      console.warn('[TinyStore Persist Error]', e);\r\n    }\r\n  };\r\n}\r\n\r\nexport function loadPersisted<T>(key: string, fallback: T): T {\r\n  try {\r\n    const data = localStorage.getItem(key);\r\n    return data ? JSON.parse(data) : fallback;\r\n  } catch {\r\n    return fallback;\r\n  }\r\n}\r\n","export const devtools = <T>(name = 'TinyStore') =>\r\n  (state: T, prev: T) => {\r\n    console.debug(`[${name}]`, {\r\n      prev,\r\n      next: state\r\n    });\r\n  };\r\n","import { useEffect, useState } from 'react';\r\n\r\nexport function useStore<T, U>(\r\n  store: any,\r\n  selector: (state: T) => U\r\n) {\r\n  const [slice, setSlice] = useState(() =>\r\n    selector(store.getState())\r\n  );\r\n\r\n  useEffect(() => {\r\n    return store.subscribe(setSlice, selector);\r\n  }, [store, selector]);\r\n\r\n  return slice;\r\n}\r\n","import { BehaviorSubject } from 'rxjs';\r\n\r\nexport function createAngularStore<T>(store: any) {\r\n  const subject = new BehaviorSubject(store.getState());\r\n\r\n  const unsubscribe = store.subscribe((state: T) => {\r\n    subject.next(state);\r\n  });\r\n\r\n  return {\r\n    state$: subject.asObservable(),\r\n    setState: store.setState,\r\n    getState: store.getState,\r\n    destroy: unsubscribe\r\n  };\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEO,SAAS,kBAAqB;AACnC,QAAM,cAA+B,CAAC;AAEtC,SAAO;AAAA,IACL,KAAK,CAAC,OAAsB;AAC1B,kBAAY,KAAK,EAAE;AAAA,IACrB;AAAA,IAEA,KAAK,CAAC,OAAU,SAAY;AAC1B,iBAAW,MAAM,aAAa;AAC5B,YAAI;AACF,aAAG,OAAO,IAAI;AAAA,QAChB,SAAS,KAAK;AACZ,kBAAQ,MAAM,gCAAgC,GAAG;AAAA,QACnD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;;;ACfO,SAAS,YAA8B,cAAiB;AAC7D,MAAI,QAAQ;AACZ,QAAM,YAAY,oBAAI,IAAiB;AACvC,QAAM,aAAa,gBAAmB;AAEtC,QAAM,WAAW,MAAM;AAEvB,QAAM,WAAW,CACf,YACG;AACH,UAAM,OAAO;AAEb,UAAM,cACJ,OAAO,YAAY,aAAa,QAAQ,KAAK,IAAI;AAEnD,YAAQ,EAAE,GAAG,OAAO,GAAG,YAAY;AAEnC,eAAW,IAAI,OAAO,IAAI;AAE1B,cAAU,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC;AAAA,EACnC;AAEA,QAAM,YAAY,CAChB,UACA,YAA4B,OAAK,OAC9B;AACH,QAAI,YAAY,SAAS,KAAK;AAE9B,UAAM,UAAU,CAAC,aAAgB;AAC/B,YAAM,YAAY,SAAS,QAAQ;AACnC,UAAI,CAAC,OAAO,GAAG,WAAW,SAAS,GAAG;AACpC,oBAAY;AACZ,iBAAS,SAAS;AAAA,MACpB;AAAA,IACF;AAEA,cAAU,IAAI,OAAO;AACrB,WAAO,MAAM,UAAU,OAAO,OAAO;AAAA,EACvC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK,WAAW;AAAA,EAClB;AACF;;;ACnDO,SAAS,QAAW,KAAa;AACtC,SAAO,CAAC,UAAa;AACnB,QAAI;AACF,mBAAa,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,IACjD,SAAS,GAAG;AACV,cAAQ,KAAK,6BAA6B,CAAC;AAAA,IAC7C;AAAA,EACF;AACF;AAEO,SAAS,cAAiB,KAAa,UAAgB;AAC5D,MAAI;AACF,UAAM,OAAO,aAAa,QAAQ,GAAG;AACrC,WAAO,OAAO,KAAK,MAAM,IAAI,IAAI;AAAA,EACnC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;;;ACjBO,IAAM,WAAW,CAAI,OAAO,gBACjC,CAAC,OAAU,SAAY;AACrB,UAAQ,MAAM,IAAI,IAAI,KAAK;AAAA,IACzB;AAAA,IACA,MAAM;AAAA,EACR,CAAC;AACH;;;ACNF,mBAAoC;AAE7B,SAAS,SACd,OACA,UACA;AACA,QAAM,CAAC,OAAO,QAAQ,QAAI;AAAA,IAAS,MACjC,SAAS,MAAM,SAAS,CAAC;AAAA,EAC3B;AAEA,8BAAU,MAAM;AACd,WAAO,MAAM,UAAU,UAAU,QAAQ;AAAA,EAC3C,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,SAAO;AACT;;;ACfA,kBAAgC;AAEzB,SAAS,mBAAsB,OAAY;AAChD,QAAM,UAAU,IAAI,4BAAgB,MAAM,SAAS,CAAC;AAEpD,QAAM,cAAc,MAAM,UAAU,CAAC,UAAa;AAChD,YAAQ,KAAK,KAAK;AAAA,EACpB,CAAC;AAED,SAAO;AAAA,IACL,QAAQ,QAAQ,aAAa;AAAA,IAC7B,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,SAAS;AAAA,EACX;AACF;","names":[]}

package/dist/index.mjs

@@ -0,0 +1,115 @@
+// src/middleware.ts
+function applyMiddleware() {
+  const middlewares = [];
+  return {
+    use: (mw) => {
+      middlewares.push(mw);
+    },
+    run: (state, prev) => {
+      for (const mw of middlewares) {
+        try {
+          mw(state, prev);
+        } catch (err) {
+          console.error("[TinyStore Middleware Error]", err);
+        }
+      }
+    }
+  };
+}
+
+// src/core.ts
+function createStore(initialState) {
+  let state = initialState;
+  const listeners = /* @__PURE__ */ new Set();
+  const middleware = applyMiddleware();
+  const getState = () => state;
+  const setState = (partial) => {
+    const prev = state;
+    const nextPartial = typeof partial === "function" ? partial(state) : partial;
+    state = { ...state, ...nextPartial };
+    middleware.run(state, prev);
+    listeners.forEach((l) => l(state));
+  };
+  const subscribe = (listener, selector = ((s) => s)) => {
+    let prevSlice = selector(state);
+    const wrapped = (newState) => {
+      const nextSlice = selector(newState);
+      if (!Object.is(prevSlice, nextSlice)) {
+        prevSlice = nextSlice;
+        listener(nextSlice);
+      }
+    };
+    listeners.add(wrapped);
+    return () => listeners.delete(wrapped);
+  };
+  return {
+    getState,
+    setState,
+    subscribe,
+    use: middleware.use
+  };
+}
+
+// src/persist.ts
+function persist(key) {
+  return (state) => {
+    try {
+      localStorage.setItem(key, JSON.stringify(state));
+    } catch (e) {
+      console.warn("[TinyStore Persist Error]", e);
+    }
+  };
+}
+function loadPersisted(key, fallback) {
+  try {
+    const data = localStorage.getItem(key);
+    return data ? JSON.parse(data) : fallback;
+  } catch {
+    return fallback;
+  }
+}
+
+// src/devtools.ts
+var devtools = (name = "TinyStore") => (state, prev) => {
+  console.debug(`[${name}]`, {
+    prev,
+    next: state
+  });
+};
+
+// src/react.ts
+import { useEffect, useState } from "react";
+function useStore(store, selector) {
+  const [slice, setSlice] = useState(
+    () => selector(store.getState())
+  );
+  useEffect(() => {
+    return store.subscribe(setSlice, selector);
+  }, [store, selector]);
+  return slice;
+}
+
+// src/angular.ts
+import { BehaviorSubject } from "rxjs";
+function createAngularStore(store) {
+  const subject = new BehaviorSubject(store.getState());
+  const unsubscribe = store.subscribe((state) => {
+    subject.next(state);
+  });
+  return {
+    state$: subject.asObservable(),
+    setState: store.setState,
+    getState: store.getState,
+    destroy: unsubscribe
+  };
+}
+export {
+  applyMiddleware,
+  createAngularStore,
+  createStore,
+  devtools,
+  loadPersisted,
+  persist,
+  useStore
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/middleware.ts","../src/core.ts","../src/persist.ts","../src/devtools.ts","../src/react.ts","../src/angular.ts"],"sourcesContent":["export type Middleware<T> = (state: T, prev: T) => void;\r\n\r\nexport function applyMiddleware<T>() {\r\n  const middlewares: Middleware<T>[] = [];\r\n\r\n  return {\r\n    use: (mw: Middleware<T>) => {\r\n      middlewares.push(mw);\r\n    },\r\n\r\n    run: (state: T, prev: T) => {\r\n      for (const mw of middlewares) {\r\n        try {\r\n          mw(state, prev);\r\n        } catch (err) {\r\n          console.error('[TinyStore Middleware Error]', err);\r\n        }\r\n      }\r\n    }\r\n  };\r\n}\r\n","export type Listener<T> = (state: T) => void;\r\nexport type Selector<T, U> = (state: T) => U;\r\n\r\nimport { applyMiddleware, Middleware } from './middleware';\r\n\r\nexport function createStore<T extends object>(initialState: T) {\r\n  let state = initialState;\r\n  const listeners = new Set<Listener<T>>();\r\n  const middleware = applyMiddleware<T>();\r\n\r\n  const getState = () => state;\r\n\r\n  const setState = (\r\n    partial: Partial<T> | ((prev: T) => Partial<T>)\r\n  ) => {\r\n    const prev = state;\r\n\r\n    const nextPartial =\r\n      typeof partial === 'function' ? partial(state) : partial;\r\n\r\n    state = { ...state, ...nextPartial };\r\n\r\n    middleware.run(state, prev);\r\n\r\n    listeners.forEach((l) => l(state));\r\n  };\r\n\r\n  const subscribe = <U>(\r\n    listener: (slice: U) => void,\r\n    selector: Selector<T, U> = (s => s as unknown as U)\r\n  ) => {\r\n    let prevSlice = selector(state);\r\n\r\n    const wrapped = (newState: T) => {\r\n      const nextSlice = selector(newState);\r\n      if (!Object.is(prevSlice, nextSlice)) {\r\n        prevSlice = nextSlice;\r\n        listener(nextSlice);\r\n      }\r\n    };\r\n\r\n    listeners.add(wrapped);\r\n    return () => listeners.delete(wrapped);\r\n  };\r\n\r\n  return {\r\n    getState,\r\n    setState,\r\n    subscribe,\r\n    use: middleware.use\r\n  };\r\n}\r\n","export function persist<T>(key: string) {\r\n  return (state: T) => {\r\n    try {\r\n      localStorage.setItem(key, JSON.stringify(state));\r\n    } catch (e) {\r\n      console.warn('[TinyStore Persist Error]', e);\r\n    }\r\n  };\r\n}\r\n\r\nexport function loadPersisted<T>(key: string, fallback: T): T {\r\n  try {\r\n    const data = localStorage.getItem(key);\r\n    return data ? JSON.parse(data) : fallback;\r\n  } catch {\r\n    return fallback;\r\n  }\r\n}\r\n","export const devtools = <T>(name = 'TinyStore') =>\r\n  (state: T, prev: T) => {\r\n    console.debug(`[${name}]`, {\r\n      prev,\r\n      next: state\r\n    });\r\n  };\r\n","import { useEffect, useState } from 'react';\r\n\r\nexport function useStore<T, U>(\r\n  store: any,\r\n  selector: (state: T) => U\r\n) {\r\n  const [slice, setSlice] = useState(() =>\r\n    selector(store.getState())\r\n  );\r\n\r\n  useEffect(() => {\r\n    return store.subscribe(setSlice, selector);\r\n  }, [store, selector]);\r\n\r\n  return slice;\r\n}\r\n","import { BehaviorSubject } from 'rxjs';\r\n\r\nexport function createAngularStore<T>(store: any) {\r\n  const subject = new BehaviorSubject(store.getState());\r\n\r\n  const unsubscribe = store.subscribe((state: T) => {\r\n    subject.next(state);\r\n  });\r\n\r\n  return {\r\n    state$: subject.asObservable(),\r\n    setState: store.setState,\r\n    getState: store.getState,\r\n    destroy: unsubscribe\r\n  };\r\n}\r\n"],"mappings":";AAEO,SAAS,kBAAqB;AACnC,QAAM,cAA+B,CAAC;AAEtC,SAAO;AAAA,IACL,KAAK,CAAC,OAAsB;AAC1B,kBAAY,KAAK,EAAE;AAAA,IACrB;AAAA,IAEA,KAAK,CAAC,OAAU,SAAY;AAC1B,iBAAW,MAAM,aAAa;AAC5B,YAAI;AACF,aAAG,OAAO,IAAI;AAAA,QAChB,SAAS,KAAK;AACZ,kBAAQ,MAAM,gCAAgC,GAAG;AAAA,QACnD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;;;ACfO,SAAS,YAA8B,cAAiB;AAC7D,MAAI,QAAQ;AACZ,QAAM,YAAY,oBAAI,IAAiB;AACvC,QAAM,aAAa,gBAAmB;AAEtC,QAAM,WAAW,MAAM;AAEvB,QAAM,WAAW,CACf,YACG;AACH,UAAM,OAAO;AAEb,UAAM,cACJ,OAAO,YAAY,aAAa,QAAQ,KAAK,IAAI;AAEnD,YAAQ,EAAE,GAAG,OAAO,GAAG,YAAY;AAEnC,eAAW,IAAI,OAAO,IAAI;AAE1B,cAAU,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC;AAAA,EACnC;AAEA,QAAM,YAAY,CAChB,UACA,YAA4B,OAAK,OAC9B;AACH,QAAI,YAAY,SAAS,KAAK;AAE9B,UAAM,UAAU,CAAC,aAAgB;AAC/B,YAAM,YAAY,SAAS,QAAQ;AACnC,UAAI,CAAC,OAAO,GAAG,WAAW,SAAS,GAAG;AACpC,oBAAY;AACZ,iBAAS,SAAS;AAAA,MACpB;AAAA,IACF;AAEA,cAAU,IAAI,OAAO;AACrB,WAAO,MAAM,UAAU,OAAO,OAAO;AAAA,EACvC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK,WAAW;AAAA,EAClB;AACF;;;ACnDO,SAAS,QAAW,KAAa;AACtC,SAAO,CAAC,UAAa;AACnB,QAAI;AACF,mBAAa,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,IACjD,SAAS,GAAG;AACV,cAAQ,KAAK,6BAA6B,CAAC;AAAA,IAC7C;AAAA,EACF;AACF;AAEO,SAAS,cAAiB,KAAa,UAAgB;AAC5D,MAAI;AACF,UAAM,OAAO,aAAa,QAAQ,GAAG;AACrC,WAAO,OAAO,KAAK,MAAM,IAAI,IAAI;AAAA,EACnC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;;;ACjBO,IAAM,WAAW,CAAI,OAAO,gBACjC,CAAC,OAAU,SAAY;AACrB,UAAQ,MAAM,IAAI,IAAI,KAAK;AAAA,IACzB;AAAA,IACA,MAAM;AAAA,EACR,CAAC;AACH;;;ACNF,SAAS,WAAW,gBAAgB;AAE7B,SAAS,SACd,OACA,UACA;AACA,QAAM,CAAC,OAAO,QAAQ,IAAI;AAAA,IAAS,MACjC,SAAS,MAAM,SAAS,CAAC;AAAA,EAC3B;AAEA,YAAU,MAAM;AACd,WAAO,MAAM,UAAU,UAAU,QAAQ;AAAA,EAC3C,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,SAAO;AACT;;;ACfA,SAAS,uBAAuB;AAEzB,SAAS,mBAAsB,OAAY;AAChD,QAAM,UAAU,IAAI,gBAAgB,MAAM,SAAS,CAAC;AAEpD,QAAM,cAAc,MAAM,UAAU,CAAC,UAAa;AAChD,YAAQ,KAAK,KAAK;AAAA,EACpB,CAAC;AAED,SAAO;AAAA,IACL,QAAQ,QAAQ,aAAa;AAAA,IAC7B,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,SAAS;AAAA,EACX;AACF;","names":[]}

package/dist/react.d.mts

@@ -0,0 +1,3 @@
+declare function useStore<T, U>(store: any, selector: (state: T) => U): U;
+
+export { useStore };

package/dist/react.d.ts

@@ -0,0 +1,3 @@
+declare function useStore<T, U>(store: any, selector: (state: T) => U): U;
+
+export { useStore };

package/dist/react.js

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/react.ts
+var react_exports = {};
+__export(react_exports, {
+  useStore: () => useStore
+});
+module.exports = __toCommonJS(react_exports);
+var import_react = require("react");
+function useStore(store, selector) {
+  const [slice, setSlice] = (0, import_react.useState)(
+    () => selector(store.getState())
+  );
+  (0, import_react.useEffect)(() => {
+    return store.subscribe(setSlice, selector);
+  }, [store, selector]);
+  return slice;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStore
+});
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\nexport function useStore<T, U>(\r\n  store: any,\r\n  selector: (state: T) => U\r\n) {\r\n  const [slice, setSlice] = useState(() =>\r\n    selector(store.getState())\r\n  );\r\n\r\n  useEffect(() => {\r\n    return store.subscribe(setSlice, selector);\r\n  }, [store, selector]);\r\n\r\n  return slice;\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAE7B,SAAS,SACd,OACA,UACA;AACA,QAAM,CAAC,OAAO,QAAQ,QAAI;AAAA,IAAS,MACjC,SAAS,MAAM,SAAS,CAAC;AAAA,EAC3B;AAEA,8BAAU,MAAM;AACd,WAAO,MAAM,UAAU,UAAU,QAAQ;AAAA,EAC3C,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,SAAO;AACT;","names":[]}

package/dist/react.mjs

@@ -0,0 +1,15 @@
+// src/react.ts
+import { useEffect, useState } from "react";
+function useStore(store, selector) {
+  const [slice, setSlice] = useState(
+    () => selector(store.getState())
+  );
+  useEffect(() => {
+    return store.subscribe(setSlice, selector);
+  }, [store, selector]);
+  return slice;
+}
+export {
+  useStore
+};
+//# sourceMappingURL=react.mjs.map

package/dist/react.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\nexport function useStore<T, U>(\r\n  store: any,\r\n  selector: (state: T) => U\r\n) {\r\n  const [slice, setSlice] = useState(() =>\r\n    selector(store.getState())\r\n  );\r\n\r\n  useEffect(() => {\r\n    return store.subscribe(setSlice, selector);\r\n  }, [store, selector]);\r\n\r\n  return slice;\r\n}\r\n"],"mappings":";AAAA,SAAS,WAAW,gBAAgB;AAE7B,SAAS,SACd,OACA,UACA;AACA,QAAM,CAAC,OAAO,QAAQ,IAAI;AAAA,IAAS,MACjC,SAAS,MAAM,SAAS,CAAC;AAAA,EAC3B;AAEA,YAAU,MAAM;AACd,WAAO,MAAM,UAAU,UAAU,QAAQ;AAAA,EAC3C,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,SAAO;AACT;","names":[]}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "tiny-state-x",
+  "version": "1.0.0",
+  "description": "Tiny framework-agnostic state manager",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.js",
+    "./react": "./dist/react.js",
+    "./angular": "./dist/angular.js"
+  },
+  "scripts": {
+    "build": "tsup",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "rxjs": ">=6.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "rxjs": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.14",
+    "react": ">=16.8.0",
+    "rxjs": ">=6.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "keywords": [
+    "state",
+    "store",
+    "react",
+    "angular"
+  ],
+  
+  "sideEffects": false,
+
+  "files": ["dist"],
+
+  "license": "MIT"
+}