kirbyup 0.9.2 → 0.10.0

package/README.md

@@ -1,30 +1,46 @@
 # kirbyup
 
-> Take a lool into the [pluginkit](./pluginkit) folder for an example setup.
+> Take a look into Kirby's [pluginkit](https://github.com/getkirby/pluginkit/tree/4-panel) repository for an example setup.
 
 The fastest and leanest way to bundle your Kirby Panel plugins. No configuration necessary.
 
-## Install
+## Installation
 
-Install it locally in your project folder:
+If you want to use kirbyup right away, there is no need to install it. Simply call it with `npx`:
+
+```json
+{
+  "scripts": {
+    "dev": "npx -y kirbyup src/index.js --watch",
+    "build": "npx -y kirbyup src/index.js"
+  }
+}
+```
+
+While kirbyup will stay backwards compatible, exact build reproducibility may be of importance to you. If so, I recommend to target a specific package version, rather than using `npx`. Install kirbyup with a package manager of your choice locally to your project:
 
 ```bash
 npm i kirbyup --save-dev
 ```
 
-You can also install it globally.
-
-## Usage
+Example package configuration:
 
 ```json
 {
   "scripts": {
-    "dev": "npx -y kirbyup src/index.js --watch",
-    "build": "npx -y kirbyup src/index.js"
+    "dev": "kirbyup src/index.js --watch",
+    "build": "kirbyup src/index.js"
+  },
+  "devDependencies": {
+    "kirbyup": "^0.9.5"
   }
 }
 ```
 
+Global installation is supported as well, but not recommended.
+
+## Usage
+
 ### Development
 
 Rebuild the Panel plugin on any file changes:
@@ -53,10 +69,6 @@ kirbyup src/index.js
 
 The final panel plugin will be bundled, minified, and written into the current directory as `./index.js`.
 
-## TODO
-
-- [ ] HMR with Vite in lib mode
-
 ## Credits
 
 - [Vite](https://vitejs.dev) by Evan You and all of its contributors.

package/dist/cli.js

@@ -56,22 +56,22 @@ var name, version;
 var init_package = __esm({
   "package.json"() {
     name = "kirbyup";
-    version = "0.9.2";
+    version = "0.10.0";
   }
 });
 
 // src/errors.ts
 function handleError(error) {
   if (error instanceof PrettyError) {
-    console.error(import_chalk.default.red(error.message));
+    console.error(import_nanocolors.default.red(error.message));
   }
   process.exitCode = 1;
 }
-var import_chalk, PrettyError;
+var import_nanocolors, PrettyError;
 var init_errors = __esm({
   "src/errors.ts"() {
     init_cjs_shims();
-    import_chalk = __toModule(require("chalk"));
+    import_nanocolors = __toModule(require("nanocolors"));
     PrettyError = class extends Error {
       constructor(message) {
         super(message);
@@ -121,8 +121,8 @@ var init_utils = __esm({
 function log(message, type = "info") {
   var _a;
   const content = [
-    import_chalk2.default.gray(`[${name}]`),
-    import_chalk2.default[(_a = colorMap.get(type)) != null ? _a : "white"](message)
+    import_nanocolors2.default.gray(`[${name}]`),
+    import_nanocolors2.default[(_a = colorMap.get(type)) != null ? _a : "white"](message)
   ];
   if (type === "error") {
     console.error(...content);
@@ -130,11 +130,11 @@ function log(message, type = "info") {
     console.log(...content);
   }
 }
-var import_chalk2, colorMap;
+var import_nanocolors2, colorMap;
 var init_log = __esm({
   "src/log.ts"() {
     init_cjs_shims();
-    import_chalk2 = __toModule(require("chalk"));
+    import_nanocolors2 = __toModule(require("nanocolors"));
     init_package();
     colorMap = new Map([
       ["info", "yellow"],
@@ -153,23 +153,25 @@ __export(src_exports, {
 async function runViteBuild(options) {
   let result;
   const currentDir = process.cwd();
-  const baseName = "index";
+  const isDev = !!options.watch;
   try {
     result = await (0, import_vite.build)({
       plugins: [(0, import_vite_plugin_vue2.createVuePlugin)()],
       build: {
         lib: {
           entry: (0, import_path.resolve)(currentDir, options.entry),
-          formats: ["es"],
-          fileName: () => `${baseName}.js`
+          formats: ["iife"],
+          name: "kirbyupExport",
+          fileName: () => "index.js"
         },
-        minify: !options.watch,
+        sourcemap: isDev ? "inline" : false,
+        minify: !isDev,
         outDir: currentDir,
         emptyOutDir: false,
         rollupOptions: {
           external: ["vue"],
           output: {
-            assetFileNames: `${baseName}.[ext]`,
+            assetFileNames: "index.[ext]",
             globals: {
               vue: "Vue"
             }
@@ -201,36 +203,36 @@ async function build(_options) {
     const { watch } = await import("chokidar");
     const ignored = [
       "**/{.git,node_modules}/**",
-      "index.js"
+      "index.{css,js}"
     ];
     const watchPaths = typeof options.watch === "boolean" ? (0, import_path.dirname)(options.entry) : Array.isArray(options.watch) ? options.watch.filter((path) => typeof path === "string") : options.watch;
-    log(`Watching for changes in ${Array.isArray(watchPaths) ? watchPaths.map((v) => '"' + v + '"').join(" | ") : '"' + watchPaths + '"'}`);
+    log(`Watching for changes in ${Array.isArray(watchPaths) ? watchPaths.map((i) => `"${i}"`).join(" | ") : `"${watchPaths}"`}`);
     const watcher = watch(watchPaths, {
       ignoreInitial: true,
       ignorePermissionErrors: true,
       ignored
     });
     watcher.on("all", async (type, file) => {
-      log(`${type} ${import_chalk3.default.gray(file)}`);
+      log(`${type} ${import_nanocolors3.default.gray(file)}`);
       debouncedBuild();
     });
   };
   await runViteBuild(options);
   startWatcher();
 }
-var import_path, import_fs, import_vite, import_vite_plugin_vue2, import_chalk3, normalizeOptions;
+var import_path, import_fs, import_nanocolors3, import_vite, import_vite_plugin_vue2, normalizeOptions;
 var init_src = __esm({
   "src/index.ts"() {
     init_cjs_shims();
     import_path = __toModule(require("path"));
     import_fs = __toModule(require("fs"));
+    import_nanocolors3 = __toModule(require("nanocolors"));
     import_vite = __toModule(require("vite"));
     import_vite_plugin_vue2 = __toModule(require("vite-plugin-vue2"));
     init_errors();
     init_utils();
     init_log();
     init_package();
-    import_chalk3 = __toModule(require("chalk"));
     normalizeOptions = async (options) => {
       if (!options.entry) {
         throw new PrettyError(`No input file, try "${name} <path/to/file.js>"`);

package/dist/index.js

@@ -37,11 +37,12 @@ var importMetaUrlShim = typeof document === "undefined" ? new (require("url")).U
 // src/index.ts
 var import_path = __toModule(require("path"));
 var import_fs = __toModule(require("fs"));
+var import_nanocolors3 = __toModule(require("nanocolors"));
 var import_vite = __toModule(require("vite"));
 var import_vite_plugin_vue2 = __toModule(require("vite-plugin-vue2"));
 
 // src/errors.ts
-var import_chalk = __toModule(require("chalk"));
+var import_nanocolors = __toModule(require("nanocolors"));
 var PrettyError = class extends Error {
   constructor(message) {
     super(message);
@@ -55,7 +56,7 @@ var PrettyError = class extends Error {
 };
 function handleError(error) {
   if (error instanceof PrettyError) {
-    console.error(import_chalk.default.red(error.message));
+    console.error(import_nanocolors.default.red(error.message));
   }
   process.exitCode = 1;
 }
@@ -87,11 +88,11 @@ function debouncePromise(fn, delay, onError) {
 }
 
 // src/log.ts
-var import_chalk2 = __toModule(require("chalk"));
+var import_nanocolors2 = __toModule(require("nanocolors"));
 
 // package.json
 var name = "kirbyup";
-var version = "0.9.2";
+var version = "0.10.0";
 
 // src/log.ts
 var colorMap = new Map([
@@ -102,8 +103,8 @@ var colorMap = new Map([
 function log(message, type = "info") {
   var _a;
   const content = [
-    import_chalk2.default.gray(`[${name}]`),
-    import_chalk2.default[(_a = colorMap.get(type)) != null ? _a : "white"](message)
+    import_nanocolors2.default.gray(`[${name}]`),
+    import_nanocolors2.default[(_a = colorMap.get(type)) != null ? _a : "white"](message)
   ];
   if (type === "error") {
     console.error(...content);
@@ -113,27 +114,28 @@ function log(message, type = "info") {
 }
 
 // src/index.ts
-var import_chalk3 = __toModule(require("chalk"));
 async function runViteBuild(options) {
   let result;
   const currentDir = process.cwd();
-  const baseName = "index";
+  const isDev = !!options.watch;
   try {
     result = await (0, import_vite.build)({
       plugins: [(0, import_vite_plugin_vue2.createVuePlugin)()],
       build: {
         lib: {
           entry: (0, import_path.resolve)(currentDir, options.entry),
-          formats: ["es"],
-          fileName: () => `${baseName}.js`
+          formats: ["iife"],
+          name: "kirbyupExport",
+          fileName: () => "index.js"
         },
-        minify: !options.watch,
+        sourcemap: isDev ? "inline" : false,
+        minify: !isDev,
         outDir: currentDir,
         emptyOutDir: false,
         rollupOptions: {
           external: ["vue"],
           output: {
-            assetFileNames: `${baseName}.[ext]`,
+            assetFileNames: "index.[ext]",
             globals: {
               vue: "Vue"
             }
@@ -174,17 +176,17 @@ async function build(_options) {
     const { watch } = await import("chokidar");
     const ignored = [
       "**/{.git,node_modules}/**",
-      "index.js"
+      "index.{css,js}"
     ];
     const watchPaths = typeof options.watch === "boolean" ? (0, import_path.dirname)(options.entry) : Array.isArray(options.watch) ? options.watch.filter((path) => typeof path === "string") : options.watch;
-    log(`Watching for changes in ${Array.isArray(watchPaths) ? watchPaths.map((v) => '"' + v + '"').join(" | ") : '"' + watchPaths + '"'}`);
+    log(`Watching for changes in ${Array.isArray(watchPaths) ? watchPaths.map((i) => `"${i}"`).join(" | ") : `"${watchPaths}"`}`);
     const watcher = watch(watchPaths, {
       ignoreInitial: true,
       ignorePermissionErrors: true,
       ignored
     });
     watcher.on("all", async (type, file) => {
-      log(`${type} ${import_chalk3.default.gray(file)}`);
+      log(`${type} ${import_nanocolors3.default.gray(file)}`);
       debouncedBuild();
     });
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kirbyup",
-  "version": "0.9.2",
+  "version": "0.10.0",
   "description": "Zero-config bundler for Kirby Panel plugins",
   "files": [
     "dist"
@@ -35,12 +35,13 @@
     "build": "tsup src/cli.ts src/index.ts --target node14 --clean --dts",
     "test": "jest",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
-    "release": "node scripts/release.js"
+    "release": "node scripts/release.js",
+    "prepare": "husky install"
   },
   "dependencies": {
     "cac": "^6.7.3",
-    "chalk": "^4.1.2",
     "chokidar": "^3.5.2",
+    "nanocolors": "^0.2.10",
     "sass": "^1.42.1",
     "vite": "^2.5.10",
     "vite-plugin-vue2": "^1.8.2",
@@ -49,17 +50,18 @@
   "devDependencies": {
     "@types/fs-extra": "^9.0.13",
     "@types/jest": "^27.0.2",
-    "@types/node": "^16.9.6",
+    "@types/node": "^16.10.1",
     "conventional-changelog-cli": "^2.1.1",
-    "enquirer": "^2.3.6",
     "execa": "^5.1.1",
     "fast-glob": "^3.2.7",
     "fs-extra": "^10.0.0",
-    "jest": "^27.2.1",
+    "jest": "^27.2.2",
     "prettier": "^2.4.1",
+    "prompts": "^2.4.1",
     "ts-essentials": "^8.1.0",
     "ts-jest": "^27.0.5",
-    "tsup": "^5.1.0",
-    "typescript": "^4.4.3"
+    "tsup": "^5.2.1",
+    "typescript": "^4.4.3",
+    "husky": "^7.0.2"
   }
 }