feat(config-ui): integrate external code

Author: mintsweet

config-ui/index.ts

@@ -0,0 +1,13 @@
+export * from './src/components';
+export * from './src/hooks';
+export * from './src/app/hook';
+export * from './src/utils/request';
+export * from './src/utils/operator';
+export * from './src/routes/error';
+export * from './src/routes/layout';
+export * from './src/routes/pipeline';
+export * from './src/routes/api-keys';
+export * from './src/pages/connection';
+export * from './src/pages/project';
+export * from './src/pages/blueprint';
+export * from './src/features/connections';

config-ui/package.json

@@ -3,6 +3,22 @@
   "private": true,
   "version": "0.0.0",
   "packageManager": "[email protected]",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/config-ui.umd.cjs",
+  "module": "./dist/config-ui.js",
+  "exports": {
+    ".": {
+      "import": "./dist/config-ui.js",
+      "require": "./dist/config-ui.cjs"
+    },
+    "./dist/style.css": {
+      "import": "./dist/style.css",
+      "require": "./dist/style.css"
+    }
+  },
   "scripts": {
     "start": "vite",
     "build": "vite build",
@@ -65,6 +81,7 @@
     "lint-staged": "^13.1.0",
     "prettier": "^2.7.1",
     "typescript": "^4.9.4",
-    "vite": "^4.2.3"
+    "vite": "^4.2.3",
+    "vite-plugin-dts": "^3.7.0"
   }
 }

config-ui/src/routes/layout/layout.tsx

@@ -146,25 +146,6 @@ export const Layout = () => {
                     <img src={APIIcon} alt="api" />
                     <span>API</span>
                   </ExternalLink>
-                  <Navbar.Divider />
-                  <a
-                    href="https://github.com/apache/incubator-devlake"
-                    rel="noreferrer"
-                    target="_blank"
-                    className="navIconLink"
-                  >
-                    <img src={GitHubIcon} alt="github" />
-                    <span>GitHub</span>
-                  </a>
-                  <Navbar.Divider />
-                  <a
-                    href="https://join.slack.com/t/devlake-io/shared_invite/zt-26ulybksw-IDrJYuqY1FrdjlMMJhs53Q"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    <img src={SlackIcon} alt="slack" />
-                    <span>Slack</span>
-                  </a>
                 </Navbar.Group>
               </S.Header>
               <S.Inner>

config-ui/src/utils/request.ts

@@ -43,6 +43,10 @@ instance.interceptors.response.use(
       window.location.replace('/db-migrate');
     }
 
+    if (status === 401) {
+      window.location.reload();
+    }
+
     return Promise.reject(error);
   },
 );

config-ui/vite.config.ts

@@ -19,10 +19,11 @@
 import path from 'path';
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import dts from 'vite-plugin-dts';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), dts()],
 
   envPrefix: 'DEVLAKE_',
 
@@ -42,4 +43,21 @@ export default defineConfig({
       '@': path.join(__dirname, './src'),
     },
   },
+
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, 'index.ts'),
+      name: 'config-ui',
+      fileName: 'config-ui',
+    },
+    rollupOptions: {
+      external: ['react', 'react-dom', 'react-router-dom'],
+      output: {
+        globals: {
+          react: 'React',
+          'react-dom': 'ReactDOM',
+        },
+      },
+    },
+  },
 });