@layerswap/widget 0.1.18 → 1.0.0-alpha0.1

package/dist/lib/fuels/connectors/fuel-wallet/FuelWalletConnector.js

@@ -1,268 +1,234 @@
-// import {
-//     Address,
-//     type Asset,
-//     type AssetFuel,
-//     type ConnectorMetadata,
-//     type FuelABI,
-//     FuelConnector,
-//     FuelConnectorEventType,
-//     FuelConnectorEventTypes,
-//     type Network,
-//     Provider,
-//     type SelectNetworkArguments,
-//     type TransactionRequestLike,
-//     type Version,
-//     transactionRequestify,
-//   } from 'fuels';
-//   import type { JSONRPCRequest } from 'json-rpc-2.0';
-//   import { JSONRPCClient } from 'json-rpc-2.0';
-//   import {
-//     APP_IMAGE,
-//     CONNECTOR_SCRIPT,
-//     CONTENT_SCRIPT_NAME,
-//     EVENT_MESSAGE,
-//   } from './constants';
-//   import {
-//     type CommunicationMessage,
-//     type EventMessage,
-//     MessageTypes,
-//     type ResponseMessage,
-//   } from './types';
-//   export class FuelWalletConnector extends FuelConnector {
-//     name = '';
-//     connected = false;
-//     installed = false;
-//     external = false;
-//     events = FuelConnectorEventTypes;
-//     metadata: ConnectorMetadata = {
-//       image: APP_IMAGE,
-//       install: {
-//         action: 'Install',
-//         description:
-//           'To connect your Fuel Wallet, install the browser extension.',
-//         link: 'https://chrome.google.com/webstore/detail/fuel-wallet/dldjpboieedgcmpkchcjcbijingjcgok',
-//       },
-//     };
-//     readonly client: JSONRPCClient;
-//     constructor(name = 'Fuel Wallet') {
-//       super();
-//       this.name = name;
-//       this.setMaxListeners(100);
-//       this.client = new JSONRPCClient(
-//         this.sendRequest.bind(this),
-//         this.createRequestId,
-//       );
-//       this.setupListener();
-//       this.setupConnector();
-//     }
-//     /**
-//      * ============================================================
-//      * Application communication methods
-//      * ============================================================
-//      */
-//     private async setupConnector() {
-//       if (typeof window !== 'undefined') {
-//         this.ping()
-//           .then(() => {
-//             window.dispatchEvent(
-//               new CustomEvent(FuelConnectorEventType, { detail: this }),
-//             );
-//           })
-//           .catch(() => {});
-//       }
-//     }
-//     private acceptMessage(message: MessageEvent<CommunicationMessage>): boolean {
-//       const { data: event } = message;
-//       return (
-//         message.origin === window.origin &&
-//         event.type !== MessageTypes.request &&
-//         event.connectorName === this.name &&
-//         event.target === CONNECTOR_SCRIPT
-//       );
-//     }
-//     private setupListener() {
-//       if (typeof window === 'undefined') return;
-//       window.addEventListener(EVENT_MESSAGE, this.onMessage.bind(this));
-//     }
-//     private createRequestId(): string {
-//       return crypto.randomUUID();
-//     }
-//     private postMessage(message: CommunicationMessage, origin?: string) {
-//       window.postMessage(message, origin || window.origin);
-//     }
-//     private async sendRequest(request: JSONRPCRequest | null) {
-//       if (!request) return;
-//       this.postMessage({
-//         type: MessageTypes.request,
-//         target: CONTENT_SCRIPT_NAME,
-//         connectorName: this.name,
-//         request,
-//       });
-//     }
-//     private onResponse(message: ResponseMessage): void {
-//       this.client.receive(message.response);
-//     }
-//     private onEvent(message: EventMessage): void {
-//       message.events.forEach((eventData) => {
-//         if (eventData.event === 'start') {
-//           this.setupConnector();
-//         } else {
-//           this.emit(eventData.event, ...eventData.params);
-//         }
-//       });
-//     }
-//     private onMessage = (message: MessageEvent<CommunicationMessage>) => {
-//       const messageFroze = Object.freeze(message);
-//       if (!this.acceptMessage(messageFroze)) return;
-//       const { data: event } = messageFroze;
-//       this.onCommunicationMessage(event);
-//     };
-//     private onCommunicationMessage = (message: CommunicationMessage) => {
-//       switch (message.type) {
-//         case MessageTypes.response:
-//           this.onResponse(message);
-//           break;
-//         case MessageTypes.event:
-//           this.onEvent(message);
-//           break;
-//         default:
-//       }
-//     };
-//     /**
-//      * ============================================================
-//      * Connector methods
-//      * ============================================================
-//      */
-//     async ping(): Promise<boolean> {
-//       return this.client.timeout(800).request('ping', {});
-//     }
-//     async isConnected(): Promise<boolean> {
-//       // If the wallet not exists or not connected, return false
-//       try {
-//         return await this.client.request('isConnected', {});
-//       } catch {
-//         return false;
-//       }
-//     }
-//     async connect(): Promise<boolean> {
-//       return this.client.request('connect', {});
-//     }
-//     async disconnect(): Promise<boolean> {
-//       return this.client.request('disconnect', {});
-//     }
-//     async accounts(): Promise<Array<string>> {
-//       const accounts = await this.client.request('accounts', {});
-//       return accounts;
-//     }
-//     async currentAccount(): Promise<string | null> {
-//       const account = await this.client.request('currentAccount', {});
-//       if (!account) return null;
-//       return Address.fromDynamicInput(account).toString();
-//     }
-//     async signMessage(address: string, message: string): Promise<string> {
-//       if (!message.trim()) {
-//         throw new Error('Message is required');
-//       }
-//       return this.client.request('signMessage', {
-//         address,
-//         message,
-//       });
-//     }
-//     async sendTransaction(
-//       address: string,
-//       transaction: TransactionRequestLike,
-//     ): Promise<string> {
-//       if (!transaction) {
-//         throw new Error('Transaction is required');
-//       }
-//       // Transform transaction object to a transaction request
-//       const txRequest = transactionRequestify(transaction);
-//       /**
-//        * @todo We should remove this once the chainId standard start to be used and chainId is required
-//        * to be correct according to the network the transaction wants to target.
-//        */
-//       const network = await this.currentNetwork();
-//       const provider = {
-//         url: network.url,
-//       };
-//       return this.client.request('sendTransaction', {
-//         address,
-//         transaction: JSON.stringify(txRequest),
-//         provider,
-//       });
-//     }
-//     async assets(): Promise<Array<Asset>> {
-//       return this.client.request('assets', {});
-//     }
-//     async addAsset(asset: Asset): Promise<boolean> {
-//       return this.addAssets([asset]);
-//     }
-//     async addAssets(assets: Asset[]): Promise<boolean> {
-//       /**
-//        * @todo: Remove this once Fuel Wallet supports assets with multiple networks
-//        */
-//       const assetsData = assets.map((asset) => {
-//         const fuelNetworkAsset = asset.networks.find(
-//           (n) => n.type === 'fuel',
-//         ) as AssetFuel;
-//         if (!fuelNetworkAsset) {
-//           throw new Error('Asset for Fuel Network not found!');
-//         }
-//         return {
-//           ...asset,
-//           imageUrl: asset.icon,
-//           decimals: fuelNetworkAsset.decimals,
-//           assetId: fuelNetworkAsset.assetId,
-//         };
-//       });
-//       return this.client.request('addAssets', {
-//         assets: assetsData,
-//       });
-//     }
-//     async addABI(contractId: string, abi: FuelABI): Promise<boolean> {
-//       return this.client.request('addAbi', {
-//         abiMap: {
-//           [contractId]: abi,
-//         },
-//       });
-//     }
-//     async getABI(contractId: string): Promise<FuelABI> {
-//       return this.client.request('getAbi', {
-//         contractId,
-//       });
-//     }
-//     async hasABI(contractId: string): Promise<boolean> {
-//       const abi = await this.getABI(contractId);
-//       return !!abi;
-//     }
-//     async currentNetwork(): Promise<Network> {
-//       return this.client.request('network', {});
-//     }
-//     async selectNetwork(network: SelectNetworkArguments): Promise<boolean> {
-//       return this.client.request('selectNetwork', {
-//         network,
-//       });
-//     }
-//     async networks(): Promise<Network[]> {
-//       return this.client.request('networks', {});
-//     }
-//     async addNetwork(networkUrl: string): Promise<boolean> {
-//       /**
-//        * @todo: Remove fetch provider once Fuel Wallet supports adding networks
-//        * by URL
-//        */
-//       const provider = new Provider(networkUrl);
-//       return this.client.request('addNetwork', {
-//         network: {
-//           url: provider.url,
-//           name: (await provider.getChain()).name,
-//         },
-//       });
-//     }
-//     async version(): Promise<Version> {
-//       return this.client.request('version', {
-//         app: '0.0.0',
-//         network: '0.0.0',
-//       });
-//     }
-//   }
+import { Address, FuelConnector, FuelConnectorEventType, FuelConnectorEventTypes, Provider, transactionRequestify, } from 'fuels';
+import { JSONRPCClient } from 'json-rpc-2.0';
+import { APP_IMAGE, CONNECTOR_SCRIPT, CONTENT_SCRIPT_NAME, EVENT_MESSAGE, } from './constants';
+import { MessageTypes, } from './types';
+export class FuelWalletConnector extends FuelConnector {
+    constructor(name = 'Fuel Wallet') {
+        super();
+        this.name = '';
+        this.connected = false;
+        this.installed = false;
+        this.external = false;
+        this.events = FuelConnectorEventTypes;
+        this.metadata = {
+            image: APP_IMAGE,
+            install: {
+                action: 'Install',
+                description: 'To connect your Fuel Wallet, install the browser extension.',
+                link: 'https://chrome.google.com/webstore/detail/fuel-wallet/dldjpboieedgcmpkchcjcbijingjcgok',
+            },
+        };
+        this.onMessage = (message) => {
+            const messageFroze = Object.freeze(message);
+            if (!this.acceptMessage(messageFroze))
+                return;
+            const { data: event } = messageFroze;
+            this.onCommunicationMessage(event);
+        };
+        this.onCommunicationMessage = (message) => {
+            switch (message.type) {
+                case MessageTypes.response:
+                    this.onResponse(message);
+                    break;
+                case MessageTypes.event:
+                    this.onEvent(message);
+                    break;
+                default:
+            }
+        };
+        this.name = name;
+        this.setMaxListeners(100);
+        this.client = new JSONRPCClient(this.sendRequest.bind(this), this.createRequestId);
+        this.setupListener();
+        this.setupConnector();
+    }
+    /**
+     * ============================================================
+     * Application communication methods
+     * ============================================================
+     */
+    async setupConnector() {
+        if (typeof window !== 'undefined') {
+            this.ping()
+                .then(() => {
+                window.dispatchEvent(new CustomEvent(FuelConnectorEventType, { detail: this }));
+            })
+                .catch(() => { });
+        }
+    }
+    acceptMessage(message) {
+        const { data: event } = message;
+        return (message.origin === window.origin &&
+            event.type !== MessageTypes.request &&
+            event.connectorName === this.name &&
+            event.target === CONNECTOR_SCRIPT);
+    }
+    setupListener() {
+        if (typeof window === 'undefined')
+            return;
+        window.addEventListener(EVENT_MESSAGE, this.onMessage.bind(this));
+    }
+    createRequestId() {
+        return crypto.randomUUID();
+    }
+    postMessage(message, origin) {
+        window.postMessage(message, origin || window.origin);
+    }
+    async sendRequest(request) {
+        if (!request)
+            return;
+        this.postMessage({
+            type: MessageTypes.request,
+            target: CONTENT_SCRIPT_NAME,
+            connectorName: this.name,
+            request,
+        });
+    }
+    onResponse(message) {
+        this.client.receive(message.response);
+    }
+    onEvent(message) {
+        message.events.forEach((eventData) => {
+            if (eventData.event === 'start') {
+                this.setupConnector();
+            }
+            else {
+                this.emit(eventData.event, ...eventData.params);
+            }
+        });
+    }
+    /**
+     * ============================================================
+     * Connector methods
+     * ============================================================
+     */
+    async ping() {
+        return this.client.timeout(800).request('ping', {});
+    }
+    async isConnected() {
+        // If the wallet not exists or not connected, return false
+        try {
+            return await this.client.request('isConnected', {});
+        }
+        catch {
+            return false;
+        }
+    }
+    async connect() {
+        return this.client.request('connect', {});
+    }
+    async disconnect() {
+        return this.client.request('disconnect', {});
+    }
+    async accounts() {
+        const accounts = await this.client.request('accounts', {});
+        return accounts;
+    }
+    async currentAccount() {
+        const account = await this.client.request('currentAccount', {});
+        if (!account)
+            return null;
+        return Address.fromDynamicInput(account).toString();
+    }
+    async signMessage(address, message) {
+        if (!message.trim()) {
+            throw new Error('Message is required');
+        }
+        return this.client.request('signMessage', {
+            address,
+            message,
+        });
+    }
+    async sendTransaction(address, transaction) {
+        if (!transaction) {
+            throw new Error('Transaction is required');
+        }
+        // Transform transaction object to a transaction request
+        const txRequest = transactionRequestify(transaction);
+        /**
+         * @todo We should remove this once the chainId standard start to be used and chainId is required
+         * to be correct according to the network the transaction wants to target.
+         */
+        const network = await this.currentNetwork();
+        const provider = {
+            url: network.url,
+        };
+        return this.client.request('sendTransaction', {
+            address,
+            transaction: JSON.stringify(txRequest),
+            provider,
+        });
+    }
+    async assets() {
+        return this.client.request('assets', {});
+    }
+    async addAsset(asset) {
+        return this.addAssets([asset]);
+    }
+    async addAssets(assets) {
+        /**
+         * @todo: Remove this once Fuel Wallet supports assets with multiple networks
+         */
+        const assetsData = assets.map((asset) => {
+            const fuelNetworkAsset = asset.networks.find((n) => n.type === 'fuel');
+            if (!fuelNetworkAsset) {
+                throw new Error('Asset for Fuel Network not found!');
+            }
+            return {
+                ...asset,
+                imageUrl: asset.icon,
+                decimals: fuelNetworkAsset.decimals,
+                assetId: fuelNetworkAsset.assetId,
+            };
+        });
+        return this.client.request('addAssets', {
+            assets: assetsData,
+        });
+    }
+    async addABI(contractId, abi) {
+        return this.client.request('addAbi', {
+            abiMap: {
+                [contractId]: abi,
+            },
+        });
+    }
+    async getABI(contractId) {
+        return this.client.request('getAbi', {
+            contractId,
+        });
+    }
+    async hasABI(contractId) {
+        const abi = await this.getABI(contractId);
+        return !!abi;
+    }
+    async currentNetwork() {
+        return this.client.request('network', {});
+    }
+    async selectNetwork(network) {
+        return this.client.request('selectNetwork', {
+            network,
+        });
+    }
+    async networks() {
+        return this.client.request('networks', {});
+    }
+    async addNetwork(networkUrl) {
+        /**
+         * @todo: Remove fetch provider once Fuel Wallet supports adding networks
+         * by URL
+         */
+        const provider = new Provider(networkUrl);
+        return this.client.request('addNetwork', {
+            network: {
+                url: provider.url,
+                name: (await provider.getChain()).name,
+            },
+        });
+    }
+    async version() {
+        return this.client.request('version', {
+            app: '0.0.0',
+            network: '0.0.0',
+        });
+    }
+}

package/dist/lib/fuels/connectors/fuel-wallet/index.d.ts

@@ -1 +1,3 @@
 export * from './constants';
+export { FuelWalletConnector } from './FuelWalletConnector';
+export * from './types';

package/dist/lib/fuels/connectors/fuel-wallet/index.js

@@ -1,3 +1,3 @@
 export * from './constants';
-// export { FuelWalletConnector } from './FuelWalletConnector';
-// export * from './types';
+export { FuelWalletConnector } from './FuelWalletConnector';
+export * from './types';

package/dist/lib/fuels/connectors/fuel-wallet/types.d.ts

@@ -0,0 +1,50 @@
+import type { JSONRPCRequest, JSONRPCResponse } from 'json-rpc-2.0';
+export declare enum MessageTypes {
+    ping = "ping",
+    uiEvent = "uiEvent",
+    event = "event",
+    request = "request",
+    response = "response",
+    removeConnection = "removeConnection"
+}
+export interface MessageSender {
+    id?: string | undefined;
+    origin?: string | undefined;
+    tab?: {
+        id?: number | undefined;
+        index?: number | undefined;
+        windowId?: number | undefined;
+        url?: string | undefined;
+        title?: string | undefined;
+        favIconUrl?: string | undefined;
+    };
+}
+type BaseEvent<T> = {
+    readonly target: string;
+    readonly connectorName?: string;
+    readonly id?: string;
+    readonly sender?: MessageSender;
+} & T;
+export type EventMessageEvents = Array<{
+    event: string;
+    params: Array<unknown>;
+}>;
+export type UIEventMessage = BaseEvent<{
+    readonly type: MessageTypes.uiEvent;
+    readonly ready: boolean;
+    readonly session: string;
+}>;
+export type RequestMessage = BaseEvent<{
+    readonly type: MessageTypes.request;
+    readonly request: JSONRPCRequest;
+}>;
+export type ResponseMessage = BaseEvent<{
+    readonly type: MessageTypes.response;
+    readonly response: JSONRPCResponse;
+}>;
+export type EventMessage<T = EventMessageEvents> = BaseEvent<{
+    readonly type: MessageTypes.event;
+    readonly events: T;
+}>;
+export type CommunicationMessage = UIEventMessage | RequestMessage | ResponseMessage | EventMessage;
+export {};

package/dist/lib/fuels/connectors/fuel-wallet/types.js

@@ -1,53 +1,9 @@
-// import type { JSONRPCRequest, JSONRPCResponse } from 'json-rpc-2.0';
-// export enum MessageTypes {
-//   ping = 'ping',
-//   uiEvent = 'uiEvent',
-//   event = 'event',
-//   request = 'request',
-//   response = 'response',
-//   removeConnection = 'removeConnection',
-// }
-// export interface MessageSender {
-//   id?: string | undefined;
-//   origin?: string | undefined;
-//   tab?: {
-//     id?: number | undefined;
-//     index?: number | undefined;
-//     windowId?: number | undefined;
-//     url?: string | undefined;
-//     title?: string | undefined;
-//     favIconUrl?: string | undefined;
-//   };
-// }
-// type BaseEvent<T> = {
-//   readonly target: string;
-//   readonly connectorName?: string;
-//   readonly id?: string;
-//   readonly sender?: MessageSender;
-// } & T;
-// export type EventMessageEvents = Array<{
-//   event: string;
-//   params: Array<unknown>;
-// }>;
-// export type UIEventMessage = BaseEvent<{
-//   readonly type: MessageTypes.uiEvent;
-//   readonly ready: boolean;
-//   readonly session: string;
-// }>;
-// export type RequestMessage = BaseEvent<{
-//   readonly type: MessageTypes.request;
-//   readonly request: JSONRPCRequest;
-// }>;
-// export type ResponseMessage = BaseEvent<{
-//   readonly type: MessageTypes.response;
-//   readonly response: JSONRPCResponse;
-// }>;
-// export type EventMessage<T = EventMessageEvents> = BaseEvent<{
-//   readonly type: MessageTypes.event;
-//   readonly events: T;
-// }>;
-// export type CommunicationMessage =
-//   | UIEventMessage
-//   | RequestMessage
-//   | ResponseMessage
-//   | EventMessage;
+export var MessageTypes;
+(function (MessageTypes) {
+    MessageTypes["ping"] = "ping";
+    MessageTypes["uiEvent"] = "uiEvent";
+    MessageTypes["event"] = "event";
+    MessageTypes["request"] = "request";
+    MessageTypes["response"] = "response";
+    MessageTypes["removeConnection"] = "removeConnection";
+})(MessageTypes || (MessageTypes = {}));

package/dist/lib/fuels/connectors/fuelet-wallet/FueletWalletConnector.d.ts

@@ -0,0 +1,7 @@
+import type { ConnectorMetadata } from 'fuels';
+import { FuelWalletConnector } from '../fuel-wallet';
+export declare class FueletWalletConnector extends FuelWalletConnector {
+    name: string;
+    metadata: ConnectorMetadata;
+    constructor();
+}