feat: add support for starknet account to offchain actions

apps/ui/src/composables/useActions.ts

@@ -13,8 +13,12 @@ import type {
   VoteType
 } from '@/types';
 import type { Connector, StrategyConfig } from '@/networks/types';
+import { starknetNetworks } from '@snapshot-labs/sx';
 
 const offchainNetworkId = offchainNetworks.filter(network => enabledNetworks.includes(network))[0];
+const starknetNetworkId = (Object.keys(starknetNetworks) as NetworkID[])
+  .filter(network => enabledNetworks.includes(network))
+  .pop() as NetworkID;
 
 export function useActions() {
   const { mixpanel } = useMixpanel();
@@ -107,7 +111,9 @@ export function useActions() {
   }
 
   async function getAliasSigner() {
-    const network = getNetwork(offchainNetworkId);
+    const network = getNetwork(
+      web3.value.type === 'argentx' ? starknetNetworkId : offchainNetworkId
+    );
 
     return alias.getAliasWallet(address =>
       wrapPromise(offchainNetworkId, network.actions.setAlias(auth.web3, address))

apps/ui/src/networks/starknet/actions.ts

@@ -582,7 +582,12 @@ export function createActions(
     },
     followSpace: () => {},
     unfollowSpace: () => {},
-    setAlias: () => {},
+    setAlias(web3: any, alias: string) {
+      return starkSigClient.setAlias({
+        signer: web3.provider.account,
+        data: { alias }
+      });
+    },
     send: (envelope: any) => starkSigClient.send(envelope) // TODO: extract it out of client to common helper
   };
 }

packages/sx.js/src/clients/starknet/starknet-sig/index.ts

@@ -1,17 +1,19 @@
 import randomBytes from 'randombytes';
 import { Account, CallData, shortString, typedData, uint256 } from 'starknet';
 import { getStrategiesWithParams } from '../../../utils/strategies';
-import { baseDomain, proposeTypes, updateProposalTypes, voteTypes } from './types';
+import { aliasTypes, baseDomain, proposeTypes, updateProposalTypes, voteTypes } from './types';
 import {
   ClientConfig,
   ClientOpts,
   Envelope,
   Propose,
   UpdateProposal,
   Vote,
+  Alias,
   StarknetEIP712ProposeMessage,
   StarknetEIP712UpdateProposalMessage,
   StarknetEIP712VoteMessage,
+  StarknetEIP712AliasMessage,
   SignatureData
 } from '../../../types';
 
@@ -55,6 +57,7 @@ export class StarknetSig {
       | StarknetEIP712ProposeMessage
       | StarknetEIP712UpdateProposalMessage
       | StarknetEIP712VoteMessage
+      | StarknetEIP712AliasMessage
   >(
     signer: Account,
     verifyingContract: string,
@@ -74,7 +77,6 @@ export class StarknetSig {
       domain,
       message
     };
-
     const signature = await signer.signMessage(data);
 
     return {
@@ -198,4 +200,25 @@ export class StarknetSig {
       data
     };
   }
+
+  public async setAlias({
+    signer,
+    data
+  }: {
+    signer: Account;
+    data: Alias;
+  }): Promise<Envelope<Alias>> {
+    const message = {
+      from: signer.address,
+      timestamp: parseInt((Date.now() / 1e3).toFixed()),
+      ...data
+    };
+
+    const signatureData = await this.sign(signer, '', message, aliasTypes, 'SetAlias');
+
+    return {
+      signatureData,
+      data
+    };
+  }
 }

packages/sx.js/src/clients/starknet/starknet-sig/types.ts

@@ -67,3 +67,12 @@ export const updateProposalTypes = {
   Strategy: sharedTypes.Strategy,
   u256: sharedTypes.u256
 };
+
+export const aliasTypes = {
+  StarkNetDomain: domainTypes.StarkNetDomain,
+  SetAlias: [
+    { name: 'from', type: 'ContractAddress' },
+    { name: 'alias', type: 'string' },
+    { name: 'timestamp', type: 'felt' }
+  ]
+};

packages/sx.js/src/types/index.ts

@@ -131,7 +131,11 @@ export type Vote = {
   choice: Choice;
 };
 
-export type Message = Propose | Vote | UpdateProposal;
+export type Alias = {
+  alias: string;
+};
+
+export type Message = Propose | Vote | UpdateProposal | Alias;
 
 export type SignatureData = {
   address: string;
@@ -180,6 +184,12 @@ export type StarknetEIP712VoteMessage = {
   metadataUri: string[];
 };
 
+export type StarknetEIP712AliasMessage = {
+  alias: string;
+  from?: string;
+  timestamp?: number;
+};
+
 export type EIP712ProposeMessage = StarknetEIP712ProposeMessage & {
   authenticator: string;
 };