@quantajs/react 2.0.0-beta.1 → 2.0.0-beta.11

package/package.json

@@ -1,61 +1,63 @@
 {
-  "name": "@quantajs/react",
-  "private": false,
-  "author": {
-    "name": "Jeel Gajera",
-    "url": "https://github.com/JeelGajera"
-  },
-  "description": "React integration for QuantaJS - A compact, scalable, and developer-friendly state management library for React applications.",
-  "keywords": [
-    "quantajs",
-    "quanta",
-    "state-management",
-    "reactivity",
-    "react",
-    "hooks"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/quanta-js/quanta.git"
-  },
-  "bugs": {
-    "url": "https://github.com/quanta-js/quanta/issues"
-  },
-  "homepage": "https://quantajs.com",
-  "version": "2.0.0-beta.1",
-  "type": "module",
-  "license": "MIT",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+    "name": "@quantajs/react",
+    "private": false,
+    "author": {
+        "name": "Jeel Gajera",
+        "url": "https://github.com/JeelGajera"
+    },
+    "description": "React integration for QuantaJS - A compact, scalable, and developer-friendly state management library for React applications.",
+    "keywords": [
+        "quantajs",
+        "quanta",
+        "state-management",
+        "reactivity",
+        "react",
+        "hooks"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/quanta-js/quanta.git"
+    },
+    "bugs": {
+        "url": "https://github.com/quanta-js/quanta/issues"
+    },
+    "homepage": "https://quantajs.com",
+    "version": "2.0.0-beta.11",
+    "type": "module",
+    "license": "MIT",
+    "scripts": {
+        "test:types": "tsc --noEmit",
+        "dev": "npm run format && npm run lint:fix && npm run build",
+        "build": "npm run clean && vite build",
+        "preview": "vite preview",
+        "clean": "rimraf dist",
+        "lint": "eslint \"src/**/*.{ts,tsx}\"",
+        "lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
+        "format": "prettier --write \"src/**/*.{ts,tsx}\""
+    },
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js",
+            "require": "./dist/index.cjs"
+        }
+    },
+    "files": [
+        "dist"
+    ],
+    "sideEffects": false,
+    "peerDependencies": {
+        "react": ">=16.8.0"
+    },
+    "dependencies": {
+        "@quantajs/core": "workspace:*",
+        "@quantajs/devtools": "workspace:*"
+    },
+    "devDependencies": {
+        "@types/react": "^19.2.14",
+        "react": "^19.2.4"
     }
-  },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": false,
-  "peerDependencies": {
-    "react": ">=16.8.0"
-  },
-  "dependencies": {
-    "@quantajs/core": "2.0.0-beta.1"
-  },
-  "devDependencies": {
-    "@types/react": "^18.3.12",
-    "react": "^18.3.1"
-  },
-  "scripts": {
-    "dev": "npm run format && npm run lint:fix && npm run build",
-    "build": "npm run clean && vite build",
-    "preview": "vite preview",
-    "clean": "rimraf dist",
-    "lint": "eslint \"src/**/*.{ts,tsx}\"",
-    "lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
-    "format": "prettier --write \"src/**/*.{ts,tsx}\""
-  }
 }

package/readme.md

@@ -1,133 +1,142 @@
-# @quantajs/react
-
-![Logo](https://raw.githubusercontent.com/quanta-js/quanta/master/assets/quantajs_banner.png)
-
-React integration for QuantaJS - A compact, scalable, and developer-friendly state management library for React applications.
-
-## 🚀 Features
-
-✅ **React Optimized** – Built specifically for React applications  
-✅ **Performance First** – Uses `useSyncExternalStore` for efficient updates  
-✅ **Type-Safe** – Full TypeScript support with proper inference  
-✅ **Flexible** – Multiple usage patterns (Provider, Direct, Selectors)  
-✅ **QuantaJS Core** – Direct access to reactive, computed, and watch
-
-## 📦 Installation
-
-```sh
-npm install @quantajs/react @quantajs/core
-# or
-yarn add @quantajs/react @quantajs/core
-# or
-pnpm add @quantajs/react @quantajs/core
-```
-
-## ⚡ Quick Start
-
-### Basic Counter Example
-
-```tsx
-import React from 'react';
-import { createStore, QuantaProvider, useStore } from '@quantajs/react';
-
-// Create store
-const counterStore = createStore('counter', {
-  state: () => ({ count: 0 }),
-  getters: {
-    doubleCount: (state) => state.count * 2
-  },
-  actions: {
-    increment() { this.count++; },
-    decrement() { this.count--; }
-  }
-});
-
-// Component
-function Counter() {
-  const store = useStore();
-  
-  return (
-    <div>
-      <p>Count: {store.count}</p>
-      <p>Double: {store.doubleCount}</p>
-      <button onClick={() => store.increment()}>+</button>
-      <button onClick={() => store.decrement()}>-</button>
-    </div>
-  );
-}
-
-// App
-function App() {
-  return (
-    <QuantaProvider store={counterStore}>
-      <Counter />
-    </QuantaProvider>
-  );
-}
-```
-
-### With Selectors (Performance)
-
-```tsx
-import { useQuantaStore } from '@quantajs/react';
-
-function CounterDisplay() {
-  // Only re-render when count changes
-  const count = useQuantaStore(counterStore, store => store.count);
-  
-  return <p>Count: {count}</p>;
-}
-```
-
-### Component-Scoped Store
-
-```tsx
-import { useCreateStore } from '@quantajs/react';
-
-function TodoComponent() {
-  const todoStore = useCreateStore(
-    'todos',
-    () => ({ todos: [] }),
-    undefined,
-    {
-      addTodo(text: string) {
-        this.todos.push({ id: Date.now(), text, done: false });
-      }
-    }
-  );
-
-  return (
-    <div>
-      <button onClick={() => todoStore.addTodo('New task')}>
-        Add Todo
-      </button>
-      <p>Todos: {todoStore.todos.length}</p>
-    </div>
-  );
-}
-```
-
-## 🔧 API
-
-### Hooks
-- `useQuantaStore(store, selector?)` - Subscribe to store with optional selector
-- `useStore(selector?)` - Access store from QuantaProvider context
-- `useCreateStore(name, state, getters?, actions?)` - Create component-scoped store
-
-### Components
-- `<QuantaProvider store={store}>` - Provide store to child components
-
-### Core Features
-- `createStore`, `reactive`, `computed`, `watch` - Re-exported from @quantajs/core
-
-## 📜 License
-
-This project is licensed under the MIT [License](https://github.com/quanta-js/quanta/blob/main/LICENSE) - see the LICENSE file for details.
-
-## 💬 Contributing
-
-We welcome contributions! Feel free to open issues, submit PRs, or suggest improvements.
-
-## ⭐ Support
-
-If you find this library useful, consider giving it a ⭐ star on [GitHub](https://github.com/quanta-js/quanta)!
+# @quantajs/react
+
+![Logo](https://raw.githubusercontent.com/quanta-js/quanta/master/assets/quantajs_banner.png)
+
+[![CI](https://github.com/quanta-js/quanta/actions/workflows/ci.yml/badge.svg)](https://github.com/quanta-js/quanta/actions/workflows/ci.yml)
+
+React integration for QuantaJS - A compact, scalable, and developer-friendly state management library for React applications.
+
+## 🚀 Features
+
+✅ **React Optimized** – Built specifically for React applications  
+✅ **Performance First** – Uses `useSyncExternalStore` for efficient updates  
+✅ **Type-Safe** – Full TypeScript support with proper inference  
+✅ **Flexible** – Multiple usage patterns (Provider, Direct, Selectors)  
+✅ **QuantaJS Core** – Direct access to reactive, computed, and watch
+
+## 📦 Installation
+
+```sh
+npm install @quantajs/react @quantajs/core
+# or
+yarn add @quantajs/react @quantajs/core
+# or
+pnpm add @quantajs/react @quantajs/core
+```
+
+## ⚡ Quick Start
+
+### Basic Counter Example
+
+```tsx
+import React from 'react';
+import { createStore, QuantaProvider, useStore } from '@quantajs/react';
+
+// Create store
+const counterStore = createStore('counter', {
+    state: () => ({ count: 0 }),
+    getters: {
+        doubleCount: (state) => state.count * 2,
+    },
+    actions: {
+        increment() {
+            this.count++;
+        },
+        decrement() {
+            this.count--;
+        },
+    },
+});
+
+// Component
+function Counter() {
+    const store = useStore();
+
+    return (
+        <div>
+            <p>Count: {store.count}</p>
+            <p>Double: {store.doubleCount}</p>
+            <button onClick={() => store.increment()}>+</button>
+            <button onClick={() => store.decrement()}>-</button>
+        </div>
+    );
+}
+
+// App
+function App() {
+    return (
+        <QuantaProvider store={counterStore}>
+            <Counter />
+        </QuantaProvider>
+    );
+}
+```
+
+### With Selectors (Performance)
+
+```tsx
+import { useQuantaStore } from '@quantajs/react';
+
+function CounterDisplay() {
+    // Only re-render when count changes
+    const count = useQuantaStore(counterStore, (store) => store.count);
+
+    return <p>Count: {count}</p>;
+}
+```
+
+### Component-Scoped Store
+
+```tsx
+import { useCreateStore } from '@quantajs/react';
+
+function TodoComponent() {
+    const todoStore = useCreateStore(
+        'todos',
+        () => ({ todos: [] }),
+        undefined,
+        {
+            addTodo(text: string) {
+                this.todos.push({ id: Date.now(), text, done: false });
+            },
+        },
+    );
+
+    return (
+        <div>
+            <button onClick={() => todoStore.addTodo('New task')}>
+                Add Todo
+            </button>
+            <p>Todos: {todoStore.todos.length}</p>
+        </div>
+    );
+}
+```
+
+## 🔧 API
+
+### Hooks
+
+- `useQuantaStore(store, selector?)` - Subscribe to store with optional selector
+- `useStore(selector?)` - Access store from QuantaProvider context
+- `useCreateStore(name, state, getters?, actions?)` - Create component-scoped store
+
+### Components
+
+- `<QuantaProvider store={store}>` - Provide store to child components
+
+### Core Features
+
+- `createStore`, `reactive`, `computed`, `watch` - Re-exported from @quantajs/core
+
+## 📜 License
+
+This project is licensed under the MIT [License](https://github.com/quanta-js/quanta/blob/main/LICENSE) - see the LICENSE file for details.
+
+## 💬 Contributing
+
+We welcome contributions! Feel free to open issues, submit PRs, or suggest improvements.
+
+## ⭐ Support
+
+If you find this library useful, consider giving it a ⭐ star on [GitHub](https://github.com/quanta-js/quanta)!

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 QuantaJS
-
-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.