Merge branch 'master' into feat/decode-account-data-at-inspector

Author: rogaldh

.browserslistrc

@@ -0,0 +1,9 @@
+[production]
+>0.2% and supports bigint and not dead
+not op_mini all
+
+[development]
+last 1 chrome version
+last 1 firefox version
+last 1 safari version
+supports bigint

.eslintrc.json

@@ -5,7 +5,9 @@
         "semi": ["error", "always"],
         // Temporary rule to ignore any explicit any type warnings in TypeScript files
         "@typescript-eslint/no-explicit-any": "off",
-        "object-curly-spacing": ["error", "always"]
+        "object-curly-spacing": ["error", "always"],
+        // Do not rely on non-null assertions, please. Make it off to see other errors.
+        "@typescript-eslint/no-non-null-assertion": "off"
     },
     "overrides": [
         // Only uses Testing Library lint rules in test files

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,45 @@
+## Description
+
+<!-- Provide a brief description of the changes in this PR -->
+
+## Type of change
+
+<!-- Check the appropriate options that apply to this PR -->
+
+-   [ ] Bug fix
+-   [ ] New feature
+-   [ ] Protocol integration
+-   [ ] Documentation update
+-   [ ] Other (please describe):
+
+## Screenshots
+
+<!-- For UI changes, especially protocol screens, include screenshots showing the changes -->
+<!-- This is REQUIRED for protocol integration PRs -->
+
+## Testing
+
+<!-- Describe how you tested your changes -->
+<!-- For protocol integrations, explain how you verified the protocol data is correctly displayed -->
+
+## Related Issues
+
+<!-- Link to any related issues this PR addresses -->
+<!-- Example: Fixes #123, Addresses #456 -->
+
+## Checklist
+
+<!-- Verify that you have completed the following before requesting review -->
+
+-   [ ] My code follows the project's style guidelines
+-   [ ] I have added tests that prove my fix/feature works
+-   [ ] All tests pass locally and in CI
+-   [ ] I have updated documentation as needed
+-   [ ] CI/CD checks pass
+-   [ ] I have included screenshots for protocol screens (if applicable)
+-   [ ] For security-related features, I have included links to related information
+
+## Additional Notes
+
+<!-- Add any other context about the PR here -->
+<!-- For Solana Verify (Verified Builds) related changes, note that bugs should be reported to disclosures@solana.org -->

.github/workflows/ci.yaml

@@ -6,13 +6,18 @@ on:
   pull_request:
     branches: [master]
 
+env:
+  # cash folder for pnpm_store, nextjs and playwright later on
+  PW_CACHE_AFFIX: pw
+  PW_CACHE_FOLDER: ~/.cache/ms-playwright
+
 jobs:
   Build-And-Test:
     runs-on: ubuntu-latest
 
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: ['20.x']
 
     steps:
       - name: Checkout
@@ -29,11 +34,29 @@ jobs:
           node-version: ${{ matrix.node-version }}
           cache: 'pnpm'
 
+      - name: Setup pnpm config
+        run: pnpm config set store-dir $PNPM_CACHE_FOLDER
+
+      - name: Setup Cache
+        uses: actions/cache@v4
+        id: pnpm_store_cache
+        with:
+          path: |
+            ${{ env.PW_CACHE_FOLDER }}
+            ${{ github.workspace }}/.next/cache
+          key: ${{ runner.os }}-${{ env.PW_CACHE_AFFIX }}-${{ hashFiles('**/pnpm-lock.yaml') }}-${{ hashFiles('**/.browserslistrc') }}-${{ hashFiles('**/*.ts', '**/*.tsx') }}
+          restore-keys: |
+            ${{ runner.os }}-${{ env.PW_CACHE_AFFIX }}-
+            ${{ runner.os }}-${{ env.PW_CACHE_AFFIX }}-${{ hashFiles('**/pnpm-lock.yaml') }}-
+
       - name: Install dependencies
         run: pnpm install
 
       - name: Build
         run: pnpm build
 
       - name: Test
-        run: pnpm test:ci
+        env:
+          TEST_SERIAL_TIMEOUT: ${{ vars.TEST_SERIAL_TIMEOUT }}
+        run: |
+          pnpm test:ci

.gitignore

@@ -40,3 +40,4 @@ next-env.d.ts
 # vim
 *.sw*
 .editorconfig
+*storybook.log

.prettierrc.cjs

@@ -0,0 +1,7 @@
+const prettierConfigSolana = require('@solana/prettier-config-solana');
+
+module.exports = {
+    ...prettierConfigSolana,
+    plugins: [prettierConfigSolana.plugins ?? []].concat(['prettier-plugin-tailwindcss']),
+    endOfLine: 'lf',
+};

.storybook/layout.min.css

@@ -0,0 +1,12 @@
+import type { StorybookConfig } from '@storybook/experimental-nextjs-vite';
+
+const config: StorybookConfig = {
+    stories: ['../app/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+    addons: ['@storybook/addon-essentials', '@storybook/experimental-addon-test'],
+    framework: {
+        name: '@storybook/experimental-nextjs-vite',
+        options: {},
+    },
+    staticDirs: ['../public'],
+};
+export default config;

.storybook/main.ts

@@ -0,0 +1,6 @@
+import { addons } from '@storybook/manager-api';
+import { themes } from '@storybook/theming';
+
+addons.setConfig({
+    theme: themes.light,
+});

.storybook/manager.ts

@@ -0,0 +1,37 @@
+import type { Preview } from '@storybook/react';
+import React from 'react';
+
+import { Rubik } from 'next/font/google';
+// import './layout.min.css';
+import '@/app/styles.css';
+
+const rubikFont = Rubik({
+    display: 'auto',
+    subsets: ['latin'],
+    variable: '--explorer-default-font',
+    weight: ['300', '400', '700'],
+});
+
+const preview: Preview = {
+    parameters: {
+        backgrounds: {
+            values: [{ name: 'Dark', value: '#161b19' }],
+            default: 'Dark',
+        },
+        controls: {
+            matchers: {
+                color: /(background|color)$/i,
+                date: /Date$/i,
+            },
+        },
+    },
+    decorators: [
+        Story => (
+            <div id="storybook-outer" className={rubikFont.className}>
+                <Story />
+            </div>
+        ),
+    ],
+};
+
+export default preview;