✨ Add copying server URL to clipboard

Author: gluons

Diff for: package.json

@@ -29,11 +29,13 @@
   "dependencies": {
     "autoprefixer": "^9.8.6",
     "browserslist-config-vue": "^1.0.3",
+    "clipboardy": "^2.3.0",
     "css-loader": "^4.2.1",
     "fibers": "^5.0.0",
     "friendly-errors-webpack-plugin": "^1.7.0",
     "html-webpack-plugin": "^4.3.0",
     "moren": "^3.0.0",
+    "open": "^7.1.0",
     "postcss-loader": "^3.0.0",
     "pug": "^3.0.0",
     "pug-loader": "^2.4.0",
@@ -62,10 +64,12 @@
     "eslint": "^7.6.0",
     "eslint-config-gluons": "^6.0.5",
     "prettier": "^2.0.5",
+    "ts-node": "^8.10.2",
     "tsconfig-gluons": "^1.1.0",
     "type-fest": "^0.16.0",
     "typescript": "^3.9.7",
-    "vue": "^2.6.11"
+    "vue": "^2.6.11",
+    "vue-style-loader": "^4.1.2"
   },
   "peerDependencies": {
     "vue": "2"

Diff for: pnpm-lock.yaml

@@ -1,4 +1,6 @@
+import clipboardy from 'clipboardy';
 import moren, { PartialDefaults } from 'moren';
+import opn from 'open';
 import webpack from 'webpack';
 import WebpackDevServer, {
 	Configuration as DevConfiguration
@@ -14,13 +16,15 @@ export const DefaultOptions: PartialDefaults<Options> = {
 	},
 	port: 8080,
 	open: true,
+	clipboard: false,
 	htmlTitle: 'Vue Dev Server',
 	webpackBarName: 'Vue Dev Server'
 };
 
 export default async function serve(options: Options): Promise<void> {
 	const finalOptions = moren(options, DefaultOptions) as ReadyOptions;
-	const { port } = finalOptions;
+	const { port, open, clipboard } = finalOptions;
+	const serverUrl = `http://localhost:${port}`;
 	const webpackConfig = createWebpackConfig(finalOptions);
 	const devConfig = webpackConfig.devServer as DevConfiguration;
 
@@ -38,4 +42,9 @@ export default async function serve(options: Options): Promise<void> {
 			}
 		});
 	});
+
+	await Promise.all<unknown>([
+		clipboard ? clipboardy.write(serverUrl) : Promise.resolve(),
+		open ? opn(serverUrl) : Promise.resolve()
+	]);
 }

Diff for: src/index.ts

@@ -42,6 +42,14 @@ export default interface Options {
 	 * @memberof Options
 	 */
 	open?: boolean;
+	/**
+	 * Copy dev server URL to clipboard.
+	 *
+	 * @type {boolean}
+	 * @default false
+	 * @memberof Options
+	 */
+	clipboard?: boolean;
 	/**
 	 * Title of development webpage
 	 *