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

package/dist/webpack.cjs

@@ -57,11 +57,21 @@ var import_picocolors = __toESM(require("picocolors"), 1);
 
 // src/utils.ts
 var import_node_process = __toESM(require("process"), 1);
+var import_node_path = __toESM(require("path"), 1);
+var import_promises = require("fs/promises");
 var import_node_child_process = require("child_process");
 var import_consola = require("consola");
 var consola = (0, import_consola.createConsola)({
   level: 3
 }).withTag("reverse-proxy");
+async function chmodRecursive(_path, mode) {
+  await (0, import_promises.chmod)(_path, mode);
+  if ((await (0, import_promises.stat)(_path)).isDirectory()) {
+    const children = await (0, import_promises.readdir)(_path);
+    for (const child of children)
+      await chmodRecursive(import_node_path.default.join(_path, child), mode);
+  }
+}
 function isAdmin() {
   if (import_node_process.default.platform === "win32") {
     try {
@@ -104,7 +114,7 @@ async function syncHost() {
       import_node_process2.default.platform === "win32" ? "ipconfig /flushdns" : "sudo -E killall -HUP mDNSResponder",
       (error, stdout, stderr) => {
         if (error) {
-          console.error(`exec error: ${error}`);
+          consola.error(`exec error: ${error}`);
           return resolve(false);
         }
         return resolve(true);
@@ -117,6 +127,8 @@ async function addHost(ip, host) {
     (0, import_node_fs.chmodSync)(getPathOfSystemHostsPath(), 511);
   hostInstance.add("127.0.0.1", "localhost");
   hostInstance.add(ip, host);
+  if (ip === "localhost")
+    hostInstance.add("127.0.0.1", host);
   await hostInstance.updateFinish();
   return await syncHost();
 }
@@ -131,11 +143,11 @@ async function removeHost(ip, host) {
 }
 
 // src/caddy/constants.ts
-var import_node_path = require("path");
+var import_node_path2 = require("path");
 var import_node_process3 = __toESM(require("process"), 1);
 var TEMP_DIR = import_node_process3.default.env.TEMP || import_node_process3.default.env.TMPDIR || "/tmp";
-var caddyPath = (0, import_node_path.join)(TEMP_DIR, `caddy${import_node_process3.default.platform === "win32" ? ".exe" : ""}`);
-var caddyFilePath = (0, import_node_path.join)(TEMP_DIR, "CADDYFILE");
+var caddyPath = (0, import_node_path2.join)(TEMP_DIR, `caddy${import_node_process3.default.platform === "win32" ? ".exe" : ""}`);
+var caddyFilePath = (0, import_node_path2.join)(TEMP_DIR, "CADDYFILE");
 var supportList = [
   {
     platform: "dragonfly",
@@ -453,7 +465,31 @@ var CaddyInstant = class {
 // src/index.ts
 var config;
 var caddy;
-var _servce;
+var pwd = import_node_process5.default.cwd();
+function vitePrintUrls(server, options, source, target, base = "/", _printUrls) {
+  _printUrls == null ? void 0 : _printUrls();
+  const viteCacheDir = `${pwd}/node_modules/.vite`;
+  if ((0, import_node_fs3.existsSync)(viteCacheDir))
+    chmodRecursive(viteCacheDir, 511);
+  const nuxtCacheDir = `${pwd}/.nuxt`;
+  if ((0, import_node_fs3.existsSync)(nuxtCacheDir))
+    chmodRecursive(nuxtCacheDir, 511);
+  try {
+    if (caddy)
+      return;
+    caddy = new CaddyInstant();
+    caddy.run(source, target, __spreadValues({
+      base
+    }, options)).then(() => {
+      const colorUrl = (url) => import_picocolors.default.green(url.replace(/:(\d+)\//, (_, port) => `:${import_picocolors.default.bold(port)}/`));
+      consola.success(`  ${import_picocolors.default.green("\u279C")}  ${import_picocolors.default.bold("run caddy reverse proxy success")}: ${colorUrl(`${options.https ? "https" : "http"}://${target}${base}`)}`);
+    }).catch((e) => {
+      throw e;
+    });
+  } catch (e) {
+    consola.error(e);
+  }
+}
 var unpluginFactory = (options) => ({
   name: "unplugin-https-reverse-proxy",
   enforce: "pre",
@@ -462,6 +498,7 @@ var unpluginFactory = (options) => ({
       config = _config;
     },
     configureServer(server) {
+      var _a;
       if (!isAdmin()) {
         consola.warn("please run as administrator");
         return;
@@ -478,38 +515,15 @@ var unpluginFactory = (options) => ({
         consola.fail("please provide target");
         return;
       }
-      _servce = server;
-      const _printUrls = server.printUrls;
-      server.printUrls = () => {
-        var _a;
-        _printUrls();
-        const pwd = import_node_process5.default.cwd();
-        const vireCacheDir = `${pwd}/node_modules/.vite`;
-        if ((0, import_node_fs3.existsSync)(vireCacheDir))
-          (0, import_node_fs3.chmodSync)(vireCacheDir, 511);
-        let source = `localhost:${config.server.port}`;
-        const url = (_a = server.resolvedUrls) == null ? void 0 : _a.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, __spreadValues({
-            base
-          }, options)).then(() => {
-            const colorUrl = (url2) => import_picocolors.default.green(url2.replace(/:(\d+)\//, (_, port) => `:${import_picocolors.default.bold(port)}/`));
-            consola.success(`  ${import_picocolors.default.green("\u279C")}  ${import_picocolors.default.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 = (_a = server.resolvedUrls) == null ? void 0 : _a.local[0];
+      if (url) {
+        const u = new URL(url);
+        source = u.host;
+      }
+      const base = server.config.base || "/";
+      server.printUrls = () => vitePrintUrls(server, options, source, target, base, _printUrls);
     }
   },
   webpack(compiler) {
@@ -530,6 +544,9 @@ var unpluginFactory = (options) => ({
       consola.fail("please provide target");
       return;
     }
+    const nuxtCacheDir = `${pwd}/node_modules/.cache`;
+    if ((0, import_node_fs3.existsSync)(nuxtCacheDir))
+      chmodRecursive(nuxtCacheDir, 511);
     try {
       const devServer = __spreadValues(__spreadValues({
         host: "localhost",

package/dist/webpack.js

@@ -1,8 +1,8 @@
 import {
   webpack_default
-} from "./chunk-AXBUFN6T.js";
-import "./chunk-KYMRDRAJ.js";
-import "./chunk-3RTK3FSZ.js";
+} from "./chunk-VGLXVBHU.js";
+import "./chunk-N6ZBBGYD.js";
+import "./chunk-RUJE3YFB.js";
 export {
   webpack_default as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "unplugin-https-reverse-proxy",
   "type": "module",
-  "version": "1.0.0-beta.0",
+  "version": "1.0.0-beta.2",
   "packageManager": "pnpm@8.6.12",
   "description": "",
   "license": "MIT",
@@ -141,6 +141,7 @@
     "build:fix": "esno scripts/postbuild.ts",
     "lint": "eslint .",
     "play": "npm -C examples/vite run dev",
+    "play:nuxt": "npm -C examples/nuxt run dev",
     "play:vuecli": "npm -C examples/vuecli run serve",
     "play:vuecli4": "npm -C examples/vuecli4 run serve",
     "release": "bumpp",

package/src/host/index.ts

@@ -4,6 +4,7 @@ import { chmodSync } from 'node:fs'
 
 // @ts-expect-error no type
 import _Hosts from 'hosts-so-easy'
+import { consola } from '../utils'
 
 const Hosts = _Hosts.default || _Hosts
 
@@ -26,7 +27,7 @@ async function syncHost() {
         : 'sudo -E killall -HUP mDNSResponder',
       (error, stdout, stderr) => {
         if (error) {
-          console.error(`exec error: ${error}`)
+          consola.error(`exec error: ${error}`)
           return resolve(false)
         }
         return resolve(true)
@@ -39,6 +40,8 @@ export async function addHost(ip: string, host: string) {
     chmodSync(getPathOfSystemHostsPath(), 0o777)
   hostInstance.add('127.0.0.1', 'localhost')
   hostInstance.add(ip, host)
+  if (ip === 'localhost')
+    hostInstance.add('127.0.0.1', host)
   await hostInstance.updateFinish()
   return await syncHost()
 }

package/src/index.ts

@@ -1,10 +1,10 @@
 import process from 'node:process'
-import { chmodSync, existsSync } from 'node:fs'
+import { existsSync } from 'node:fs'
 import type { UnpluginFactory } from 'unplugin'
 import { createUnplugin } from 'unplugin'
 import type { ResolvedConfig, ViteDevServer } from 'vite'
 import c from 'picocolors'
-import { consola, isAdmin } from './utils'
+import { chmodRecursive, consola, isAdmin } from './utils'
 import type { Options } from './types'
 import { CaddyInstant } from './caddy'
 
@@ -12,7 +12,44 @@ let config: ResolvedConfig
 
 let caddy: CaddyInstant
 
-let _servce: ViteDevServer
+const pwd = process.cwd()
+
+export function vitePrintUrls(
+  server: ViteDevServer,
+  options: Options,
+  source: string,
+  target: string,
+  base: string = '/',
+  _printUrls?: () => void,
+) {
+  _printUrls?.()
+
+  // fix `Error: EPERM: operation not permitted`
+  const viteCacheDir = `${pwd}/node_modules/.vite`
+  if (existsSync(viteCacheDir))
+    chmodRecursive(viteCacheDir, 0o777)
+  const nuxtCacheDir = `${pwd}/.nuxt`
+  if (existsSync(nuxtCacheDir))
+    chmodRecursive(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)
+  }
+}
 
 export const unpluginFactory: UnpluginFactory<Options> = options => ({
   name: 'unplugin-https-reverse-proxy',
@@ -41,43 +78,18 @@ export const unpluginFactory: UnpluginFactory<Options> = options => ({
         return
       }
 
-      _servce = server
+      const _printUrls = server.printUrls.bind(server)
 
-      const _printUrls = server.printUrls
-      server.printUrls = () => {
-        _printUrls()
+      let source = `localhost:${config.server.port || 5173}`
+      const url = server.resolvedUrls?.local[0]
+      if (url) {
+        const u = new URL(url)
+        source = u.host
+      }
 
-        // fix `Error: EPERM: operation not permitted`
-        const pwd = process.cwd()
-        const vireCacheDir = `${pwd}/node_modules/.vite`
-        if (existsSync(vireCacheDir))
-          chmodSync(vireCacheDir, 0o777)
+      const base = server.config.base || '/'
 
-        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)
-        }
-      }
+      server.printUrls = () => vitePrintUrls(server, options, source, target, base, _printUrls)
     },
   },
   webpack(compiler) {
@@ -100,6 +112,10 @@ export const unpluginFactory: UnpluginFactory<Options> = options => ({
       return
     }
 
+    const nuxtCacheDir = `${pwd}/node_modules/.cache`
+    if (existsSync(nuxtCacheDir))
+      chmodRecursive(nuxtCacheDir, 0o777)
+
     try {
       const devServer = {
         host: 'localhost',

package/src/nuxt.ts

@@ -1,8 +1,11 @@
 import { addVitePlugin, addWebpackPlugin, defineNuxtModule } from '@nuxt/kit'
+import type { ViteDevServer } from 'vite'
 import vite from './vite'
 import webpack from './webpack'
 import type { Options } from './types'
 import '@nuxt/schema'
+import { consola, once } from './utils'
+import { vitePrintUrls } from '.'
 
 export interface ModuleOptions extends Options {
 
@@ -17,6 +20,23 @@ export default defineNuxtModule<ModuleOptions>({
     addVitePlugin(() => vite(options))
     addWebpackPlugin(() => webpack(options))
 
-    // ...
+    // 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 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)
+    }))
   },
 })

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 {