@antigane/wallet-adapters 0.0.6 → 0.0.8

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Antigane Inc.
+
+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

@@ -1,73 +1,110 @@
-# React + TypeScript + Vite
+# @antigane/wallet-adapters
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+Wallet connect UI and adapters for React. Includes a ready-made `ConnectButton` with a modal for MetaMask and Phantom.
 
-Currently, two official plugins are available:
+## Install
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+```bash
+npm i @antigane/wallet-adapters
+# or
+pnpm add @antigane/wallet-adapters
+# or
+yarn add @antigane/wallet-adapters
+```
+
+### Peer dependencies
+
+Make sure these are installed in your app:
+
+- `react` >= 18
+- `react-dom` >= 18
+- `framer-motion` >= 12.24.0 < 13
+
+## Quick start
+
+```tsx
+import { ConnectButton } from "@antigane/wallet-adapters";
+
+export default function App() {
+  return (
+    <div style={{ padding: 24 }}>
+      <ConnectButton
+        onSigned={(state) => {
+          console.log("signed", state);
+        }}
+        onChange={(state) => {
+          console.log("change", state);
+        }}
+      />
+    </div>
+  );
+}
+```
+
+Styles are bundled automatically in the library build, so importing the component is enough.
+This package is browser-only because it uses `window` for wallet detection.
+
+## Props
+
+### ConnectButton
 
-## React Compiler
+- `onSigned?: (state: SignState) => void`
+- `onChange?: (state: SignState | null) => void`
 
-The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+`SignState` shape:
 
-## Expanding the ESLint configuration
+```ts
+type SignState = {
+  signature?: string;
+  message?: string;
+  accountId?: string;
+  accountType?: "EVM" | "SOLANA";
+};
+```
+
+## Assets
+
+The modal uses wallet icons at these paths:
 
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+- `/assets/wallets/metamask.svg`
+- `/assets/wallets/phantom.svg`
+- `/assets/wallets/peridotwallet.svg`
 
-```js
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
+If your app does not already serve them, copy the SVGs from this package's `public/assets/wallets` into your app's public folder with the same paths.
 
-      // Remove tseslint.configs.recommended and replace with this
-      tseslint.configs.recommendedTypeChecked,
-      // Alternatively, use this for stricter rules
-      tseslint.configs.strictTypeChecked,
-      // Optionally, add this for stylistic rules
-      tseslint.configs.stylisticTypeChecked,
+## Theming
 
-      // Other configs...
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
+This library uses CSS variables for colors. You can override them anywhere in your app:
+
+```css
+:root {
+  --background: #111312;
+  --foreground: #ffffff;
+  --card: #0d100e;
+  --card-foreground: #ffffff;
+  --accent: #2ecc71;
+  --highlight: #9bffb6;
+  --muted: #111312;
+  --muted-foreground: #6e6e6e;
+}
 ```
 
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
-
-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
-
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-      // Enable lint rules for React
-      reactX.configs['recommended-typescript'],
-      // Enable lint rules for React DOM
-      reactDom.configs.recommended,
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
+## Troubleshooting
+
+If styles do not appear in a consumer app:
+
+1) Ensure the app's bundler supports CSS imports from `node_modules`.
+2) Ensure the app is not stripping CSS side effects during tree-shaking.
+3) Ensure your build is using the latest published package version.
+
+If you use Next.js, render the button in a client component:
+
+```tsx
+"use client";
+
+import { ConnectButton } from "@antigane/wallet-adapters";
 ```
+
+## License
+
+MIT

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Xe=require("react");function OT(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const Rf=OT(Xe);var su=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function hc(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function Bm(t){if(Object.prototype.hasOwnProperty.call(t,"__esModule"))return t;var e=t.default;if(typeof e=="function"){var n=function r(){var i=!1;try{i=this instanceof r}catch{}return i?Reflect.construct(e,arguments,this.constructor):e.apply(this,arguments)};n.prototype=e.prototype}else n={};return Object.defineProperty(n,"__esModule",{value:!0}),Object.keys(t).forEach(function(r){var i=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(n,r,i.get?i:{enumerable:!0,get:function(){return t[r]}})}),n}var ou={exports:{}},Nc={};var Vy;function NT(){if(Vy)return Nc;Vy=1;var t=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function n(r,i,s){var o=null;if(s!==void 0&&(o=""+s),i.key!==void 0&&(o=""+i.key),"key"in i){s={};for(var a in i)a!=="key"&&(s[a]=i[a])}else s=i;return i=s.ref,{$$typeof:t,type:r,key:o,ref:i!==void 0?i:null,props:s}}return Nc.Fragment=e,Nc.jsx=n,Nc.jsxs=n,Nc}var Pc={};var jy;function PT(){return jy||(jy=1,process.env.NODE_ENV!=="production"&&(function(){function t(x){if(x==null)return null;if(typeof x=="function")return x.$$typeof===H?null:x.displayName||x.name||null;if(typeof x=="string")return x;switch(x){case b:return"Fragment";case M:return"Profiler";case E:return"StrictMode";case z:return"Suspense";case X:return"SuspenseList";case B:return"Activity"}if(typeof x=="object")switch(typeof x.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),x.$$typeof){case w:return"Portal";case F:return x.displayName||"Context";case S:return(x._context.displayName||"Context")+".Consumer";case D:var h=x.render;return x=x.displayName,x||(x=h.displayName||h.name||"",x=x!==""?"ForwardRef("+x+")":"ForwardRef"),x;case Y:return h=x.displayName||null,h!==null?h:t(x.type)||"Memo";case U:h=x._payload,x=x._init;try{return t(x(h))}catch{}}return null}function e(x){return""+x}function n(x){try{e(x);var h=!1}catch{h=!0}if(h){h=console;var m=h.error,A=typeof Symbol=="function"&&Symbol.toStringTag&&x[Symbol.toStringTag]||x.constructor.name||"Object";return m.call(h,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",A),e(x)}}function r(x){if(x===b)return"<>";if(typeof x=="object"&&x!==null&&x.$$typeof===U)return"<...>";try{var h=t(x);return h?"<"+h+">":"<...>"}catch{return"<...>"}}function i(){var x=V.A;return x===null?null:x.getOwner()}function s(){return Error("react-stack-top-frame")}function o(x){if(T.call(x,"key")){var h=Object.getOwnPropertyDescriptor(x,"key").get;if(h&&h.isReactWarning)return!1}return x.key!==void 0}function a(x,h){function m(){R||(R=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",h))}m.isReactWarning=!0,Object.defineProperty(x,"key",{get:m,configurable:!0})}function c(){var x=t(this.type);return P[x]||(P[x]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),x=this.props.ref,x!==void 0?x:null}function l(x,h,m,A,C,$){var j=m.ref;return x={$$typeof:v,type:x,key:h,props:m,_owner:A},(j!==void 0?j:null)!==null?Object.defineProperty(x,"ref",{enumerable:!1,get:c}):Object.defineProperty(x,"ref",{enumerable:!1,value:null}),x._store={},Object.defineProperty(x._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(x,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(x,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:C}),Object.defineProperty(x,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:$}),Object.freeze&&(Object.freeze(x.props),Object.freeze(x)),x}function u(x,h,m,A,C,$){var j=h.children;if(j!==void 0)if(A)if(p(j)){for(A=0;A<j.length;A++)d(j[A]);Object.freeze&&Object.freeze(j)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else d(j);if(T.call(h,"key")){j=t(x);var Z=Object.keys(h).filter(function(se){return se!=="key"});A=0<Z.length?"{key: someKey, "+Z.join(": ..., ")+": ...}":"{key: someKey}",N[j+A]||(Z=0<Z.length?"{"+Z.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const Xe=require("react");function OT(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const Rf=OT(Xe);var su=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function hc(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function Bm(t){if(Object.prototype.hasOwnProperty.call(t,"__esModule"))return t;var e=t.default;if(typeof e=="function"){var n=function r(){var i=!1;try{i=this instanceof r}catch{}return i?Reflect.construct(e,arguments,this.constructor):e.apply(this,arguments)};n.prototype=e.prototype}else n={};return Object.defineProperty(n,"__esModule",{value:!0}),Object.keys(t).forEach(function(r){var i=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(n,r,i.get?i:{enumerable:!0,get:function(){return t[r]}})}),n}var ou={exports:{}},Nc={};var Vy;function NT(){if(Vy)return Nc;Vy=1;var t=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function n(r,i,s){var o=null;if(s!==void 0&&(o=""+s),i.key!==void 0&&(o=""+i.key),"key"in i){s={};for(var a in i)a!=="key"&&(s[a]=i[a])}else s=i;return i=s.ref,{$$typeof:t,type:r,key:o,ref:i!==void 0?i:null,props:s}}return Nc.Fragment=e,Nc.jsx=n,Nc.jsxs=n,Nc}var Pc={};var jy;function PT(){return jy||(jy=1,process.env.NODE_ENV!=="production"&&(function(){function t(x){if(x==null)return null;if(typeof x=="function")return x.$$typeof===H?null:x.displayName||x.name||null;if(typeof x=="string")return x;switch(x){case b:return"Fragment";case M:return"Profiler";case E:return"StrictMode";case z:return"Suspense";case X:return"SuspenseList";case B:return"Activity"}if(typeof x=="object")switch(typeof x.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),x.$$typeof){case w:return"Portal";case F:return x.displayName||"Context";case S:return(x._context.displayName||"Context")+".Consumer";case D:var h=x.render;return x=x.displayName,x||(x=h.displayName||h.name||"",x=x!==""?"ForwardRef("+x+")":"ForwardRef"),x;case Y:return h=x.displayName||null,h!==null?h:t(x.type)||"Memo";case U:h=x._payload,x=x._init;try{return t(x(h))}catch{}}return null}function e(x){return""+x}function n(x){try{e(x);var h=!1}catch{h=!0}if(h){h=console;var m=h.error,A=typeof Symbol=="function"&&Symbol.toStringTag&&x[Symbol.toStringTag]||x.constructor.name||"Object";return m.call(h,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",A),e(x)}}function r(x){if(x===b)return"<>";if(typeof x=="object"&&x!==null&&x.$$typeof===U)return"<...>";try{var h=t(x);return h?"<"+h+">":"<...>"}catch{return"<...>"}}function i(){var x=V.A;return x===null?null:x.getOwner()}function s(){return Error("react-stack-top-frame")}function o(x){if(T.call(x,"key")){var h=Object.getOwnPropertyDescriptor(x,"key").get;if(h&&h.isReactWarning)return!1}return x.key!==void 0}function a(x,h){function m(){R||(R=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",h))}m.isReactWarning=!0,Object.defineProperty(x,"key",{get:m,configurable:!0})}function c(){var x=t(this.type);return P[x]||(P[x]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),x=this.props.ref,x!==void 0?x:null}function l(x,h,m,A,C,$){var j=m.ref;return x={$$typeof:v,type:x,key:h,props:m,_owner:A},(j!==void 0?j:null)!==null?Object.defineProperty(x,"ref",{enumerable:!1,get:c}):Object.defineProperty(x,"ref",{enumerable:!1,value:null}),x._store={},Object.defineProperty(x._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(x,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(x,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:C}),Object.defineProperty(x,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:$}),Object.freeze&&(Object.freeze(x.props),Object.freeze(x)),x}function u(x,h,m,A,C,$){var j=h.children;if(j!==void 0)if(A)if(p(j)){for(A=0;A<j.length;A++)d(j[A]);Object.freeze&&Object.freeze(j)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else d(j);if(T.call(h,"key")){j=t(x);var Z=Object.keys(h).filter(function(se){return se!=="key"});A=0<Z.length?"{key: someKey, "+Z.join(": ..., ")+": ...}":"{key: someKey}",N[j+A]||(Z=0<Z.length?"{"+Z.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as Of from "react";
 import BT, { createContext as gc, useRef as xi, useLayoutEffect as UT, useEffect as Km, useId as Vm, useContext as gr, useInsertionEffect as jm, useMemo as Rs, useCallback as m_, Children as $T, isValidElement as FT, useState as Xa, Fragment as g_, createElement as KT, forwardRef as VT, Component as jT } from "react";
-var lu = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+import './index.css';var lu = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function yc(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@antigane/wallet-adapters",
   "private": false,
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "homepage": "https://github.com/antiganehq",
   "repository": {
@@ -51,7 +51,8 @@
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
     "vite": "^7.2.4",
-    "vite-plugin-dts": "^4.5.4"
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lib-inject-css": "^2.2.2"
   },
   "scripts": {
     "dev": "vite",