@vibecook/truffle-react 0.1.0 → 0.2.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 James Yong
+
+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/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { useMesh } from './use-mesh.js';
-export { useSyncedStore } from './use-synced-store.js';
+export { useMesh, type UseMeshResult } from './use-mesh.js';
+export { useSyncedStore, type UseSyncedStoreResult } from './use-synced-store.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,KAAK,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAsB,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,cAAc,EAA6B,MAAM,uBAAuB,CAAC"}

package/dist/use-mesh.d.ts

@@ -1,18 +1,15 @@
-import type { BaseDevice, DeviceRole } from '@vibecook/truffle-types';
-import type { MeshNode } from '@vibecook/truffle-mesh';
+import type { NapiBaseDevice as BaseDevice, NapiMeshNode as MeshNode } from '@vibecook/truffle';
 export interface UseMeshResult {
     devices: BaseDevice[];
     localDevice: BaseDevice | null;
-    isPrimary: boolean;
     isConnected: boolean;
-    role: DeviceRole;
     broadcast: (namespace: string, type: string, payload: unknown) => void;
-    sendTo: (deviceId: string, namespace: string, type: string, payload: unknown) => boolean;
+    sendTo: (deviceId: string, namespace: string, type: string, payload: unknown) => void;
 }
 /**
- * React hook for Truffle mesh networking.
+ * React hook for Truffle mesh networking (P2P).
  *
- * Subscribes to device changes and provides messaging helpers.
+ * Subscribes to mesh events via the NAPI callback API and provides messaging helpers.
  * The MeshNode must already be started before using this hook.
  */
 export declare function useMesh(node: MeshNode | null): UseMeshResult;

package/dist/use-mesh.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-mesh.d.ts","sourceRoot":"","sources":["../src/use-mesh.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,WAAW,EAAE,UAAU,GAAG,IAAI,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvE,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC;CAC1F;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,GAAG,aAAa,CA6D5D"}
+{"version":3,"file":"use-mesh.d.ts","sourceRoot":"","sources":["../src/use-mesh.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,IAAI,UAAU,EAC5B,YAAY,IAAI,QAAQ,EAEzB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,WAAW,EAAE,UAAU,GAAG,IAAI,CAAC;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvE,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvF;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,GAAG,aAAa,CAoF5D"}

package/dist/use-mesh.js

@@ -1,57 +1,86 @@
 import { useState, useEffect, useCallback, useRef } from 'react';
 /**
- * React hook for Truffle mesh networking.
+ * React hook for Truffle mesh networking (P2P).
  *
- * Subscribes to device changes and provides messaging helpers.
+ * Subscribes to mesh events via the NAPI callback API and provides messaging helpers.
  * The MeshNode must already be started before using this hook.
  */
 export function useMesh(node) {
     const [devices, setDevices] = useState([]);
     const [localDevice, setLocalDevice] = useState(null);
-    const [isPrimary, setIsPrimary] = useState(false);
     const [isConnected, setIsConnected] = useState(false);
-    const [role, setRole] = useState('secondary');
-    const busRef = useRef(null);
+    const nodeRef = useRef(null);
     useEffect(() => {
         if (!node)
             return;
-        busRef.current = node.getMessageBus();
-        setLocalDevice(node.getLocalDevice());
-        setDevices(node.getDevices());
-        setIsConnected(node.isRunning());
-        setIsPrimary(node.isPrimary());
-        setRole(node.getRole());
-        const onDevicesChanged = (devs) => setDevices(devs);
-        const onRoleChanged = (r, primary) => {
-            setRole(r);
-            setIsPrimary(primary);
+        nodeRef.current = node;
+        let cancelled = false;
+        // Fetch initial state
+        const init = async () => {
+            try {
+                const [running, local, devs] = await Promise.all([
+                    node.isRunning(),
+                    node.localDevice(),
+                    node.devices(),
+                ]);
+                if (cancelled)
+                    return;
+                setIsConnected(running);
+                setLocalDevice(local);
+                setDevices(devs);
+            }
+            catch {
+                // Node may not be started yet
+            }
         };
-        const onStarted = () => {
-            setIsConnected(true);
-            setLocalDevice(node.getLocalDevice());
-        };
-        const onStopped = () => {
-            setIsConnected(false);
-            setDevices([]);
-        };
-        node.on('devicesChanged', onDevicesChanged);
-        node.on('roleChanged', onRoleChanged);
-        node.on('started', onStarted);
-        node.on('stopped', onStopped);
+        init();
+        // Subscribe to mesh events via NAPI callback
+        node.onEvent((err, event) => {
+            if (err || cancelled)
+                return;
+            switch (event.eventType) {
+                case 'started':
+                    setIsConnected(true);
+                    node.localDevice().then((d) => {
+                        if (!cancelled)
+                            setLocalDevice(d);
+                    });
+                    break;
+                case 'stopped':
+                    setIsConnected(false);
+                    setDevices([]);
+                    break;
+                case 'peersChanged':
+                    if (Array.isArray(event.payload)) {
+                        setDevices(event.payload);
+                    }
+                    else {
+                        node.devices().then((d) => {
+                            if (!cancelled)
+                                setDevices(d);
+                        });
+                    }
+                    break;
+                case 'peerDiscovered':
+                case 'peerOffline':
+                    node.devices().then((d) => {
+                        if (!cancelled)
+                            setDevices(d);
+                    });
+                    break;
+            }
+        });
         return () => {
-            node.off('devicesChanged', onDevicesChanged);
-            node.off('roleChanged', onRoleChanged);
-            node.off('started', onStarted);
-            node.off('stopped', onStopped);
-            busRef.current = null;
+            cancelled = true;
+            nodeRef.current = null;
         };
     }, [node]);
     const broadcast = useCallback((namespace, type, payload) => {
-        busRef.current?.broadcast(namespace, type, payload);
+        nodeRef.current?.broadcastEnvelope(namespace, type, payload);
     }, []);
     const sendTo = useCallback((deviceId, namespace, type, payload) => {
-        return busRef.current?.publish(deviceId, namespace, type, payload) ?? false;
+        nodeRef.current?.sendEnvelope(deviceId, namespace, type, payload);
     }, []);
-    return { devices, localDevice, isPrimary, isConnected, role, broadcast, sendTo };
+    return { devices, localDevice, isConnected, broadcast, sendTo };
 }
 //# sourceMappingURL=use-mesh.js.map

package/dist/use-mesh.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mesh.js","sourceRoot":"","sources":["../src/use-mesh.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-mesh.js","sourceRoot":"","sources":["../src/use-mesh.ts"],"names":[],"mappings":"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"}

package/dist/use-synced-store.d.ts

@@ -1,15 +1,19 @@
-import type { DeviceSlice } from '@vibecook/truffle-types';
-import type { ISyncableStore } from '@vibecook/truffle-store-sync';
+import type { NapiDeviceSlice as DeviceSlice, NapiStoreSyncAdapter } from '@vibecook/truffle';
 export interface UseSyncedStoreResult<T> {
-    localSlice: DeviceSlice<T> | null;
+    localSlice: DeviceSlice | null;
     localData: T | null;
     version: number;
 }
 /**
- * React hook for a synced store.
+ * React hook for a synced store backed by NapiStoreSyncAdapter.
  *
- * Subscribes to store changes and returns the current local slice data.
- * Use with StoreSyncAdapter for cross-device synchronization.
+ * Tracks local slice state and listens for outgoing sync messages.
+ * Call `handleLocalChanged` on the adapter when your local data changes,
+ * and this hook will reflect the updated slice.
+ *
+ * @param adapter - The NapiStoreSyncAdapter instance (or null if not ready)
+ * @param storeId - The store identifier to track
+ * @param initialSlice - Optional initial slice value
  */
-export declare function useSyncedStore<T>(store: ISyncableStore<T> | null): UseSyncedStoreResult<T>;
+export declare function useSyncedStore<T>(adapter: NapiStoreSyncAdapter | null, storeId: string, initialSlice?: DeviceSlice | null): UseSyncedStoreResult<T>;
 //# sourceMappingURL=use-synced-store.d.ts.map

package/dist/use-synced-store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-synced-store.d.ts","sourceRoot":"","sources":["../src/use-synced-store.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAClC,SAAS,EAAE,CAAC,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,oBAAoB,CAAC,CAAC,CAAC,CA0B1F"}
+{"version":3,"file":"use-synced-store.d.ts","sourceRoot":"","sources":["../src/use-synced-store.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,IAAI,WAAW,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9F,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,SAAS,EAAE,CAAC,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAC9B,OAAO,EAAE,oBAAoB,GAAG,IAAI,EACpC,OAAO,EAAE,MAAM,EACf,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,GAChC,oBAAoB,CAAC,CAAC,CAAC,CAmCzB"}

package/dist/use-synced-store.js

@@ -1,24 +1,41 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
 /**
- * React hook for a synced store.
+ * React hook for a synced store backed by NapiStoreSyncAdapter.
  *
- * Subscribes to store changes and returns the current local slice data.
- * Use with StoreSyncAdapter for cross-device synchronization.
+ * Tracks local slice state and listens for outgoing sync messages.
+ * Call `handleLocalChanged` on the adapter when your local data changes,
+ * and this hook will reflect the updated slice.
+ *
+ * @param adapter - The NapiStoreSyncAdapter instance (or null if not ready)
+ * @param storeId - The store identifier to track
+ * @param initialSlice - Optional initial slice value
  */
-export function useSyncedStore(store) {
-    const [localSlice, setLocalSlice] = useState(store?.getLocalSlice() ?? null);
+export function useSyncedStore(adapter, storeId, initialSlice) {
+    const [localSlice, setLocalSlice] = useState(initialSlice ?? null);
+    const adapterRef = useRef(null);
     useEffect(() => {
-        if (!store)
+        if (!adapter)
             return;
-        setLocalSlice(store.getLocalSlice());
-        const onLocalChanged = (slice) => {
-            setLocalSlice(slice);
-        };
-        store.on('localChanged', onLocalChanged);
+        adapterRef.current = adapter;
+        let cancelled = false;
+        // Listen for outgoing sync messages to detect local changes
+        adapter.onOutgoing((err, message) => {
+            if (err || cancelled)
+                return;
+            // When the adapter emits an outgoing message, the local data has changed.
+            // The payload contains the sync data including the slice.
+            if (message.payload && typeof message.payload === 'object') {
+                const payload = message.payload;
+                if (payload.storeId === storeId && payload.slice) {
+                    setLocalSlice(payload.slice);
+                }
+            }
+        });
         return () => {
-            store.off('localChanged', onLocalChanged);
+            cancelled = true;
+            adapterRef.current = null;
         };
-    }, [store]);
+    }, [adapter, storeId]);
     return {
         localSlice,
         localData: localSlice?.data ?? null,

package/dist/use-synced-store.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-synced-store.js","sourceRoot":"","sources":["../src/use-synced-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAU5C;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAI,KAA+B;IAC/D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,KAAK,EAAE,aAAa,EAAE,IAAI,IAAI,CAC/B,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,aAAa,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC,CAAC;QAErC,MAAM,cAAc,GAAG,CAAC,KAAqB,EAAE,EAAE;YAC/C,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,KAAK,CAAC,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;QAEzC,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,GAAG,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;QAC5C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO;QACL,UAAU;QACV,SAAS,EAAE,UAAU,EAAE,IAAI,IAAI,IAAI;QACnC,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,CAAC;KAClC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"use-synced-store.js","sourceRoot":"","sources":["../src/use-synced-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AASpD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,cAAc,CAC5B,OAAoC,EACpC,OAAe,EACf,YAAiC;IAEjC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAqB,YAAY,IAAI,IAAI,CAAC,CAAC;IACvF,MAAM,UAAU,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;QAC7B,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,4DAA4D;QAC5D,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE;YAClC,IAAI,GAAG,IAAI,SAAS;gBAAE,OAAO;YAE7B,0EAA0E;YAC1E,0DAA0D;YAC1D,IAAI,OAAO,CAAC,OAAO,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;gBAC3D,MAAM,OAAO,GAAG,OAAO,CAAC,OAAkC,CAAC;gBAC3D,IAAI,OAAO,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;oBACjD,aAAa,CAAC,OAAO,CAAC,KAAoB,CAAC,CAAC;gBAC9C,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;YACjB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,OAAO;QACL,UAAU;QACV,SAAS,EAAG,UAAU,EAAE,IAAU,IAAI,IAAI;QAC1C,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,CAAC;KAClC,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@vibecook/truffle-react",
-  "version": "0.1.0",
+  "version": "0.2.3",
   "description": "React hooks for Truffle mesh networking",
   "license": "MIT",
+  "author": "James Yong",
   "repository": {
     "type": "git",
     "url": "https://github.com/jamesyong-42/truffle.git",
@@ -12,29 +13,46 @@
   "bugs": {
     "url": "https://github.com/jamesyong-42/truffle/issues"
   },
+  "keywords": [
+    "mesh",
+    "networking",
+    "tailscale",
+    "local-first",
+    "p2p",
+    "react",
+    "hooks"
+  ],
   "engines": {
     "node": ">=18"
   },
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "tsc",
-    "clean": "rm -rf dist",
-    "typecheck": "tsc --noEmit"
-  },
   "dependencies": {
-    "@vibecook/truffle-types": "workspace:*",
-    "@vibecook/truffle-mesh": "workspace:*",
-    "@vibecook/truffle-store-sync": "workspace:*"
+    "@vibecook/truffle": "0.2.3"
   },
   "peerDependencies": {
     "react": ">=18"
   },
   "devDependencies": {
     "@types/react": "^19.0.0"
+  },
+  "scripts": {
+    "build": "tsc",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit"
   }
-}
+}