feat: add oidc and basic support for playground

2025-01-14 07:27:09 +08:00
parent c6677d414d
commit 877d90d1e2
72 changed files with 2769 additions and 376 deletions
--- a/apps/recorder/rsbuild.config.ts
+++ b/apps/recorder/rsbuild.config.ts
@@ -0,0 +1,72 @@
+import { defineConfig } from '@rsbuild/core';
+import { pluginReact } from '@rsbuild/plugin-react';
+import { TanStackRouterRspack } from '@tanstack/router-plugin/rspack';
+
+export default defineConfig({
+  plugins: [pluginReact()],
+  html: {
+    favicon: './public/assets/favicon.ico',
+    tags: [
+      {
+        tag: 'script',
+        attrs: { src: 'https://cdn.tailwindcss.com' },
+      },
+    ],
+  },
+  tools: {
+    rspack: {
+      plugins: [TanStackRouterRspack()],
+    },
+  },
+  source: {
+    define: {
+      'process.env.AUTH_TYPE': JSON.stringify(process.env.AUTH_TYPE),
+      'process.env.OIDC_CLIENT_ID': JSON.stringify(process.env.OIDC_CLIENT_ID),
+      'process.env.OIDC_CLIENT_SECRET': JSON.stringify(
+        process.env.OIDC_CLIENT_SECRET
+      ),
+      'process.env.OIDC_ISSUER': JSON.stringify(process.env.OIDC_ISSUER),
+      'process.env.OIDC_AUDIENCE': JSON.stringify(process.env.OIDC_AUDIENCE),
+      'process.env.OIDC_EXTRA_SCOPES': JSON.stringify(
+        process.env.OIDC_EXTRA_SCOPES
+      ),
+    },
+  },
+  dev: {
+    client: {
+      path: '/api/playground/rsbuild-hmr',
+    },
+    setupMiddlewares: [
+      (middlewares) => {
+        middlewares.unshift((req, res, next) => {
+          if (process.env.AUTH_TYPE === 'basic') {
+            res.setHeader('WWW-Authenticate', 'Basic realm="konobangu"');
+
+            const authorization =
+              (req.headers.authorization || '').split(' ')[1] || '';
+            const [user, password] = Buffer.from(authorization, 'base64')
+              .toString()
+              .split(':');
+
+            if (
+              user !== process.env.BASIC_USER ||
+              password !== process.env.BASIC_PASSWORD
+            ) {
+              res.statusCode = 401;
+              res.write('Unauthorized');
+              res.end();
+              return;
+            }
+          }
+          next();
+        });
+        return middlewares;
+      },
+    ],
+  },
+  server: {
+    base: '/api/playground/',
+    host: '0.0.0.0',
+    port: 5002,
+  },
+});