@chromahq/store 0.1.0 → 0.1.1

package/dist/index.cjs.js

@@ -256,19 +256,15 @@ function createStore(name) {
 function useStoreActions(store) {
   return React.useMemo(
     () => ({
-      // Update state with partial data
       update: (partial) => {
         store.setState((state) => ({ ...state, ...partial }));
       },
-      // Update state with a function
       updateWith: (updater) => {
         store.setState((state) => ({ ...state, ...updater(state) }));
       },
-      // Replace entire state
       replace: (newState) => {
         store.setState(newState, true);
       },
-      // Direct access to setState
       setState: store.setState.bind(store)
     }),
     [store]
@@ -294,19 +290,17 @@ function createStoreHooks() {
     const store = useStoreInstance();
     return useStoreActions(store);
   }
-  function createActionHook(actionsFactory) {
-    return function useCustomActions() {
-      const store = useStoreInstance();
-      const baseActions = useStoreActions(store);
-      return React.useMemo(() => actionsFactory(baseActions), [baseActions]);
-    };
+  function useAction(actionKey) {
+    const store = useStoreInstance();
+    const action = useCentralStore(store, (state) => state[actionKey]);
+    return action;
   }
   return {
     StoreProvider,
     useStore,
     useStoreInstance,
     useActions,
-    createActionHook
+    useAction
   };
 }
 

package/dist/index.d.ts

@@ -91,20 +91,8 @@ declare class StoreBuilder<T = any> {
 declare function createStore<T = any>(name?: string): StoreBuilder<T>;
 
 /**
- * Store actions helper (inlined from actions.ts)
- */
-declare function useStoreActions<T extends Record<string, any>>(store: CentralStore<T>): {
-    update: (partial: Partial<T>) => void;
-    updateWith: (updater: (state: T) => Partial<T>) => void;
-    replace: (newState: T) => void;
-    setState: {
-        (partial: T | Partial<T> | ((state: T) => T | Partial<T>), replace?: false): void;
-        (state: T | ((state: T) => T), replace: true): void;
-    };
-};
-/**
- * Create a complete store hook factory with typed providers and action creators
- * This prevents confusion by providing only the hooks you need, not global ones
+ * Create store hooks for context-based state and actions.
+ * Use useStore for state selection and useActions for auto-wired actions.
  */
 declare function createStoreHooks<T extends Record<string, any>>(): {
     StoreProvider: ({ store, children }: {
@@ -122,7 +110,7 @@ declare function createStoreHooks<T extends Record<string, any>>(): {
             (state: T | ((state: T) => T), replace: true): void;
         };
     };
-    createActionHook: <ActionMap extends Record<string, (...args: any[]) => void>>(actionsFactory: (actions: ReturnType<typeof useStoreActions<T>>) => ActionMap) => () => ActionMap;
+    useAction: <K extends keyof T>(actionKey: K) => T[K];
 };
 
 export { BridgeStore, StoreBuilder, chromeStoragePersist, createBridgeStore, createStore, createStoreHooks, useCentralDispatch, useCentralStore };

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useSyncExternalStore, createContext, useMemo, useContext, useRef } from 'react';
+import { useSyncExternalStore, createContext, useContext, useRef, useMemo } from 'react';
 import { createStore as createStore$1 } from 'zustand/vanilla';
 
 function chromeStoragePersist(options) {
@@ -236,19 +236,15 @@ function createStore(name) {
 function useStoreActions(store) {
   return useMemo(
     () => ({
-      // Update state with partial data
       update: (partial) => {
         store.setState((state) => ({ ...state, ...partial }));
       },
-      // Update state with a function
       updateWith: (updater) => {
         store.setState((state) => ({ ...state, ...updater(state) }));
       },
-      // Replace entire state
       replace: (newState) => {
         store.setState(newState, true);
       },
-      // Direct access to setState
       setState: store.setState.bind(store)
     }),
     [store]
@@ -274,19 +270,17 @@ function createStoreHooks() {
     const store = useStoreInstance();
     return useStoreActions(store);
   }
-  function createActionHook(actionsFactory) {
-    return function useCustomActions() {
-      const store = useStoreInstance();
-      const baseActions = useStoreActions(store);
-      return useMemo(() => actionsFactory(baseActions), [baseActions]);
-    };
+  function useAction(actionKey) {
+    const store = useStoreInstance();
+    const action = useCentralStore(store, (state) => state[actionKey]);
+    return action;
   }
   return {
     StoreProvider,
     useStore,
     useStoreInstance,
     useActions,
-    createActionHook
+    useAction
   };
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chromahq/store",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Centralized, persistent store for Chrome extensions using zustand, accessible from service workers and React, with chrome.storage.local persistence.",
   "type": "module",
   "main": "dist/index.cjs.js",