@metamask-previews/messenger-cli 0.0.0-preview-4a2a8e8f6 → 0.1.0-preview-e19d3725e

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask-previews/messenger-cli",
-  "version": "0.0.0-preview-4a2a8e8f6",
+  "version": "0.1.0-preview-e19d3725e",
   "description": "CLI tools for the MetaMask messenger system",
   "keywords": [
     "MetaMask",
@@ -17,16 +17,19 @@
   "license": "MIT",
   "sideEffects": false,
   "bin": {
-    "messenger-action-types": "./dist/cli.mjs"
+    "messenger-action-types": "./dist/cli.mjs",
+    "messenger-docs": "./dist/docs/cli.mjs"
   },
   "files": [
-    "dist/"
+    "dist/",
+    "template/"
   ],
   "scripts": {
     "build": "ts-bridge --project tsconfig.build.json --verbose --clean --no-references",
     "build:all": "ts-bridge --project tsconfig.build.json --verbose --clean",
     "changelog:update": "../../scripts/update-changelog.sh @metamask/messenger-cli",
     "changelog:validate": "../../scripts/validate-changelog.sh @metamask/messenger-cli",
+    "docs": "tsx src/docs/cli.ts",
     "since-latest-release": "../../scripts/since-latest-release.sh",
     "test": "NODE_OPTIONS=--experimental-vm-modules jest --reporters=jest-silent-reporter",
     "test:clean": "NODE_OPTIONS=--experimental-vm-modules jest --clearCache",
@@ -34,17 +37,29 @@
     "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
   },
   "dependencies": {
+    "@docusaurus/core": "^3.9.0",
+    "@docusaurus/preset-classic": "^3.9.0",
+    "@docusaurus/theme-common": "^3.9.0",
+    "@easyops-cn/docusaurus-search-local": "^0.55.0",
+    "@mdx-js/react": "^3.0.0",
     "@metamask/utils": "^11.9.0",
+    "execa": "^5.0.0",
+    "glob": "^10.0.0",
+    "prism-react-renderer": "^2.4.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "yargs": "^17.7.2"
   },
   "devDependencies": {
+    "@docusaurus/types": "^3.9.0",
     "@metamask/auto-changelog": "^3.4.4",
     "@ts-bridge/cli": "^0.6.4",
     "@types/jest": "^29.5.14",
+    "@types/node": "^16.18.54",
+    "@types/react": "^18.3.0",
     "@types/yargs": "^17.0.32",
     "deepmerge": "^4.2.2",
     "eslint": "^9.39.1",
-    "execa": "^5.0.0",
     "jest": "^29.7.0",
     "ts-jest": "^29.2.5",
     "typescript": "~5.3.3"
@@ -53,6 +68,11 @@
     "eslint": ">=8",
     "typescript": ">=5.0.0"
   },
+  "peerDependenciesMeta": {
+    "eslint": {
+      "optional": true
+    }
+  },
   "engines": {
     "node": "^18.18 || >=20"
   },

package/template/docusaurus.config.ts

@@ -0,0 +1,123 @@
+import * as fs from 'node:fs';
+import * as path from 'node:path';
+
+import type * as Preset from '@docusaurus/preset-classic';
+import type { Config } from '@docusaurus/types';
+import { themes } from 'prism-react-renderer';
+
+const codeTheme = themes.dracula;
+
+// When running inside a host project (e.g. metamask-extension) whose React
+// version differs from Docusaurus's, we alias react/react-dom to the copies
+// installed alongside this package.  Only create aliases for packages that
+// actually exist at the NODE_PATH location (they may be hoisted when the host
+// already has a compatible version).
+const extraNodeModules = process.env.NODE_PATH; // eslint-disable-line no-process-env
+const reactAlias: Record<string, string> = {};
+if (extraNodeModules) {
+  for (const pkg of ['react', 'react-dom', '@mdx-js/react']) {
+    const pkgPath = path.join(extraNodeModules, pkg);
+    if (fs.existsSync(pkgPath)) {
+      reactAlias[pkg] = pkgPath;
+    }
+  }
+}
+
+const config: Config = {
+  title: 'Messenger API',
+  tagline: 'Action and event reference for MetaMask controller messengers',
+  url: process.env.DOCS_URL || 'https://metamask.github.io', // eslint-disable-line no-process-env
+  baseUrl: process.env.DOCS_BASE_URL || '/', // eslint-disable-line no-process-env
+  favicon: 'img/favicons/favicon-96x96.png',
+
+  onBrokenLinks: 'warn',
+
+  markdown: {
+    hooks: {
+      onBrokenMarkdownLinks: 'warn',
+    },
+  },
+
+  i18n: {
+    defaultLocale: 'en',
+    locales: ['en'],
+  },
+
+  plugins: [
+    function resolvePlugin() {
+      return {
+        name: 'resolve-deps',
+        configureWebpack() {
+          if (Object.keys(reactAlias).length === 0) {
+            return {};
+          }
+          return {
+            resolve: { alias: reactAlias },
+          };
+        },
+      };
+    },
+  ],
+
+  themes: [
+    [
+      '@easyops-cn/docusaurus-search-local',
+      {
+        docsRouteBasePath: '/',
+        hashed: true,
+        indexBlog: false,
+        highlightSearchTermsOnTargetPage: true,
+      },
+    ],
+  ],
+
+  presets: [
+    [
+      'classic',
+      {
+        docs: {
+          routeBasePath: '/',
+          sidebarPath: './sidebars.ts',
+          breadcrumbs: false,
+        },
+        blog: false,
+        theme: {
+          customCss: './src/css/custom.css',
+        },
+      } satisfies Preset.Options,
+    ],
+  ],
+
+  themeConfig: {
+    colorMode: {
+      respectPrefersColorScheme: true,
+    },
+    navbar: {
+      logo: {
+        alt: 'MetaMask logo',
+        src: 'img/metamask-logo.svg',
+        srcDark: 'img/metamask-logo-dark.svg',
+      },
+      hideOnScroll: false,
+      items: [
+        {
+          href: 'https://github.com/MetaMask/core',
+          label: 'GitHub',
+          position: 'right',
+        },
+      ],
+    },
+    docs: {
+      sidebar: {
+        autoCollapseCategories: false,
+      },
+    },
+    prism: {
+      theme: codeTheme,
+      defaultLanguage: 'typescript',
+      additionalLanguages: ['bash', 'json'],
+    },
+  } satisfies Preset.ThemeConfig,
+};
+
+export default config;

package/template/src/css/custom.css

@@ -0,0 +1,314 @@
+/*
+ * MetaMask-themed Docusaurus styles.
+ * Adapted from the MetaMask developer documentation template.
+ */
+
+/* ── Fonts ──────────────────────────────────────────────────────────── */
+
+@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;700&display=swap');
+
+@font-face {
+  font-family: 'MM Sans Mono';
+  src: url('/fonts/MM-Sans/MM_Sans_Mono-Regular.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* ── MetaMask color palette ─────────────────────────────────────────── */
+
+:root {
+  /* General */
+  --general-white: #fff;
+  --general-white-off: #f7f9fc;
+  --general-gray-light: #e9edf6;
+  --general-gray: #c8ceda;
+  --general-gray-mid: #a1a8b7;
+  --general-gray-dark: #393d46;
+  --general-black-light: #242628;
+  --general-black-mid: #1b1b1b;
+  --general-black: #0a0a0a;
+
+  /* Developer */
+  --developer-purple-light: #eac2ff;
+  --developer-purple: #d075ff;
+  --developer-purple-dark: #3d065f;
+  --developer-green-light: #e5ffc3;
+  --developer-green: #baf24a;
+  --developer-green-dark: #013330;
+  --developer-blue-light: #cce7ff;
+  --developer-blue: #89b0ff;
+  --developer-orange-light: #ffa680;
+  --developer-orange: #ff5c16;
+  --developer-orange-dark: #661800;
+
+  /* Institution */
+  --institution-purple-dark-2: #25043a;
+  --institution-green-dark: #013330;
+  --institution-green-dark-2: #012321;
+
+  /* Consumer */
+  --consumer-blue-dark: #190066;
+  --consumer-blue-light: #cce7ff;
+  --consumer-green-dark: #013330;
+  --consumer-green-light: #e5ffc3;
+  --consumer-orange-dark: #661800;
+  --consumer-orange-light: #ffa680;
+}
+
+/* ── Light mode Infima overrides ────────────────────────────────────── */
+
+:root {
+  /* Primary: purple */
+  --ifm-color-primary: #d075ff;
+  --ifm-color-primary-dark: #3d065f;
+  --ifm-color-primary-darker: #25043a;
+  --ifm-color-primary-darkest: #25043a;
+  --ifm-color-primary-light: #eac2ff;
+  --ifm-color-primary-lighter: #eac2ff;
+  --ifm-color-primary-lightest: #eac2ff;
+
+  --ifm-heading-color: var(--general-black);
+  --ifm-font-family-monospace: 'MM Sans Mono', 'Andale Mono', AndaleMono, monospace;
+  --ifm-heading-font-family: var(--ifm-font-family-monospace);
+  --ifm-font-family-base: 'Geist', Arial, 'Helvetica Neue', Helvetica, sans-serif;
+  --ifm-code-font-size: 90%;
+  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+
+  /* Links */
+  --ifm-link-color: var(--general-black);
+  --ifm-link-hover-color: var(--ifm-color-primary);
+
+  /* Sidebar */
+  --ifm-hover-overlay: var(--general-gray-light);
+  --ifm-menu-color-active: var(--general-black);
+  --ifm-menu-color: var(--general-gray-dark);
+
+  /* TOC */
+  --ifm-toc-border-color: var(--general-gray-light);
+  --ifm-toc-link-color: var(--general-gray-dark);
+  --ifm-code-background: #e6e6e6;
+
+  /* Admonitions */
+  --ifm-color-success: var(--developer-green-light);
+  --ifm-color-info: var(--developer-blue-light);
+  --ifm-color-warning: var(--developer-purple-light);
+  --ifm-color-danger: var(--developer-orange-light);
+
+  --ifm-color-secondary-contrast-background: var(--general-gray-light);
+  --ifm-color-secondary-contrast-foreground: var(--general-black);
+  --ifm-color-info-contrast-background: var(--developer-blue-light);
+  --ifm-color-info-contrast-foreground: var(--consumer-blue-dark);
+  --ifm-color-success-contrast-background: var(--developer-green-light);
+  --ifm-color-success-contrast-foreground: var(--consumer-green-dark);
+  --ifm-color-warning-contrast-background: var(--developer-orange-light);
+  --ifm-color-warning-contrast-foreground: var(--consumer-orange-dark);
+  --ifm-color-danger-contrast-background: var(--developer-orange-light);
+  --ifm-color-danger-contrast-foreground: var(--consumer-orange-dark);
+
+  --ifm-color-white: var(--general-white);
+  --ifm-color-black: var(--general-black);
+  --ifm-background-color: var(--general-white);
+
+  /* Buttons */
+  --ifm-button-border-radius: 10rem;
+
+  /* Header */
+  --ifm-navbar-link-hover-color: var(--developer-purple);
+
+  /* Footer */
+  --ifm-footer-background-color: var(--general-white);
+
+  /* Code Block */
+  --ifm-code-border-radius: 0;
+  --prism-background-color: var(--general-black-light);
+
+  /* Tables */
+  --ifm-table-border-color: var(--general-gray-light);
+  --ifm-table-head-background: var(--general-white-off);
+  --ifm-table-stripe-background: var(--general-white-off);
+}
+
+/* ── Dark mode Infima overrides ─────────────────────────────────────── */
+
+[data-theme='dark'] {
+  /* Primary: green */
+  --ifm-color-primary: #baf24a;
+  --ifm-color-primary-dark: #013330;
+  --ifm-color-primary-darker: #012321;
+  --ifm-color-primary-darkest: #012321;
+  --ifm-color-primary-light: #e5ffc3;
+  --ifm-color-primary-lighter: #e5ffc3;
+  --ifm-color-primary-lightest: #e5ffc3;
+
+  --ifm-background-surface-color: var(--general-black-light) !important;
+
+  /* Links */
+  --ifm-link-color: var(--general-white);
+  --ifm-link-hover-color: var(--ifm-color-primary);
+
+  /* Sidebar */
+  --ifm-hover-overlay: var(--general-black-light) !important;
+  --ifm-menu-color-active: var(--general-white) !important;
+  --ifm-menu-color: var(--general-white) !important;
+
+  /* TOC */
+  --ifm-toc-border-color: var(--general-gray) !important;
+  --ifm-code-background: #4d5059;
+  --ifm-toc-link-color: var(--general-gray);
+
+  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+
+  /* Admonitions */
+  --ifm-color-success: var(--developer-green);
+  --ifm-color-info: var(--developer-blue);
+  --ifm-color-warning: var(--developer-purple);
+  --ifm-color-danger: var(--developer-orange);
+
+  --ifm-color-secondary-contrast-background: var(--general-black-light) !important;
+  --ifm-color-info-contrast-background: var(--consumer-blue-dark) !important;
+  --ifm-color-info-contrast-foreground: var(--consumer-blue-light) !important;
+  --ifm-color-success-contrast-background: var(--consumer-green-dark) !important;
+  --ifm-color-success-contrast-foreground: var(--consumer-green-light) !important;
+  --ifm-color-warning-contrast-background: var(--consumer-orange-dark) !important;
+  --ifm-color-warning-contrast-foreground: var(--consumer-orange-light) !important;
+  --ifm-color-danger-contrast-background: var(--consumer-orange-dark) !important;
+  --ifm-color-danger-contrast-foreground: var(--consumer-orange-light) !important;
+
+  --ifm-background-color: var(--general-gray-dark);
+  --ifm-heading-color: var(--general-white);
+
+  /* Header */
+  --ifm-navbar-link-hover-color: var(--developer-green);
+
+  /* Footer */
+  --ifm-footer-background-color: var(--general-black-light);
+
+  /* Tables */
+  --ifm-table-border-color: var(--general-black-light);
+  --ifm-table-head-background: var(--general-black-mid);
+  --ifm-table-stripe-background: var(--general-black-light) !important;
+}
+
+/* ── Body & Dark mode ───────────────────────────────────────────────── */
+
+body {
+  height: auto !important;
+  -webkit-text-size-adjust: 100%;
+}
+
+[data-theme='dark'] body {
+  background: var(--general-gray-dark);
+  color: var(--general-white);
+}
+
+/* ── Typography ─────────────────────────────────────────────────────── */
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: var(--ifm-font-family-base);
+  font-weight: 500;
+}
+
+.alert {
+  border: none;
+}
+
+/* ── Navbar ──────────────────────────────────────────────────────────── */
+
+.navbar {
+  box-shadow: none;
+  border-bottom: 1px solid var(--ifm-toc-border-color);
+  height: 5rem; /* 80px */
+}
+
+.navbar > .navbar__inner {
+  height: 100%;
+}
+
+.navbar__brand {
+  margin-right: 4rem;
+}
+
+.navbar__logo {
+  height: 3.2rem;
+  width: 6.5rem;
+}
+
+.navbar__title {
+  display: none;
+}
+
+.navbar__link {
+  font-size: 1.6rem;
+  font-weight: 500;
+}
+
+.navbar__link:hover {
+  text-decoration: none !important;
+}
+
+/* ── Footer ──────────────────────────────────────────────────────────── */
+
+.footer {
+  border-top: 1px solid var(--general-gray-light);
+  padding: 4.6rem 3rem 3rem;
+}
+
+[data-theme='dark'] .footer {
+  border-top: 1px solid transparent;
+}
+
+.footer__logo {
+  max-width: 6.4rem;
+  margin-bottom: 1rem;
+}
+
+@media screen and (min-width: 997px) {
+  .footer__logo {
+    max-width: 12.4rem;
+    margin-bottom: 2rem;
+  }
+}
+
+.footer__copyright {
+  font-size: 1.2rem;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.8rem;
+}
+
+[data-theme='dark'] .footer__copyright {
+  color: var(--general-gray);
+}
+
+/* ── Sidebar ─────────────────────────────────────────────────────────── */
+
+html {
+  scroll-padding-top: 5rem;
+}
+
+/* ── Code blocks ─────────────────────────────────────────────────────── */
+
+article h3 code {
+  font-size: 1rem;
+}
+
+/* ── Search ──────────────────────────────────────────────────────────── */
+
+:root {
+  --search-local-highlight-color: var(--developer-purple);
+  --search-local-hit-active-color: var(--general-white);
+  --search-local-hit-background: var(--general-white);
+  --search-local-modal-background: var(--general-white-off);
+  --search-local-hit-shadow: 0 1px 3px 0 var(--general-gray);
+  --search-local-muted-color: var(--general-gray-mid);
+}
+
+[data-theme='dark'] {
+  --search-local-highlight-color: var(--developer-purple-light);
+  --search-local-hit-active-color: var(--general-black);
+  --search-local-hit-background: var(--general-black-light);
+  --search-local-modal-background: var(--general-gray-dark);
+  --search-local-hit-shadow: none;
+  --search-local-muted-color: var(--general-gray-mid);
+}

package/template/static/img/metamask-fox.svg

@@ -0,0 +1,12 @@
+<svg width="417" height="400" viewBox="0 0 417 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M374.724 0L234.039 83.696H172.161L31.4754 0L0.23845 122.444L23.9642 199.106L0 288.644L30.9985 392.489L120.179 366.021L177.168 400H229.151L286.259 366.021L375.44 392.489L406.319 288.644L382.355 199.106L405.842 124.709L374.724 0Z" fill="#0A0A0A"/>
+<path d="M369.704 198.869L357.186 205.665L377.454 281.373H281.12L229.973 320.121L236.769 327.632L244.16 326.679L276.47 302.118V336.217L290.301 340.27V295.084H377.216L393.669 288.288L369.585 198.631L369.704 198.869Z" fill="#D075FF"/>
+<path d="M303.884 202.453V229.875L286.238 213.303H241.529L239.383 227.133H280.754L296.611 242.155L286.715 244.54V258.727L317.475 251.216L317.714 205.553L303.884 202.334V202.453Z" fill="#D075FF"/>
+<path d="M274.699 232.955H243.82L235.116 255.369L233.328 267.053L241.435 270.153L286.622 259.065H286.86V244.758L274.818 232.955H274.699ZM244.178 259.185L250.497 242.851H270.646L278.753 250.72L244.178 259.185Z" fill="#BAF24A"/>
+<path d="M36.2611 198.869L48.7797 205.665L28.3923 281.373H124.845L175.993 320.121L169.197 327.632L161.805 326.679L129.495 302.118V336.217L115.665 340.27V295.084H28.7499L12.2969 288.288L36.3803 198.631L36.2611 198.869Z" fill="#D075FF"/>
+<path d="M102.199 202.453V229.875L119.844 213.303H164.554L166.7 227.133H125.329L109.472 242.155L119.368 244.54V258.727L88.4883 251.216V205.553L102.199 202.334V202.453Z" fill="#D075FF"/>
+<path d="M377.343 295.331L357.909 360.547L244.168 326.806L236.776 327.76L233.915 338.133L266.344 347.79L221.873 374.258H184.079L139.608 347.79L172.037 338.133L169.176 327.76L161.784 326.806L48.043 360.547L28.6093 295.331L12.1562 288.654L38.7434 377.835L121.486 353.274L180.144 388.207H225.569L284.347 353.274L367.089 377.835L393.676 288.654L377.343 295.331Z" fill="#89B0FF"/>
+<path d="M393.459 122.095L366.991 18.4883L237.275 95.6269H168.839L39.1225 18.4883L12.6546 122.095L12.2969 123.168L12.6546 124.241L36.2611 198.757L48.6605 205.552H88.124L101.954 202.333L156.798 164.777L180.166 315.239L184.458 310.47H193.4L168.959 152.616L173.251 109.219H232.744L237.036 152.616L212.595 310.47H221.537L225.829 315.239L249.197 164.777L304.041 202.333L317.871 205.552H357.334L369.734 198.757L393.34 124.241L393.698 123.168L393.34 122.095H393.459ZM93.0122 191.841H48.4221L26.4847 122.81L46.9914 42.8102L151.313 151.782L92.893 191.722L93.0122 191.841ZM156.559 137.356L83.5935 61.0516L159.659 106.238L156.678 137.236L156.559 137.356ZM246.216 106.357L322.282 61.1708L249.316 137.475L246.336 106.476L246.216 106.357ZM357.334 191.961H312.863L254.443 152.02L359.003 42.9294L379.51 122.929L357.573 191.961H357.334Z" fill="#FF5C16"/>
+<path d="M221.398 310.707H184.558L169.059 327.756L176.808 356.013H228.91L236.659 327.756L221.16 310.707H221.398ZM218.537 342.182H187.419L184.439 331.452L190.519 324.656H215.318L221.398 331.452L218.418 342.182H218.537Z" fill="#BAF24A"/>
+<path d="M119.363 244.641V258.829H119.602L164.788 270.036L172.895 266.936L171.107 255.252L162.404 232.838H131.524L119.482 244.641H119.363ZM127.351 250.602L135.459 242.734H155.608L161.927 259.067L127.351 250.602Z" fill="#BAF24A"/>
+</svg>

package/template/static/img/metamask-logo-dark.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 66 34">
+  <path fill="#BAF24A" d="M37.173 25.901v7.1952h-3.6845v-4.985l-4.1988.4924c-.9222.1072-1.328.4114-1.328.9716 0 .8206.7703 1.1664 2.4216 1.1664 1.0069 0 2.1222-.151 3.1074-.4114l-1.9074 2.7223c-.7703.1728-1.5211.2582-2.3131.2582-3.3417 0-5.2491-1.3393-5.2491-3.7158 0-2.0964 1.4994-3.1971 4.9062-3.5866l4.5004-.5274c-.243-1.3196-1.2303-1.8929-3.1941-1.8929-1.8423 0-3.8777.4749-5.6982 1.3611l.5793-3.219c1.6926-.7134 3.6217-1.081 5.5703-1.081 4.2856 0 6.4924 1.7944 6.4924 5.2498l-.0044.0021ZM4.02739 16.8917 0 33.0962h4.02739l1.9985-8.1427 3.46538 4.1884h4.19883l3.4654-4.1884 1.9985 8.1427h4.0273L19.154 16.8896l-7.5644 9.0596-7.56438-9.0596.00217.0021ZM19.154.685059 11.5896 9.74469 4.02739.685059 0 16.8917h4.02739l1.9985-8.14269 3.46538 4.18839h4.19883l3.4654-4.18839 1.9985 8.14269h4.0273L19.154.685059ZM46.8574 25.75l-3.257-.4748c-.8138-.1291-1.1349-.3895-1.1349-.8425 0-.7353.792-1.0592 2.4216-1.0592 1.8857 0 3.5782.3896 5.3576 1.2321l-.4492-3.1753c-1.4365-.5186-3.0856-.7768-4.7999-.7768-4.0057 0-6.1929 1.4049-6.1929 3.9324 0 1.9673 1.1999 3.068 3.7496 3.4575l3.3005.4968c.8354.1291 1.1782.4529 1.1782.9716 0 .7352-.7703 1.081-2.3348 1.081-2.0571 0-4.2856-.4968-6.1062-1.383l.3646 3.1752c1.5645.5843 3.5999.9301 5.5072.9301 4.1142 0 6.2559-1.4487 6.2559-4.02 0-2.0526-1.1999-3.1555-3.8559-3.5429l-.0044-.0022Zm5.2925-7.4118v14.758h3.6845v-14.758h-3.6845Zm7.9897 8.1252 5.1232-5.5977h-4.5851l-4.8433 5.7903 5.1644 6.438h4.6502l-5.5094-6.6327v.0021Zm-8.504-13.073c0 2.3765 1.9074 3.7158 5.2491 3.7158.792 0 1.5428-.0875 2.3131-.2582l1.9074-2.7223c-.9852.2582-2.1005.4114-3.1074.4114-1.6491 0-2.4216-.3457-2.4216-1.1664 0-.5624.4079-.8644 1.328-.9716l4.1988-.4923v4.9849h3.6845V9.69655c0-3.45754-2.2068-5.24977-6.4924-5.24977-1.9507 0-3.8776.36763-5.5702 1.08102l-.5794 3.21902c1.8206-.88627 3.856-1.36113 5.6983-1.36113 1.9638 0 2.9511.57334 3.1941 1.89289l-4.5004.52739c-3.4068.38953-4.9062 1.49023-4.9062 3.58663l.0043-.0022Zm-10.305-.7768c0 2.9827 1.7143 4.4948 5.0994 4.4948 1.3497 0 2.465-.2167 3.5348-.7134l.4708-3.2628c-1.0285.6259-2.0788.9497-3.129.9497-1.5862 0-2.2936-.6477-2.2936-2.0964V7.6636h5.5919V4.66123H45.013V2.11184l-7.0067 3.73765V7.6636h3.32v4.9478l.0043.0022Zm-3.6216-1.3612v.7353h-9.9578c.4492 1.4968 1.7837 2.1818 4.1533 2.1818 1.8856 0 3.6433-.3895 5.2056-1.1445l-.4492 3.1555c-1.4365.604-3.257.9301-5.121.9301-4.9496 0-7.649-2.2037-7.649-6.2871 0-4.08337 2.7428-6.37454 6.985-6.37454s6.8353 2.48593 6.8353 6.80564l-.0022-.0022ZM27.7035 9.47991h6.2971c-.332-1.43335-1.4235-2.18176-3.1681-2.18176s-2.7797.72871-3.129 2.18176Z"/>
+</svg>

package/template/static/img/metamask-logo.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 66 34">
+  <path fill="#0A0A0A" d="M37.173 25.901v7.1952h-3.6845v-4.985l-4.1988.4924c-.9222.1072-1.328.4114-1.328.9716 0 .8206.7703 1.1664 2.4216 1.1664 1.0069 0 2.1222-.151 3.1074-.4114l-1.9074 2.7223c-.7703.1728-1.5211.2582-2.3131.2582-3.3417 0-5.2491-1.3393-5.2491-3.7158 0-2.0964 1.4994-3.1971 4.9062-3.5866l4.5004-.5274c-.243-1.3196-1.2303-1.8929-3.1941-1.8929-1.8423 0-3.8777.4749-5.6982 1.3611l.5793-3.219c1.6926-.7134 3.6217-1.081 5.5703-1.081 4.2856 0 6.4924 1.7944 6.4924 5.2498l-.0044.0021ZM4.02739 16.8917 0 33.0962h4.02739l1.9985-8.1427 3.46538 4.1884h4.19883l3.4654-4.1884 1.9985 8.1427h4.0273L19.154 16.8896l-7.5644 9.0596-7.56438-9.0596.00217.0021ZM19.154.685059 11.5896 9.74469 4.02739.685059 0 16.8917h4.02739l1.9985-8.14269 3.46538 4.18839h4.19883l3.4654-4.18839 1.9985 8.14269h4.0273L19.154.685059ZM46.8574 25.75l-3.257-.4748c-.8138-.1291-1.1349-.3895-1.1349-.8425 0-.7353.792-1.0592 2.4216-1.0592 1.8857 0 3.5782.3896 5.3576 1.2321l-.4492-3.1753c-1.4365-.5186-3.0856-.7768-4.7999-.7768-4.0057 0-6.1929 1.4049-6.1929 3.9324 0 1.9673 1.1999 3.068 3.7496 3.4575l3.3005.4968c.8354.1291 1.1782.4529 1.1782.9716 0 .7352-.7703 1.081-2.3348 1.081-2.0571 0-4.2856-.4968-6.1062-1.383l.3646 3.1752c1.5645.5843 3.5999.9301 5.5072.9301 4.1142 0 6.2559-1.4487 6.2559-4.02 0-2.0526-1.1999-3.1555-3.8559-3.5429l-.0044-.0022Zm5.2925-7.4118v14.758h3.6845v-14.758h-3.6845Zm7.9897 8.1252 5.1232-5.5977h-4.5851l-4.8433 5.7903 5.1644 6.438h4.6502l-5.5094-6.6327v.0021Zm-8.504-13.073c0 2.3765 1.9074 3.7158 5.2491 3.7158.792 0 1.5428-.0875 2.3131-.2582l1.9074-2.7223c-.9852.2582-2.1005.4114-3.1074.4114-1.6491 0-2.4216-.3457-2.4216-1.1664 0-.5624.4079-.8644 1.328-.9716l4.1988-.4923v4.9849h3.6845V9.69655c0-3.45754-2.2068-5.24977-6.4924-5.24977-1.9507 0-3.8776.36763-5.5702 1.08102l-.5794 3.21902c1.8206-.88627 3.856-1.36113 5.6983-1.36113 1.9638 0 2.9511.57334 3.1941 1.89289l-4.5004.52739c-3.4068.38953-4.9062 1.49023-4.9062 3.58663l.0043-.0022Zm-10.305-.7768c0 2.9827 1.7143 4.4948 5.0994 4.4948 1.3497 0 2.465-.2167 3.5348-.7134l.4708-3.2628c-1.0285.6259-2.0788.9497-3.129.9497-1.5862 0-2.2936-.6477-2.2936-2.0964V7.6636h5.5919V4.66123H45.013V2.11184l-7.0067 3.73765V7.6636h3.32v4.9478l.0043.0022Zm-3.6216-1.3612v.7353h-9.9578c.4492 1.4968 1.7837 2.1818 4.1533 2.1818 1.8856 0 3.6433-.3895 5.2056-1.1445l-.4492 3.1555c-1.4365.604-3.257.9301-5.121.9301-4.9496 0-7.649-2.2037-7.649-6.2871 0-4.08337 2.7428-6.37454 6.985-6.37454s6.8353 2.48593 6.8353 6.80564l-.0022-.0022ZM27.7035 9.47991h6.2971c-.332-1.43335-1.4235-2.18176-3.1681-2.18176s-2.7797.72871-3.129 2.18176Z"/>
+</svg>

package/template/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "composite": false,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "target": "ES2020",
+    "esModuleInterop": true,
+    "strict": true
+  },
+  "include": ["./**/*.ts", "./**/*.tsx"]
+}