unplugin-https-reverse-proxy 1.0.0-beta.0 → 1.0.0-beta.10

package/src/index.ts

@@ -1,10 +1,9 @@
 import process from 'node:process'
-import { chmodSync, existsSync } from 'node:fs'
 import type { UnpluginFactory } from 'unplugin'
 import { createUnplugin } from 'unplugin'
-import type { ResolvedConfig, ViteDevServer } from 'vite'
+import type { ResolvedConfig } from 'vite'
 import c from 'picocolors'
-import { consola, isAdmin } from './utils'
+import { consola, isAdmin, once } from './utils'
 import type { Options } from './types'
 import { CaddyInstant } from './caddy'
 
@@ -12,7 +11,30 @@ let config: ResolvedConfig
 
 let caddy: CaddyInstant
 
-let _servce: ViteDevServer
+const cwd = process.cwd()
+
+export const vitePrintUrls = once((
+  options: Options,
+  source: string,
+  target: string,
+  base: string = '/',
+  _printUrls?: () => void,
+) => {
+  _printUrls?.()
+
+  if (caddy)
+    return
+  caddy = new CaddyInstant()
+  caddy.run(source, target, {
+    base,
+    ...options,
+  }).then(() => {
+    const colorUrl = (url: string) => c.green(url.replace(/:(\d+)\//, (_, port) => `:${c.bold(port)}/`))
+    consola.success(`  ${c.green('➜')}  ${c.bold('run caddy reverse proxy success')}: ${colorUrl(`${options.https ? 'https' : 'http'}://${target}${base}`)}`)
+  }).catch((e) => {
+    throw e
+  })
+})
 
 export const unpluginFactory: UnpluginFactory<Options> = options => ({
   name: 'unplugin-https-reverse-proxy',
@@ -22,70 +44,103 @@ export const unpluginFactory: UnpluginFactory<Options> = options => ({
       config = _config
     },
     configureServer(server) {
-      if (!isAdmin()) {
-        consola.warn('please run as administrator')
-        return
-      }
-
-      if (config.command === 'build')
+      if (config.command !== 'serve')
         return
 
       const {
         enable = true,
         target = '',
       } = options
+
       if (!enable)
         return
+
+      if (!isAdmin()) {
+        consola.warn('please run as administrator')
+        return
+      }
       if (!target) {
         consola.fail('please provide target')
         return
       }
 
-      _servce = server
-
-      const _printUrls = server.printUrls
-      server.printUrls = () => {
-        _printUrls()
-
-        // fix `Error: EPERM: operation not permitted`
-        const pwd = process.cwd()
-        const vireCacheDir = `${pwd}/node_modules/.vite`
-        if (existsSync(vireCacheDir))
-          chmodSync(vireCacheDir, 0o777)
-
-        let source = `localhost:${config.server.port}`
-        const url = server.resolvedUrls?.local[0]
-        if (url) {
-          const u = new URL(url)
-          source = u.host
-        }
-        const base = server.config.base || '/'
-        try {
-          if (caddy)
-            return
-          caddy = new CaddyInstant()
-          caddy.run(source, target, {
-            base,
-            ...options,
-          }).then(() => {
-            const colorUrl = (url: string) => c.green(url.replace(/:(\d+)\//, (_, port) => `:${c.bold(port)}/`))
-            consola.success(`  ${c.green('➜')}  ${c.bold('run caddy reverse proxy success')}: ${colorUrl(`${options.https ? 'https' : 'http'}://${target}${base}`)}`)
-          }).catch((e) => {
-            throw e
-          })
-        }
-        catch (e) {
-          consola.error(e)
-        }
+      const _printUrls = server.printUrls.bind(server)
+
+      let source = `localhost:${config.server.port || 5173}`
+      const url = server.resolvedUrls?.local[0]
+      if (url) {
+        const u = new URL(url)
+        source = u.host
       }
+
+      const base = server.config.base || '/'
+
+      server.printUrls = () => vitePrintUrls(options, source, target, base, _printUrls)
     },
   },
   webpack(compiler) {
+    if (process.env.NODE_ENV !== 'development')
+      return
+
+    const {
+      enable = true,
+      target = '',
+    } = options
+
+    if (!enable)
+      return
+
     if (!isAdmin()) {
       consola.warn('please run as administrator')
       return
     }
 
+    if (!target) {
+      consola.fail('please provide target')
+      return
+    }
+
+    const devServer = {
+      host: 'localhost',
+      port: 8080,
+      ...compiler.options.devServer,
+      // @ts-expect-error vuecli
+      ...(process.VUE_CLI_SERVICE?.projectOptions.devServer),
+    }
+    const source = `${devServer.host}:${devServer.port}`
+
+    if (caddy)
+      return
+
+    // https://github.com/webpack/webpack-dev-server/blob/master/lib/Server.js#L1913
+    const _close = compiler.close?.bind(compiler)
+    if (_close) {
+      compiler.close = async (callback: Parameters<typeof _close>[0]) => {
+        process.on('exit', () => {
+          _close && _close(callback)
+        })
+      }
+    }
+    else {
+      // webpack 4 not support yet
+      options.https = false
+    }
+
+    caddy = new CaddyInstant()
+
+    caddy.run(source, target, {
+      ...options,
+    }).then(() => {
+      const colorUrl = (url: string) => c.green(url.replace(/:(\d+)\//, (_, port) => `:${c.bold(port)}/`))
+
+      compiler.hooks.done.tap('unplugin-https-reverse-proxy', () => {
+        consola.success(`  ${c.green('➜')}  ${c.bold('run caddy reverse proxy success')}: ${colorUrl(`${options.https ? 'https' : 'http'}://${target}`)}`)
+      })
+    }).catch((e) => {
+      throw e
+    })
+  },
+  async rspack(compiler) {
     if (process.env.NODE_ENV !== 'development')
       return
 
@@ -93,57 +148,45 @@ export const unpluginFactory: UnpluginFactory<Options> = options => ({
       enable = true,
       target = '',
     } = options
+
     if (!enable)
       return
+
+    if (!isAdmin()) {
+      consola.warn('please run as administrator')
+      return
+    }
+
     if (!target) {
       consola.fail('please provide target')
       return
     }
 
-    try {
-      const devServer = {
-        host: 'localhost',
-        port: 8080,
-        ...compiler.options.devServer,
-        // @ts-expect-error vuecli
-        ...process.VUE_CLI_SERVICE.projectOptions.devServer,
-      }
-      const source = `${devServer.host}:${devServer.port}`
+    const devServer = {
+      host: 'localhost',
+      port: 8080,
+      ...compiler.options.devServer,
+      ...(await (await import('@rsbuild/core'))?.loadConfig({
+        cwd,
+      }))?.content?.server,
+    }
 
-      if (caddy)
-        return
+    const source = `${devServer.host}:${devServer.port}`
 
-      // https://github.com/webpack/webpack-dev-server/blob/master/lib/Server.js#L1913
-      const _close = compiler.close?.bind(compiler)
-      if (_close) {
-        compiler.close = async (callback: Parameters<typeof _close>[0]) => {
-          process.on('exit', () => {
-            _close && _close(callback)
-          })
-        }
-      }
-      else {
-        // webpack 4 not support yet
-        options.https = false
-      }
+    if (caddy)
+      return
 
-      caddy = new CaddyInstant()
+    caddy = new CaddyInstant()
 
-      caddy.run(source, target, {
-        ...options,
-      }).then(() => {
-        const colorUrl = (url: string) => c.green(url.replace(/:(\d+)\//, (_, port) => `:${c.bold(port)}/`))
+    caddy.run(source, target, {
+      ...options,
+    }).then(() => {
+      const colorUrl = (url: string) => c.green(url.replace(/:(\d+)\//, (_, port) => `:${c.bold(port)}/`))
 
-        compiler.hooks.done.tap('unplugin-https-reverse-proxy', () => {
-          consola.success(`  ${c.green('➜')}  ${c.bold('run caddy reverse proxy success')}: ${colorUrl(`${options.https ? 'https' : 'http'}://${target}`)}`)
-        })
-      }).catch((e) => {
-        throw e
-      })
-    }
-    catch (e) {
-      consola.error(e)
-    }
+      consola.success(`  ${c.green('➜')}  ${c.bold('run caddy reverse proxy success')}: ${colorUrl(`${options.https ? 'https' : 'http'}://${target}`)}`)
+    }).catch((e) => {
+      throw e
+    })
   },
 })
 

package/src/nuxt.ts

@@ -1,8 +1,9 @@
-import { addVitePlugin, addWebpackPlugin, defineNuxtModule } from '@nuxt/kit'
-import vite from './vite'
-import webpack from './webpack'
+import process from 'node:process'
+import { defineNuxtModule } from '@nuxt/kit'
 import type { Options } from './types'
 import '@nuxt/schema'
+import { consola, isAdmin } from './utils'
+import { vitePrintUrls } from '.'
 
 export interface ModuleOptions extends Options {
 
@@ -14,9 +15,35 @@ export default defineNuxtModule<ModuleOptions>({
     configKey: 'unpluginHttpsReverseProxy',
   },
   setup(options, _nuxt) {
-    addVitePlugin(() => vite(options))
-    addWebpackPlugin(() => webpack(options))
+    if (process.env.NODE_ENV !== 'development')
+      return
 
-    // ...
+    const {
+      enable = true,
+      target = '',
+    } = options
+
+    if (!enable)
+      return
+
+    if (!isAdmin()) {
+      consola.warn('please run as administrator')
+      return
+    }
+
+    if (!target) {
+      consola.fail('please provide target')
+      return
+    }
+
+    // https://github.com/nuxt/cli/issues/220#issuecomment-1735394141
+    _nuxt.hook('listen', (_, listener) => {
+      const url = listener.url
+      const source = new URL(url).host
+
+      const base = _nuxt.options.app.baseURL || '/'
+
+      vitePrintUrls(options, source, options.target, base)
+    })
   },
 })

package/src/rspack.ts

@@ -0,0 +1,5 @@
+import type { Options } from './types'
+import unplugin from '.'
+
+// TODO: some upstream lib failed generate invalid dts, remove the any in the future
+export default unplugin.rspack as (options?: Options) => any

package/src/utils.ts

@@ -1,4 +1,6 @@
 import process from 'node:process'
+import path from 'node:path'
+import { chmod, readdir, stat } from 'node:fs/promises'
 import { execSync } from 'node:child_process'
 import { createConsola } from 'consola'
 
@@ -6,6 +8,25 @@ export const consola = createConsola({
   level: 3,
 }).withTag('reverse-proxy')
 
+export async function chmodRecursive(_path: string, mode: number) {
+  await chmod(_path, mode)
+  if ((await stat(_path)).isDirectory()) {
+    const children = await readdir(_path)
+    for (const child of children)
+      await chmodRecursive(path.join(_path, child), mode)
+  }
+}
+
+export function once<T extends (...args: any[]) => any>(fn: T): (...args: Parameters<T>) => ReturnType<T> {
+  let called = false
+  return (...args: any[]) => {
+    if (called)
+      return
+    called = true
+    return fn(...args)
+  }
+}
+
 export function isAdmin() {
   if (process.platform === 'win32') {
     try {

package/dist/chunk-AXBUFN6T.js

@@ -1,11 +0,0 @@
-import {
-  unpluginFactory
-} from "./chunk-KYMRDRAJ.js";
-
-// src/webpack.ts
-import { createWebpackPlugin } from "unplugin";
-var webpack_default = createWebpackPlugin(unpluginFactory);
-
-export {
-  webpack_default
-};

package/dist/chunk-MDJOTQRD.js

@@ -1,11 +0,0 @@
-import {
-  unpluginFactory
-} from "./chunk-KYMRDRAJ.js";
-
-// src/vite.ts
-import { createVitePlugin } from "unplugin";
-var vite_default = createVitePlugin(unpluginFactory);
-
-export {
-  vite_default
-};