update config and dependecies

invariant-labs · Oct 4, 2024 · 08dbcc2 · 08dbcc2
1 parent 04b6c07
commit 08dbcc2
Show file tree

Hide file tree

Showing 16 changed files with 12,770 additions and 35,097 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -2,7 +2,8 @@ ServiceWorker.ts
 react-app-env.d.ts
 config-overrides.js
 build
-dist 
+dist
 vite.config.ts
 .eslintrc.js
-storybook-static
+storybook-static
+vitest.config.ts
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -1,26 +1,42 @@
 module.exports = {
-  extends: ['standard-with-typescript'],
+  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'],
   parserOptions: {
     project: './tsconfig.json'
   },
   parser: '@typescript-eslint/parser',
-  plugins: ['react-hooks'],
+  plugins: ['react-refresh', 'react-hooks'],
   rules: {
+    'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
     indent: 'off',
     '@typescript-eslint/indent': 'off',
     'multiline-ternary': 'off',
     'no-unused-vars': 'off',
     '@typescript-eslint/no-unused-vars': 'off',
-    '@typescript-eslint/no-unused-vars-experimental': 'error',
     '@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'
+    'react-hooks/rules-of-hooks': 'error',
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      {
+        varsIgnorePattern: '^_',
+        argsIgnorePattern: '^_'
+      }
+    ]
   }
 }
diff --git a/.gitignore copy b/.gitignore copy
@@ -0,0 +1,45 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# testing
+/coverage
+
+# production
+/src/build
+/build
+/dist 
+/storybook-static
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+.idea
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+*storybook.log
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,3 @@
+# Ignore artifacts:
+build
+coverage
diff --git a/.prettierrc b/.prettierrc
@@ -8,7 +8,7 @@
   "useTabs": false,
   "singleQuote": true,
   "jsxSingleQuote": true,
-  "spaceBeforeFunctionParen": true,
+  "spaceBeforeFunctionParent": true,
   "printWidth": 100,
   "bracketSameLine": true
 }
diff --git a/index.html b/index.html
@@ -1,75 +1,118 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
     <script>
       window.global = window
     </script>
-    <script type="module" src="/src/shims.ts"></script>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta charset="utf-8" />
     <link rel="apple-touch-icon" sizes="192x192" href="/favicon-192x192.png" />
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
     <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap"
+      rel="stylesheet" />
     <meta name="theme-color" content="#000000" />
-    <title>Invariant - AMM DEX provided concentrated liquidity</title>
-    <meta name="title" content="Invariant - AMM DEX provided concentrated liquidity" />
+    <title>
+      Invariant: Best AMM DEX with Concentrated Liquidity on Eclipse | High Efficiency DeFi
+    </title>
+    <meta name="title" content="Invariant - AMM DEX with Concentrated Liquidity on Eclipse" />
     <meta
       name="description"
-      content="Invariant is the AMM DEX with concentrated liquidity on Eclipse, providing the highest capital efficiency and risk management." />
+      content="Discover Invariant, the top AMM DEX on Eclipse offering the highest capital efficiency with concentrated liquidity. Maximize your DeFi investments with advanced risk management tools." />
     <meta
       name="keywords"
-      conent="crypto, crypto exchange, eclipse crypto, concentrated liquidity, defi crypto, eclipse exchange" />
+      content="AMM DEX, concentrated liquidity, Eclipse, DeFi exchange, crypto trading, capital efficiency, risk management, decentralized finance, Eclipse DeFi, liquidity pools, yield farming, blockchain" />
+    <meta name="author" content="Invariant" />
+    <meta name="robots" content="index, follow" />
 
-    <!-- Open Graph  -->
+    <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://eclipse.invariant.app/" />
-    <meta property="og:title" content="Invariant - AMM DEX provided concentrated liquidity" />
+    <meta
+      property="og:title"
+      content="Invariant - Unlock High Capital Efficiency with Concentrated Liquidity on Eclipse" />
     <meta
       property="og:description"
-      content="Invariant is the AMM DEX with concentrated liquidity on Eclipse, providing the highest capital efficiency and risk management." />
+      content="Join Invariant, the top AMM DEX on Eclipse, and access cutting-edge DeFi solutions with concentrated liquidity for maximum capital efficiency and risk management." />
     <meta property="og:image" content="https://eclipse.invariant.app/favicon-192x192.png" />
 
-    <!-- Twitter Card  -->
+    <!-- Twitter -->
     <meta property="twitter:card" content="summary" />
     <meta property="twitter:url" content="https://twitter.com/invariant_labs" />
     <meta property="twitter:title" content="Invariant - AMM DEX provided concentrated liquidity" />
     <meta
       property="twitter:description"
-      content="Invariant is the AMM DEX with concentrated liquidity on Eclipse, providing the highest capital efficiency and risk management." />
+      content="Discover Invariant, Eclipse's most efficient AMM DEX. Concentrated liquidity ensures top-tier capital efficiency for all DeFi traders." />
     <meta property="twitter:image" content="https://eclipse.invariant.app/favicon-192x192.png" />
 
     <!-- DublinCore -->
     <link rel="schema.dcterms" href="https://purl.org/dc/terms/" />
-    <meta name="DC.title" lang="en" content="Invariant - AMM DEX provided concentrated liquidity" />
+    <meta
+      name="DC.title"
+      lang="en"
+      content="Invariant - The Most Efficient AMM DEX on Eclipse with Concentrated Liquidity" />
     <meta
       name="DC.description"
       lang="en"
-      content="Invariant is the AMM DEX with concentrated liquidity on Eclipse, providing the highest capital efficiency and risk management." />
+      content="Invariant offers top-tier capital efficiency and risk management on Eclipse, making it the most advanced AMM DEX for DeFi investors." />
     <meta name="DC.publisher" content="Invariant" />
     <meta name="DC.identifier" content="https://eclipse.invariant.app/" />
     <meta name="DC.format" content="text/html" />
     <meta name="DC.type" content="Text" />
 
-    <!-- Global Site Tag (gtag.js) - Google Analytics -->
-    <!-- commented for now to not mix anaylytics for Solana and Eclipse -->
-    <!-- <script
-      async
-      src="https://www.googletagmanager.com/gtag/js?id=G-TEFDYYTWP3"
-      type="module"></script>
+    <!-- Schema.org markup for Google+ -->
+    <meta itemprop="name" content="Invariant: Leading AMM DEX on Eclipse" />
+    <meta
+      itemprop="description"
+      content="Invariant offers top-tier capital efficiency and risk management on Eclipse, making it the most advanced AMM DEX for DeFi investors." />
+    <meta itemprop="image" content="https://eclipse.invariant.app/favicon-192x192.png" />
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://eclipse.invariant.app/" />
+
+    <!-- Manifest -->
+    <link rel="manifest" href="/public/manifest.json" />
+
+    <!-- Structured Data -->
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "Organization",
+        "name": "Invariant",
+        "url": "https://invariant.app/",
+        "logo": "https://invariant.app/favicon-192x192.png",
+        "sameAs": [
+          "https://twitter.com/invariant_labs",
+          "https://medium.com/@invariantlabs",
+          "https://github.com/invariant-labs"
+        ],
+        "description": "Invariant is the most efficient AMM DEX with concentrated liquidity on Eclipse, offering the highest capital efficiency and advanced risk management tools.",
+        "founder": {
+          "@type": "Person",
+          "name": "Wojciech Cichocki"
+        },
+        "foundingDate": "2022",
+        "areaServed": "Worldwide",
+        "knowsAbout": ["Decentralized Finance", "AMM", "Concentrated Liquidity", "Blockchain"]
+      }
+    </script>
 
+    <!-- Global Site Tag (gtag.js) - Google Analytics 4 -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-TEFDYYTWP3"></script>
     <script>
       window.dataLayer = window.dataLayer || []
       function gtag() {
         dataLayer.push(arguments)
       }
       gtag('js', new Date())
       gtag('config', 'G-TEFDYYTWP3', { cookie_flags: 'SameSite=None;Secure' })
-    </script> -->
+    </script>
 
-    <link rel="canonical" href="https://eclipse.invariant.app/" />
-    <link rel="manifest" href="/manifest.json" />
     <style>
       html {
         scrollbar-width: none;
@@ -81,6 +124,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/index.tsx"></script>
+    <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>