@cero-base/react 0.0.2 → 0.0.5

package/README.md

@@ -18,7 +18,7 @@ function App() {
 
   if (!ready) return null
   return (
-    <Cero value={db}>
+    <Cero db={db}>
       <Room id={roomId}>
         <Chat />
       </Room>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cero-base/react",
-  "version": "0.0.2",
+  "version": "0.0.5",
   "description": "React hooks and providers for cero-base",
   "files": [
     "src",
@@ -18,8 +18,8 @@
     ".": "./src/index.js"
   },
   "dependencies": {
-    "@cero-base/core": "^0.0.2",
-    "@cero-base/rpc": "^0.0.2"
+    "@cero-base/core": "^0.0.5",
+    "@cero-base/rpc": "^0.0.5"
   },
   "devDependencies": {
     "@testing-library/react": "^16.0.0",

package/src/hooks/use-query.js

@@ -3,46 +3,37 @@ import { store } from '@simplestack/store'
 import { useStoreValue } from '@simplestack/store/react'
 
 /**
- * useQuery — the primitive. Subscribes to a Readable stream, returns reactive data.
- *
- * All named hooks compose from this. Exported as escape hatch for custom subscriptions.
- *
- * Uses @simplestack/store as the reactive layer — signal-based, fine-grained updates.
- * The store persists between mounts (stale-while-revalidate for free).
- * Redundant updates are skipped via Object.is inside store.select().set().
+ * useQuery — subscribes to a Readable stream, returns reactive data.
  *
  * @param {Function} streamFn - Returns a Readable stream (from .sub())
  * @param {Array} deps - Dependency array (re-subscribes when changed)
  * @returns {{ data: any, busy: boolean, error: Error|null }}
  */
 export function useQuery(streamFn, deps) {
-  const s = useRef(null)
-  const ref = useRef(null)
-  if (s.current === null) {
-    s.current = store({ data: null, busy: true, error: null })
+  const state = useRef(null)
+  if (state.current === null) {
+    state.current = store({ data: null, busy: true, error: null })
   }
 
   useEffect(() => {
-    const st = s.current
+    const st = state.current
     st.select('busy').set(true)
 
     const stream = streamFn()
 
-    stream.on('data', (d) => {
-      if (d === ref.current) return // skip redundant updates
-      ref.current = d
-      st.select('data').set(d)
+    stream.on('data', (data) => {
+      st.select('data').set(data)
       st.select('busy').set(false)
       st.select('error').set(null)
     })
 
-    stream.on('error', (err) => {
-      st.select('error').set(err)
+    stream.on('error', (error) => {
+      st.select('error').set(error)
       st.select('busy').set(false)
     })
 
     return () => stream.destroy()
   }, deps) // eslint-disable-line react-hooks/exhaustive-deps
 
-  return useStoreValue(s.current)
+  return useStoreValue(state.current)
 }

package/src/ui/cero.jsx

@@ -1,19 +1,18 @@
 import { useState, useEffect } from 'react'
 import { CeroContext } from './context.js'
 
-export function Cero({ value, children }) {
-  const [ready, setReady] = useState(value.opened)
+export function Cero({ db, children }) {
+  const [ready, setReady] = useState(db.opened)
 
   useEffect(() => {
-    if (!value.opened)
-      value
-        .ready()
+    if (!db.opened)
+      db.ready()
         .then(() => setReady(true))
         .catch(console.error)
     else setReady(true)
-  }, [value])
+  }, [db])
 
   if (!ready) return null
 
-  return <CeroContext.Provider value={value}>{children}</CeroContext.Provider>
+  return <CeroContext.Provider value={db}>{children}</CeroContext.Provider>
 }