Multi-chain Proposal (#12)

* feat: support evm

* revert: twitter.tsx

* feat: add actionCompatibility parameter

* feat: op isCompatible fn parameter

* fix: action type

* proposal from nick(see latest comment)

---------

Co-authored-by: vanishcode <[email protected]>
Co-authored-by: Nick Zhelezkov <[email protected]>

Author: 3 people

src/api/Action.ts

@@ -8,12 +8,17 @@ import type {
   Parameter,
 } from './actions-spec';
 
+interface ActionMetadata {
+  blockchainIds: string[];
+}
+
 export class Action {
   private readonly _actions: ActionComponent[];
 
   private constructor(
     private readonly _url: string,
     private readonly _data: ActionsSpecGetResponse,
+    private readonly _metadata: ActionMetadata,
     private _adapter?: ActionAdapter,
   ) {
     // if no links present, fallback to original solana pay spec
@@ -63,6 +68,10 @@ export class Action {
     return this._data.error?.message ?? null;
   }
 
+  public get metadata() {
+    return this._metadata;
+  }
+
   public get adapter() {
     if (!this._adapter) {
       throw new Error('No adapter provided');
@@ -95,7 +104,16 @@ export class Action {
 
     const data = (await response.json()) as ActionsSpecGetResponse;
 
-    return new Action(apiUrl, data, adapter);
+    // for multi-chain x-blockchain-ids
+    const blockchainIds = (
+      response?.headers?.get('x-blockchain-ids') || ''
+    ).split(',');
+
+    const metadata: ActionMetadata = {
+      blockchainIds,
+    };
+
+    return new Action(apiUrl, data, metadata, adapter);
   }
 }
 

src/api/ActionConfig.ts

@@ -23,6 +23,9 @@ export interface ActionAdapter {
     signature: string,
     context: ActionContext,
   ) => Promise<void>;
+  isSupported?: (
+    context: Omit<ActionContext, 'triggeredLinkedAction'>,
+  ) => Promise<boolean>;
 }
 
 export class ActionConfig implements ActionAdapter {

src/ext/twitter.tsx

@@ -180,12 +180,23 @@ async function handleNewNode(
     return;
   }
 
-  const action = await Action.fetch(actionApiUrl, config).catch(() => null);
+  const action = await Action.fetch(actionApiUrl, config).catch(noop);
 
   if (!action) {
     return;
   }
 
+  if (config.isSupported) {
+    const supported = await config.isSupported({
+      originalUrl: actionUrl.toString(),
+      action,
+      actionType: state,
+    });
+    if (!supported) {
+      return;
+    }
+  }
+
   addMargin(container).replaceChildren(
     createAction({
       originalUrl: actionUrl,

src/ui/ActionContainer.tsx

@@ -439,7 +439,7 @@ export const ActionContainer = ({
       image={action.icon}
       error={
         executionState.status !== 'success'
-          ? executionState.errorMessage ?? action.error
+          ? (executionState.errorMessage ?? action.error)
           : null
       }
       success={executionState.successMessage}