feat: add devtools support (#81)

codemask-labs · Jul 30, 2024 · c73109d · c73109d
1 parent 5828cd1
commit c73109d
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 0 deletions.
diff --git a/src/tests/createStore.test.tsx b/src/tests/createStore.test.tsx
@@ -412,3 +412,19 @@ describe('storage + computed', () => {
  expect(getState().computedTest).toEqual(1)
  })
 })
+
+describe('devtools', () => {
+ createStore({
+ test: 0,
+ })
+ // @ts-expect-error
+ const stores = globalThis['__stan-js__']
+ const { store, listen, updateStore } = stores.at(-1)
+
+ expect(store).toBeDefined()
+ expect(listen).toBeDefined()
+ expect(updateStore).toBeDefined()
+ updateStore({ test: 1 })
+
+ expect(store.test).toEqual(1)
+})
diff --git a/src/vanilla/createStore.ts b/src/vanilla/createStore.ts
@@ -141,6 +141,22 @@ export const createStore = <TState extends object>(stateRaw: TState) => {
  }
  }
 
+ Object.defineProperty(globalThis, '__stan-js__', {
+ // @ts-expect-error - Inject store to globalThis
+ value: [...(globalThis['__stan-js__'] ?? []), {
+ store: state,
+ listen: subscribe(storeKeys),
+ updateStore: (store: TState) =>
+ batchUpdates(() =>
+ Object.entries(store)
+ .forEach(([key, value]) => getAction(key as TKey)?.(value))
+ ),
+ }],
+ configurable: true,
+ enumerable: false,
+ writable: true,
+ })
+
  storeKeys.forEach(key => {
  if (Object.getOwnPropertyDescriptor(stateRaw, key)?.get === undefined) {
  return