Add MagicSigner to inject into polkadot api instance

Author: octave08

packages/@magic-ext/polkadot/package.json

@@ -18,15 +18,24 @@
   "types": "./dist/types/index.d.ts",
   "jsdelivr": "./dist/extension.js",
   "exports": {
+    "types": "./dist/types/index.d.ts",
     "import": "./dist/es/index.mjs",
     "require": "./dist/cjs/index.js"
   },
   "externals": {
     "include": [
-      "@magic-sdk/commons"
+      "@magic-sdk/provider"
     ]
   },
   "devDependencies": {
-    "@magic-sdk/commons": "^17.2.0"
+    "@magic-sdk/provider": "^21.2.0",
+    "@polkadot/types": "^10.10.1",
+    "@polkadot/util": "^12.5.1"
+  },
+  "dependencies": {
+    "@polkadot/api": "^10.10.1"
+  },
+  "peerDependencies": {
+    "@polkadot/api": "^10.10.1"
   }
 }

packages/@magic-ext/polkadot/src/index.ts

@@ -1,5 +1,8 @@
-import { Extension } from '@magic-sdk/commons';
-import { PolkadotConfig, ConfigType } from './type';
+import { Extension } from '@magic-sdk/provider';
+import type { ConfigType, PolkadotConfig } from './type';
+import { POLKADOT_METHODS } from './type';
+
+export { MagicSigner } from './magic-signer';
 
 export class PolkadotExtension extends Extension.Internal<'polkadot', PolkadotConfig> {
   name = 'polkadot' as const;
@@ -19,7 +22,7 @@ export class PolkadotExtension extends Extension.Internal<'polkadot', PolkadotCo
     return this.request({
       id: 42,
       jsonrpc: '2.0',
-      method: 'pdt_sendTransaction',
+      method: POLKADOT_METHODS.SEND_TRANSACTION,
       params: { to, value },
     });
   };
@@ -28,7 +31,7 @@ export class PolkadotExtension extends Extension.Internal<'polkadot', PolkadotCo
     return this.request({
       id: 42,
       jsonrpc: '2.0',
-      method: 'pdt_contractCall',
+      method: POLKADOT_METHODS.CONTRACT_CALL,
       params: { contractAddress, value, maxGas, data },
     });
   };
@@ -37,7 +40,7 @@ export class PolkadotExtension extends Extension.Internal<'polkadot', PolkadotCo
     return this.request({
       id: 42,
       jsonrpc: '2.0',
-      method: 'pdt_getAccount',
+      method: POLKADOT_METHODS.GET_ACCOUNT,
       params: [],
     });
   };

packages/@magic-ext/polkadot/src/magic-signer.tsx

@@ -0,0 +1,45 @@
+import type { Signer } from '@polkadot/api/types';
+import type { ISubmittableResult, SignerPayloadJSON, SignerPayloadRaw } from '@polkadot/types/types';
+import type { HexString } from '@polkadot/util/types';
+import type { H256 } from '@polkadot/types/interfaces';
+import { Extension, InstanceWithExtensions, SDKBase } from '@magic-sdk/provider';
+import { PolkadotExtension } from '.';
+
+type MagicInstnace = InstanceWithExtensions<SDKBase, [PolkadotExtension, ...Extension[]]>;
+
+export class MagicSigner implements Signer {
+  private magic: MagicInstnace;
+  private nextId = 0;
+
+  constructor(magic: MagicInstnace) {
+    this.magic = magic;
+  }
+
+  /**
+   * @description signs an extrinsic payload from a serialized form
+   */
+  signPayload = async (payload: SignerPayloadJSON) => {
+    const signature = await this.magic.rpcProvider.send<string>('pdt_signPayload', [payload]);
+
+    return {
+      id: this.nextId++,
+      signature: signature as HexString,
+    };
+  };
+  /**
+   * @description signs a raw payload, only the bytes data as supplied
+   */
+  signRaw = async (raw: SignerPayloadRaw) => {
+    const signature = await this.magic.rpcProvider.send<HexString>('pdt_signRaw', [raw]);
+
+    return {
+      id: this.nextId++,
+      signature,
+    };
+  };
+
+  /**
+   * @description Receives an update for the extrinsic signed by a `signer.sign`
+   */
+  update?: (id: number, status: H256 | ISubmittableResult) => void;
+}

packages/@magic-ext/polkadot/src/type.ts

@@ -6,3 +6,10 @@ export interface ConfigType {
   rpcUrl: string;
   chainType: string;
 }
+
+export const POLKADOT_METHODS = {
+  SIGN: 'pdt_sign',
+  SEND_TRANSACTION: 'pdt_sendTransaction',
+  CONTRACT_CALL: 'pdt_contractCall',
+  GET_ACCOUNT: 'pdt_getAccount',
+} as const;