Merge branch 'master' into expand-resource-labels

.eslintignore

@@ -1,3 +1,5 @@
 /web/src/build
 /web/src/profile.json
 /bin
+/storybook-static
+/playwright/.cache

.eslintrc.js

@@ -22,6 +22,7 @@ module.exports = {
     'plugin:@typescript-eslint/eslint-recommended',
     'plugin:@typescript-eslint/recommended',
     'prettier',
+    'plugin:storybook/recommended',
   ],
   rules: {
     'no-else-return': ['error', { allowElseIf: false }],

.github/workflows/codeql.yml

@@ -39,6 +39,9 @@ jobs:
         # Learn more about CodeQL language support at https://aka.ms/codeql-docs/language-support
 
     steps:
+      - uses: actions/setup-go@v5
+        with:
+          go-version: '1.22'
       - name: Checkout repository
         uses: actions/checkout@v4
 

.github/workflows/golangci-lint.yml

@@ -18,11 +18,11 @@ jobs:
     steps:
       - uses: actions/setup-go@v5
         with:
-          go-version: '1.21'
+          go-version: '1.22'
           cache: false
       - uses: actions/checkout@v4
       - name: golangci-lint
-        uses: golangci/golangci-lint-action@v3
+        uses: golangci/golangci-lint-action@v4
         with:
           # Optional: version of golangci-lint to use in form of v1.2 or v1.2.3 or `latest` to use the latest version
           version: latest

.github/workflows/labeler.yml

@@ -10,7 +10,7 @@ jobs:
     if: github.event.pull_request.draft == false
     name: Label the PR size
     steps:
-      - uses: codelytv/pr-size-labeler@54c3c1d94030222b5d7c46fe61ce7c83e6a51941
+      - uses: mastercactapus/pr-size-labeler@eb6a25f40d6a3327581aca35839b60d419e8019a # https://github.com/CodelyTV/pr-size-labeler/pull/61, updated with latest from main
         with:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           xs_label: 'size/xs'
@@ -22,7 +22,8 @@ jobs:
           l_label: 'size/l'
           l_max_size: '500'
           xl_label: 'size/xl'
-          fail_if_xl: 'false'
+          fail_if_xl: 'true'
+          ignore_deleted: 'true'
           message_if_xl: >
             This PR exceeds the recommended size of 500 lines.
             Please make sure you are NOT addressing multiple issues with one PR.

.github/workflows/main.yml

@@ -10,6 +10,9 @@ jobs:
     runs-on: ubuntu-latest
     if: github.event.pull_request.draft == false
     steps:
+      - uses: actions/setup-go@v5
+        with:
+          go-version: '1.22'
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:

.gitignore

@@ -6,6 +6,7 @@
 *.zip
 /test-results
 /test/coverage/
+/storybook-static
 
 /cypress/
 
@@ -72,4 +73,9 @@ smoketest_db_dump
 
 /.yarn
 /.pnp.*
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
 
+/.gitrev

.storybook/main.ts

@@ -0,0 +1,28 @@
+import type { StorybookConfig } from '@storybook/react-vite'
+
+import { join, dirname } from 'path'
+
+/**
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use Yarn PnP or are set up within a monorepo.
+ */
+function getAbsolutePath(value: string): any {
+  return dirname(require.resolve(join(value, 'package.json')))
+}
+const config: StorybookConfig = {
+  staticDirs: ['./static'],
+  stories: ['../web/src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    getAbsolutePath('@storybook/addon-links'),
+    getAbsolutePath('@storybook/addon-essentials'),
+    getAbsolutePath('@storybook/addon-interactions'),
+  ],
+  framework: {
+    name: getAbsolutePath('@storybook/react-vite'),
+    options: {},
+  },
+  docs: {
+    autodocs: 'tag',
+  },
+}
+export default config

.storybook/msw.ts

@@ -0,0 +1,3 @@
+import { setupWorker } from 'msw'
+
+export const worker = setupWorker()

.storybook/preview.ts

@@ -0,0 +1,29 @@
+import type { Preview } from '@storybook/react'
+import DefaultDecorator from '../web/src/app/storybook/decorators'
+import { initialize, mswLoader } from 'msw-storybook-addon'
+import {
+  handleDefaultConfig,
+  handleExpFlags,
+} from '../web/src/app/storybook/graphql'
+
+initialize({
+  onUnhandledRequest: 'bypass',
+})
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+    msw: {
+      handlers: [handleDefaultConfig, handleExpFlags()],
+    },
+  },
+  decorators: [DefaultDecorator],
+  loaders: [mswLoader],
+}
+
+export default preview