define-zustand 3.1.0 → 3.1.1

package/README.md

@@ -1,66 +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'
-
-const stateFatory = defineStateFactory({
-    state: () => ({
-        a: 1,
-        b: 1
-    }),
-    action: () => ({}),
-    getter: {
-        count: state => state.a + state.b
-    }
-}) 
-/**
- * @return zustand hooks
- */
-const useStore = defineStore(stateFatory())
-const { Provider, useContext } = defineContext(stateFatory())
-
-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>
-    )
-}
-```
+# 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "define-zustand",
-  "version": "3.1.0",
+  "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",