@wheelx-widget/widget 0.1.6 → 0.1.8

package/README.md

@@ -173,20 +173,7 @@ interface WidgetTheme {
 
 ## Demo
 
-A demo application is available in the `packages/demo` directory:
-
-```bash
-git clone https://github.com/wheelx-fi/wheelx-ui.git
-cd wheelx-ui
-git checkout feat/aidenxiao_20260530_widget
-pnpm install
-pnpm --filter @wheelx/widget-demo dev
-```
-
-The demo app opens at `http://localhost:3001` and provides:
-- Visual theme configuration with live preview
-- Chain/token configuration
-- Copy-and-paste configuration code generation
+A demo `https://widget.wheelx.fi` 
 
 ## API Endpoint
 

package/dist/index.js

@@ -660,35 +660,8 @@ function ChainsAndTokensLoader({ children, config }) {
     if (data.deposit_platforms?.prediction?.tokens) l.push(...data.deposit_platforms.prediction.tokens);
     return l;
   }, [data]);
-  const filteredChains = React5.useMemo(() => {
-    if (!allChains) return null;
-    const fromChains = config?.from?.chains;
-    const toChains = config?.to?.chains;
-    if (!fromChains?.length && !toChains?.length) return allChains;
-    const allowedSet = /* @__PURE__ */ new Set();
-    fromChains?.forEach((id) => allowedSet.add(id));
-    toChains?.forEach((id) => allowedSet.add(id));
-    return allChains.filter((c) => allowedSet.has(c.chain_id));
-  }, [allChains, config?.from?.chains, config?.to?.chains]);
-  const filteredTokens = React5.useMemo(() => {
-    if (!allTokens) return null;
-    const fromTokenConfig = config?.from?.chainTokens;
-    const toTokenConfig = config?.to?.chainTokens;
-    if (!fromTokenConfig && !toTokenConfig) return allTokens;
-    const allowedSet = /* @__PURE__ */ new Set();
-    const addTokens = (tc) => {
-      if (!tc) return;
-      for (const entries of Object.values(tc)) {
-        for (const t of entries) {
-          allowedSet.add(`${t.chainId}:${t.address.toLowerCase()}`);
-        }
-      }
-    };
-    addTokens(fromTokenConfig);
-    addTokens(toTokenConfig);
-    if (allowedSet.size === 0) return allTokens;
-    return allTokens.filter((t) => allowedSet.has(`${t.chain_id}:${t.address.toLowerCase()}`));
-  }, [allTokens, config?.from?.chainTokens, config?.to?.chainTokens]);
+  const filteredChains = allChains;
+  const filteredTokens = allTokens;
   React5__namespace.default.useEffect(() => {
     if (filteredChains && !initialDataRef.current) {
       setChains(filteredChains);
@@ -1389,6 +1362,14 @@ var useInitSwapAndBridgeState = (config) => {
             (t) => t.chain_id === config.from?.defaultToken?.chainId && t.address.toLowerCase() === config.from?.defaultToken?.address.toLowerCase()
           );
         }
+        if (!defaultToken) {
+          const ct = config.from?.chainTokens?.[fromChain.chain_id];
+          if (ct?.length) {
+            defaultToken = tokens.find(
+              (t) => t.chain_id === ct[0].chainId && t.address.toLowerCase() === ct[0].address.toLowerCase()
+            );
+          }
+        }
         if (!defaultToken) {
           defaultToken = tokens.find(
             (t) => t.chain_id === fromChain.chain_id && t.address.toLowerCase() === fromChain.eth_token.toLowerCase()
@@ -1408,6 +1389,14 @@ var useInitSwapAndBridgeState = (config) => {
             (t) => t.chain_id === config.to?.defaultToken?.chainId && t.address.toLowerCase() === config.to?.defaultToken?.address.toLowerCase()
           );
         }
+        if (!defaultToken) {
+          const ct = config.to?.chainTokens?.[toChain.chain_id];
+          if (ct?.length) {
+            defaultToken = tokens.find(
+              (t) => t.chain_id === ct[0].chainId && t.address.toLowerCase() === ct[0].address.toLowerCase()
+            );
+          }
+        }
         if (!defaultToken) {
           defaultToken = tokens.find(
             (t) => t.chain_id === toChain.chain_id && t.address.toLowerCase() === toChain.eth_token.toLowerCase()
@@ -1418,10 +1407,14 @@ var useInitSwapAndBridgeState = (config) => {
         }
       }
     }
-    const cached = tokenSelectionStore.get(address || "default");
-    if (cached?.from && cached?.to) {
-      setFromTokenInfo(cached.from);
-      setToTokenInfo(cached.to);
+    const hasConfigFrom = !!(config?.from?.defaultChainId || config?.from?.chainTokens || config?.from?.defaultToken);
+    const hasConfigTo = !!(config?.to?.defaultChainId || config?.to?.chainTokens || config?.to?.defaultToken);
+    if (!hasConfigFrom && !hasConfigTo) {
+      const cached = tokenSelectionStore.get(address || "default");
+      if (cached?.from && cached?.to) {
+        setFromTokenInfo(cached.from);
+        setToTokenInfo(cached.to);
+      }
     }
     hasInitialized.current = true;
     return () => {