vite-plugin-qrcode 0.0.1 → 0.0.2

package/README.md

@@ -24,6 +24,31 @@ 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/
+  ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
+  █ ▄▄▄▄▄ ██▄▄ ▀▄██▄█ ▄▄▄▄▄ █
+  █ █   █ █▀▄  █▀ ▀ █ █   █ █
+  █ █▄▄▄█ █▄▀ █▄▀ ███ █▄▄▄█ █
+  █▄▄▄▄▄▄▄█▄▀▄█ █▄▀▄█▄▄▄▄▄▄▄█
+  █ ▄██▀ ▄ █▄ █▄ █  ▀██  ▀▀██
+  ██▄▀▀█▀▄▄█▄▀ ▄█▀ ▀█▄▄▀ █▄ █
+  █ ▀ ▄▄ ▄██▄ █ ▀ ▀▄▄▄████▀▄█
+  █ █▀▄█ ▄    ▀█▄▀▄▀▄█▄▀▄▀▄ █
+  █▄█████▄█▀█▄  ▄▀▀ ▄▄▄ █ ███
+  █ ▄▄▄▄▄ █ ██▄ █ █ █▄█ ▄██▄█
+  █ █   █ ██▀ ▀▀▄█▄▄▄  ▄ ▄▀▀█
+  █ █▄▄▄█ █▀█▄█ ██▀▀▄▀▀▀█▄█ █
+  █▄▄▄▄▄▄▄█▄██▄██▄▄▄█▄██▄██▄█
+
 ```
 
 ## License

package/dist/index.cjs

@@ -100,4 +100,3 @@ function resolveHostname(optionsHost) {
 0 && (module.exports = {
   qrcode
 });
-//# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -67,4 +67,3 @@ function resolveHostname(optionsHost) {
 export {
   qrcode
 };
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-plugin-qrcode",
   "description": "Show QR code on server start",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "license": "MIT",
   "author": "bluwy",
   "type": "module",
@@ -15,6 +15,9 @@
     },
     "./package.json": "./package.json"
   },
+  "files": [
+    "dist"
+  ],
   "engines": {
     "node": "^12.20 || ^14.13.1 || >= 16"
   },
@@ -46,7 +49,7 @@
     "vite": "^2.6.1"
   },
   "scripts": {
-    "dev": "tsup-node --watch src",
+    "dev": "tsup-node --sourcemap --watch src",
     "build": "tsup-node --dts",
     "test": "esmo node_modules/uvu/bin.js tests"
   }

package/dist/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/index.ts", "../../../node_modules/.pnpm/tsup@5.2.1_typescript@4.4.3/node_modules/tsup/assets/cjs_shims.js"],
-  "sourcesContent": ["import os from 'os';\nimport { AddressInfo } from 'net';\nimport type { Plugin, ViteDevServer } from 'vite';\nimport qr from 'qrcode-terminal';\n\nexport function qrcode(): Plugin {\n\treturn {\n\t\tname: 'vite-plugin-qrcode',\n\t\tapply: 'serve',\n\t\tconfigureServer(server) {\n\t\t\tconst _listen = server.listen;\n\t\t\tserver.listen = function () {\n\t\t\t\t// eslint-disable-next-line prefer-rest-params\n\t\t\t\tconst isRestart = arguments[1] === true;\n\t\t\t\tif (!isRestart) {\n\t\t\t\t\tserver.httpServer?.on('listening', () => {\n\t\t\t\t\t\tsetTimeout(() => logQrcode(server), 0);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\t// @ts-ignore\n\t\t\t\t// eslint-disable-next-line prefer-rest-params\n\t\t\t\treturn _listen.apply(this, arguments);\n\t\t\t};\n\t\t}\n\t};\n}\n\nfunction logQrcode(server: ViteDevServer) {\n\tconst networkUrls = getNetworkUrls(server);\n\n\tif (networkUrls.length === 0) return;\n\n\tconst info = server.config.logger.info;\n\n\tinfo('  Visit page on mobile:');\n\n\tfor (const url of networkUrls) {\n\t\tqr.generate(url, { small: true }, (result) => {\n\t\t\tinfo(`  ${cyan(url)}\\n  ${result.replace(/\\n/g, '\\n  ')}`);\n\t\t});\n\t}\n}\n\nfunction cyan(str: string): string {\n\treturn `\\x1b[36m${str}\\x1b[0m`;\n}\n\n// Referenced from https://github.com/vitejs/vite/blob/77447496704e61cdb68b5788d8d79f19a2d895f1/packages/vite/src/node/logger.ts#L143\nfunction getNetworkUrls(server: ViteDevServer): string[] {\n\tconst address = server.httpServer?.address();\n\n\tif (!isAddressInfo(address)) return [];\n\n\tconst hostname = resolveHostname(server.config.server.host);\n\n\tif (hostname.host === '127.0.0.1') return [];\n\n\tconst protocol = server.config.server.https ? 'https' : 'http';\n\tconst port = address.port;\n\tconst base = server.config.base;\n\n\treturn Object.values(os.networkInterfaces())\n\t\t.flatMap((nInterface) => nInterface ?? [])\n\t\t.filter(\n\t\t\t(detail) =>\n\t\t\t\tdetail &&\n\t\t\t\tdetail.address &&\n\t\t\t\tdetail.family === 'IPv4' &&\n\t\t\t\t!detail.address.includes('127.0.0.1')\n\t\t)\n\t\t.map((detail) => `${protocol}://${detail.address}:${port}${base}`);\n}\n\nfunction isAddressInfo(v: any): v is AddressInfo {\n\treturn v.address;\n}\n\n// Copied from https://github.com/vitejs/vite/blob/77447496704e61cdb68b5788d8d79f19a2d895f1/packages/vite/src/node/utils.ts#L531\nfunction resolveHostname(optionsHost: string | boolean | undefined): Hostname {\n\tlet host: string | undefined;\n\tif (optionsHost === undefined || optionsHost === false || optionsHost === 'localhost') {\n\t\t// Use a secure default\n\t\thost = '127.0.0.1';\n\t} else if (optionsHost === true) {\n\t\t// If passed --host in the CLI without arguments\n\t\thost = undefined; // undefined typically means 0.0.0.0 or :: (listen on all IPs)\n\t} else {\n\t\thost = optionsHost;\n\t}\n\n\t// Set host name to localhost when possible, unless the user explicitly asked for '127.0.0.1'\n\tconst name =\n\t\t(optionsHost !== '127.0.0.1' && host === '127.0.0.1') ||\n\t\thost === '0.0.0.0' ||\n\t\thost === '::' ||\n\t\thost === undefined\n\t\t\t? 'localhost'\n\t\t\t: host;\n\n\treturn { host, name };\n}\n\ninterface Hostname {\n\t// undefined sets the default behaviour of server.listen\n\thost: string | undefined;\n\t// resolve to localhost when possible\n\tname: string;\n}\n", "export const importMetaUrlShim =\n  typeof document === 'undefined'\n    ? new (require('u' + 'rl').URL)('file:' + __filename).href\n    : (document.currentScript && document.currentScript.src) ||\n      new URL('main.js', document.baseURI).href\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;;;ACAO,IAAM,oBACX,OAAO,aAAa,cAChB,IAAK,SAAQ,QAAY,IAAK,UAAU,YAAY,OACnD,SAAS,iBAAiB,SAAS,cAAc,OAClD,IAAI,IAAI,WAAW,SAAS,SAAS;;;ADJ3C,gBAAe;AAGf,6BAAe;AAER,kBAA0B;AAChC,SAAO;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,gBAAgB,QAAQ;AACvB,YAAM,UAAU,OAAO;AACvB,aAAO,SAAS,WAAY;AAX/B;AAaI,cAAM,YAAY,UAAU,OAAO;AACnC,YAAI,CAAC,WAAW;AACf,uBAAO,eAAP,mBAAmB,GAAG,aAAa,MAAM;AACxC,uBAAW,MAAM,UAAU,SAAS;AAAA;AAAA;AAKtC,eAAO,QAAQ,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAM/B,mBAAmB,QAAuB;AACzC,QAAM,cAAc,eAAe;AAEnC,MAAI,YAAY,WAAW;AAAG;AAE9B,QAAM,OAAO,OAAO,OAAO,OAAO;AAElC,OAAK;AAEL,aAAW,OAAO,aAAa;AAC9B,mCAAG,SAAS,KAAK,EAAE,OAAO,QAAQ,CAAC,WAAW;AAC7C,WAAK,KAAK,KAAK;AAAA,IAAW,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAKnD,cAAc,KAAqB;AAClC,SAAO,QAAW;AAAA;AAInB,wBAAwB,QAAiC;AAhDzD;AAiDC,QAAM,UAAU,aAAO,eAAP,mBAAmB;AAEnC,MAAI,CAAC,cAAc;AAAU,WAAO;AAEpC,QAAM,WAAW,gBAAgB,OAAO,OAAO,OAAO;AAEtD,MAAI,SAAS,SAAS;AAAa,WAAO;AAE1C,QAAM,WAAW,OAAO,OAAO,OAAO,QAAQ,UAAU;AACxD,QAAM,OAAO,QAAQ;AACrB,QAAM,OAAO,OAAO,OAAO;AAE3B,SAAO,OAAO,OAAO,kBAAG,qBACtB,QAAQ,CAAC,eAAe,kCAAc,IACtC,OACA,CAAC,WACA,UACA,OAAO,WACP,OAAO,WAAW,UAClB,CAAC,OAAO,QAAQ,SAAS,cAE1B,IAAI,CAAC,WAAW,GAAG,cAAc,OAAO,WAAW,OAAO;AAAA;AAG7D,uBAAuB,GAA0B;AAChD,SAAO,EAAE;AAAA;AAIV,yBAAyB,aAAqD;AAC7E,MAAI;AACJ,MAAI,gBAAgB,UAAa,gBAAgB,SAAS,gBAAgB,aAAa;AAEtF,WAAO;AAAA,aACG,gBAAgB,MAAM;AAEhC,WAAO;AAAA,SACD;AACN,WAAO;AAAA;AAIR,QAAM,OACJ,gBAAgB,eAAe,SAAS,eACzC,SAAS,aACT,SAAS,QACT,SAAS,SACN,cACA;AAEJ,SAAO,EAAE,MAAM;AAAA;",
-  "names": []
-}

package/dist/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/index.ts"],
-  "sourcesContent": ["import os from 'os';\nimport { AddressInfo } from 'net';\nimport type { Plugin, ViteDevServer } from 'vite';\nimport qr from 'qrcode-terminal';\n\nexport function qrcode(): Plugin {\n\treturn {\n\t\tname: 'vite-plugin-qrcode',\n\t\tapply: 'serve',\n\t\tconfigureServer(server) {\n\t\t\tconst _listen = server.listen;\n\t\t\tserver.listen = function () {\n\t\t\t\t// eslint-disable-next-line prefer-rest-params\n\t\t\t\tconst isRestart = arguments[1] === true;\n\t\t\t\tif (!isRestart) {\n\t\t\t\t\tserver.httpServer?.on('listening', () => {\n\t\t\t\t\t\tsetTimeout(() => logQrcode(server), 0);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\t// @ts-ignore\n\t\t\t\t// eslint-disable-next-line prefer-rest-params\n\t\t\t\treturn _listen.apply(this, arguments);\n\t\t\t};\n\t\t}\n\t};\n}\n\nfunction logQrcode(server: ViteDevServer) {\n\tconst networkUrls = getNetworkUrls(server);\n\n\tif (networkUrls.length === 0) return;\n\n\tconst info = server.config.logger.info;\n\n\tinfo('  Visit page on mobile:');\n\n\tfor (const url of networkUrls) {\n\t\tqr.generate(url, { small: true }, (result) => {\n\t\t\tinfo(`  ${cyan(url)}\\n  ${result.replace(/\\n/g, '\\n  ')}`);\n\t\t});\n\t}\n}\n\nfunction cyan(str: string): string {\n\treturn `\\x1b[36m${str}\\x1b[0m`;\n}\n\n// Referenced from https://github.com/vitejs/vite/blob/77447496704e61cdb68b5788d8d79f19a2d895f1/packages/vite/src/node/logger.ts#L143\nfunction getNetworkUrls(server: ViteDevServer): string[] {\n\tconst address = server.httpServer?.address();\n\n\tif (!isAddressInfo(address)) return [];\n\n\tconst hostname = resolveHostname(server.config.server.host);\n\n\tif (hostname.host === '127.0.0.1') return [];\n\n\tconst protocol = server.config.server.https ? 'https' : 'http';\n\tconst port = address.port;\n\tconst base = server.config.base;\n\n\treturn Object.values(os.networkInterfaces())\n\t\t.flatMap((nInterface) => nInterface ?? [])\n\t\t.filter(\n\t\t\t(detail) =>\n\t\t\t\tdetail &&\n\t\t\t\tdetail.address &&\n\t\t\t\tdetail.family === 'IPv4' &&\n\t\t\t\t!detail.address.includes('127.0.0.1')\n\t\t)\n\t\t.map((detail) => `${protocol}://${detail.address}:${port}${base}`);\n}\n\nfunction isAddressInfo(v: any): v is AddressInfo {\n\treturn v.address;\n}\n\n// Copied from https://github.com/vitejs/vite/blob/77447496704e61cdb68b5788d8d79f19a2d895f1/packages/vite/src/node/utils.ts#L531\nfunction resolveHostname(optionsHost: string | boolean | undefined): Hostname {\n\tlet host: string | undefined;\n\tif (optionsHost === undefined || optionsHost === false || optionsHost === 'localhost') {\n\t\t// Use a secure default\n\t\thost = '127.0.0.1';\n\t} else if (optionsHost === true) {\n\t\t// If passed --host in the CLI without arguments\n\t\thost = undefined; // undefined typically means 0.0.0.0 or :: (listen on all IPs)\n\t} else {\n\t\thost = optionsHost;\n\t}\n\n\t// Set host name to localhost when possible, unless the user explicitly asked for '127.0.0.1'\n\tconst name =\n\t\t(optionsHost !== '127.0.0.1' && host === '127.0.0.1') ||\n\t\thost === '0.0.0.0' ||\n\t\thost === '::' ||\n\t\thost === undefined\n\t\t\t? 'localhost'\n\t\t\t: host;\n\n\treturn { host, name };\n}\n\ninterface Hostname {\n\t// undefined sets the default behaviour of server.listen\n\thost: string | undefined;\n\t// resolve to localhost when possible\n\tname: string;\n}\n"],
-  "mappings": ";AAAA;AAGA;AAEO,kBAA0B;AAChC,SAAO;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,gBAAgB,QAAQ;AACvB,YAAM,UAAU,OAAO;AACvB,aAAO,SAAS,WAAY;AAX/B;AAaI,cAAM,YAAY,UAAU,OAAO;AACnC,YAAI,CAAC,WAAW;AACf,uBAAO,eAAP,mBAAmB,GAAG,aAAa,MAAM;AACxC,uBAAW,MAAM,UAAU,SAAS;AAAA;AAAA;AAKtC,eAAO,QAAQ,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAM/B,mBAAmB,QAAuB;AACzC,QAAM,cAAc,eAAe;AAEnC,MAAI,YAAY,WAAW;AAAG;AAE9B,QAAM,OAAO,OAAO,OAAO,OAAO;AAElC,OAAK;AAEL,aAAW,OAAO,aAAa;AAC9B,OAAG,SAAS,KAAK,EAAE,OAAO,QAAQ,CAAC,WAAW;AAC7C,WAAK,KAAK,KAAK;AAAA,IAAW,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAKnD,cAAc,KAAqB;AAClC,SAAO,QAAW;AAAA;AAInB,wBAAwB,QAAiC;AAhDzD;AAiDC,QAAM,UAAU,aAAO,eAAP,mBAAmB;AAEnC,MAAI,CAAC,cAAc;AAAU,WAAO;AAEpC,QAAM,WAAW,gBAAgB,OAAO,OAAO,OAAO;AAEtD,MAAI,SAAS,SAAS;AAAa,WAAO;AAE1C,QAAM,WAAW,OAAO,OAAO,OAAO,QAAQ,UAAU;AACxD,QAAM,OAAO,QAAQ;AACrB,QAAM,OAAO,OAAO,OAAO;AAE3B,SAAO,OAAO,OAAO,GAAG,qBACtB,QAAQ,CAAC,eAAe,kCAAc,IACtC,OACA,CAAC,WACA,UACA,OAAO,WACP,OAAO,WAAW,UAClB,CAAC,OAAO,QAAQ,SAAS,cAE1B,IAAI,CAAC,WAAW,GAAG,cAAc,OAAO,WAAW,OAAO;AAAA;AAG7D,uBAAuB,GAA0B;AAChD,SAAO,EAAE;AAAA;AAIV,yBAAyB,aAAqD;AAC7E,MAAI;AACJ,MAAI,gBAAgB,UAAa,gBAAgB,SAAS,gBAAgB,aAAa;AAEtF,WAAO;AAAA,aACG,gBAAgB,MAAM;AAEhC,WAAO;AAAA,SACD;AACN,WAAO;AAAA;AAIR,QAAM,OACJ,gBAAgB,eAAe,SAAS,eACzC,SAAS,aACT,SAAS,QACT,SAAS,SACN,cACA;AAEJ,SAAO,EAAE,MAAM;AAAA;",
-  "names": []
-}

package/src/index.ts

@@ -1,108 +0,0 @@
-import os from 'os';
-import { AddressInfo } from 'net';
-import type { Plugin, ViteDevServer } from 'vite';
-import qr from 'qrcode-terminal';
-
-export function qrcode(): Plugin {
-	return {
-		name: 'vite-plugin-qrcode',
-		apply: 'serve',
-		configureServer(server) {
-			const _listen = server.listen;
-			server.listen = function () {
-				// eslint-disable-next-line prefer-rest-params
-				const isRestart = arguments[1] === true;
-				if (!isRestart) {
-					server.httpServer?.on('listening', () => {
-						setTimeout(() => logQrcode(server), 0);
-					});
-				}
-				// @ts-ignore
-				// eslint-disable-next-line prefer-rest-params
-				return _listen.apply(this, arguments);
-			};
-		}
-	};
-}
-
-function logQrcode(server: ViteDevServer) {
-	const networkUrls = getNetworkUrls(server);
-
-	if (networkUrls.length === 0) return;
-
-	const info = server.config.logger.info;
-
-	info('  Visit page on mobile:');
-
-	for (const url of networkUrls) {
-		qr.generate(url, { small: true }, (result) => {
-			info(`  ${cyan(url)}\n  ${result.replace(/\n/g, '\n  ')}`);
-		});
-	}
-}
-
-function cyan(str: string): string {
-	return `\x1b[36m${str}\x1b[0m`;
-}
-
-// Referenced from https://github.com/vitejs/vite/blob/77447496704e61cdb68b5788d8d79f19a2d895f1/packages/vite/src/node/logger.ts#L143
-function getNetworkUrls(server: ViteDevServer): string[] {
-	const address = server.httpServer?.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 ?? [])
-		.filter(
-			(detail) =>
-				detail &&
-				detail.address &&
-				detail.family === 'IPv4' &&
-				!detail.address.includes('127.0.0.1')
-		)
-		.map((detail) => `${protocol}://${detail.address}:${port}${base}`);
-}
-
-function isAddressInfo(v: any): v is AddressInfo {
-	return v.address;
-}
-
-// Copied from https://github.com/vitejs/vite/blob/77447496704e61cdb68b5788d8d79f19a2d895f1/packages/vite/src/node/utils.ts#L531
-function resolveHostname(optionsHost: string | boolean | undefined): Hostname {
-	let host: string | undefined;
-	if (optionsHost === undefined || optionsHost === false || optionsHost === 'localhost') {
-		// Use a secure default
-		host = '127.0.0.1';
-	} else if (optionsHost === true) {
-		// If passed --host in the CLI without arguments
-		host = undefined; // undefined typically means 0.0.0.0 or :: (listen on all IPs)
-	} else {
-		host = optionsHost;
-	}
-
-	// Set host name to localhost when possible, unless the user explicitly asked for '127.0.0.1'
-	const name =
-		(optionsHost !== '127.0.0.1' && host === '127.0.0.1') ||
-		host === '0.0.0.0' ||
-		host === '::' ||
-		host === undefined
-			? 'localhost'
-			: host;
-
-	return { host, name };
-}
-
-interface Hostname {
-	// undefined sets the default behaviour of server.listen
-	host: string | undefined;
-	// resolve to localhost when possible
-	name: string;
-}

package/tests/index.ts

@@ -1,9 +0,0 @@
-import { test } from 'uvu';
-import { equal } from 'uvu/assert';
-import { qrcode } from '../src/index';
-
-test('code', () => {
-	equal(typeof qrcode(), 'object');
-});
-
-test.run();

package/tsconfig.json

@@ -1,17 +0,0 @@
-{
-  "include": ["src"],
-  "exclude": ["**/*.spec.ts"],
-  "compilerOptions": {
-    "outDir": "dist",
-    "target": "ES2019",
-    "module": "ES2020",
-    "moduleResolution": "node",
-    "strict": true,
-    "declaration": true,
-    "sourceMap": true,
-    "noUnusedLocals": true,
-    "esModuleInterop": true,
-    "baseUrl": ".",
-    "resolveJsonModule": true
-  }
-}

package/tsup.config.js

@@ -1,8 +0,0 @@
-/** @type {import("tsup").Options} */
-export const tsup = {
-	entryPoints: ['src/index.ts'],
-	format: ['esm', 'cjs'],
-	sourcemap: true,
-	splitting: false,
-	clean: true
-};