@gardenfi/react-hooks 2.5.2 → 2.5.3-beta.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/README.md +84 -0
- package/dist/index2.cjs +1 -1
- package/dist/index2.js +67 -113
- package/dist/index3.cjs +1 -1
- package/dist/index3.js +63 -11
- package/dist/index5.cjs +1 -1
- package/dist/index5.js +32 -26
- package/dist/index6.cjs +1 -1
- package/dist/index6.js +4 -3
- package/dist/src/lib/constants.d.ts +1 -0
- package/dist/src/lib/context/gardenProvider.types.d.ts +13 -6
- package/dist/src/lib/hooks/useDigestKey.d.ts +1 -1
- package/dist/src/lib/hooks/useOrderbook.d.ts +2 -1
- package/package.json +4 -4
package/README.md
ADDED
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
# @gardenfi/react-hooks
|
|
2
|
+
|
|
3
|
+
The `@gardenfi/react-hooks` package provides React hooks and context providers for integrating cross-chain atomic swap functionality into React applications. It includes a global context provider for state management and hooks that offer a unified interface for retrieving quotes and executing atomic swaps. The package automatically manages subscription cleanup and delivers real-time updates on order status changes.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```
|
|
8
|
+
yarn add @gardenfi/react-hooks
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Setup
|
|
12
|
+
|
|
13
|
+
### Vite
|
|
14
|
+
|
|
15
|
+
Install the vite plugins:
|
|
16
|
+
|
|
17
|
+
```
|
|
18
|
+
npm install vite-plugin-wasm vite-plugin-top-level-await vite-plugin-node-polyfills --save-dev
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
and update your `vite.config.ts` as follows:
|
|
22
|
+
|
|
23
|
+
```typescript
|
|
24
|
+
import { defineConfig } from 'vite';
|
|
25
|
+
import wasm from 'vite-plugin-wasm';
|
|
26
|
+
import { nodePolyfills } from 'vite-plugin-node-polyfills';
|
|
27
|
+
import topLevelAwait from 'vite-plugin-top-level-await';
|
|
28
|
+
|
|
29
|
+
export default defineConfig({
|
|
30
|
+
plugins: [
|
|
31
|
+
nodePolyfills(),
|
|
32
|
+
wasm(),
|
|
33
|
+
topLevelAwait(),
|
|
34
|
+
//other plugins
|
|
35
|
+
],
|
|
36
|
+
//other settings
|
|
37
|
+
});
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
### Webpack
|
|
41
|
+
|
|
42
|
+
If you're using webpack with a framework like next, then in your webpack config, (if you're using NextJS, this can be found in `next.config.js` ) add support for wasm as shown below:
|
|
43
|
+
|
|
44
|
+
```typescript
|
|
45
|
+
/** @type {import('next').NextConfig} */
|
|
46
|
+
const nextConfig = {
|
|
47
|
+
//other nextConfig options
|
|
48
|
+
webpack: function (config, options) {
|
|
49
|
+
//other webpack config options
|
|
50
|
+
config.experiments = {
|
|
51
|
+
...config.experiments,
|
|
52
|
+
asyncWebAssembly: true,
|
|
53
|
+
};
|
|
54
|
+
return config;
|
|
55
|
+
},
|
|
56
|
+
};
|
|
57
|
+
module.exports = nextConfig;
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
## Usage
|
|
61
|
+
|
|
62
|
+
### Setup GardenProvider
|
|
63
|
+
|
|
64
|
+
```tsx
|
|
65
|
+
import { GardenProvider } from '@gardenfi/react-hooks';
|
|
66
|
+
|
|
67
|
+
const gardenConfig = {
|
|
68
|
+
environment: 'testnet',
|
|
69
|
+
wallets: {
|
|
70
|
+
evm: {
|
|
71
|
+
// EVM wallet configuration
|
|
72
|
+
},
|
|
73
|
+
// Additional wallet configurations (bitcoin, starknet, solana) can be added as needed
|
|
74
|
+
},
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
function App() {
|
|
78
|
+
return (
|
|
79
|
+
<GardenProvider config={gardenConfig}>
|
|
80
|
+
<YourApp />
|
|
81
|
+
</GardenProvider>
|
|
82
|
+
);
|
|
83
|
+
}
|
|
84
|
+
```
|
package/dist/index2.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),m=require("./index3.cjs"),d=require("@gardenfi/core"),O=require("./index4.cjs"),E=require("./index5.cjs"),y=require("@gardenfi/utils"),q=require("./index6.cjs"),w=o.createContext({pendingOrders:[]}),P=({children:i,config:e,store:l,setRedeemServiceEnabled:s=!0})=>{const[r,h]=o.useState(),{digestKey:c}=E.useDigestKey(s),{pendingOrders:p}=m.useOrderbook(r,l),G=o.useMemo(()=>{const{api:t}=d.resolveApiConfig(e.environment);return e.quote??new d.Quote(t.baseurl)},[e.environment,e.quote]),v=o.useMemo(()=>async({fromAsset:t,toAsset:n,amount:u,isExactOut:a=!1,options:k})=>await(r?r.quote:G).getQuoteFromAssets({fromAsset:t,toAsset:n,amount:u,isExactOut:a,options:k}),[r,G]),g=async t=>{if(!r)return y.Err("Garden not initialized");const n=await r.createSwap(t);if(!n.val)return y.Err(n.error||"Unknown error occurred");if(s)try{const u=l.getItem(q.PENDING_ORDERS_STORE),a=u?JSON.parse(u):[];a.includes(n.val)||a.push(n.val),l.setItem(q.PENDING_ORDERS_STORE,JSON.stringify(a))}catch(u){console.error("Failed to persist pending order id",u)}return y.Ok(n.val)};return o.useEffect(()=>{if(!("wallets"in e)&&!("htlc"in e))return;let t;if("wallets"in e&&Object.keys(e.wallets??{}).length>0&&O.hasAnyValidValue(e.wallets??{}))t=d.Garden.fromWallets({...e,digestKey:s?void 0:c}).setRedeemServiceEnabled(s);else if("htlc"in e&&Object.keys(e.htlc??{}).length>0&&O.hasAnyValidValue(e.htlc??{}))t=new d.Garden({...e,digestKey:s?void 0:c}).setRedeemServiceEnabled(s);else return;h(t)},[e,c,s]),o.createElement(w.Provider,{value:{swap:g,pendingOrders:p,getQuote:v,garden:r,orderBook:r}},i)},D=()=>{const i=o.useContext(w);if(!i)throw new Error("useGarden must be used within a GardenProvider");return i};exports.GardenContext=w;exports.GardenProvider=P;exports.useGarden=D;
|
package/dist/index2.js
CHANGED
|
@@ -1,132 +1,86 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useOrderbook as
|
|
3
|
-
import { resolveApiConfig as
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
const
|
|
1
|
+
import y, { useState as x, useMemo as m, useEffect as g, createContext as C } from "react";
|
|
2
|
+
import { useOrderbook as K } from "./index3.js";
|
|
3
|
+
import { resolveApiConfig as N, Quote as P, Garden as p } from "@gardenfi/core";
|
|
4
|
+
import { hasAnyValidValue as c } from "./index4.js";
|
|
5
|
+
import { useDigestKey as _ } from "./index5.js";
|
|
6
|
+
import { Err as w, Ok as A } from "@gardenfi/utils";
|
|
7
|
+
import { PENDING_ORDERS_STORE as h } from "./index6.js";
|
|
8
|
+
const O = C({
|
|
9
9
|
pendingOrders: []
|
|
10
|
-
}),
|
|
11
|
-
children:
|
|
12
|
-
config:
|
|
13
|
-
|
|
10
|
+
}), V = ({
|
|
11
|
+
children: i,
|
|
12
|
+
config: e,
|
|
13
|
+
store: u,
|
|
14
|
+
setRedeemServiceEnabled: n = !0
|
|
14
15
|
}) => {
|
|
15
|
-
const [
|
|
16
|
-
const { api:
|
|
17
|
-
return
|
|
18
|
-
}, [
|
|
16
|
+
const [r, v] = x(), { digestKey: l } = _(n), { pendingOrders: G } = K(r, u), d = m(() => {
|
|
17
|
+
const { api: t } = N(e.environment);
|
|
18
|
+
return e.quote ?? new P(t.baseurl);
|
|
19
|
+
}, [e.environment, e.quote]), f = m(
|
|
19
20
|
() => async ({
|
|
20
|
-
fromAsset:
|
|
21
|
-
toAsset:
|
|
21
|
+
fromAsset: t,
|
|
22
|
+
toAsset: o,
|
|
22
23
|
amount: s,
|
|
23
|
-
isExactOut:
|
|
24
|
-
options:
|
|
25
|
-
}) => await (
|
|
26
|
-
fromAsset:
|
|
27
|
-
toAsset:
|
|
24
|
+
isExactOut: a = !1,
|
|
25
|
+
options: q
|
|
26
|
+
}) => await (r ? r.quote : d).getQuoteFromAssets({
|
|
27
|
+
fromAsset: t,
|
|
28
|
+
toAsset: o,
|
|
28
29
|
amount: s,
|
|
29
|
-
isExactOut:
|
|
30
|
-
options:
|
|
30
|
+
isExactOut: a,
|
|
31
|
+
options: q
|
|
31
32
|
}),
|
|
32
|
-
[
|
|
33
|
-
),
|
|
34
|
-
if (!
|
|
35
|
-
const
|
|
36
|
-
if (!
|
|
37
|
-
if (
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
const t = await e.evmHTLC.initiate(a.val);
|
|
44
|
-
if (!t.ok) return i(t.error);
|
|
45
|
-
s = t.val;
|
|
46
|
-
break;
|
|
33
|
+
[r, d]
|
|
34
|
+
), k = async (t) => {
|
|
35
|
+
if (!r) return w("Garden not initialized");
|
|
36
|
+
const o = await r.createSwap(t);
|
|
37
|
+
if (!o.val) return w(o.error || "Unknown error occurred");
|
|
38
|
+
if (n)
|
|
39
|
+
try {
|
|
40
|
+
const s = u.getItem(h), a = s ? JSON.parse(s) : [];
|
|
41
|
+
a.includes(o.val) || a.push(o.val), u.setItem(h, JSON.stringify(a));
|
|
42
|
+
} catch (s) {
|
|
43
|
+
console.error("Failed to persist pending order id", s);
|
|
47
44
|
}
|
|
48
|
-
|
|
49
|
-
if (!e.starknetHTLC)
|
|
50
|
-
return i(
|
|
51
|
-
"Starknet HTLC not initialized: Please provide starknetHTLC"
|
|
52
|
-
);
|
|
53
|
-
const t = await e.starknetHTLC.initiate(a.val);
|
|
54
|
-
if (!t.ok) return i(t.error);
|
|
55
|
-
s = t.val;
|
|
56
|
-
break;
|
|
57
|
-
}
|
|
58
|
-
case l.Solana: {
|
|
59
|
-
if (!e.solanaHTLC)
|
|
60
|
-
return i("Solana HTLC not initialized: Please provide solanaHTLC");
|
|
61
|
-
const t = await e.solanaHTLC.initiate(a.val);
|
|
62
|
-
if (!t.ok) return i(t.error);
|
|
63
|
-
s = t.val;
|
|
64
|
-
break;
|
|
65
|
-
}
|
|
66
|
-
case l.Sui: {
|
|
67
|
-
if (!e.suiHTLC)
|
|
68
|
-
return i("Sui HTLC not initialized: Please provide suiHTLC");
|
|
69
|
-
const t = await e.suiHTLC.initiate(a.val);
|
|
70
|
-
if (!t.ok) return i(t.error);
|
|
71
|
-
s = t.val;
|
|
72
|
-
break;
|
|
73
|
-
}
|
|
74
|
-
case l.Bitcoin:
|
|
75
|
-
s = a.val.source_swap.initiate_tx_hash;
|
|
76
|
-
break;
|
|
77
|
-
default:
|
|
78
|
-
return i("Unsupported chain");
|
|
79
|
-
}
|
|
80
|
-
const c = {
|
|
81
|
-
...a.val,
|
|
82
|
-
source_swap: {
|
|
83
|
-
...a.val.source_swap,
|
|
84
|
-
initiate_tx_hash: s
|
|
85
|
-
}
|
|
86
|
-
};
|
|
87
|
-
return m(c);
|
|
45
|
+
return A(o.val);
|
|
88
46
|
};
|
|
89
|
-
return
|
|
90
|
-
if (!
|
|
91
|
-
let
|
|
92
|
-
if ("wallets" in
|
|
93
|
-
|
|
94
|
-
...
|
|
95
|
-
digestKey:
|
|
96
|
-
}).
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
digestKey: d
|
|
103
|
-
}).handleSecretManagement(
|
|
104
|
-
o || !1
|
|
105
|
-
);
|
|
47
|
+
return g(() => {
|
|
48
|
+
if (!("wallets" in e) && !("htlc" in e)) return;
|
|
49
|
+
let t;
|
|
50
|
+
if ("wallets" in e && Object.keys(e.wallets ?? {}).length > 0 && c(e.wallets ?? {}))
|
|
51
|
+
t = p.fromWallets({
|
|
52
|
+
...e,
|
|
53
|
+
digestKey: n ? void 0 : l
|
|
54
|
+
}).setRedeemServiceEnabled(n);
|
|
55
|
+
else if ("htlc" in e && Object.keys(e.htlc ?? {}).length > 0 && c(e.htlc ?? {}))
|
|
56
|
+
t = new p({
|
|
57
|
+
...e,
|
|
58
|
+
digestKey: n ? void 0 : l
|
|
59
|
+
}).setRedeemServiceEnabled(n);
|
|
106
60
|
else
|
|
107
61
|
return;
|
|
108
|
-
|
|
109
|
-
}, [
|
|
110
|
-
|
|
62
|
+
v(t);
|
|
63
|
+
}, [e, l, n]), /* @__PURE__ */ y.createElement(
|
|
64
|
+
O.Provider,
|
|
111
65
|
{
|
|
112
66
|
value: {
|
|
113
|
-
|
|
114
|
-
pendingOrders:
|
|
115
|
-
getQuote:
|
|
116
|
-
garden:
|
|
117
|
-
orderBook:
|
|
67
|
+
swap: k,
|
|
68
|
+
pendingOrders: G,
|
|
69
|
+
getQuote: f,
|
|
70
|
+
garden: r,
|
|
71
|
+
orderBook: r
|
|
118
72
|
}
|
|
119
73
|
},
|
|
120
|
-
|
|
74
|
+
i
|
|
121
75
|
);
|
|
122
|
-
},
|
|
123
|
-
const
|
|
124
|
-
if (!
|
|
76
|
+
}, b = () => {
|
|
77
|
+
const i = y.useContext(O);
|
|
78
|
+
if (!i)
|
|
125
79
|
throw new Error("useGarden must be used within a GardenProvider");
|
|
126
|
-
return
|
|
80
|
+
return i;
|
|
127
81
|
};
|
|
128
82
|
export {
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
83
|
+
O as GardenContext,
|
|
84
|
+
V as GardenProvider,
|
|
85
|
+
b as useGarden
|
|
132
86
|
};
|
package/dist/index3.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@gardenfi/orderbook"),s=require("react"),p=require("./index6.cjs"),R=(t,c)=>{const[m,d]=s.useState([]),o=s.useRef(null),a=s.useRef(!1),E=5e3,O=s.useCallback(async()=>{if(t)try{const e=c.getItem(p.PENDING_ORDERS_STORE),r=e?JSON.parse(e):[];if(r.length===0){d([]);return}const u=await Promise.all(r.map(n=>t.getOrder(n))),g=[],l=[];u.forEach((n,h)=>{if(!n.ok){l.push(r[h]);return}const i=n.val;i.status===f.OrderStatus.Redeemed||i.status===f.OrderStatus.Refunded||i.status===f.OrderStatus.Expired||(g.push(i),l.push(r[h]))});try{c.setItem(p.PENDING_ORDERS_STORE,JSON.stringify(l))}catch(n){console.error("Error persisting remaining pending order ids",n)}d(g)}catch(e){console.error("Error fetching pending orders:",e)}},[t,c]);return s.useEffect(()=>{if(t)if(t.redeemServiceEnabled){let e=!1;const r=()=>{e||(o.current=setTimeout(u,E))},u=async()=>{if(!e){if(a.current){r();return}a.current=!0;try{await O()}finally{a.current=!1}r()}};return u(),()=>{e=!0,o.current&&(clearTimeout(o.current),o.current=null)}}else{const e=r=>d(r);return t.on("onPendingOrdersChanged",e),()=>{t.off("onPendingOrdersChanged",e)}}},[t,O]),{pendingOrders:m}};exports.useOrderbook=R;
|
package/dist/index3.js
CHANGED
|
@@ -1,14 +1,66 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import { OrderStatus as l } from "@gardenfi/orderbook";
|
|
2
|
+
import { useState as R, useRef as h, useCallback as y, useEffect as C } from "react";
|
|
3
|
+
import { PENDING_ORDERS_STORE as g } from "./index6.js";
|
|
4
|
+
const T = (t, u) => {
|
|
5
|
+
const [O, c] = R([]), s = h(null), d = h(!1), E = 5e3, a = y(async () => {
|
|
6
|
+
if (t)
|
|
7
|
+
try {
|
|
8
|
+
const e = u.getItem(g), r = e ? JSON.parse(e) : [];
|
|
9
|
+
if (r.length === 0) {
|
|
10
|
+
c([]);
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
const o = await Promise.all(r.map((n) => t.getOrder(n))), m = [], f = [];
|
|
14
|
+
o.forEach((n, p) => {
|
|
15
|
+
if (!n.ok) {
|
|
16
|
+
f.push(r[p]);
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
const i = n.val;
|
|
20
|
+
i.status === l.Redeemed || i.status === l.Refunded || i.status === l.Expired || (m.push(i), f.push(r[p]));
|
|
21
|
+
});
|
|
22
|
+
try {
|
|
23
|
+
u.setItem(g, JSON.stringify(f));
|
|
24
|
+
} catch (n) {
|
|
25
|
+
console.error("Error persisting remaining pending order ids", n);
|
|
26
|
+
}
|
|
27
|
+
c(m);
|
|
28
|
+
} catch (e) {
|
|
29
|
+
console.error("Error fetching pending orders:", e);
|
|
30
|
+
}
|
|
31
|
+
}, [t, u]);
|
|
32
|
+
return C(() => {
|
|
33
|
+
if (t)
|
|
34
|
+
if (t.redeemServiceEnabled) {
|
|
35
|
+
let e = !1;
|
|
36
|
+
const r = () => {
|
|
37
|
+
e || (s.current = setTimeout(o, E));
|
|
38
|
+
}, o = async () => {
|
|
39
|
+
if (!e) {
|
|
40
|
+
if (d.current) {
|
|
41
|
+
r();
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
d.current = !0;
|
|
45
|
+
try {
|
|
46
|
+
await a();
|
|
47
|
+
} finally {
|
|
48
|
+
d.current = !1;
|
|
49
|
+
}
|
|
50
|
+
r();
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
return o(), () => {
|
|
54
|
+
e = !0, s.current && (clearTimeout(s.current), s.current = null);
|
|
55
|
+
};
|
|
56
|
+
} else {
|
|
57
|
+
const e = (r) => c(r);
|
|
58
|
+
return t.on("onPendingOrdersChanged", e), () => {
|
|
59
|
+
t.off("onPendingOrdersChanged", e);
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
}, [t, a]), { pendingOrders: O };
|
|
11
63
|
};
|
|
12
64
|
export {
|
|
13
|
-
|
|
65
|
+
T as useOrderbook
|
|
14
66
|
};
|
package/dist/index5.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@gardenfi/utils"),e=require("./index6.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@gardenfi/utils"),e=require("./index6.cjs"),y=require("react"),f=(a=!0)=>{const[E,g]=y.useState();return y.useEffect(()=>{if(a)return;if(!indexedDB){console.error("IndexedDB is not supported in this browser");return}let o;const d=indexedDB.open(e.DB_NAME,e.VERSION);d.onerror=s=>{console.error("IndexedDB error:",s.target.error)},d.onupgradeneeded=s=>{const n=s.target.result;n.objectStoreNames.contains(e.STORE_NAME)||n.createObjectStore(e.STORE_NAME,{keyPath:"id"})},d.onsuccess=s=>{if(o=s.target.result,!o.objectStoreNames.contains(e.STORE_NAME)){o.close();const r=indexedDB.open(e.DB_NAME,o.version+1);r.onupgradeneeded=n=>{n.target.result.createObjectStore(e.STORE_NAME,{keyPath:"id"})},r.onsuccess=()=>{l(r.result)};return}l(o)};function l(s){try{const r=s.transaction(e.STORE_NAME,"readwrite"),n=r.objectStore(e.STORE_NAME),c=n.get(e.DIGEST_KEY);c.onsuccess=()=>{if(c.result){const i=u.DigestKey.from(c.result.value);if(!i.error){g(i.val);return}}const t=u.DigestKey.generateRandom();if(!t.ok){console.error("Error generating new digest key:",t.error);return}if(a)g(u.DigestKey.from(t.val.digestKey).val);else{const i=n.put({id:e.DIGEST_KEY,value:t.val.digestKey});i.onsuccess=()=>{g(u.DigestKey.from(t.val.digestKey).val)},i.onerror=D=>{console.error("Error storing new digest key:",D)}}},c.onerror=t=>{console.error("Error retrieving digest key:",t)},r.oncomplete=()=>{},r.onerror=t=>{console.error("Error in digestKey transaction:",t)}}catch(r){console.error("Transaction error:",r)}}return()=>{o&&o.close()}},[a]),{digestKey:E}};exports.useDigestKey=f;
|
package/dist/index5.js
CHANGED
|
@@ -1,61 +1,67 @@
|
|
|
1
|
-
import { DigestKey as
|
|
2
|
-
import { DB_NAME as f, VERSION as
|
|
3
|
-
import { useState as
|
|
4
|
-
const
|
|
5
|
-
const [
|
|
1
|
+
import { DigestKey as a } from "@gardenfi/utils";
|
|
2
|
+
import { DB_NAME as f, VERSION as m, STORE_NAME as n, DIGEST_KEY as y } from "./index6.js";
|
|
3
|
+
import { useState as K, useEffect as E } from "react";
|
|
4
|
+
const S = (u = !0) => {
|
|
5
|
+
const [p, d] = K();
|
|
6
6
|
return E(() => {
|
|
7
|
+
if (u)
|
|
8
|
+
return;
|
|
7
9
|
if (!indexedDB) {
|
|
8
10
|
console.error("IndexedDB is not supported in this browser");
|
|
9
11
|
return;
|
|
10
12
|
}
|
|
11
13
|
let t;
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
+
const g = indexedDB.open(f, m);
|
|
15
|
+
g.onerror = (o) => {
|
|
14
16
|
console.error(
|
|
15
17
|
"IndexedDB error:",
|
|
16
18
|
o.target.error
|
|
17
19
|
);
|
|
18
|
-
},
|
|
20
|
+
}, g.onupgradeneeded = (o) => {
|
|
19
21
|
const s = o.target.result;
|
|
20
22
|
s.objectStoreNames.contains(n) || s.createObjectStore(n, { keyPath: "id" });
|
|
21
|
-
},
|
|
23
|
+
}, g.onsuccess = (o) => {
|
|
22
24
|
if (t = o.target.result, !t.objectStoreNames.contains(n)) {
|
|
23
25
|
t.close();
|
|
24
26
|
const e = indexedDB.open(f, t.version + 1);
|
|
25
27
|
e.onupgradeneeded = (s) => {
|
|
26
28
|
s.target.result.createObjectStore(n, { keyPath: "id" });
|
|
27
29
|
}, e.onsuccess = () => {
|
|
28
|
-
|
|
30
|
+
l(e.result);
|
|
29
31
|
};
|
|
30
32
|
return;
|
|
31
33
|
}
|
|
32
|
-
|
|
34
|
+
l(t);
|
|
33
35
|
};
|
|
34
|
-
function
|
|
36
|
+
function l(o) {
|
|
35
37
|
try {
|
|
36
|
-
const e = o.transaction(n, "readwrite"), s = e.objectStore(n), c = s.get(
|
|
38
|
+
const e = o.transaction(n, "readwrite"), s = e.objectStore(n), c = s.get(y);
|
|
37
39
|
c.onsuccess = () => {
|
|
38
40
|
if (c.result) {
|
|
39
|
-
const i =
|
|
41
|
+
const i = a.from(c.result.value);
|
|
40
42
|
if (!i.error) {
|
|
41
43
|
d(i.val);
|
|
42
44
|
return;
|
|
43
45
|
}
|
|
44
46
|
}
|
|
45
|
-
const r =
|
|
47
|
+
const r = a.generateRandom();
|
|
46
48
|
if (!r.ok) {
|
|
47
49
|
console.error("Error generating new digest key:", r.error);
|
|
48
50
|
return;
|
|
49
51
|
}
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
52
|
+
if (u)
|
|
53
|
+
d(a.from(r.val.digestKey).val);
|
|
54
|
+
else {
|
|
55
|
+
const i = s.put({
|
|
56
|
+
id: y,
|
|
57
|
+
value: r.val.digestKey
|
|
58
|
+
});
|
|
59
|
+
i.onsuccess = () => {
|
|
60
|
+
d(a.from(r.val.digestKey).val);
|
|
61
|
+
}, i.onerror = (D) => {
|
|
62
|
+
console.error("Error storing new digest key:", D);
|
|
63
|
+
};
|
|
64
|
+
}
|
|
59
65
|
}, c.onerror = (r) => {
|
|
60
66
|
console.error("Error retrieving digest key:", r);
|
|
61
67
|
}, e.oncomplete = () => {
|
|
@@ -69,8 +75,8 @@ const v = () => {
|
|
|
69
75
|
return () => {
|
|
70
76
|
t && t.close();
|
|
71
77
|
};
|
|
72
|
-
}, []), { digestKey:
|
|
78
|
+
}, [u]), { digestKey: p };
|
|
73
79
|
};
|
|
74
80
|
export {
|
|
75
|
-
|
|
81
|
+
S as useDigestKey
|
|
76
82
|
};
|
package/dist/index6.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="garden-finance-db",e="garden-finance-store",n="digest-key",t=1,o="orders-in-progress";exports.DB_NAME=E;exports.DIGEST_KEY=n;exports.PENDING_ORDERS_STORE=o;exports.STORE_NAME=e;exports.VERSION=t;
|
package/dist/index6.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
const n = "garden-finance-db", e = "garden-finance-store",
|
|
1
|
+
const n = "garden-finance-db", e = "garden-finance-store", s = "digest-key", o = 1, E = "orders-in-progress";
|
|
2
2
|
export {
|
|
3
3
|
n as DB_NAME,
|
|
4
|
-
|
|
4
|
+
s as DIGEST_KEY,
|
|
5
|
+
E as PENDING_ORDERS_STORE,
|
|
5
6
|
e as STORE_NAME,
|
|
6
|
-
|
|
7
|
+
o as VERSION
|
|
7
8
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { OrderWithStatus, QuoteParamsForAssets, IGardenJS, QuoteResponse, SwapParams, GardenConfigWithHTLCs, GardenConfigWithWallets } from '@gardenfi/core';
|
|
2
|
-
import { IOrderbook
|
|
3
|
-
import { AsyncResult,
|
|
2
|
+
import { IOrderbook } from '@gardenfi/orderbook';
|
|
3
|
+
import { AsyncResult, IStore } from '@gardenfi/utils';
|
|
4
4
|
|
|
5
5
|
export type GardenContextType = {
|
|
6
6
|
/**
|
|
@@ -13,11 +13,11 @@ export type GardenContextType = {
|
|
|
13
13
|
* @params {SwapParams} - The parameters for creating the order.
|
|
14
14
|
* @returns {AsyncResult<string, string>} - create order ID.
|
|
15
15
|
*/
|
|
16
|
-
|
|
16
|
+
swap?: (params: SwapParams) => AsyncResult<string, string>;
|
|
17
17
|
/**
|
|
18
18
|
* Get all the pending orders of the user. This will return all the orders that are yet to be initiated, redeemed, or refunded.
|
|
19
19
|
* It will not return orders that have expired (deadline expiry).
|
|
20
|
-
* @returns {
|
|
20
|
+
* @returns {Order[]} - The pending orders of the user.
|
|
21
21
|
*/
|
|
22
22
|
pendingOrders: OrderWithStatus[];
|
|
23
23
|
/**
|
|
@@ -25,7 +25,7 @@ export type GardenContextType = {
|
|
|
25
25
|
* @param params
|
|
26
26
|
* @returns
|
|
27
27
|
*/
|
|
28
|
-
getQuote?: (params: QuoteParamsForAssets) =>
|
|
28
|
+
getQuote?: (params: QuoteParamsForAssets) => AsyncResult<QuoteResponse[], string> | undefined;
|
|
29
29
|
/**
|
|
30
30
|
* The garden instance.
|
|
31
31
|
* @returns {IGardenJS}
|
|
@@ -35,5 +35,12 @@ export type GardenContextType = {
|
|
|
35
35
|
export type GardenProviderProps = {
|
|
36
36
|
children: React.ReactNode;
|
|
37
37
|
config: Omit<GardenConfigWithHTLCs, 'digestKey'> | Omit<GardenConfigWithWallets, 'digestKey'>;
|
|
38
|
-
|
|
38
|
+
store: IStore;
|
|
39
|
+
/**
|
|
40
|
+
* Controls whether the redeem service is enabled.
|
|
41
|
+
* - When `true` (default): Manual order fetching with digestKey required
|
|
42
|
+
* - When `false`: Event-based order updates, no digestKey required
|
|
43
|
+
* @default true
|
|
44
|
+
*/
|
|
45
|
+
setRedeemServiceEnabled?: boolean;
|
|
39
46
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { IGardenJS, OrderWithStatus } from '@gardenfi/core';
|
|
2
|
+
import { IStore } from '@gardenfi/utils';
|
|
2
3
|
|
|
3
|
-
export declare const useOrderbook: (garden: IGardenJS | undefined) => {
|
|
4
|
+
export declare const useOrderbook: (garden: IGardenJS | undefined, store: IStore) => {
|
|
4
5
|
pendingOrders: OrderWithStatus[];
|
|
5
6
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gardenfi/react-hooks",
|
|
3
|
-
"version": "2.5.2",
|
|
3
|
+
"version": "2.5.3-beta.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.cjs",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
"registry": "https://registry.npmjs.org/"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@gardenfi/core": "2.5.2",
|
|
31
|
-
"@gardenfi/orderbook": "2.5.
|
|
32
|
-
"@gardenfi/utils": "2.5.2",
|
|
30
|
+
"@gardenfi/core": "2.5.3-beta.2",
|
|
31
|
+
"@gardenfi/orderbook": "2.5.3-beta.3",
|
|
32
|
+
"@gardenfi/utils": "2.5.3-beta.2",
|
|
33
33
|
"react": "^18.3.1",
|
|
34
34
|
"starknet": "7.6.4"
|
|
35
35
|
},
|