[WIP] Feature/seedless onboarding

.metamaskrc.dist

@@ -4,6 +4,13 @@
 ; This variable is required
 INFURA_PROJECT_ID=00000000000
 
+; This variable is required for seedless onboarding
+GOOGLE_CLIENT_ID=
+GOOGLE_AUTH_URI=https://accounts.google.com/o/oauth2/v2/auth
+APPLE_CLIENT_ID=
+APPLE_AUTH_URI=https://appleid.apple.com/auth/authorize
+BYOA_SERVER_URL=http://localhost:3060
+
 ; This variable is not required but it's necessary for the storybook
 ; to render stories that use onchain data.
 INFURA_STORYBOOK_PROJECT_ID=

app/manifest/v2/_base.json

@@ -72,7 +72,10 @@
     "webRequest",
     "webRequestBlocking",
     "*://*.eth/",
-    "notifications"
+    "notifications",
+    "identity",
+    "*://appleid.apple.com/*",
+    "*://*.chromiumapp.org/*"
   ],
   "short_name": "__MSG_appName__"
 }

app/manifest/v3/_base.json

@@ -52,7 +52,9 @@
     "http://*/*",
     "https://*/*",
     "ws://*/*",
-    "wss://*/*"
+    "wss://*/*",
+    "*://appleid.apple.com/*",
+    "*://*.chromiumapp.org/*"
   ],
   "icons": {
     "16": "images/icon-16.png",
@@ -75,7 +77,8 @@
     "storage",
     "unlimitedStorage",
     "webRequest",
-    "offscreen"
+    "offscreen",
+    "identity"
   ],
   "sandbox": {
     "pages": ["snaps/index.html"]

app/scripts/background.js

@@ -823,6 +823,7 @@ export function setupController(
   //
   // MetaMask Controller
   //
+  console.log('[setupController] initState', initState);
   controller = new MetamaskController({
     infuraProjectId: process.env.INFURA_PROJECT_ID,
     // User confirmation callbacks:

app/scripts/controller-init/controller-list.ts

@@ -35,6 +35,7 @@ import { Controller as UserStorageController } from '@metamask/profile-sync-cont
 import OnboardingController from '../controllers/onboarding';
 import { PreferencesController } from '../controllers/preferences-controller';
 import SwapsController from '../controllers/swaps';
+import { SeedlessOnboardingController } from '@metamask/seedless-onboarding-controller';
 
 /**
  * Union of all controllers supporting or required by modular initialization.
@@ -69,7 +70,8 @@ export type Controller =
       name: 'TransactionUpdateController';
       state: Record<string, unknown>;
     })
-  | UserStorageController;
+  | UserStorageController
+  | SeedlessOnboardingController;
 
 /**
  * Flat state object for all controllers supporting or required by modular initialization.
@@ -100,4 +102,5 @@ export type ControllerFlatState = AccountsController['state'] &
   SnapInterfaceController['state'] &
   TransactionController['state'] &
   SwapsController['state'] &
-  UserStorageController['state'];
+  UserStorageController['state'] &
+  SeedlessOnboardingController['state'];

app/scripts/controller-init/messengers/index.ts

@@ -29,6 +29,7 @@ import {
   getAuthenticationControllerMessenger,
   getUserStorageControllerMessenger,
 } from './identity';
+import { getSeedlessOnboardingControllerMessenger } from './onboarding/seedless-onboarding-controller-messenger';
 
 export const CONTROLLER_MESSENGERS = {
   AuthenticationController: {
@@ -94,4 +95,8 @@ export const CONTROLLER_MESSENGERS = {
     getMessenger: getUserStorageControllerMessenger,
     getInitMessenger: noop,
   },
+  SeedlessOnboardingController: {
+    getMessenger: getSeedlessOnboardingControllerMessenger,
+    getInitMessenger: noop,
+  },
 } as const;

app/scripts/controller-init/messengers/onboarding/index.ts

@@ -0,0 +1,2 @@
+export { getSeedlessOnboardingControllerMessenger } from './seedless-onboarding-controller-messenger';
+export type { SeedlessOnboardingControllerMessenger } from './seedless-onboarding-controller-messenger';

app/scripts/controller-init/messengers/onboarding/seedless-onboarding-controller-messenger.ts

@@ -0,0 +1,30 @@
+import { Messenger } from '@metamask/base-controller';
+import { KeyringControllerStateChangeEvent } from '@metamask/keyring-controller';
+import { SeedlessOnboardingControllerGetStateActions } from '@metamask/seedless-onboarding-controller';
+
+type MessengerActions = SeedlessOnboardingControllerGetStateActions;
+
+type MessengerEvents =  KeyringControllerStateChangeEvent;
+
+export type SeedlessOnboardingControllerMessenger = ReturnType<
+  typeof getSeedlessOnboardingControllerMessenger
+>;
+
+/**
+ * Get a restricted messenger for the Seedless Onboarding controller. This is scoped to the
+ * actions and events that the Seedless Onboarding controller is allowed to handle.
+ *
+ * @param messenger - The messenger to restrict.
+ * @returns The restricted messenger.
+ */
+export function getSeedlessOnboardingControllerMessenger(
+  messenger: Messenger<MessengerActions, MessengerEvents>,
+) {
+  return messenger.getRestricted({
+    name: 'SeedlessOnboardingController',
+    allowedActions: [],
+    allowedEvents: [
+      'KeyringController:stateChange',
+    ],
+  });
+}

app/scripts/controller-init/onboarding/seedless-onboarding-controller-init.ts

@@ -0,0 +1,19 @@
+import {
+  SeedlessOnboardingController,
+  SeedlessOnboardingControllerMessenger
+} from '@metamask/seedless-onboarding-controller';
+import { ControllerInitFunction } from '../types';
+
+export const SeedlessOnboardingControllerInit: ControllerInitFunction<
+  SeedlessOnboardingController,
+  SeedlessOnboardingControllerMessenger
+> = (request) => {
+  const { controllerMessenger } = request;
+  const controller = new SeedlessOnboardingController({
+    messenger: controllerMessenger,
+  });
+
+  return {
+    controller,
+  }
+};