@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 +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/use-mesh.d.ts +5 -4
- package/dist/use-mesh.d.ts.map +1 -1
- package/dist/use-mesh.js +79 -31
- package/dist/use-mesh.js.map +1 -1
- package/dist/use-synced-store.d.ts +11 -7
- package/dist/use-synced-store.d.ts.map +1 -1
- package/dist/use-synced-store.js +31 -14
- package/dist/use-synced-store.js.map +1 -1
- package/package.json +22 -4
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
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,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,
|
|
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"}
|
package/dist/use-mesh.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { BaseDevice,
|
|
2
|
-
|
|
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) =>
|
|
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
|
|
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
|
package/dist/use-mesh.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-mesh.d.ts","sourceRoot":"","sources":["../src/use-mesh.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,
|
|
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
|
|
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
|
|
14
|
+
const nodeRef = useRef(null);
|
|
15
15
|
useEffect(() => {
|
|
16
16
|
if (!node)
|
|
17
17
|
return;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
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
|
-
|
|
43
|
-
|
|
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
|
-
|
|
98
|
+
nodeRef.current?.broadcastEnvelope(namespace, type, payload);
|
|
51
99
|
}, []);
|
|
52
100
|
const sendTo = useCallback((deviceId, namespace, type, payload) => {
|
|
53
|
-
|
|
101
|
+
nodeRef.current?.sendEnvelope(deviceId, namespace, type, payload);
|
|
54
102
|
}, []);
|
|
55
103
|
return { devices, localDevice, isPrimary, isConnected, role, broadcast, sendTo };
|
|
56
104
|
}
|
package/dist/use-mesh.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-mesh.js","sourceRoot":"","sources":["../src/use-mesh.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
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
|
|
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
|
|
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
|
-
*
|
|
12
|
-
*
|
|
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>(
|
|
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,
|
|
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"}
|
package/dist/use-synced-store.js
CHANGED
|
@@ -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
|
-
*
|
|
6
|
-
*
|
|
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(
|
|
9
|
-
const [localSlice, setLocalSlice] = useState(
|
|
13
|
+
export function useSyncedStore(adapter, storeId, initialSlice) {
|
|
14
|
+
const [localSlice, setLocalSlice] = useState(initialSlice ?? null);
|
|
15
|
+
const adapterRef = useRef(null);
|
|
10
16
|
useEffect(() => {
|
|
11
|
-
if (!
|
|
17
|
+
if (!adapter)
|
|
12
18
|
return;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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
|
-
|
|
35
|
+
cancelled = true;
|
|
36
|
+
adapterRef.current = null;
|
|
20
37
|
};
|
|
21
|
-
}, [
|
|
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;
|
|
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.
|
|
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
|
|
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"
|