Merge pull request #5176 from leather-wallet/release/abhorrent-evanes…

…cent-giraffe

Release - Finally Centered the div

.github/dependabot.yml

@@ -0,0 +1,16 @@
+version: 2
+updates:
+  - package-ecosystem: 'github-actions'
+    directory: '/'
+    schedule:
+      interval: 'weekly'
+
+  - package-ecosystem: 'npm'
+    directory: '/'
+    schedule:
+      interval: 'daily'
+    groups:
+      leather:
+        applies-to: version-updates
+        patterns:
+          - '@leather-wallet/*'

.github/workflows/build-extension.yml

@@ -2,20 +2,17 @@ name: PR extension build
 
 on: [pull_request, workflow_dispatch]
 
-jobs:
-  pre-run:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Cancel previous runs
-        uses: styfle/cancel-workflow-action@main
-        with:
-          access_token: ${{ github.token }}
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
 
+jobs:
   sha-hash:
     runs-on: ubuntu-latest
     outputs:
       SHORT_SHA: ${{ steps.short-sha.outputs.SHORT_SHA }}
     steps:
+      - run: echo "${{ github.workflow }}-${{ github.ref }}"
       - name: Make short commit SHA
         id: short-sha
         run: echo "SHORT_SHA=`echo ${{ github.event.pull_request.head.sha }} | cut -c1-7`" >> $GITHUB_OUTPUT
@@ -24,7 +21,6 @@ jobs:
     if: github.repository == 'leather-wallet/extension' && github.actor != 'dependabot[bot]'
     runs-on: ubuntu-latest
     needs:
-      - pre-run
       - sha-hash
     steps:
       - uses: kyranjamie/[email protected]
@@ -36,7 +32,6 @@ jobs:
     name: build-${{ matrix.target }}-extension
     runs-on: ubuntu-latest
     needs:
-      - pre-run
       - sha-hash
     strategy:
       matrix:
@@ -73,7 +68,6 @@ jobs:
     if: github.repository == 'leather-wallet/extension' && github.actor != 'dependabot[bot]'
     runs-on: ubuntu-latest
     needs:
-      - pre-run
       - sha-hash
       - build
     steps:

.github/workflows/playwright.yml

@@ -12,6 +12,10 @@ on:
     branches:
       - dev
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 jobs:
   test:
     name: Shard ${{ matrix.shardIndex }} of ${{ matrix.shardTotal }}

.github/workflows/publish-extensions.yml

@@ -17,14 +17,6 @@ env:
   IS_PUBLISHING: true
 
 jobs:
-  pre-run:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Cancel Previous Runs
-        uses: styfle/cancel-workflow-action@main
-        with:
-          access_token: ${{ github.token }}
-
   extract-version:
     runs-on: ubuntu-latest
     outputs:
@@ -44,7 +36,6 @@ jobs:
     runs-on: ubuntu-latest
     if: startsWith(github.ref, 'refs/tags/v')
     needs:
-      - pre-run
       - extract-version
     outputs:
       publish_status: ${{ steps.publish-chrome.outputs.publish_status }}
@@ -89,7 +80,6 @@ jobs:
     env:
       TARGET_BROWSER: firefox
     needs:
-      - pre-run
       - extract-version
     outputs:
       publish_status: ${{ steps.publish-firefox.outputs.publish_status }}

.github/workflows/publish-storybook.yml

@@ -4,7 +4,7 @@ on:
   workflow_dispatch:
   push:
     branches:
-      - 'dev'
+      - dev
 
 permissions:
   contents: read
@@ -13,7 +13,7 @@ permissions:
 
 concurrency:
   group: 'storybook-deploy'
-  cancel-in-progress: false
+  cancel-in-progress: true
 
 jobs:
   deploy:

.storybook/main.ts

@@ -34,6 +34,12 @@ const config: StorybookConfig = {
               },
             ],
           },
+
+          {
+            test: /\.(ts|tsx)$/,
+            loader: 'esbuild-loader',
+            options: { tsconfig: './tsconfig.json', target: 'es2020' },
+          },
         ],
       },
     },

.storybook/preview.ts

@@ -1,6 +1,7 @@
 import type { Preview } from '@storybook/react';
 
 import '../src/app/index.css';
+import { customViewports } from './viewports';
 
 const preview: Preview = {
   parameters: {
@@ -24,6 +25,12 @@ const preview: Preview = {
         date: /Date$/i,
       },
     },
+    viewport: {
+      viewports: {
+        ...customViewports,
+      },
+    },
+    toc: true,
   },
 };
 

.storybook/viewports.ts

@@ -0,0 +1,46 @@
+import { breakpoints, tokens } from '@leather-wallet/tokens';
+
+export const customViewports = {
+  popup: {
+    name: 'Popup',
+    styles: {
+      width: tokens.sizes.popupWidth.value,
+      height: tokens.sizes.popupHeight.value,
+    },
+  },
+  sm: {
+    name: 'sm',
+    styles: {
+      width: breakpoints.sm,
+      height: '100%',
+    },
+  },
+  md: {
+    name: 'md',
+    styles: {
+      width: breakpoints.md,
+      height: '100%',
+    },
+  },
+  lg: {
+    name: 'lg',
+    styles: {
+      width: breakpoints.lg,
+      height: '100%',
+    },
+  },
+  xl: {
+    name: 'xl',
+    styles: {
+      width: breakpoints.xl,
+      height: '100%',
+    },
+  },
+  '2xl': {
+    name: '2xl',
+    styles: {
+      width: breakpoints['2xl'],
+      height: '100%',
+    },
+  },
+};

README.md

@@ -64,8 +64,6 @@ pnpm playwright install --with-deps
 
 Note that the installed browsers are tied to the version of Playwright being used, and it may be necessary to run the above command again in some situations, such as when upgrading Playwright or switching branches. [Read the documentation for more information](https://playwright.dev/docs/cli#install-system-dependencies).
 
-### Integration tests
-
 All integration tests can be run using:
 
 ```bash
@@ -79,6 +77,14 @@ pnpm playwright test specs/TEST.spec.ts
 pnpm playwright test tests/specs --shard=3/8
 ```
 
+To get more information when running tests you can pass the `--debug` flag or the `--ui` flag to playwright.
+
+When running tests locally you must add the following to your `.env` file:
+
+```
+WALLET_ENVIRONMENT=testing
+```
+
 ### Unit tests
 
 Unit tests can be run with vitest using:

config/wallet-config.json

@@ -1,7 +1,18 @@
 {
   "$schema": "./wallet-config.schema.json",
   "messages": {
-    "global": []
+    "global": [
+      {
+        "chainTarget": "all",
+        "dismissible": true,
+        "id": "user-survey-announcement",
+        "publishedAt": "2024-04-03T12:55:46",
+        "text": "We want to hear what you think about Leather.",
+        "learnMoreText": "Take our user survey →",
+        "learnMoreUrl": "https://blocksurvey.io/leather-wallet-user-survey-YWvSDeY2RU2mBtmuG2sbwA",
+        "purpose": "info"
+      }
+    ]
   },
   "activeFiatProviders": {
     "coinbase": {