@vibecook/truffle-react 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export { useMesh } from './use-mesh.js';
2
- export { useSyncedStore } from './use-synced-store.js';
1
+ export { useMesh, type UseMeshResult } from './use-mesh.js';
2
+ export { useSyncedStore, type UseSyncedStoreResult } from './use-synced-store.js';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1 +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"}
1
+ {"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"}
@@ -1,5 +1,5 @@
1
- import type { BaseDevice, DeviceRole } from '@vibecook/truffle-types';
2
- import type { MeshNode } from '@vibecook/truffle-mesh';
1
+ import type { NapiBaseDevice as BaseDevice, NapiMeshNode as MeshNode } from '@vibecook/truffle';
2
+ type DeviceRole = string;
3
3
  export interface UseMeshResult {
4
4
  devices: BaseDevice[];
5
5
  localDevice: BaseDevice | null;
@@ -7,13 +7,14 @@ export interface UseMeshResult {
7
7
  isConnected: boolean;
8
8
  role: DeviceRole;
9
9
  broadcast: (namespace: string, type: string, payload: unknown) => void;
10
- sendTo: (deviceId: string, namespace: string, type: string, payload: unknown) => boolean;
10
+ sendTo: (deviceId: string, namespace: string, type: string, payload: unknown) => void;
11
11
  }
12
12
  /**
13
13
  * React hook for Truffle mesh networking.
14
14
  *
15
- * Subscribes to device changes and provides messaging helpers.
15
+ * Subscribes to mesh events via the NAPI callback API and provides messaging helpers.
16
16
  * The MeshNode must already be started before using this hook.
17
17
  */
18
18
  export declare function useMesh(node: MeshNode | null): UseMeshResult;
19
+ export {};
19
20
  //# sourceMappingURL=use-mesh.d.ts.map
@@ -1 +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"}
1
+ {"version":3,"file":"use-mesh.d.ts","sourceRoot":"","sources":["../src/use-mesh.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,IAAI,UAAU,EAAE,YAAY,IAAI,QAAQ,EAAiB,MAAM,mBAAmB,CAAC;AAE/G,KAAK,UAAU,GAAG,MAAM,CAAC;AAEzB,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,IAAI,CAAC;CACvF;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,GAAG,aAAa,CAwG5D"}
package/dist/use-mesh.js CHANGED
@@ -2,7 +2,7 @@ import { useState, useEffect, useCallback, useRef } from 'react';
2
2
  /**
3
3
  * React hook for Truffle mesh networking.
4
4
  *
5
- * Subscribes to device changes and provides messaging helpers.
5
+ * Subscribes to mesh events via the NAPI callback API and provides messaging helpers.
6
6
  * The MeshNode must already be started before using this hook.
7
7
  */
8
8
  export function useMesh(node) {
@@ -11,46 +11,94 @@ export function useMesh(node) {
11
11
  const [isPrimary, setIsPrimary] = useState(false);
12
12
  const [isConnected, setIsConnected] = useState(false);
13
13
  const [role, setRole] = useState('secondary');
14
- const busRef = useRef(null);
14
+ const nodeRef = useRef(null);
15
15
  useEffect(() => {
16
16
  if (!node)
17
17
  return;
18
- busRef.current = node.getMessageBus();
19
- setLocalDevice(node.getLocalDevice());
20
- setDevices(node.getDevices());
21
- setIsConnected(node.isRunning());
22
- setIsPrimary(node.isPrimary());
23
- setRole(node.getRole());
24
- const onDevicesChanged = (devs) => setDevices(devs);
25
- const onRoleChanged = (r, primary) => {
26
- setRole(r);
27
- setIsPrimary(primary);
18
+ nodeRef.current = node;
19
+ let cancelled = false;
20
+ // Fetch initial state (all NAPI methods are async)
21
+ const init = async () => {
22
+ try {
23
+ const [running, local, devs, primary, currentRole] = await Promise.all([
24
+ node.isRunning(),
25
+ node.localDevice(),
26
+ node.devices(),
27
+ node.isPrimary(),
28
+ node.role(),
29
+ ]);
30
+ if (cancelled)
31
+ return;
32
+ setIsConnected(running);
33
+ setLocalDevice(local);
34
+ setDevices(devs);
35
+ setIsPrimary(primary);
36
+ setRole(currentRole);
37
+ }
38
+ catch {
39
+ // Node may not be started yet
40
+ }
28
41
  };
29
- const onStarted = () => {
30
- setIsConnected(true);
31
- setLocalDevice(node.getLocalDevice());
32
- };
33
- const onStopped = () => {
34
- setIsConnected(false);
35
- setDevices([]);
36
- };
37
- node.on('devicesChanged', onDevicesChanged);
38
- node.on('roleChanged', onRoleChanged);
39
- node.on('started', onStarted);
40
- node.on('stopped', onStopped);
42
+ init();
43
+ // Subscribe to mesh events via NAPI callback
44
+ node.onEvent((err, event) => {
45
+ if (err || cancelled)
46
+ return;
47
+ switch (event.eventType) {
48
+ case 'started':
49
+ setIsConnected(true);
50
+ // Re-fetch local device after start
51
+ node.localDevice().then((d) => {
52
+ if (!cancelled)
53
+ setLocalDevice(d);
54
+ });
55
+ break;
56
+ case 'stopped':
57
+ setIsConnected(false);
58
+ setDevices([]);
59
+ break;
60
+ case 'devicesChanged':
61
+ // Payload contains the updated device list
62
+ if (Array.isArray(event.payload)) {
63
+ setDevices(event.payload);
64
+ }
65
+ else {
66
+ // Fallback: re-fetch devices
67
+ node.devices().then((d) => {
68
+ if (!cancelled)
69
+ setDevices(d);
70
+ });
71
+ }
72
+ break;
73
+ case 'deviceDiscovered':
74
+ case 'deviceOffline':
75
+ // Re-fetch devices list on discovery/offline events
76
+ node.devices().then((d) => {
77
+ if (!cancelled)
78
+ setDevices(d);
79
+ });
80
+ break;
81
+ case 'roleChanged':
82
+ // Re-fetch role and primary status
83
+ Promise.all([node.role(), node.isPrimary()]).then(([r, p]) => {
84
+ if (!cancelled) {
85
+ setRole(r);
86
+ setIsPrimary(p);
87
+ }
88
+ });
89
+ break;
90
+ }
91
+ });
41
92
  return () => {
42
- node.off('devicesChanged', onDevicesChanged);
43
- node.off('roleChanged', onRoleChanged);
44
- node.off('started', onStarted);
45
- node.off('stopped', onStopped);
46
- busRef.current = null;
93
+ cancelled = true;
94
+ nodeRef.current = null;
47
95
  };
48
96
  }, [node]);
49
97
  const broadcast = useCallback((namespace, type, payload) => {
50
- busRef.current?.broadcast(namespace, type, payload);
98
+ nodeRef.current?.broadcastEnvelope(namespace, type, payload);
51
99
  }, []);
52
100
  const sendTo = useCallback((deviceId, namespace, type, payload) => {
53
- return busRef.current?.publish(deviceId, namespace, type, payload) ?? false;
101
+ nodeRef.current?.sendEnvelope(deviceId, namespace, type, payload);
54
102
  }, []);
55
103
  return { devices, localDevice, isPrimary, isConnected, role, broadcast, sendTo };
56
104
  }
@@ -1 +1 @@
1
- {"version":3,"file":"use-mesh.js","sourceRoot":"","sources":["../src/use-mesh.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"use-mesh.js","sourceRoot":"","sources":["../src/use-mesh.ts"],"names":[],"mappings":"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"}
@@ -1,15 +1,19 @@
1
- import type { DeviceSlice } from '@vibecook/truffle-types';
2
- import type { ISyncableStore } from '@vibecook/truffle-store-sync';
1
+ import type { NapiDeviceSlice as DeviceSlice, NapiStoreSyncAdapter } from '@vibecook/truffle';
3
2
  export interface UseSyncedStoreResult<T> {
4
- localSlice: DeviceSlice<T> | null;
3
+ localSlice: DeviceSlice | null;
5
4
  localData: T | null;
6
5
  version: number;
7
6
  }
8
7
  /**
9
- * React hook for a synced store.
8
+ * React hook for a synced store backed by NapiStoreSyncAdapter.
10
9
  *
11
- * Subscribes to store changes and returns the current local slice data.
12
- * Use with StoreSyncAdapter for cross-device synchronization.
10
+ * Tracks local slice state and listens for outgoing sync messages.
11
+ * Call `handleLocalChanged` on the adapter when your local data changes,
12
+ * and this hook will reflect the updated slice.
13
+ *
14
+ * @param adapter - The NapiStoreSyncAdapter instance (or null if not ready)
15
+ * @param storeId - The store identifier to track
16
+ * @param initialSlice - Optional initial slice value
13
17
  */
14
- export declare function useSyncedStore<T>(store: ISyncableStore<T> | null): UseSyncedStoreResult<T>;
18
+ export declare function useSyncedStore<T>(adapter: NapiStoreSyncAdapter | null, storeId: string, initialSlice?: DeviceSlice | null): UseSyncedStoreResult<T>;
15
19
  //# sourceMappingURL=use-synced-store.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,24 +1,41 @@
1
- import { useState, useEffect } from 'react';
1
+ import { useState, useEffect, useRef } from 'react';
2
2
  /**
3
- * React hook for a synced store.
3
+ * React hook for a synced store backed by NapiStoreSyncAdapter.
4
4
  *
5
- * Subscribes to store changes and returns the current local slice data.
6
- * Use with StoreSyncAdapter for cross-device synchronization.
5
+ * Tracks local slice state and listens for outgoing sync messages.
6
+ * Call `handleLocalChanged` on the adapter when your local data changes,
7
+ * and this hook will reflect the updated slice.
8
+ *
9
+ * @param adapter - The NapiStoreSyncAdapter instance (or null if not ready)
10
+ * @param storeId - The store identifier to track
11
+ * @param initialSlice - Optional initial slice value
7
12
  */
8
- export function useSyncedStore(store) {
9
- const [localSlice, setLocalSlice] = useState(store?.getLocalSlice() ?? null);
13
+ export function useSyncedStore(adapter, storeId, initialSlice) {
14
+ const [localSlice, setLocalSlice] = useState(initialSlice ?? null);
15
+ const adapterRef = useRef(null);
10
16
  useEffect(() => {
11
- if (!store)
17
+ if (!adapter)
12
18
  return;
13
- setLocalSlice(store.getLocalSlice());
14
- const onLocalChanged = (slice) => {
15
- setLocalSlice(slice);
16
- };
17
- store.on('localChanged', onLocalChanged);
19
+ adapterRef.current = adapter;
20
+ let cancelled = false;
21
+ // Listen for outgoing sync messages to detect local changes
22
+ adapter.onOutgoing((err, message) => {
23
+ if (err || cancelled)
24
+ return;
25
+ // When the adapter emits an outgoing message, the local data has changed.
26
+ // The payload contains the sync data including the slice.
27
+ if (message.payload && typeof message.payload === 'object') {
28
+ const payload = message.payload;
29
+ if (payload.storeId === storeId && payload.slice) {
30
+ setLocalSlice(payload.slice);
31
+ }
32
+ }
33
+ });
18
34
  return () => {
19
- store.off('localChanged', onLocalChanged);
35
+ cancelled = true;
36
+ adapterRef.current = null;
20
37
  };
21
- }, [store]);
38
+ }, [adapter, storeId]);
22
39
  return {
23
40
  localSlice,
24
41
  localData: localSlice?.data ?? null,
@@ -1 +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"}
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,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 CHANGED
@@ -1,8 +1,9 @@
1
1
  {
2
2
  "name": "@vibecook/truffle-react",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "description": "React hooks for Truffle mesh networking",
5
5
  "license": "MIT",
6
+ "author": "James Yong",
6
7
  "repository": {
7
8
  "type": "git",
8
9
  "url": "https://github.com/jamesyong-42/truffle.git",
@@ -12,12 +13,31 @@
12
13
  "bugs": {
13
14
  "url": "https://github.com/jamesyong-42/truffle/issues"
14
15
  },
16
+ "keywords": [
17
+ "mesh",
18
+ "networking",
19
+ "tailscale",
20
+ "local-first",
21
+ "p2p",
22
+ "react",
23
+ "hooks"
24
+ ],
15
25
  "engines": {
16
26
  "node": ">=18"
17
27
  },
28
+ "publishConfig": {
29
+ "access": "public"
30
+ },
31
+ "sideEffects": false,
18
32
  "type": "module",
19
33
  "main": "dist/index.js",
20
34
  "types": "dist/index.d.ts",
35
+ "exports": {
36
+ ".": {
37
+ "types": "./dist/index.d.ts",
38
+ "import": "./dist/index.js"
39
+ }
40
+ },
21
41
  "files": [
22
42
  "dist"
23
43
  ],
@@ -27,9 +47,7 @@
27
47
  "typecheck": "tsc --noEmit"
28
48
  },
29
49
  "dependencies": {
30
- "@vibecook/truffle-types": "workspace:*",
31
- "@vibecook/truffle-mesh": "workspace:*",
32
- "@vibecook/truffle-store-sync": "workspace:*"
50
+ "@vibecook/truffle": "0.1.1"
33
51
  },
34
52
  "peerDependencies": {
35
53
  "react": ">=18"