@wheelx-widget/widget 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 WheelX
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,181 @@
+# @wheelx-widget/widget
+
+An open-source, framework-agnostic React widget for cross-chain token swaps and bridges. Built-in wallet connection support (EVM + Solana), configurable theme system, and ready-to-use demo application.
+
+## Features
+
+- 🔄 **Cross-chain Swap & Bridge** — Full trading flow with quote polling, gas estimation, approval handling
+- 👛 **Built-in Wallet Connection** — Dynamic SDK + Wagmi v2 supporting EVM (MetaMask, OKX, etc.) and Solana (Phantom)
+- 🎨 **Configurable Theme** — 14 color tokens for custom skinning
+- ⚛️ **Framework Agnostic** — Works with any React framework (Next.js, Vite, Create React App, etc.)
+- 📦 **Tree-shakeable** — ESM + CJS builds with TypeScript declarations
+- 🔌 **Configurable Default Tokens** — Set default from/to chains and tokens
+
+## Installation
+
+```bash
+npm install @wheelx-widget/widget @chakra-ui/react @emotion/react
+```
+
+Note: `@chakra-ui/react` and `@emotion/react` are required peer dependencies.
+
+## Quick Start
+
+```tsx
+import { WheelXProvider, WheelXWidget } from '@wheelx-widget/widget'
+
+function App() {
+  return (
+    <WheelXProvider>
+      <WheelXWidget />
+    </WheelXProvider>
+  )
+}
+```
+
+## Configuration
+
+### Theme Customization
+
+Customize 14 visual tokens:
+
+```tsx
+<WheelXProvider config={{
+  theme: {
+    defaultTextColor: '#1A1D26',
+    highlightTextColor: '#007B9D',
+    weakTextColor: '#5D6270',
+    defaultBgColor: '#FFFFFF',
+    highlightBgColor: '#E6F7FB',
+    assistBgColor: '#F5F6F8',
+    defaultBorderColor: '#E2E4E8',
+    highlightBorderColor: '#007B9D',
+    highlightButtonBg: '#007B9D',
+    highlightButtonText: '#FFFFFF',
+    normalButtonBg: '#F5F6F8',
+    normalButtonText: '#1A1D26',
+    disabledButtonBg: '#E2E4E8',
+    disabledButtonText: '#A0A4AE'
+  }
+}}>
+  <WheelXWidget />
+</WheelXProvider>
+```
+
+### Default Chain/Token Configuration
+
+```tsx
+<WheelXProvider config={{
+  from: {
+    chains: [8453, 1],           // Only show Base and Ethereum as from chains
+    defaultChainId: 8453          // Default to Base
+  },
+  to: {
+    chains: [1868],               // Only show Soneium as to chain
+    defaultChainId: 1868          // Default to Soneium
+  }
+}}>
+  <WheelXWidget />
+</WheelXProvider>
+```
+
+### Custom Dynamic Environment ID
+
+```tsx
+<WheelXProvider config={{
+  dynamicEnvironmentId: 'your-dynamic-environment-id'
+}}>
+  <WheelXWidget />
+</WheelXProvider>
+```
+
+## API Reference
+
+### `<WheelXProvider>`
+
+The root provider component that sets up wallet connections, React Query, and theme.
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `config` | `WidgetConfig` | `{}` | Widget configuration |
+| `children` | `React.ReactNode` | — | Child components |
+
+### `<WheelXWidget>`
+
+The main trading widget component.
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `config` | `WidgetConfig` | `{}` | Widget configuration |
+
+### `WidgetConfig`
+
+```typescript
+interface WidgetConfig {
+  theme?: Partial<WidgetTheme>
+  from?: {
+    chains?: number[]
+    defaultChainId?: number
+    chainTokens?: Record<number, TokenConfig[]>
+    defaultToken?: { chainId: number; address: string }
+  }
+  to?: {
+    chains?: number[]
+    defaultChainId?: number
+    chainTokens?: Record<number, TokenConfig[]>
+    defaultToken?: { chainId: number; address: string }
+  }
+  routerCallback?: {
+    onPathnameChange?: (pathname: string) => void
+    onRouteLeave?: () => void
+    getCurrentPathname?: () => string
+  }
+  dynamicEnvironmentId?: string
+}
+```
+
+### `WidgetTheme`
+
+```typescript
+interface WidgetTheme {
+  defaultTextColor: string
+  highlightTextColor: string
+  weakTextColor: string
+  defaultBgColor: string
+  highlightBgColor: string
+  assistBgColor: string
+  defaultBorderColor: string
+  highlightBorderColor: string
+  highlightButtonBg: string
+  highlightButtonText: string
+  normalButtonBg: string
+  normalButtonText: string
+  disabledButtonBg: string
+  disabledButtonText: string
+}
+```
+
+## 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
+
+## API Endpoint
+
+This widget connects to the WheelX API at `https://api.wheelx.fi`. The API domain is not configurable.
+
+## License
+
+MIT

package/dist/index.css

@@ -0,0 +1,275 @@
+/* src/animations.css */
+.animation-wheel {
+  width: 280px;
+  height: 280px;
+  background-image: url(https://wheelx.fi/images/wheel-sprites.png);
+  background-repeat: no-repeat;
+  animation-name: keyframes-wheel;
+  animation-duration: 5s;
+  animation-delay: 0s;
+  animation-iteration-count: infinite;
+  animation-fill-mode: forwards;
+  animation-timing-function: steps(1);
+}
+.animation-success {
+  width: 280px;
+  height: 280px;
+  background-image: url(https://wheelx.fi/images/success-sprites.png);
+  background-repeat: no-repeat;
+  animation-name: keyframes-success;
+  animation-duration: 2s;
+  animation-delay: 0s;
+  animation-iteration-count: 1;
+  animation-fill-mode: forwards;
+  animation-timing-function: steps(1);
+}
+.animation-loading {
+  animation-duration: 1s;
+  animation-iteration-count: 1;
+  animation-timing-function: ease-in-out;
+  transform-origin: center;
+}
+.failure {
+  width: 280px;
+  height: 280px;
+  background: url(https://wheelx.fi/images/error.svg) no-repeat center center/126px 126px;
+}
+.text_gradient_1 {
+  background:
+    linear-gradient(
+      90deg,
+      #0F62FE 0%,
+      #A56EFF 31.73%,
+      #EE5396 67.31%,
+      #F1751B 100%);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  color: transparent;
+  display: inline-block;
+}
+.text_gradient_2 {
+  background:
+    linear-gradient(
+      90deg,
+      #B125EF 0%,
+      #5257F7 100%);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  color: transparent;
+  display: inline-block;
+}
+.pulse {
+  animation: pulse 1.5s infinite;
+}
+@keyframes pulse {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.18);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes keyframes-wheel {
+  0% {
+    width: 280px;
+    height: 280px;
+    background-image: url(https://wheelx.fi/images/wheel-sprites.png);
+  }
+  3.13% {
+    background-position: -280px 0px;
+  }
+  6.25% {
+    background-position: -560px 0px;
+  }
+  9.38% {
+    background-position: -840px 0px;
+  }
+  12.50% {
+    background-position: -1120px 0px;
+  }
+  15.63% {
+    background-position: -1400px 0px;
+  }
+  18.75% {
+    background-position: -1680px 0px;
+  }
+  21.88% {
+    background-position: -1960px 0px;
+  }
+  25.00% {
+    background-position: -2240px 0px;
+  }
+  28.13% {
+    background-position: -2520px 0px;
+  }
+  31.25% {
+    background-position: -2800px 0px;
+  }
+  34.38% {
+    background-position: -3080px 0px;
+  }
+  37.50% {
+    background-position: -3360px 0px;
+  }
+  40.63% {
+    background-position: -3640px 0px;
+  }
+  43.75% {
+    background-position: -3920px 0px;
+  }
+  46.88% {
+    background-position: -4200px 0px;
+  }
+  50.00% {
+    background-position: -4480px 0px;
+  }
+  53.13% {
+    background-position: -4760px 0px;
+  }
+  56.25% {
+    background-position: -5040px 0px;
+  }
+  59.38% {
+    background-position: -5320px 0px;
+  }
+  62.50% {
+    background-position: -5600px 0px;
+  }
+  65.63% {
+    background-position: -5880px 0px;
+  }
+  68.75% {
+    background-position: -6160px 0px;
+  }
+  71.88% {
+    background-position: -6440px 0px;
+  }
+  75.00% {
+    background-position: -6720px 0px;
+  }
+  78.13% {
+    background-position: -7000px 0px;
+  }
+  81.25% {
+    background-position: -7280px 0px;
+  }
+  84.38% {
+    background-position: -7560px 0px;
+  }
+  87.50% {
+    background-position: -7840px 0px;
+  }
+  90.63% {
+    background-position: -8120px 0px;
+  }
+  93.75% {
+    background-position: -8400px 0px;
+  }
+  96.88%, 100% {
+    background-position: -8680px 0px;
+  }
+}
+@keyframes keyframes-success {
+  0% {
+    width: 280px;
+    height: 280px;
+    background-image: url(https://wheelx.fi/images/success-sprites.png);
+  }
+  3.85% {
+    background-position: -280px 0px;
+  }
+  7.69% {
+    background-position: -560px 0px;
+  }
+  11.54% {
+    background-position: -840px 0px;
+  }
+  15.38% {
+    background-position: -1120px 0px;
+  }
+  19.23% {
+    background-position: -1400px 0px;
+  }
+  23.08% {
+    background-position: -1680px 0px;
+  }
+  26.92% {
+    background-position: -1960px 0px;
+  }
+  30.77% {
+    background-position: -2240px 0px;
+  }
+  34.62% {
+    background-position: -2520px 0px;
+  }
+  38.46% {
+    background-position: -2800px 0px;
+  }
+  42.31% {
+    background-position: -3080px 0px;
+  }
+  46.15% {
+    background-position: -3360px 0px;
+  }
+  50.00% {
+    background-position: -3640px 0px;
+  }
+  53.85% {
+    background-position: -3920px 0px;
+  }
+  57.69% {
+    background-position: -4200px 0px;
+  }
+  61.54% {
+    background-position: -4480px 0px;
+  }
+  65.38% {
+    background-position: -4760px 0px;
+  }
+  69.23% {
+    background-position: -5040px 0px;
+  }
+  73.08% {
+    background-position: -5320px 0px;
+  }
+  76.92% {
+    background-position: -5600px 0px;
+  }
+  80.77% {
+    background-position: -5880px 0px;
+  }
+  84.62% {
+    background-position: -6160px 0px;
+  }
+  88.46% {
+    background-position: -6440px 0px;
+  }
+  92.31% {
+    background-position: -6720px 0px;
+  }
+  100% {
+    background-position: -7000px 0px;
+  }
+}
+@keyframes keyframes-loading {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(-360deg);
+  }
+}
+@keyframes svg_loader {
+  0% {
+    stroke-dasharray: 0, 101;
+  }
+  100% {
+    stroke-dasharray: 65, 101;
+  }
+}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animations.css"],"sourcesContent":["/* WheelX Widget - Animation styles synced from main site */\r\n/* Image URLs point to https://wheelx.fi for external widget usage */\r\n\r\n.animation-wheel {\r\n  width: 280px;\r\n  height: 280px;\r\n  background-image: url('https://wheelx.fi/images/wheel-sprites.png');\r\n  background-repeat: no-repeat;\r\n  animation-name: keyframes-wheel;\r\n  animation-duration: 5s;\r\n  animation-delay: 0s;\r\n  animation-iteration-count: infinite;\r\n  animation-fill-mode: forwards;\r\n  animation-timing-function: steps(1);\r\n}\r\n\r\n.animation-success {\r\n  width: 280px;\r\n  height: 280px;\r\n  background-image: url('https://wheelx.fi/images/success-sprites.png');\r\n  background-repeat: no-repeat;\r\n  animation-name: keyframes-success;\r\n  animation-duration: 2s;\r\n  animation-delay: 0s;\r\n  animation-iteration-count: 1;\r\n  animation-fill-mode: forwards;\r\n  animation-timing-function: steps(1);\r\n}\r\n\r\n.animation-loading {\r\n  animation-duration: 1s;\r\n  animation-iteration-count: 1;\r\n  animation-timing-function: ease-in-out;\r\n  transform-origin: center;\r\n}\r\n\r\n.failure {\r\n  width: 280px;\r\n  height: 280px;\r\n  background: url('https://wheelx.fi/images/error.svg') no-repeat center center/126px 126px;\r\n}\r\n\r\n/* Gradient text utilities */\r\n.text_gradient_1 {\r\n  background: linear-gradient(90deg, #0F62FE 0%, #A56EFF 31.73%, #EE5396 67.31%, #F1751B 100%);\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.text_gradient_2 {\r\n  background: linear-gradient(90deg, #B125EF 0%, #5257F7 100%);\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n/* Pulse loading animation */\r\n.pulse {\r\n  animation: pulse 1.5s infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    transform: scale(1);\r\n  }\r\n  50% {\r\n    transform: scale(1.18);\r\n  }\r\n  100% {\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n/* Wheel spinning animation (32 frames sprite sheet) */\r\n@keyframes keyframes-wheel {\r\n  0% {\r\n    width: 280px;\r\n    height: 280px;\r\n    background-image: url('https://wheelx.fi/images/wheel-sprites.png');\r\n  }\r\n  3.13% {\r\n    background-position: -280px 0px;\r\n  }\r\n  6.25% {\r\n    background-position: -560px 0px;\r\n  }\r\n  9.38% {\r\n    background-position: -840px 0px;\r\n  }\r\n  12.50% {\r\n    background-position: -1120px 0px;\r\n  }\r\n  15.63% {\r\n    background-position: -1400px 0px;\r\n  }\r\n  18.75% {\r\n    background-position: -1680px 0px;\r\n  }\r\n  21.88% {\r\n    background-position: -1960px 0px;\r\n  }\r\n  25.00% {\r\n    background-position: -2240px 0px;\r\n  }\r\n  28.13% {\r\n    background-position: -2520px 0px;\r\n  }\r\n  31.25% {\r\n    background-position: -2800px 0px;\r\n  }\r\n  34.38% {\r\n    background-position: -3080px 0px;\r\n  }\r\n  37.50% {\r\n    background-position: -3360px 0px;\r\n  }\r\n  40.63% {\r\n    background-position: -3640px 0px;\r\n  }\r\n  43.75% {\r\n    background-position: -3920px 0px;\r\n  }\r\n  46.88% {\r\n    background-position: -4200px 0px;\r\n  }\r\n  50.00% {\r\n    background-position: -4480px 0px;\r\n  }\r\n  53.13% {\r\n    background-position: -4760px 0px;\r\n  }\r\n  56.25% {\r\n    background-position: -5040px 0px;\r\n  }\r\n  59.38% {\r\n    background-position: -5320px 0px;\r\n  }\r\n  62.50% {\r\n    background-position: -5600px 0px;\r\n  }\r\n  65.63% {\r\n    background-position: -5880px 0px;\r\n  }\r\n  68.75% {\r\n    background-position: -6160px 0px;\r\n  }\r\n  71.88% {\r\n    background-position: -6440px 0px;\r\n  }\r\n  75.00% {\r\n    background-position: -6720px 0px;\r\n  }\r\n  78.13% {\r\n    background-position: -7000px 0px;\r\n  }\r\n  81.25% {\r\n    background-position: -7280px 0px;\r\n  }\r\n  84.38% {\r\n    background-position: -7560px 0px;\r\n  }\r\n  87.50% {\r\n    background-position: -7840px 0px;\r\n  }\r\n  90.63% {\r\n    background-position: -8120px 0px;\r\n  }\r\n  93.75% {\r\n    background-position: -8400px 0px;\r\n  }\r\n  96.88%,\r\n  100% {\r\n    background-position: -8680px 0px;\r\n  }\r\n}\r\n\r\n/* Success animation (26 frames sprite sheet) */\r\n@keyframes keyframes-success {\r\n  0% {\r\n    width: 280px;\r\n    height: 280px;\r\n    background-image: url('https://wheelx.fi/images/success-sprites.png');\r\n  }\r\n  3.85% {\r\n    background-position: -280px 0px;\r\n  }\r\n  7.69% {\r\n    background-position: -560px 0px;\r\n  }\r\n  11.54% {\r\n    background-position: -840px 0px;\r\n  }\r\n  15.38% {\r\n    background-position: -1120px 0px;\r\n  }\r\n  19.23% {\r\n    background-position: -1400px 0px;\r\n  }\r\n  23.08% {\r\n    background-position: -1680px 0px;\r\n  }\r\n  26.92% {\r\n    background-position: -1960px 0px;\r\n  }\r\n  30.77% {\r\n    background-position: -2240px 0px;\r\n  }\r\n  34.62% {\r\n    background-position: -2520px 0px;\r\n  }\r\n  38.46% {\r\n    background-position: -2800px 0px;\r\n  }\r\n  42.31% {\r\n    background-position: -3080px 0px;\r\n  }\r\n  46.15% {\r\n    background-position: -3360px 0px;\r\n  }\r\n  50.00% {\r\n    background-position: -3640px 0px;\r\n  }\r\n  53.85% {\r\n    background-position: -3920px 0px;\r\n  }\r\n  57.69% {\r\n    background-position: -4200px 0px;\r\n  }\r\n  61.54% {\r\n    background-position: -4480px 0px;\r\n  }\r\n  65.38% {\r\n    background-position: -4760px 0px;\r\n  }\r\n  69.23% {\r\n    background-position: -5040px 0px;\r\n  }\r\n  73.08% {\r\n    background-position: -5320px 0px;\r\n  }\r\n  76.92% {\r\n    background-position: -5600px 0px;\r\n  }\r\n  80.77% {\r\n    background-position: -5880px 0px;\r\n  }\r\n  84.62% {\r\n    background-position: -6160px 0px;\r\n  }\r\n  88.46% {\r\n    background-position: -6440px 0px;\r\n  }\r\n  92.31% {\r\n    background-position: -6720px 0px;\r\n  }\r\n  100% {\r\n    background-position: -7000px 0px;\r\n  }\r\n}\r\n\r\n/* Refresh icon rotation animation */\r\n@keyframes keyframes-loading {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(-360deg);\r\n  }\r\n}\r\n\r\n/* Refresh icon quote polling progress arc animation */\r\n@keyframes svg_loader {\r\n  0% {\r\n    stroke-dasharray: 0, 101;\r\n  }\r\n  100% {\r\n    stroke-dasharray: 65, 101;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}