define-zustand 3.0.4 → 3.1.1

package/README.md

@@ -0,0 +1,79 @@
+# define-zustand
+
+> Quickly define [zustand](https://github.com/pmndrs/zustand) state
+
+## Install
+
+```shell
+pnpm i define-zustand
+npm i define-zustand
+```
+
+## Use
+
+```tsx
+import { defineStore, defineContext, defineStateFactory } from 'define-zustand'
+
+/**
+ * @return zustand hooks
+ */
+const useStore = defineStore({
+    state: () => ({
+        a: 1,
+        b: 1
+    }),
+    action: () => ({}),
+    getter: {
+        count: state => state.a + state.b
+    }
+})
+
+// Use defineModelFactory
+const stateFactory = defineStateFactory({
+    state: () => ({
+        a: 1,
+        b: 1
+    }),
+    action: () => ({}),
+    getter: {
+        count: state => state.a + state.b
+    }
+})
+const useStore = defineStore(stateFactory())
+const { Provider, useContext } = defineContext(stateFactory())
+
+function Child() {
+    const count = useContext(state => state.count)
+    return <div>{count}</div>
+}
+function ReactComponent() {
+    const count = useStore(state => state.count)
+    const setState = useStore(state => state.setState)
+    const reset = useStore(state => state.reset)
+
+    useEffect(() => {
+        return () => {
+            reset()
+        }
+    }, [])
+
+    return (
+        <Provider>
+            <div>
+                <button onClick={() => setState({ a: 2 })}>setA</button>
+                <button
+                    onClick={() =>
+                        setState(state => {
+                            state.b += 1
+                        })
+                    }
+                >
+                    setB
+                </button>
+                <div>{count}</div>
+            </div>
+            <Child />
+        </Provider>
+    )
+}
+```

package/dist/index.js

@@ -1 +1 @@
-export { creator, defineContext, defineStore } from './utils.js';
+export { creator, defineContext, defineStateFactory, defineStore } from './utils.js';

package/dist/utils.d.ts

@@ -1,6 +1,7 @@
 import { FunctionComponent, ReactNode } from 'react';
 import { StateCreator } from 'zustand';
 import { defGetterStateType, optionsType, ExtraGetterState, insideActionsType } from './types';
+export declare function defineStateFactory<Options extends optionsType<any, any, any>>(options: Options): () => Options;
 export declare function creator<S extends Record<string, any>, G extends defGetterStateType<S>, OptionActions extends Record<string, any>>(options: optionsType<S, G, OptionActions>): StateCreator<S & ExtraGetterState<S, G> & insideActionsType<S> & OptionActions>;
 export declare function defineStore<S extends Record<string, any>, G extends defGetterStateType<S>, OptionActions extends Record<string, any>>(options: optionsType<S, G, OptionActions>): import("zustand").UseBoundStore<import("zustand").StoreApi<S & ExtraGetterState<S, G> & insideActionsType<S> & OptionActions>>;
 export declare function defineContext<S extends Record<string, any>, G extends defGetterStateType<S>, OptionActions extends Record<string, any>>(options: optionsType<S, G, OptionActions>): {

package/dist/utils.js

@@ -4,6 +4,9 @@ import { produce } from 'immer';
 import { keys, isEqualWith, omit, some, pick, forEach, isEqual } from 'lodash-es';
 import { jsx } from 'react/jsx-runtime';
 
+function defineStateFactory(options) {
+  return () => options;
+}
 function creator(options) {
   function createDefState() {
     const state = options.state();
@@ -77,4 +80,4 @@ function defineContext(options) {
   };
 }
 
-export { creator, defineContext, defineStore };
+export { creator, defineContext, defineStateFactory, defineStore };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "define-zustand",
-  "version": "3.0.4",
+  "version": "3.1.1",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -9,7 +9,6 @@
   ],
   "license": "ISC",
   "devDependencies": {
-    "1k-tasks": "^3.6.0",
     "@types/jest": "^29.5.2",
     "@types/lodash-es": "^4.17.8",
     "@typescript-eslint/eslint-plugin": "5.60.1",
@@ -20,21 +19,21 @@
     "eslint-plugin-prettier": "4.2.1",
     "jest": "^29.5.0",
     "prettier": "2.8.8",
-    "react": "~18.2.0",
+    "react": "~18.3.1",
     "stylelint": "15.9.0",
     "stylelint-config-standard": "33.0.0",
     "ts-jest": "29.0.5",
     "typescript": "5.1.3",
-    "zustand": "^4.4.1"
+    "zustand": "4.4.1"
   },
   "dependencies": {
-    "@types/react": "~18.2.28",
-    "immer": "^10.0.2",
-    "lodash-es": "^4.17.21"
+    "@types/react": "18.3.3",
+    "immer": "10.0.2",
+    "lodash-es": "4.17.21"
   },
   "peerDependencies": {
-    "react": "~18.2.0",
-    "zustand": "^4.4.1"
+    "react": "~18.3.1",
+    "zustand": "~4.4.1"
   },
   "scripts": {
     "build": "node scripts/build.js",