RepositoryCurrent collected state Current
Observed since 21 Oct, 11:54 UTC
No superseded metadata states collected. Unchanged observations do not create new revisions.
Back to packageRELEASE DETAILS
6.0.0-beta.8
npm@0xsquid/widget
A front end widget for using Squid
Published6 Aug 2025
Direct dependencies45
Transitive dependenciesNot calculated
README
Current package documentationSquid Widget
Squid Widget is a cross-chain swap widget built with TypeScript & React. It is designed to be embedded into websites, providing an easy and convenient way to perform cross-chain swaps directly from the partner's website.
Tech Stack
- TypeScript
- React
- TailwindCSS for styling
- DaisyUI for more UI components on top of Tailwind
- Wagmi-sh for Web3 functionalities
- Zustand for global state management
- React-Query for managing asynchronous data
- GitHub Build Action to build & deploy to npm
Project Structure
├── src
│ ├── widget
│ │ ├── assets
│ │ ├── components
│ │ ├── connectors
│ │ ├── contracts
│ │ ├── core
│ │ ├── hooks
│ │ ├── services
│ │ ├── store
│ │ ├── views
│ └── index.tsx
├───index.ts
└───compiled-tailwind.css
External providers (Gnosis / Ledger)
For more informations about external providers, click here
Getting Started
Prerequisites
- Node.js
- Yarn
Installation
Install Yarn packages at the root folder
yarn
Development
The development server must be started from the nextjs package, which embeds the widget.
cd ../nextjs
yarn dev
Building
The build command must be run from the root folder as this is a lerna monorepo.
cd ../..
yarn build
Please note that TailwindCSS has to be built manually as it's embedded in the build. Therefore, sometimes you may have to run yarn build.
Downloads & popularity
Awaiting observationsNo metric observations yet
Download counts and popularity will appear here as the collector receives them.
Declared dependencies 45
Native requirements45 direct targetsNot calculated transitive count
| Package / target | Requirement | Relationship |
|---|---|---|
clsxEnvironment{
"local_name": "clsx",
"alias": false,
"peer_metadata": null
} | 2.1.1 | runtime |
axiosEnvironment{
"local_name": "axios",
"alias": false,
"peer_metadata": null
} | 1.7.2 | runtime |
qr.jsEnvironment{
"local_name": "qr.js",
"alias": false,
"peer_metadata": null
} | 0.0.0 | runtime |
ethersEnvironment{
"local_name": "ethers",
"alias": false,
"peer_metadata": null
} | 6.8.1 | runtime |
lodashEnvironment{
"local_name": "lodash",
"alias": false,
"peer_metadata": null
} | 4.17.21 | runtime |
fuse.jsEnvironment{
"local_name": "fuse.js",
"alias": false,
"peer_metadata": null
} | 6.6.2 | runtime |
zustandEnvironment{
"local_name": "zustand",
"alias": false,
"peer_metadata": null
} | 4.5.4 | runtime |
@0xsquid/uiEnvironment{
"local_name": "@0xsquid/ui",
"alias": false,
"peer_metadata": null
} | 3.0.0-beta.6 | runtime |
react-windowEnvironment{
"local_name": "react-window",
"alias": false,
"peer_metadata": null
} | ^1.8.10 | runtime |
@types/lodashEnvironment{
"local_name": "@types/lodash",
"alias": false,
"peer_metadata": null
} | 4.14.202 | runtime |
@solana/web3.jsEnvironment{
"local_name": "@solana/web3.js",
"alias": false,
"peer_metadata": null
} | ^1.95.4 | runtime |
react-device-detectEnvironment{
"local_name": "react-device-detect",
"alias": false,
"peer_metadata": null
} | 2.2.3 | runtime |
@0xsquid/react-hooksEnvironment{
"local_name": "@0xsquid/react-hooks",
"alias": false,
"peer_metadata": null
} | 8.0.0-beta.3 | runtime |
@0xsquid/squid-typesEnvironment{
"local_name": "@0xsquid/squid-types",
"alias": false,
"peer_metadata": null
} | 0.1.152 | runtime |
@tanstack/react-queryEnvironment{
"local_name": "@tanstack/react-query",
"alias": false,
"peer_metadata": null
} | 4.36.1 | runtime |
@solana/wallet-adapter-phantomEnvironment{
"local_name": "@solana/wallet-adapter-phantom",
"alias": false,
"peer_metadata": null
} | ^0.9.24 | runtime |
tslibEnvironment{
"local_name": "tslib",
"alias": false,
"peer_metadata": null
} | ^2.6.3 | development |
rimrafEnvironment{
"local_name": "rimraf",
"alias": false,
"peer_metadata": null
} | 3.0.2 | development |
rollupEnvironment{
"local_name": "rollup",
"alias": false,
"peer_metadata": null
} | ^4.18.0 | development |
vitestEnvironment{
"local_name": "vitest",
"alias": false,
"peer_metadata": null
} | 1.6.0 | development |
postcssEnvironment{
"local_name": "postcss",
"alias": false,
"peer_metadata": null
} | ^8.5.3 | development |
ts-loaderEnvironment{
"local_name": "ts-loader",
"alias": false,
"peer_metadata": null
} | 9.5.1 | development |
release-itEnvironment{
"local_name": "release-it",
"alias": false,
"peer_metadata": null
} | 16.3.0 | development |
typescriptEnvironment{
"local_name": "typescript",
"alias": false,
"peer_metadata": null
} | ^5.3.3 | development |
url-loaderEnvironment{
"local_name": "url-loader",
"alias": false,
"peer_metadata": null
} | 4.1.1 | development |
@types/nodeEnvironment{
"local_name": "@types/node",
"alias": false,
"peer_metadata": null
} | 18.19.10 | development |
tailwindcssEnvironment{
"local_name": "tailwindcss",
"alias": false,
"peer_metadata": null
} | 3.4.1 | development |
@types/reactEnvironment{
"local_name": "@types/react",
"alias": false,
"peer_metadata": null
} | ^18.3.3 | development |
autoprefixerEnvironment{
"local_name": "autoprefixer",
"alias": false,
"peer_metadata": null
} | 9 | development |
postcss-nestedEnvironment{
"local_name": "postcss-nested",
"alias": false,
"peer_metadata": null
} | ^7.0.2 | development |
@types/react-domEnvironment{
"local_name": "@types/react-dom",
"alias": false,
"peer_metadata": null
} | ^18.3.0 | development |
rollup-plugin-dtsEnvironment{
"local_name": "rollup-plugin-dts",
"alias": false,
"peer_metadata": null
} | ^6.2.1 | development |
rollup-plugin-copyEnvironment{
"local_name": "rollup-plugin-copy",
"alias": false,
"peer_metadata": null
} | ^3.5.0 | development |
@keplr-wallet/typesEnvironment{
"local_name": "@keplr-wallet/types",
"alias": false,
"peer_metadata": null
} | 0.12.64 | development |
@rollup/plugin-jsonEnvironment{
"local_name": "@rollup/plugin-json",
"alias": false,
"peer_metadata": null
} | ^6.1.0 | development |
@types/react-windowEnvironment{
"local_name": "@types/react-window",
"alias": false,
"peer_metadata": null
} | 1.8.8 | development |
rollup-plugin-postcssEnvironment{
"local_name": "rollup-plugin-postcss",
"alias": false,
"peer_metadata": null
} | ^4.0.2 | development |
@emotion/is-prop-validEnvironment{
"local_name": "@emotion/is-prop-valid",
"alias": false,
"peer_metadata": null
} | 1.3.1 | development |
@rollup/plugin-commonjsEnvironment{
"local_name": "@rollup/plugin-commonjs",
"alias": false,
"peer_metadata": null
} | ^25.0.7 | development |
@rollup/plugin-typescriptEnvironment{
"local_name": "@rollup/plugin-typescript",
"alias": false,
"peer_metadata": null
} | ^11.1.6 | development |
@rollup/plugin-node-resolveEnvironment{
"local_name": "@rollup/plugin-node-resolve",
"alias": false,
"peer_metadata": null
} | ^15.2.3 | development |
rollup-plugin-peer-deps-externalEnvironment{
"local_name": "rollup-plugin-peer-deps-external",
"alias": false,
"peer_metadata": null
} | ^2.2.4 | development |
@release-it/conventional-changelogEnvironment{
"local_name": "@release-it/conventional-changelog",
"alias": false,
"peer_metadata": null
} | 8.0.2-next.0 | development |
reactEnvironment{
"local_name": "react",
"alias": false,
"peer_metadata": null
} | ^16.0.0 || ^17.0.0 || ^18.0.0 | peer |
react-domEnvironment{
"local_name": "react-dom",
"alias": false,
"peer_metadata": null
} | ^16.0.0 || ^17.0.0 || ^18.0.0 | peer |
Distribution files
1 collectedDistribution 1
Source fileSource distribution
Checksums from source
{
"shasum": "9b1145ced331eb0b8310485712b6aa1bbe66e952",
"tarball": "https://registry.npmjs.org/@0xsquid/widget/-/widget-6.0.0-beta.8.tgz",
"fileCount": 173,
"integrity": "sha512-yClmxxvzJ9Uv+YEDV4z7o4Dcd5+8gjaIF7DrI4B1ek7kQGOWATGrWWxd+yL4hA2osbrrVp6fju22r61oMh0zSw==",
"signatures": [
{
"sig": "MEUCIQCG9rsBN0tHq60NiKwmOvvtvc5mK/BRRdwD61Sc2tFCrQIgXqBVoade6+ZONp0qTPoReGSbJXKPojQCe721r8ODGn4=",
"keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
}
],
"unpackedSize": 5426394
}Repository
PENDINGRepository
PENDINGMetadata history
Meaningful changesRecord identity
package_version:dad218dc61d6fbb795d199b9c45a12935addfccabecaba285176c4236cbdbf32