🪟 🔧 Migrate from react-scripts to Vite (#21421)

* Migrate to Vite * Continue work on vite migration * More environment fixes * Add CSP headers to dev server * Remove react-scripts * Shim process.env * Cleanup * Create ESLint failure for CI test * create vite-plugins package * Update nodeJS * Make eslint warnings fail build * Remove trailing empty line in nvmrc * Match package.json with nvmrc * Fix eslint test breakage * Revert node upgrade * Remove setupProxy script * Change default API endpoints to be http
airbytehq · Jan 23, 2023 · 828b32a · 828b32a
1 parent 1fba39a
commit 828b32a
Show file tree

Hide file tree

Showing 21 changed files with 4,459 additions and 1,628 deletions.
diff --git a/airbyte-webapp/build.gradle b/airbyte-webapp/build.gradle
@@ -106,16 +106,8 @@ task copyNginx(type: Copy) {
     into "build/docker/bin/nginx"
 }
 
-task stylelint(type: NpmTask) {
-    dependsOn npmInstall
-    args = ['run', 'stylelint']
-    inputs.files commonConfigs
-    inputs.file '.stylelintrc'
-    inputs.dir 'src'
-}
-
 // Those tasks should be run as part of the "check" task
-check.dependsOn validateLinks, licenseCheck, test, stylelint
+check.dependsOn validateLinks, licenseCheck, test
 
 build.dependsOn buildStorybook
 

diff --git a/airbyte-webapp/craco.config.js b/airbyte-webapp/craco.config.js
diff --git a/airbyte-webapp/public/index.html → airbyte-webapp/index.html b/airbyte-webapp/public/index.html → airbyte-webapp/index.html
@@ -2,26 +2,27 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
           name="description"
           content="Airbyte is the turnkey open-source data integration platform that syncs data from applications, APIs and databases to warehouses."
     />
     <meta name="airbyte:sec-token" value="c82db11b-64df-413d-aba8-ee66b99c046f" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <link rel="stylesheet" href="%PUBLIC_URL%/index.css">
+    <link rel="apple-touch-icon" href="/logo192.png" />
+    <link rel="manifest" href="/manifest.json" />
+    <link rel="stylesheet" href="/index.css">
     <title>Airbyte</title>
   </head>
   <body>
     <noscript>
-      <img src="%PUBLIC_URL%/logo.png" alt="" width="90" height="94"/>
+      <img src="/logo.png" alt="" width="90" height="94"/>
       <div class="card">
         You need to enable JavaScript to run this app.
       </div>
     </noscript>
     <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
   </body>
 </html>