feat: vite plugin to configure proxy automatically

Author: netchampfaris

src/utils/vite-plugin.js

@@ -0,0 +1,47 @@
+const path = require('path')
+const fs = require('fs')
+
+module.exports = function proxyOptions({ port = 8080 } = {}) {
+  const config = getCommonSiteConfig()
+  const webserver_port = config ? config.webserver_port : 8000
+  if (!config) {
+    console.log('No common_site_config.json found, using default port 8000')
+  }
+  return {
+    name: 'frappeui-vite-plugin',
+    config: () => ({
+      server: {
+        port: port,
+        proxy: {
+          '^/(app|login|api|assets|files)': {
+            target: `http://127.0.0.1:${webserver_port}`,
+            ws: true,
+            router: function (req) {
+              const site_name = req.headers.host.split(':')[0]
+              return `http://${site_name}:${webserver_port}`
+            },
+          },
+        },
+      },
+    }),
+  }
+}
+
+function getCommonSiteConfig() {
+  let currentDir = path.resolve('.')
+  // traverse up till we find frappe-bench with sites directory
+  while (currentDir !== '/') {
+    if (
+      fs.existsSync(path.join(currentDir, 'sites')) &&
+      fs.existsSync(path.join(currentDir, 'apps'))
+    ) {
+      let configPath = path.join(currentDir, 'sites', 'common_site_config.json')
+      if (fs.existsSync(configPath)) {
+        return JSON.parse(fs.readFileSync(configPath))
+      }
+      return null
+    }
+    currentDir = path.resolve(currentDir, '..')
+  }
+  return null
+}