@t8/react-store 1.0.26 → 1.0.28

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Alexander Tkačenko
+
+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

@@ -71,6 +71,8 @@ let [, setState] = useState(store, false);
 Apart from a boolean, `useStore(store, shouldUpdate)` accepts a function of `(nextState, prevState) => boolean` as the second parameter to filter store updates to respond to:
 
 ```jsx
+import { useStore } from "@t8/react-store";
+
 let ItemCard = ({ id }) => {
   // Definition of changes in the item
   let hasRelevantUpdates = useCallback((nextItems, prevItems) => {
@@ -90,41 +92,43 @@ let ItemCard = ({ id }) => {
 
 Shared state can be provided to the app by means of a regular React Context provider:
 
-```ts
-import { createContext } from "react";
+```diff
++ import { createContext, useContext } from "react";
+  import { Store, useStore } from "@t8/react-store";
 
-export let AppContext = createContext(new Store(0));
-```
+- let counterStore = new Store(0);
++ let AppContext = createContext(new Store(0));
 
-```tsx
-let App = () => (
-  <AppContext.Provider value={new Store(42)}>
-    <PlusButton/>{" "}<Display/>
-  </AppContext.Provider>
-);
-```
+  let Counter = () => {
+-   let [counter, setCounter] = useStore(counterStore);
++   let [counter, setCounter] = useStore(useContext(AppContext));
 
-```tsx
-let Counter = () => {
-  let [counter, setCounter] = useStore(useContext(AppContext));
+    // Rendering
+  };
 
-  // Rendering
-};
+  let App = () => (
+-   <>
++   <AppContext.Provider value={new Store(42)}>
+      <PlusButton/>{" "}<Display/>
++   </AppContext.Provider>
+-   </>
+  );
 ```
 
 [Live counter demo with Context](https://codesandbox.io/p/sandbox/rtng37?file=%2Fsrc%2FPlusButton.jsx)
 
 🔹 In a multi-store setup, stores can be located in a single Context or split across multiple Contexts, just like any application data.
 
-```js
+```jsx
+import { createContext, useContext } from "react";
+import { Store, useStore } from "@t8/react-store";
+
 // Multiple stores in a single Context
 let AppContext = createContext({
   users: new Store(/* ... */),
   items: new Store(/* ... */),
 });
-```
 
-```jsx
 let ItemCard = ({ id }) => {
   let [items, setItems] = useStore(useContext(AppContext).items);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t8/react-store",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "description": "Concise shared state management for React apps",
   "main": "dist/index.js",
   "type": "module",
@@ -29,13 +29,13 @@
     "store"
   ],
   "author": "axtk",
-  "license": "ISC",
+  "license": "MIT",
   "peerDependencies": {
     "react": ">=16.8"
   },
   "devDependencies": {
-    "@playwright/test": "^1.55.1",
-    "@t8/serve": "^0.1.29",
+    "@playwright/test": "^1.56.0",
+    "@t8/serve": "^0.1.30",
     "@types/node": "^24.5.2",
     "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.9",
@@ -44,6 +44,6 @@
     "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@t8/store": "^1.1.5"
+    "@t8/store": "^1.1.6"
   }
 }