Merge pull request #5499 from leather-wallet/release/able

Release/able
leather-io · Jun 6, 2024 · a0857e6 · a0857e6
2 parents a9f45ad + b117fab
commit a0857e6
Show file tree

Hide file tree

Showing 376 changed files with 20,198 additions and 20,006 deletions.
diff --git a/.github/workflows/build-extension.yml b/.github/workflows/build-extension.yml
@@ -71,20 +71,22 @@ jobs:
       - sha-hash
       - build
     steps:
-      - name: Extract branch name
-        run: echo "branch=${GITHUB_HEAD_REF:-${GITHUB_REF#refs/heads/}}" >> $GITHUB_OUTPUT
+      - name: Extract and sanitize branch name
         id: extract_branch
+        run: |
+          sanitized_branch=$(echo ${GITHUB_HEAD_REF:-${GITHUB_REF#refs/heads/}} | sed 's/[^a-zA-Z0-9_-]/-/g')
+          echo "BRANCH_NAME=${sanitized_branch}" >> $GITHUB_ENV
 
       - name: Storybook parsed branch name
         id: storybook_branch
-        run: echo "STORYBOOK_BRANCH=`echo ${{ steps.extract_branch.outputs.branch }} | sed 's/\//\-/g'`" >> $GITHUB_OUTPUT
+        run: echo "STORYBOOK_BRANCH=${{ env.BRANCH_NAME }}" >> $GITHUB_ENV
 
       - uses: kyranjamie/[email protected]
         env:
           EXTENSION_BUILD_LINK: '[Extension build](https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }})'
-          TEST_REPORT_LINK: '[Test report](https://leather-wallet.github.io/playwright-reports/${{ steps.extract_branch.outputs.branch }})'
-          STORYBOOK_LINK: '[Storybook](https://${{ steps.storybook_branch.outputs.STORYBOOK_BRANCH }}--65982789c7e2278518f189e7.chromatic.com)'
-          CHROMATIC_LINK: '[Chromatic](https://www.chromatic.com/library?appId=65982789c7e2278518f189e7&branch=${{ steps.extract_branch.outputs.branch }})'
+          TEST_REPORT_LINK: '[Test report](https://leather-wallet.github.io/playwright-reports/${{ env.BRANCH_NAME }})'
+          STORYBOOK_LINK: '[Storybook](https://${{ env.BRANCH_NAME }}--65982789c7e2278518f189e7.chromatic.com)'
+          CHROMATIC_LINK: '[Chromatic](https://www.chromatic.com/library?appId=65982789c7e2278518f189e7&branch=${{ env.BRANCH_NAME }})'
         with:
           GITHUB_TOKEN: ${{ secrets.LEATHER_BOT }}
           header: |

diff --git a/.github/workflows/notify-release.yml b/.github/workflows/notify-release.yml
@@ -26,6 +26,7 @@ jobs:
           workflow_conclusion: success
           name: firefox_version
           path: old
+          allow_forks: false
 
       - name: Determine if new version is live
         id: firefox
@@ -88,6 +89,7 @@ jobs:
           workflow_conclusion: success
           name: chrome_version
           path: old
+          allow_forks: false
 
       - name: Determine if new version is live
         id: chrome

diff --git a/.github/workflows/publish-extensions.yml b/.github/workflows/publish-extensions.yml
@@ -125,6 +125,7 @@ jobs:
         with:
           workflow: create-version.yml
           name: release-notes
+          allow_forks: false
 
       - name: Zip Firefox build
         run: zip -r leather-firefox.v${{ needs.extract-version.outputs.new_version }}.zip leather-firefox-v${{ needs.extract-version.outputs.new_version }}

diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -1,5 +1,7 @@
 import type { StorybookConfig } from '@storybook/react-webpack5';
+import path from 'path';
 import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
+import Webpack from 'webpack';
 
 const config: StorybookConfig = {
   addons: [
@@ -45,7 +47,7 @@ const config: StorybookConfig = {
     },
     '@storybook/addon-mdx-gfm',
     '@storybook/addon-webpack5-compiler-swc',
-    '@chromatic-com/storybook'
+    '@chromatic-com/storybook',
   ],
   docs: {
     autodocs: 'tag',
@@ -79,6 +81,13 @@ const config: StorybookConfig = {
         extensions: config.resolve.extensions,
       })
     );
+    config.plugins ??= [];
+    config.plugins.push(
+      new Webpack.ProvidePlugin({
+        Buffer: ['buffer', 'Buffer'],
+        chrome: [path.join(__dirname, '../tests/mocks/mock-chrome.ts'), 'chrome'],
+      })
+    );
     return config;
   },
 };

diff --git a/README.md b/README.md
@@ -17,9 +17,9 @@ Please see our [contribution guide](.github/CONTRIBUTING.md)
 
 ## Development
 
-This application is a browser extension. There is no ability to run it as a standalone web application.
+This application is a Web Extension. There is no ability to run it as a standalone web application.
 
-Each child of the `src` directory represents the JavaScript context in which it is ran.
+Each child of the `src` directory represents the script context in which it is ran.
 
 ### Install packages
 
@@ -29,10 +29,6 @@ pnpm i
 
 ### Dev mode
 
-When working on the extension, you can run it in `development` mode which will watch for any file changes and
-use `react-refresh` to update the extension as you work. This gives us near instant reloading of our changes, and
-persists the state of the application between changes. To start development mode for the extension, run this command:
-
 ```bash
 pnpm dev
 ```

diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "description": "Leather is a browser extension for interacting with Stacks apps",
   "private": true,
   "version": "6.41.1",
-  "packageManager": "pnpm@8.15.4",
+  "packageManager": "pnpm@9.1.4",
   "author": {
     "name": "Leather Wallet LLC"
   },
@@ -135,11 +135,14 @@
     "@dlc-link/dlc-tools": "1.1.1",
     "@fungible-systems/zone-file": "2.0.0",
     "@hirosystems/token-metadata-api-client": "1.2.0",
-    "@leather-wallet/models": "0.6.3",
-    "@leather-wallet/tokens": "0.0.15",
+    "@leather-wallet/bitcoin": "0.6.9",
+    "@leather-wallet/models": "0.6.8",
+    "@leather-wallet/query": "0.6.12",
+    "@leather-wallet/tokens": "0.5.2",
+    "@leather-wallet/utils": "0.7.0",
     "@ledgerhq/hw-transport-webusb": "6.27.19",
-    "@noble/hashes": "1.3.2",
-    "@noble/secp256k1": "2.0.0",
+    "@noble/hashes": "1.4.0",
+    "@noble/secp256k1": "2.1.0",
     "@octokit/types": "12.4.0",
     "@radix-ui/colors": "3.0.0",
     "@radix-ui/react-accessible-icon": "1.0.3",
@@ -153,25 +156,24 @@
     "@radix-ui/react-tooltip": "1.0.7",
     "@radix-ui/themes": "2.0.3",
     "@reduxjs/toolkit": "2.2.3",
-    "@scure/base": "1.1.5",
-    "@scure/bip32": "1.3.3",
+    "@scure/base": "1.1.6",
+    "@scure/bip32": "1.4.0",
     "@scure/bip39": "1.3.0",
-    "@scure/btc-signer": "1.2.1",
-    "@segment/analytics-next": "1.66.0",
-    "@sentry/react": "7.106.0",
+    "@scure/btc-signer": "1.3.2",
+    "@segment/analytics-next": "1.70.0",
     "@sentry/tracing": "7.106.0",
-    "@stacks/auth": "6.9.0",
+    "@stacks/auth": "6.15.0",
     "@stacks/blockchain-api-client": "6.3.4",
-    "@stacks/common": "6.8.1",
+    "@stacks/common": "6.13.0",
     "@stacks/connect": "7.4.0",
     "@stacks/connect-ui": "6.1.1",
-    "@stacks/encryption": "6.13.1",
-    "@stacks/network": "6.8.1",
-    "@stacks/profile": "6.9.0",
+    "@stacks/encryption": "6.15.0",
+    "@stacks/network": "6.13.0",
+    "@stacks/profile": "6.15.0",
     "@stacks/rpc-client": "1.0.3",
-    "@stacks/storage": "6.9.0",
-    "@stacks/transactions": "6.9.0",
-    "@stacks/wallet-sdk": "6.9.0",
+    "@stacks/storage": "6.15.0",
+    "@stacks/transactions": "6.15.0",
+    "@stacks/wallet-sdk": "6.15.0",
     "@stitches/react": "1.2.8",
     "@storybook/addon-styling-webpack": "1.0.0",
     "@styled-system/theme-get": "5.1.2",
@@ -186,7 +188,7 @@
     "are-passive-events-supported": "1.1.1",
     "argon2-browser": "1.18.0",
     "assert": "2.1.0",
-    "axios": "1.6.8",
+    "axios": "1.7.2",
     "base64url": "3.0.1",
     "bignumber.js": "9.1.2",
     "bitcoin-address-validation": "2.2.1",
@@ -199,7 +201,7 @@
     "cross-fetch": "4.0.0",
     "css-loader": "7.1.0",
     "dayjs": "1.11.8",
-    "dompurify": "3.1.0",
+    "dompurify": "3.1.4",
     "dotenv": "16.4.5",
     "ecdsa-sig-formatter": "1.0.11",
     "ecpair": "2.1.0",
@@ -221,48 +223,50 @@
     "prismjs": "1.29.0",
     "promise-memoize": "1.2.1",
     "punycode": "2.3.1",
-    "react": "18.2.0",
+    "react": "18.3.1",
     "react-animate-height": "3.1.1",
     "react-async-hook": "4.0.0",
-    "react-dom": "18.2.0",
+    "react-dom": "18.3.1",
     "react-dom-confetti": "0.2.0",
     "react-head": "3.4.2",
     "react-intersection-observer": "9.5.2",
     "react-lottie": "1.2.4",
     "react-qr-code": "2.0.12",
     "react-redux": "9.1.0",
-    "react-router-dom": "6.22.3",
+    "react-router-dom": "6.23.1",
     "react-virtuoso": "4.7.1",
     "redux-persist": "6.0.0",
     "rxjs": "7.8.1",
     "style-loader": "3.3.4",
     "ts-debounce": "4.0.0",
-    "url": "0.11.1",
+    "url": "0.11.3",
     "url-join": "5.0.0",
     "use-events": "1.4.2",
     "use-latest": "1.2.1",
     "valid-url": "1.0.9",
     "varuint-bitcoin": "1.1.2",
-    "webextension-polyfill": "0.10.0",
-    "yup": "1.3.3",
-    "zod": "3.23.6",
+    "webextension-polyfill": "0.12.0",
+    "yup": "1.4.0",
+    "zod": "3.23.8",
     "zxcvbn": "4.4.2"
   },
   "devDependencies": {
     "@actions/core": "1.10.1",
     "@btckit/types": "0.0.19",
     "@chromatic-com/storybook": "1.2.23",
-    "@leather-wallet/prettier-config": "0.0.5",
-    "@leather-wallet/rpc": "0.3.0",
+    "@leather-wallet/panda-preset": "0.2.0",
+    "@leather-wallet/prettier-config": "0.4.0",
+    "@leather-wallet/rpc": "1.0.1",
     "@ls-lint/ls-lint": "2.2.3",
     "@mdx-js/loader": "3.0.0",
-    "@pandacss/dev": "0.32.0",
+    "@pandacss/dev": "0.40.1",
     "@playwright/test": "1.44.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "0.5.11",
+    "@pmmmwh/react-refresh-webpack-plugin": "0.5.13",
     "@redux-devtools/cli": "4.0.0",
     "@redux-devtools/remote": "0.9.3",
     "@schemastore/web-manifest": "0.0.6",
-    "@sentry/webpack-plugin": "2.14.3",
+    "@sentry/react": "7.106.0",
+    "@sentry/webpack-plugin": "2.17.0",
     "@stacks/connect-react": "22.2.0",
     "@stacks/stacks-blockchain-api-types": "6.3.4",
     "@storybook/addon-docs": "8.0.1",
@@ -286,13 +290,13 @@
     "@types/jsdom": "21.1.3",
     "@types/lodash.get": "4.4.9",
     "@types/lodash.isequal": "4.5.8",
-    "@types/node": "20.12.4",
-    "@types/prismjs": "1.26.3",
+    "@types/node": "20.12.12",
+    "@types/prismjs": "1.26.4",
     "@types/promise-memoize": "1.2.4",
     "@types/punycode": "2.1.4",
     "@types/qrcode.react": "1.0.5",
-    "@types/react": "18.2.57",
-    "@types/react-dom": "18.2.19",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
     "@types/react-lottie": "1.2.10",
     "@types/react-router-dom": "5.3.3",
     "@types/remote-redux-devtools": "0.5.8",
@@ -301,13 +305,13 @@
     "@types/webpack": "5.28.5",
     "@types/zxcvbn": "4.4.4",
     "@typescript-eslint/parser": "7.5.0",
-    "@vitest/coverage-istanbul": "1.4.0",
+    "@vitest/coverage-istanbul": "1.6.0",
     "audit-ci": "6.6.1",
     "base64-loader": "1.0.0",
     "bip32": "4.0.0",
     "blns": "2.0.4",
     "browserslist": "4.23.0",
-    "chromatic": "10.9.6",
+    "chromatic": "11.4.1",
     "chrome-webstore-upload-cli": "2.2.2",
     "clean-webpack-plugin": "4.0.0",
     "concurrently": "8.2.2",
@@ -316,9 +320,9 @@
     "cross-env": "7.0.3",
     "crypto-browserify": "3.12.0",
     "deepmerge": "4.3.1",
-    "dependency-cruiser": "16.2.1",
+    "dependency-cruiser": "16.3.2",
     "dotenv-webpack": "8.1.0",
-    "esbuild": "0.20.2",
+    "esbuild": "0.21.4",
     "esbuild-loader": "4.1.0",
     "eslint-plugin-deprecation": "2.0.0",
     "eslint-plugin-mdx": "3.1.5",
@@ -335,22 +339,21 @@
     "process": "0.11.10",
     "progress-bar-webpack-plugin": "2.1.0",
     "react-dev-utils": "12.0.1",
-    "react-refresh": "0.14.0",
     "schema-inspector": "2.0.2",
     "speed-measure-webpack-plugin": "1.5.0",
-    "storybook": "8.0.1",
+    "storybook": "8.1.4",
     "stream-browserify": "3.0.0",
     "svg-url-loader": "8.0.0",
     "ts-node": "10.9.2",
     "ts-unused-exports": "10.0.1",
     "tsconfig-paths-webpack-plugin": "4.1.0",
-    "typescript": "5.4.4",
-    "vitest": "1.4.0",
+    "typescript": "5.4.5",
+    "vitest": "1.6.0",
     "vm-browserify": "1.1.2",
     "web-ext": "7.8.0",
     "web-ext-submit": "7.8.0",
     "webpack": "5.91.0",
-    "webpack-bundle-analyzer": "4.10.1",
+    "webpack-bundle-analyzer": "4.10.2",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "4.15.1",
     "webpack-hot-middleware": "2.26.1",
@@ -360,7 +363,13 @@
     "nanoid": "3.3.4",
     "socket.io-parser": "4.2.4",
     "wrap-ansi": "7.0.0",
-    "webpack-dev-middleware": "5.3.4"
+    "webpack-dev-middleware": "5.3.4",
+    "eslint": "8.56.0"
+  },
+  "pnpm": {
+    "overrides": {
+      "eslint": "8.56.0"
+    }
   },
   "keywords": [
     "blockstack",

diff --git a/panda.config.ts b/panda.config.ts
@@ -1,13 +1,6 @@
 import { defineConfig } from '@pandacss/dev';
 
-import { breakpoints } from './theme/breakpoints';
 import { globalCss } from './theme/global/global';
-import { keyframes } from './theme/keyframes';
-import { buttonRecipe } from './theme/recipes/button-recipe';
-import { linkRecipe } from './theme/recipes/link-recipe';
-import { semanticTokens } from './theme/semantic-tokens';
-import { tokens } from './theme/tokens';
-import { textStyles } from './theme/typography';
 
 export default defineConfig({
   preflight: true,
@@ -18,24 +11,14 @@ export default defineConfig({
 
   prefix: 'leather',
 
-  presets: [],
+  presets: ['@leather-wallet/panda-preset'],
 
   studio: { logo: '💼' },
 
   jsxFramework: 'react',
 
   strictTokens: false,
 
-  theme: {
-    extend: {
-      semanticTokens,
-      tokens,
-      keyframes,
-      textStyles,
-      breakpoints,
-      recipes: { button: buttonRecipe, link: linkRecipe },
-    },
-  },
   outdir: 'leather-styles',
   outExtension: 'js',
   minify: true,