unplugin-https-reverse-proxy 1.0.0-beta.1 → 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,43 +11,30 @@ let config: ResolvedConfig
 
 let caddy: CaddyInstant
 
-export function vitePrintUrls(
-  server: ViteDevServer,
+const cwd = process.cwd()
+
+export const vitePrintUrls = once((
   options: Options,
   source: string,
   target: string,
   base: string = '/',
   _printUrls?: () => void,
-) {
+) => {
   _printUrls?.()
 
-  // fix `Error: EPERM: operation not permitted`
-  const pwd = process.cwd()
-  const viteCacheDir = `${pwd}/node_modules/.vite`
-  if (existsSync(viteCacheDir))
-    chmodSync(viteCacheDir, 0o777)
-  const nuxtCacheDir = `${pwd}/.nuxt`
-  if (existsSync(nuxtCacheDir))
-    chmodSync(nuxtCacheDir, 0o777)
-
-  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)
-  }
-}
+  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',
@@ -58,20 +44,21 @@ 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
@@ -88,15 +75,72 @@ export const unpluginFactory: UnpluginFactory<Options> = options => ({
 
       const base = server.config.base || '/'
 
-      server.printUrls = () => vitePrintUrls(server, options, source, target, base, _printUrls)
+      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
 
@@ -104,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,10 +1,8 @@
-import { addVitePlugin, addWebpackPlugin, defineNuxtModule } from '@nuxt/kit'
-import type { ViteDevServer } from 'vite'
-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, once } from './utils'
+import { consola, isAdmin } from './utils'
 import { vitePrintUrls } from '.'
 
 export interface ModuleOptions extends Options {
@@ -17,26 +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
-    let url = ''
     _nuxt.hook('listen', (_, listener) => {
-      url = listener.url
-    })
-
-    _nuxt.hook('vite:serverCreated', once((server: ViteDevServer) => {
+      const url = listener.url
       const source = new URL(url).host
 
-      if (!options.target) {
-        consola.fail('please provide target')
-        return
-      }
-
       const base = _nuxt.options.app.baseURL || '/'
 
-      vitePrintUrls(server, options, source, options.target, base)
-    }))
+      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,15 @@ 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[]) => {

package/dist/chunk-QIKJQBZH.js

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

package/dist/chunk-Y5ZVZOMP.js

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