@gardenfi/swap 0.0.1-beta.3 → 0.0.1-beta.5

package/README.md

@@ -1,6 +1,8 @@
 # @gardenfi/swap
 
-A lightweight, ready-to-use `<Garden />` component that wires up `GardenProvider` and exposes `useGarden` for consuming apps. Designed to drop into any React app and get all Garden features via the provider and hooks.
+[**Demo**](https://jwcgcg0804ocowwoogs4o8cc.staging.btcfi.wtf/)
+
+A drop-in cross-chain Swap Widget for React apps. It bundles `GardenProvider` and renders a full swap UI with quotes, order creation, and in-flight order handling.
 
 ## Install
 
@@ -8,58 +10,70 @@ A lightweight, ready-to-use `<Garden />` component that wires up `GardenProvider
 yarn add @gardenfi/swap
 ```
 
-## Usage
+## Quick start
+
+1. Import the widget and its styles
+
+```tsx
+import '@gardenfi/garden-book/style.css';
+import '@gardenfi/swap/style.css';
+import { GardenSwapWidget } from '@gardenfi/swap';
+```
+
+2. Render it with a minimal config
 
 ```tsx
 import React from 'react';
-import { Garden, useGarden } from '@gardenfi/swap';
+import '@gardenfi/swap/style.css';
+import '@gardenfi/garden-book/style.css';
+import { GardenSwapWidget } from '@gardenfi/swap';
+import { Network } from '@gardenfi/utils';
+import { useWalletClient } from 'wagmi';
 
 export default function App() {
-  const config = {
-    environment: 'mainnet',
-    // wallets or htlc configs here
-  } as any;
-
+  const { data: walletClient } = useWalletClient();
   return (
-    <Garden config={config}>
-      <MySwapUI />
-    </Garden>
+    <GardenSwapWidget
+      config={{
+        // Environment controls which Garden endpoints to use Network.MAINNET or Network.TESTNET
+        environment: Network.MAINNET,
+
+        // Required persistent store (used to track pending orders)
+        // Provide a Web Storage-like interface (localStorage works in browsers)
+        store: window.localStorage,
+
+        // Optional: enable/disable redeem/persistence service (defaults true)
+        setRedeemServiceEnabled: true,
+
+        // Optional: UI style overrides
+        styles: {
+          buttonColor: '#4F46E5',
+        },
+
+        // One of the following connection approaches is required:
+        // 1) Wallet-driven (preferred)
+        // wallets: { evm: <EvmWallet>, solana: <SolanaWallet>, ... }
+
+        // 2) HTLC actors pre-provisioned (advanced)
+        // htlc: { evm: {...}, solana: {...}, bitcoin: {...}, sui: {...}, starknet: {...} }
+        wallets: {
+          evm: walletClient,
+        },
+      }}
+    />
   );
 }
-
-function MySwapUI() {
-  const { getQuote, swapAndInitiate, pendingOrders } = useGarden();
-  // ...
-  return null;
-}
-```
-
-## Scripts
-
-- `yarn build`
-- `yarn dev` (watch build)
-- `yarn link`
-
-## Local linking
-
-From repo root:
-
-```bash
-yarn link:all
 ```
 
-To unlink:
+That’s it. The widget fetches assets, quotes, validates inputs, and creates orders.
 
-```bash
-yarn unlink:all
-```
-
-## Publishing
-
-This package follows the root workspace publish scripts. Use:
+## Props
 
-```bash
-yarn publish:affected
-# or for beta
-yarn publish:affected:beta
-```
+- `config` (required): Merges provider config with widget options
+  - `environment` (required): `Network.MAINNET | Network.TESTNET | { api?: { baseurl: string }, environment?: Network.MAINNET }`
+  - `store` (required): Persistent key–value store used by the provider (e.g., `window.localStorage`)
+  - `setRedeemServiceEnabled` (optional): `boolean` to enable in-flight order persistence and redeem service (default: `true`)
+  - `styles` (optional): `{ buttonColor?: string }` basic UI overrides
+  - Wallet or HTLC connectivity (one is required):
+    - `wallets` (preferred): Provide connected wallets. The provider will initialize `Garden` via `Garden.fromWallets(...)`.
+    - `htlc`: Provide HTLC actor configuration for chains you want to support. The provider will initialize `Garden` directly.

package/dist/ccip-D21YSsYF.js

@@ -0,0 +1,184 @@
+import { B as p, g as m, s as w, d as k, i as b, l as L, a as O, c as R, b as E, e as x, H as y, f as M, __tla as __tla_0 } from "./index-DiU4Bbp1.js";
+let C, D, T, A;
+let __tla = Promise.all([
+  (() => {
+    try {
+      return __tla_0;
+    } catch {
+    }
+  })()
+]).then(async () => {
+  class S extends p {
+    constructor({ callbackSelector: s, cause: e, data: o, extraData: n, sender: c, urls: t }) {
+      var _a;
+      super(e.shortMessage || "An error occurred while fetching for an offchain result.", {
+        cause: e,
+        metaMessages: [
+          ...e.metaMessages || [],
+          ((_a = e.metaMessages) == null ? void 0 : _a.length) ? "" : [],
+          "Offchain Gateway Call:",
+          t && [
+            "  Gateway URL(s):",
+            ...t.map((i) => `    ${m(i)}`)
+          ],
+          `  Sender: ${c}`,
+          `  Data: ${o}`,
+          `  Callback selector: ${s}`,
+          `  Extra data: ${n}`
+        ].flat(),
+        name: "OffchainLookupError"
+      });
+    }
+  }
+  class $ extends p {
+    constructor({ result: s, url: e }) {
+      super("Offchain gateway response is malformed. Response data must be a hex value.", {
+        metaMessages: [
+          `Gateway URL: ${m(e)}`,
+          `Response: ${w(s)}`
+        ],
+        name: "OffchainLookupResponseMalformedError"
+      });
+    }
+  }
+  class q extends p {
+    constructor({ sender: s, to: e }) {
+      super("Reverted sender address does not match target contract address (`to`).", {
+        metaMessages: [
+          `Contract address: ${e}`,
+          `OffchainLookup sender address: ${s}`
+        ],
+        name: "OffchainLookupSenderMismatchError"
+      });
+    }
+  }
+  A = "0x556f1830";
+  T = {
+    name: "OffchainLookup",
+    type: "error",
+    inputs: [
+      {
+        name: "sender",
+        type: "address"
+      },
+      {
+        name: "urls",
+        type: "string[]"
+      },
+      {
+        name: "callData",
+        type: "bytes"
+      },
+      {
+        name: "callbackFunction",
+        type: "bytes4"
+      },
+      {
+        name: "extraData",
+        type: "bytes"
+      }
+    ]
+  };
+  D = async function(d, { blockNumber: s, blockTag: e, data: o, to: n }) {
+    const { args: c } = k({
+      data: o,
+      abi: [
+        T
+      ]
+    }), [t, i, l, a, r] = c, { ccipRead: f } = d, h = f && typeof (f == null ? void 0 : f.request) == "function" ? f.request : C;
+    try {
+      if (!b(n, t)) throw new q({
+        sender: t,
+        to: n
+      });
+      const u = i.includes(L) ? await O({
+        data: l,
+        ccipRequest: h
+      }) : await h({
+        data: l,
+        sender: t,
+        urls: i
+      }), { data: g } = await R(d, {
+        blockNumber: s,
+        blockTag: e,
+        data: E([
+          a,
+          x([
+            {
+              type: "bytes"
+            },
+            {
+              type: "bytes"
+            }
+          ], [
+            u,
+            r
+          ])
+        ]),
+        to: n
+      });
+      return g;
+    } catch (u) {
+      throw new S({
+        callbackSelector: a,
+        cause: u,
+        data: o,
+        extraData: r,
+        sender: t,
+        urls: i
+      });
+    }
+  };
+  C = async function({ data: d, sender: s, urls: e }) {
+    var _a;
+    let o = new Error("An unknown error occurred.");
+    for (let n = 0; n < e.length; n++) {
+      const c = e[n], t = c.includes("{data}") ? "GET" : "POST", i = t === "POST" ? {
+        data: d,
+        sender: s
+      } : void 0, l = t === "POST" ? {
+        "Content-Type": "application/json"
+      } : {};
+      try {
+        const a = await fetch(c.replace("{sender}", s.toLowerCase()).replace("{data}", d), {
+          body: JSON.stringify(i),
+          headers: l,
+          method: t
+        });
+        let r;
+        if (((_a = a.headers.get("Content-Type")) == null ? void 0 : _a.startsWith("application/json")) ? r = (await a.json()).data : r = await a.text(), !a.ok) {
+          o = new y({
+            body: i,
+            details: (r == null ? void 0 : r.error) ? w(r.error) : a.statusText,
+            headers: a.headers,
+            status: a.status,
+            url: c
+          });
+          continue;
+        }
+        if (!M(r)) {
+          o = new $({
+            result: r,
+            url: c
+          });
+          continue;
+        }
+        return r;
+      } catch (a) {
+        o = new y({
+          body: i,
+          details: a.message,
+          url: c
+        });
+      }
+    }
+    throw o;
+  };
+});
+export {
+  __tla,
+  C as ccipRequest,
+  D as offchainLookup,
+  T as offchainLookupAbiItem,
+  A as offchainLookupSignature
+};