Merge pull request #761 from invariant-labs/dev

update staging

.eslintignore

@@ -6,3 +6,5 @@ dist
 vite.config.ts
 .eslintrc.js
 storybook-static
+vitest.config.ts
+node_modules

.eslintrc.cjs

@@ -0,0 +1,59 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:storybook/recommended'
+  ],
+  ignorePatterns: [
+    'dist',
+    '.eslintrc.cjs',
+    'node_modules',
+    'node_modules/@invariant-labs/sdk-eclipse/**'
+  ],
+  parserOptions: {
+    project: './tsconfig.json'
+  },
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh', 'react-hooks'],
+  rules: {
+    'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
+    indent: 'off',
+    '@typescript-eslint/indent': 'off',
+    'multiline-ternary': 'off',
+    '@typescript-eslint/no-unused-vars': 'off',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/prefer-reduce-type-parameter': 'off',
+    '@typescript-eslint/strict-boolean-expressions': 'off',
+    '@typescript-eslint/space-before-function-paren': 'off',
+    '@typescript-eslint/prefer-nullish-coalescing': 'off',
+    '@typescript-eslint/member-delimiter-style': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    'generator-star-spacing': ['error', { before: false, after: true }],
+    'yield-star-spacing': ['error', { before: false, after: true }],
+    'react-hooks/exhaustive-deps': 'off',
+    'react-hooks/rules-of-hooks': 'error',
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      {
+        varsIgnorePattern: '^_',
+        argsIgnorePattern: '^_'
+      }
+    ],
+    'no-extra-semi': 'off',
+    'no-empty': 'off'
+  },
+  overrides: [
+    {
+      files: ['**/*.stories.tsx'],
+      rules: {
+        '@typescript-eslint/no-unused-vars': 'off',
+        'import/no-unresolved': 'off',
+        'react-hooks/rules-of-hooks': 'off',
+        'storybook/story-exports': 'off'
+      }
+    }
+  ]
+}

.github/workflows/deploy-master.yml

@@ -10,7 +10,7 @@ jobs:
     permissions: write-all
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
       - name: Install Vercel CLI
         run: npm install -g [email protected]
       - name: Deploy to Vercel Action

.github/workflows/deploy-staging.yml

@@ -10,7 +10,7 @@ jobs:
     permissions: write-all
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
       - name: Install Vercel CLI
         run: npm install -g [email protected]
       - name: Deploy to Vercel Action

.github/workflows/preview.yml

@@ -9,9 +9,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
       - name: Use Node.js
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
           node-version: '20'
       - name: install
@@ -26,7 +26,7 @@ jobs:
     permissions: write-all
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
       - name: Install Vercel CLI
         run: npm install -g [email protected]
       - name: Deploy to Vercel Action

.gitignore

@@ -1,9 +1,27 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
 
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
 
 # testing
 /coverage
@@ -23,4 +41,5 @@
 
 npm-debug.log*
 yarn-debug.log*
-yarn-error.log*
+yarn-error.log*
+*storybook.log

.prettierignore

@@ -0,0 +1,3 @@
+# Ignore artifacts:
+build
+coverage

.prettierrc

@@ -8,7 +8,7 @@
   "useTabs": false,
   "singleQuote": true,
   "jsxSingleQuote": true,
-  "spaceBeforeFunctionParen": true,
+  "spaceBeforeFunctionParent": true,
   "printWidth": 100,
   "bracketSameLine": true
 }

.storybook/decorators.jsx

@@ -1,15 +1,4 @@
 import React from 'react'
-import { StylesProvider } from '@material-ui/styles'
 import { Provider } from 'react-redux'
-import { ThemeProvider } from '@storybook/theming'
-import { theme } from '../src/static/theme'
-
-export const withMaterialStyles = storyFn => (
-  <StylesProvider injectFirst>{storyFn()}</StylesProvider>
-)
 
 export const withStore = store => storyFn => <Provider store={store}>{storyFn()}</Provider>
-export default {
-  withStore,
-  withMaterialStyles
-}

.storybook/main.ts

@@ -0,0 +1,28 @@
+import type { StorybookConfig } from '@storybook/react-vite'
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+
+  addons: [
+    '@storybook/addon-onboarding',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@chromatic-com/storybook',
+    '@storybook/addon-interactions',
+    '@storybook/addon-viewport',
+    '@storybook/react-vite',
+    '@storybook/addon-themes',
+    'storybook-addon-remix-react-router',
+    '@storybook/addon-actions'
+  ],
+  typescript: {
+    reactDocgen: 'react-docgen-typescript'
+  },
+  framework: {
+    name: '@storybook/react-vite',
+    options: {}
+  },
+
+  docs: {}
+}
+export default config

.storybook/preview-head.html

@@ -1,12 +1,12 @@
 <style type="text/css">
-@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap');
+  @import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap');
 
-* {
-  min-width: 0;
-  min-height: 0;
-  max-width: 100%;
-}
+  * {
+    min-width: 0;
+    min-height: 0;
+    max-width: 100%;
+  }
 </style>
 <script>
   window.global = window
-</script>
+</script>