@xyo-network/react-powered-by-xyo 2.58.0 → 2.60.2
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/cjs/components/PoweredByXyo.js +19 -12
- package/dist/cjs/components/PoweredByXyo.js.map +1 -1
- package/dist/docs.json +1021 -995
- package/dist/esm/components/PoweredByXyo.js +17 -10
- package/dist/esm/components/PoweredByXyo.js.map +1 -1
- package/dist/types/components/PoweredByXyo.d.ts +1 -0
- package/dist/types/components/PoweredByXyo.d.ts.map +1 -1
- package/package.json +5 -4
- package/src/components/PoweredByXyo.tsx +22 -8
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Paper } from '@mui/material';
|
|
3
3
|
import { delay } from '@xylabs/delay';
|
|
4
|
+
import { forget } from '@xylabs/forget';
|
|
4
5
|
import { useAsyncEffect } from '@xylabs/react-async-effect';
|
|
5
6
|
import { FlexCol } from '@xylabs/react-flexbox';
|
|
6
7
|
import { useProvidedNode } from '@xyo-network/react-node';
|
|
7
8
|
import { useMemo, useState } from 'react';
|
|
8
9
|
import { DebugDialog } from './DebugDialog';
|
|
9
10
|
import { PoweredByXyoButton } from './PoweredByXyoButton';
|
|
10
|
-
export const PoweredByXyo = ({
|
|
11
|
-
// leave animation on by default so when done testing, removing the prop lets it work
|
|
12
|
-
busy, debugDialog = false, disableAnimation = false, href = 'https://xyo.network', logoHeight, logoTextSize, onButtonClick, node: propNode, ...props }) => {
|
|
11
|
+
export const PoweredByXyo = ({ autoStop, busy, debugDialog = false, disableAnimation = false, href = 'https://xyo.network', logoHeight, logoTextSize, onButtonClick, node: propNode, ...props }) => {
|
|
13
12
|
const [node] = useProvidedNode();
|
|
14
13
|
const [debugDialogOpen, setDebugDialogOpen] = useState(false);
|
|
15
14
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -36,19 +35,27 @@ busy, debugDialog = false, disableAnimation = false, href = 'https://xyo.network
|
|
|
36
35
|
else if (activeNode) {
|
|
37
36
|
const mods = await activeNode?.resolve();
|
|
38
37
|
mods?.map((mod) => {
|
|
39
|
-
mod.on('moduleBusy',
|
|
38
|
+
mod.on('moduleBusy', ({ module, busy }) => {
|
|
40
39
|
busyMap[module.address] = busy;
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
if (autoStop) {
|
|
41
|
+
forget((async () => {
|
|
42
|
+
await delay(1000);
|
|
43
|
+
busyMap[module.address] = false;
|
|
44
|
+
})());
|
|
45
|
+
}
|
|
43
46
|
});
|
|
44
47
|
});
|
|
45
|
-
activeNode?.on('moduleBusy',
|
|
48
|
+
activeNode?.on('moduleBusy', ({ module, busy }) => {
|
|
46
49
|
busyMap[module.address] = busy;
|
|
47
|
-
|
|
48
|
-
|
|
50
|
+
if (autoStop) {
|
|
51
|
+
forget((async () => {
|
|
52
|
+
await delay(1000);
|
|
53
|
+
busyMap[module.address] = false;
|
|
54
|
+
})());
|
|
55
|
+
}
|
|
49
56
|
});
|
|
50
57
|
}
|
|
51
|
-
}, [disableAnimation, propNode, node, busyMap]);
|
|
58
|
+
}, [disableAnimation, propNode, node, busyMap, autoStop]);
|
|
52
59
|
return (_jsxs(FlexCol, { alignItems: "stretch", position: "absolute", bottom: "0", left: "0", ...props, children: [_jsx(Paper, { sx: { borderRadius: 0 }, children: _jsx(PoweredByXyoButton, { onClick: activeOnButtonClick, href: activeHref, busy: activeBusy, logoHeight: logoHeight, logoTextSize: logoTextSize }) }), debugDialog ? _jsx(DebugDialog, { fullScreen: true, open: debugDialogOpen, onClose: () => setDebugDialogOpen(false) }) : null] }));
|
|
53
60
|
};
|
|
54
61
|
//# sourceMappingURL=PoweredByXyo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PoweredByXyo.js","sourceRoot":"","sources":["../../../src/components/PoweredByXyo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAE3D,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"PoweredByXyo.js","sourceRoot":"","sources":["../../../src/components/PoweredByXyo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAE3D,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAczD,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,gBAAgB,GAAG,KAAK,EACxB,IAAI,GAAG,qBAAqB,EAC5B,UAAU,EACV,YAAY,EACZ,aAAa,EACb,IAAI,EAAE,QAAQ,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,CAAC,GAAG,eAAe,EAAE,CAAA;IAChC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7D,uDAAuD;IACvD,MAAM,OAAO,GAA4B,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEpE,MAAM,UAAU,GAAG,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,IAAI,KAAK,EAAE,KAAK,CAAC,CAAA;IAE/F,MAAM,mBAAmB,GACvB,CAAC,WAAW;QACV,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;YACR,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,EAAE;gBAClC,kBAAkB,CAAC,IAAI,CAAC,CAAA;aACzB;iBAAM,IAAI,IAAI,EAAE;gBACf,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;aAClB;QACH,CAAC;QACH,CAAC,CAAC,SAAS,CAAC,IAAI,aAAa,CAAA;IAEjC,MAAM,UAAU,GAAG,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;IAEzD,cAAc;IACZ,uDAAuD;IACvD,KAAK,IAAI,EAAE;QACT,MAAM,UAAU,GAAG,QAAQ,IAAI,IAAI,CAAA;QACnC,IAAI,gBAAgB,EAAE;YACpB,OAAM;SACP;aAAM,IAAI,UAAU,EAAE;YACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,OAAO,EAAE,CAAA;YACxC,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBAChB,GAAG,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE;oBACxC,OAAO,CAAE,MAAiB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;oBAC1C,IAAI,QAAQ,EAAE;wBACZ,MAAM,CACJ,CAAC,KAAK,IAAI,EAAE;4BACV,MAAM,KAAK,CAAC,IAAI,CAAC,CAAA;4BACjB,OAAO,CAAE,MAAiB,CAAC,OAAO,CAAC,GAAG,KAAK,CAAA;wBAC7C,CAAC,CAAC,EAAE,CACL,CAAA;qBACF;gBACH,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;YACF,UAAU,EAAE,EAAE,CAAC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE;gBAChD,OAAO,CAAE,MAAiB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;gBAC1C,IAAI,QAAQ,EAAE;oBACZ,MAAM,CACJ,CAAC,KAAK,IAAI,EAAE;wBACV,MAAM,KAAK,CAAC,IAAI,CAAC,CAAA;wBACjB,OAAO,CAAE,MAAiB,CAAC,OAAO,CAAC,GAAG,KAAK,CAAA;oBAC7C,CAAC,CAAC,EAAE,CACL,CAAA;iBACF;YACH,CAAC,CAAC,CAAA;SACH;IACH,CAAC,EACD,CAAC,gBAAgB,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,CACtD,CAAA;IAED,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,KAAK,KAAK,aAC7E,KAAC,KAAK,IAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC5B,KAAC,kBAAkB,IAAC,OAAO,EAAE,mBAAmB,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,GAAI,GACtI,EACP,WAAW,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,UAAU,QAAC,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,IACzG,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -3,6 +3,7 @@ import { ButtonExProps } from '@xylabs/react-button';
|
|
|
3
3
|
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
4
4
|
import { NodeInstance } from '@xyo-network/node-model';
|
|
5
5
|
export interface PoweredByXyoProps extends FlexBoxProps {
|
|
6
|
+
autoStop?: boolean;
|
|
6
7
|
busy?: boolean;
|
|
7
8
|
debugDialog?: boolean;
|
|
8
9
|
disableAnimation?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PoweredByXyo.d.ts","sourceRoot":"","sources":["../../../src/components/PoweredByXyo.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"PoweredByXyo.d.ts","sourceRoot":"","sources":["../../../src/components/PoweredByXyo.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAOtD,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;CACzC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8EpD,CAAA"}
|
package/package.json
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
+
"@xylabs/forget": "^2.9.3",
|
|
13
14
|
"@xylabs/react-async-effect": "~2.17.7",
|
|
14
15
|
"@xylabs/react-button": "~2.17.7",
|
|
15
16
|
"@xylabs/react-flexbox": "~2.17.7",
|
|
@@ -18,9 +19,9 @@
|
|
|
18
19
|
"@xyo-network/diviner-model": "^2.69.0",
|
|
19
20
|
"@xyo-network/module-model": "^2.69.0",
|
|
20
21
|
"@xyo-network/node-model": "^2.69.0",
|
|
21
|
-
"@xyo-network/react-node": "~2.60.
|
|
22
|
-
"@xyo-network/react-property": "~2.60.
|
|
23
|
-
"@xyo-network/react-shared": "~2.60.
|
|
22
|
+
"@xyo-network/react-node": "~2.60.2",
|
|
23
|
+
"@xyo-network/react-property": "~2.60.2",
|
|
24
|
+
"@xyo-network/react-shared": "~2.60.2",
|
|
24
25
|
"@xyo-network/sentinel": "^2.69.0",
|
|
25
26
|
"@xyo-network/witness-model": "^2.69.0",
|
|
26
27
|
"react-json-view": "^1.21.3"
|
|
@@ -88,5 +89,5 @@
|
|
|
88
89
|
},
|
|
89
90
|
"sideEffects": false,
|
|
90
91
|
"types": "dist/types/index.d.ts",
|
|
91
|
-
"version": "2.
|
|
92
|
+
"version": "2.60.2"
|
|
92
93
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Paper } from '@mui/material'
|
|
2
2
|
import { delay } from '@xylabs/delay'
|
|
3
|
+
import { forget } from '@xylabs/forget'
|
|
3
4
|
import { useAsyncEffect } from '@xylabs/react-async-effect'
|
|
4
5
|
import { ButtonExProps } from '@xylabs/react-button'
|
|
5
6
|
import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
|
|
@@ -12,6 +13,7 @@ import { DebugDialog } from './DebugDialog'
|
|
|
12
13
|
import { PoweredByXyoButton } from './PoweredByXyoButton'
|
|
13
14
|
|
|
14
15
|
export interface PoweredByXyoProps extends FlexBoxProps {
|
|
16
|
+
autoStop?: boolean
|
|
15
17
|
busy?: boolean
|
|
16
18
|
debugDialog?: boolean
|
|
17
19
|
disableAnimation?: boolean
|
|
@@ -23,7 +25,7 @@ export interface PoweredByXyoProps extends FlexBoxProps {
|
|
|
23
25
|
}
|
|
24
26
|
|
|
25
27
|
export const PoweredByXyo: React.FC<PoweredByXyoProps> = ({
|
|
26
|
-
|
|
28
|
+
autoStop,
|
|
27
29
|
busy,
|
|
28
30
|
debugDialog = false,
|
|
29
31
|
disableAnimation = false,
|
|
@@ -64,20 +66,32 @@ export const PoweredByXyo: React.FC<PoweredByXyoProps> = ({
|
|
|
64
66
|
} else if (activeNode) {
|
|
65
67
|
const mods = await activeNode?.resolve()
|
|
66
68
|
mods?.map((mod) => {
|
|
67
|
-
mod.on('moduleBusy',
|
|
69
|
+
mod.on('moduleBusy', ({ module, busy }) => {
|
|
68
70
|
busyMap[(module as Module).address] = busy
|
|
69
|
-
|
|
70
|
-
|
|
71
|
+
if (autoStop) {
|
|
72
|
+
forget(
|
|
73
|
+
(async () => {
|
|
74
|
+
await delay(1000)
|
|
75
|
+
busyMap[(module as Module).address] = false
|
|
76
|
+
})(),
|
|
77
|
+
)
|
|
78
|
+
}
|
|
71
79
|
})
|
|
72
80
|
})
|
|
73
|
-
activeNode?.on('moduleBusy',
|
|
81
|
+
activeNode?.on('moduleBusy', ({ module, busy }) => {
|
|
74
82
|
busyMap[(module as Module).address] = busy
|
|
75
|
-
|
|
76
|
-
|
|
83
|
+
if (autoStop) {
|
|
84
|
+
forget(
|
|
85
|
+
(async () => {
|
|
86
|
+
await delay(1000)
|
|
87
|
+
busyMap[(module as Module).address] = false
|
|
88
|
+
})(),
|
|
89
|
+
)
|
|
90
|
+
}
|
|
77
91
|
})
|
|
78
92
|
}
|
|
79
93
|
},
|
|
80
|
-
[disableAnimation, propNode, node, busyMap],
|
|
94
|
+
[disableAnimation, propNode, node, busyMap, autoStop],
|
|
81
95
|
)
|
|
82
96
|
|
|
83
97
|
return (
|