@storix-js/react 0.1.0 → 0.1.1

package/README.md

@@ -0,0 +1,23 @@
+# @storix-js/react
+
+React adapter for Storix using `useSyncExternalStore`.
+
+## Install
+
+```bash
+npm install @storix-js/core @storix-js/react react
+```
+
+## Usage
+
+```tsx
+import { useStore } from '@storix-js/react';
+import { useCounterStore } from './store';
+
+export function Counter() {
+  const counter = useStore(useCounterStore);
+  return <button onClick={() => counter.increment()}>{counter.count}</button>;
+}
+```
+
+This adapter subscribes React components to Storix updates with React 18-compatible semantics.

package/package.json

@@ -1,10 +1,17 @@
 {
   "name": "@storix-js/react",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -22,7 +29,7 @@
     "react": ">=18"
   },
   "dependencies": {
-    "@storix-js/core": "workspace:*"
+    "@storix-js/core": "^0.1.1"
   },
   "devDependencies": {
     "@types/react": "^18.3.21",

package/src/index.ts

@@ -1,25 +0,0 @@
-import type { StoreInstance } from '@storix-js/core';
-import { useRef, useSyncExternalStore } from 'react';
-
-export function useStore<T extends (...args: never[]) => StoreInstance>(factory: T): ReturnType<T> {
-  const storeRef = useRef<ReturnType<T> | null>(null);
-  const versionRef = useRef(0);
-
-  if (!storeRef.current) {
-    storeRef.current = factory() as ReturnType<T>;
-  }
-
-  const store = storeRef.current as ReturnType<T>;
-
-  useSyncExternalStore(
-    (onStoreChange) =>
-      store.$subscribe(() => {
-        versionRef.current += 1;
-        onStoreChange();
-      }),
-    () => versionRef.current,
-    () => versionRef.current
-  );
-
-  return store;
-}

package/tsconfig.build.json

@@ -1,8 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "src",
-    "outDir": "dist",
-    "paths": {}
-  }
-}

package/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "include": ["src"]
-}

package/vite.config.ts

@@ -1,15 +0,0 @@
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  build: {
-    lib: {
-      entry: 'src/index.ts',
-      name: 'StorixReact',
-      fileName: 'index',
-      formats: ['es', 'cjs']
-    }
-  },
-  test: {
-    environment: 'node'
-  }
-});