vite-plugin-qrcode 0.1.1 → 0.2.1

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 [these people](https://github.com/svitejs/vite-plugin-qrcode/graphs/contributors)
+Copyright (c) 2022 [these people](https://github.com/svitejs/vite-plugin-qrcode/graphs/contributors)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -24,33 +24,10 @@ export default defineConfig({
 ```bash
 # start vite with host to show qrcode
 vite --host
-
-  vite v2.6.1 dev server running at:
-
-  > Local:    http://localhost:3000/
-  > Network:  http://192.168.2.169:3000/
-
-  ready in 186ms.
-
-  Visit page on mobile:
-  http://192.168.2.169:3000/
-  ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
-  █ ▄▄▄▄▄ ██▄▄ ▀▄██▄█ ▄▄▄▄▄ █
-  █ █   █ █▀▄  █▀ ▀ █ █   █ █
-  █ █▄▄▄█ █▄▀ █▄▀ ███ █▄▄▄█ █
-  █▄▄▄▄▄▄▄█▄▀▄█ █▄▀▄█▄▄▄▄▄▄▄█
-  █ ▄██▀ ▄ █▄ █▄ █  ▀██  ▀▀██
-  ██▄▀▀█▀▄▄█▄▀ ▄█▀ ▀█▄▄▀ █▄ █
-  █ ▀ ▄▄ ▄██▄ █ ▀ ▀▄▄▄████▀▄█
-  █ █▀▄█ ▄    ▀█▄▀▄▀▄█▄▀▄▀▄ █
-  █▄█████▄█▀█▄  ▄▀▀ ▄▄▄ █ ███
-  █ ▄▄▄▄▄ █ ██▄ █ █ █▄█ ▄██▄█
-  █ █   █ ██▀ ▀▀▄█▄▄▄  ▄ ▄▀▀█
-  █ █▄▄▄█ █▀█▄█ ██▀▀▄▀▀▀█▄█ █
-  █▄▄▄▄▄▄▄█▄██▄██▄▄▄█▄██▄██▄█
-
 ```
 
+<img height="360" alt="CLI output" src="https://user-images.githubusercontent.com/34116392/181014171-aa511838-8122-48cf-ad9c-39f0368ee616.png" />
+
 ## Options
 
 ### filter
@@ -64,7 +41,7 @@ Example:
 import { qrcode } from 'vite-plugin-qrcode';
 
 export default defineConfig({
-	plugins: [qrcode({ filter: (ip) => ip === '192.168.1.1' })]
+	plugins: [qrcode({ filter: (url) => url === 'http://192.168.1.1:4173' })]
 });
 ```
 

package/dist/index.cjs

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -16,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -25,7 +29,6 @@ __export(src_exports, {
   qrcode: () => qrcode
 });
 module.exports = __toCommonJS(src_exports);
-var import_os = __toESM(require("os"), 1);
 var import_qrcode_terminal = __toESM(require("qrcode-terminal"), 1);
 function qrcode(options = {}) {
   return {
@@ -47,11 +50,17 @@ function qrcode(options = {}) {
   };
 }
 function logQrcode(server, options) {
-  const networkUrls = getNetworkUrls(server, options);
+  var _a;
+  let networkUrls = (_a = server.resolvedUrls) == null ? void 0 : _a.network;
+  if (!networkUrls)
+    return;
+  if (options.filter) {
+    networkUrls = networkUrls.filter(options.filter);
+  }
   if (networkUrls.length === 0)
     return;
   const info = server.config.logger.info;
-  info("  Visit page on mobile:");
+  info("\n  Visit page on mobile:");
   for (const url of networkUrls) {
     import_qrcode_terminal.default.generate(url, { small: true }, (result) => {
       info(`  ${cyan(url)}
@@ -62,34 +71,6 @@ function logQrcode(server, options) {
 function cyan(str) {
   return `\x1B[36m${str}\x1B[0m`;
 }
-function getNetworkUrls(server, options) {
-  var _a;
-  const address = (_a = server.httpServer) == null ? void 0 : _a.address();
-  if (!isAddressInfo(address))
-    return [];
-  const hostname = resolveHostname(server.config.server.host);
-  if (hostname.host === "127.0.0.1")
-    return [];
-  const protocol = server.config.server.https ? "https" : "http";
-  const port = address.port;
-  const base = server.config.base;
-  return Object.values(import_os.default.networkInterfaces()).flatMap((nInterface) => nInterface != null ? nInterface : []).filter((detail) => detail && detail.address && (detail.family === "IPv4" || detail.family === 4) && !detail.address.includes("127.0.0.1") && (!options.filter || options.filter(detail.address))).map((detail) => `${protocol}://${detail.address}:${port}${base}`);
-}
-function isAddressInfo(v) {
-  return v.address;
-}
-function resolveHostname(optionsHost) {
-  let host;
-  if (optionsHost === void 0 || optionsHost === false || optionsHost === "localhost") {
-    host = "127.0.0.1";
-  } else if (optionsHost === true) {
-    host = void 0;
-  } else {
-    host = optionsHost;
-  }
-  const name = optionsHost !== "127.0.0.1" && host === "127.0.0.1" || host === "0.0.0.0" || host === "::" || host === void 0 ? "localhost" : host;
-  return { host, name };
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   qrcode

package/dist/index.d.ts

@@ -6,14 +6,14 @@ interface PluginOptions {
      * filter list of shown QR codes. Useful if you have multiple interfaces and only need one
      *
      *  examples:
-     *    ip => ip.startsWith('192.')
-     *    ip => !ip.startsWith('172.)
-     *    ip => ip === '192.168.1.70'
+     *    url => url.startsWith('http://192.')
+     *    url => !url.startsWith('http://172.)
+     *    url => url === 'http://192.168.1.70:4173'
      *
-     * @param ip {string} ip address
+     * @param url {string} ip address
      * @returns {boolean}
      */
-    filter?: (ip: string) => boolean;
+    filter?: (url: string) => boolean;
 }
 
 export { PluginOptions, qrcode };

package/dist/index.js

@@ -1,5 +1,4 @@
 // src/index.ts
-import os from "os";
 import qr from "qrcode-terminal";
 function qrcode(options = {}) {
   return {
@@ -21,11 +20,17 @@ function qrcode(options = {}) {
   };
 }
 function logQrcode(server, options) {
-  const networkUrls = getNetworkUrls(server, options);
+  var _a;
+  let networkUrls = (_a = server.resolvedUrls) == null ? void 0 : _a.network;
+  if (!networkUrls)
+    return;
+  if (options.filter) {
+    networkUrls = networkUrls.filter(options.filter);
+  }
   if (networkUrls.length === 0)
     return;
   const info = server.config.logger.info;
-  info("  Visit page on mobile:");
+  info("\n  Visit page on mobile:");
   for (const url of networkUrls) {
     qr.generate(url, { small: true }, (result) => {
       info(`  ${cyan(url)}
@@ -36,34 +41,6 @@ function logQrcode(server, options) {
 function cyan(str) {
   return `\x1B[36m${str}\x1B[0m`;
 }
-function getNetworkUrls(server, options) {
-  var _a;
-  const address = (_a = server.httpServer) == null ? void 0 : _a.address();
-  if (!isAddressInfo(address))
-    return [];
-  const hostname = resolveHostname(server.config.server.host);
-  if (hostname.host === "127.0.0.1")
-    return [];
-  const protocol = server.config.server.https ? "https" : "http";
-  const port = address.port;
-  const base = server.config.base;
-  return Object.values(os.networkInterfaces()).flatMap((nInterface) => nInterface != null ? nInterface : []).filter((detail) => detail && detail.address && (detail.family === "IPv4" || detail.family === 4) && !detail.address.includes("127.0.0.1") && (!options.filter || options.filter(detail.address))).map((detail) => `${protocol}://${detail.address}:${port}${base}`);
-}
-function isAddressInfo(v) {
-  return v.address;
-}
-function resolveHostname(optionsHost) {
-  let host;
-  if (optionsHost === void 0 || optionsHost === false || optionsHost === "localhost") {
-    host = "127.0.0.1";
-  } else if (optionsHost === true) {
-    host = void 0;
-  } else {
-    host = optionsHost;
-  }
-  const name = optionsHost !== "127.0.0.1" && host === "127.0.0.1" || host === "0.0.0.0" || host === "::" || host === void 0 ? "localhost" : host;
-  return { host, name };
-}
 export {
   qrcode
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-plugin-qrcode",
   "description": "Show QR code on server start",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "license": "MIT",
   "author": "bluwy",
   "type": "module",
@@ -19,7 +19,7 @@
     "dist"
   ],
   "engines": {
-    "node": "^12.20 || ^14.13.1 || >= 16"
+    "node": "^14.13.1 || ^16.0.0 || >=18"
   },
   "repository": {
     "type": "git",
@@ -40,18 +40,16 @@
     "qrcode-terminal": "^0.12.0"
   },
   "peerDependencies": {
-    "vite": "^2.6.1"
+    "vite": "^3.0.0 || ^4.0.0"
   },
   "devDependencies": {
     "@types/qrcode-terminal": "^0.12.0",
-    "rollup": "^2.71.1",
-    "uvu": "^0.5.3",
-    "vite": "^2.9.6"
+    "uvu": "^0.5.6",
+    "vite": "^4.0.1"
   },
   "scripts": {
     "dev": "tsup-node --sourcemap --watch src",
     "build": "tsup-node --dts",
     "test": "tsm node_modules/uvu/bin.js tests"
-  },
-  "readme": "# vite-plugin-qrcode\n\nShow QR code on server start.\n\n## Installation\n\n```bash\nnpm install --save-dev vite-plugin-qrcode\n```\n\n## Usage\n\n```js\n// vite.config.js\nimport { qrcode } from 'vite-plugin-qrcode';\n\nexport default defineConfig({\n\tplugins: [\n\t\tqrcode() // only applies in dev mode\n\t]\n});\n```\n\n```bash\n# start vite with host to show qrcode\nvite --host\n\n  vite v2.6.1 dev server running at:\n\n  > Local:    http://localhost:3000/\n  > Network:  http://192.168.2.169:3000/\n\n  ready in 186ms.\n\n  Visit page on mobile:\n  http://192.168.2.169:3000/\n  ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄\n  █ ▄▄▄▄▄ ██▄▄ ▀▄██▄█ ▄▄▄▄▄ █\n  █ █   █ █▀▄  █▀ ▀ █ █   █ █\n  █ █▄▄▄█ █▄▀ █▄▀ ███ █▄▄▄█ █\n  █▄▄▄▄▄▄▄█▄▀▄█ █▄▀▄█▄▄▄▄▄▄▄█\n  █ ▄██▀ ▄ █▄ █▄ █  ▀██  ▀▀██\n  ██▄▀▀█▀▄▄█▄▀ ▄█▀ ▀█▄▄▀ █▄ █\n  █ ▀ ▄▄ ▄██▄ █ ▀ ▀▄▄▄████▀▄█\n  █ █▀▄█ ▄    ▀█▄▀▄▀▄█▄▀▄▀▄ █\n  █▄█████▄█▀█▄  ▄▀▀ ▄▄▄ █ ███\n  █ ▄▄▄▄▄ █ ██▄ █ █ █▄█ ▄██▄█\n  █ █   █ ██▀ ▀▀▄█▄▄▄  ▄ ▄▀▀█\n  █ █▄▄▄█ █▀█▄█ ██▀▀▄▀▀▀█▄█ █\n  █▄▄▄▄▄▄▄█▄██▄██▄▄▄█▄██▄██▄█\n\n```\n\n## Options\n\n### filter\n\nA function that allows you to select addresses to show QR-Codes for in case you have multiple interfaces\n\nExample:\n\n```js\n// vite.config.js\nimport { qrcode } from 'vite-plugin-qrcode';\n\nexport default defineConfig({\n\tplugins: [qrcode({ filter: (ip) => ip === '192.168.1.1' })]\n});\n```\n\n## License\n\n[MIT](./LICENSE)\n"
+  }
 }