kirbyup 3.3.0 → 3.4.1

package/README.md

@@ -46,7 +46,7 @@ Having installed kirbyup, you can add the following scripts as shortcuts to the
     "build": "kirbyup src/index.js"
   },
   "devDependencies": {
-    "kirbyup": "^3.1.3"
+    "kirbyup": "^3.4.0"
   }
 }
 ```

package/bin/kirbyup.mjs

@@ -1,3 +1,3 @@
 #!/usr/bin/env node
 'use strict'
-import('../dist/node/cli.mjs')
+import('../dist/node/cli.js')

package/dist/client/config.d.ts

@@ -1,6 +1,6 @@
-import { U as UserConfig } from '../shared/kirbyup.DNMktHWN.js';
-import 'vite';
+import { UserConfig } from "../node/types.js";
 
+//#region src/client/config.d.ts
 declare function defineConfig(config: UserConfig): UserConfig;
-
-export { defineConfig };
+//#endregion
+export { defineConfig };

package/dist/client/config.js

@@ -0,0 +1,7 @@
+//#region src/client/config.ts
+function defineConfig(config) {
+	return config;
+}
+
+//#endregion
+export { defineConfig };

package/dist/client/plugin.d.ts

@@ -1,12 +1,7 @@
-declare const kirbyup: Readonly<{
-    /**
-     * Auto-import Kirby Panel components, transformed by
-     * kirbyup's glob-import plugin for Vite.
-     *
-     * @example
-     * kirbyup.import('./components/blocks/*.vue')
-     */
-    import(glob: string): Record<string, any>;
-}>;
-
-export { kirbyup };
+//#region src/client/plugin.d.ts
+interface KirbyupUtilities {
+  import: (glob: string) => Record<string, any>;
+}
+declare const kirbyup: Readonly<KirbyupUtilities>;
+//#endregion
+export { KirbyupUtilities, kirbyup };

package/dist/client/plugin.js

@@ -0,0 +1,14 @@
+//#region src/client/plugin.ts
+const kirbyup = Object.freeze({ import(glob) {
+	const modules = glob;
+	return Object.entries(modules).reduce((accumulator, [path, component]) => {
+		accumulator[getComponentName(path)] = component.default;
+		return accumulator;
+	}, {});
+} });
+function getComponentName(path) {
+	return path.substring(path.lastIndexOf("/") + 1, path.lastIndexOf(".")).toLowerCase();
+}
+
+//#endregion
+export { kirbyup };

package/dist/node/cli-start.js

@@ -0,0 +1,42 @@
+import { name, version } from "../package.js";
+import { build, serve } from "./index.js";
+import { cac } from "cac";
+
+//#region src/node/cli-start.ts
+async function startCli(cwd = process.cwd(), argv = process.argv) {
+	const cli = cac(name);
+	cli.command("<file>", "Compile the Kirby Panel plugin to index.js and index.css").option("-d, --out-dir <dir>", "Output directory", { default: cwd }).option("-w, --watch [path]", "Watch for file changes. If no path is specified, the folder of the input file will be watched", { default: false }).example("kirbyup src/index.js").example("kirbyup src/index.js --out-dir ~/kirby-site/site/plugins/demo").example("kirbyup src/index.js --watch src/**/*.{js,css} --watch assets/*\n").action(async (file, options) => {
+		process.env.NODE_ENV ||= options.watch ? "development" : "production";
+		await build({
+			cwd,
+			entry: file,
+			...options
+		});
+	});
+	cli.command("serve <file>", "Start development server with live reload").option("--no-watch", "Don't watch .php files for changes", { default: "\0" }).option("-w, --watch <path>", "Watch additional files", { default: "./**/*.php" }).option("-p, --port <number>", "Port for the development server", { default: 5177 }).option("-d, --out-dir <dir>", "Output directory").example("kirbyup serve src/index.js").example("kirbyup serve src/index.js --no-watch --port 3003").example("kirbyup serve src/index.js --watch snippets/*.php --watch templates/*.php\n").action(async (file, options) => {
+		process.env.NODE_ENV ||= "development";
+		const server = await serve({
+			cwd,
+			entry: file,
+			...options
+		});
+		const exitProcess = async () => {
+			try {
+				await server.close();
+			} finally {
+				process.exit();
+			}
+		};
+		process.once("SIGINT", exitProcess);
+	});
+	cli.help((s) => s.map((msg) => ({
+		...msg,
+		body: msg.body.replace(" (default: \0)", "")
+	})));
+	cli.version(version);
+	cli.parse(argv, { run: false });
+	await cli.runMatchedCommand();
+}
+
+//#endregion
+export { startCli };

package/dist/node/cli.d.ts

@@ -1,2 +1 @@
-
-export { };
+export {};

package/dist/node/cli.js

@@ -0,0 +1,8 @@
+import { handleError } from "./errors.js";
+import { startCli } from "./cli-start.js";
+
+//#region src/node/cli.ts
+startCli().catch(handleError);
+
+//#endregion
+export {  };

package/dist/node/config.js

@@ -0,0 +1,22 @@
+import { loadConfig } from "c12";
+import postcssrc from "postcss-load-config";
+
+//#region src/node/config.ts
+function loadConfig$1(cwd = process.cwd()) {
+	return loadConfig({
+		cwd,
+		name: "kirbyup",
+		rcFile: false,
+		packageJson: false
+	});
+}
+async function resolvePostCSSConfig(cwd) {
+	try {
+		return await postcssrc(void 0, void 0, { stopDir: cwd });
+	} catch (error) {
+		if (!error.message.includes("No PostCSS Config found")) throw error;
+	}
+}
+
+//#endregion
+export { loadConfig$1 as loadConfig, resolvePostCSSConfig };

package/dist/node/errors.js

@@ -0,0 +1,18 @@
+import { consola } from "consola";
+
+//#region src/node/errors.ts
+var PrettyError = class extends Error {
+	constructor(message) {
+		super(message);
+		this.name = this.constructor.name;
+		if (typeof Error.captureStackTrace === "function") Error.captureStackTrace(this, this.constructor);
+		else this.stack = new Error(message).stack;
+	}
+};
+function handleError(error) {
+	consola.error(error.message);
+	process.exitCode = 1;
+}
+
+//#endregion
+export { PrettyError, handleError };

package/dist/node/index.d.ts

@@ -1,7 +1,8 @@
-import * as vite from 'vite';
-import { B as BuildOptions, S as ServeOptions } from '../shared/kirbyup.DNMktHWN.js';
+import { BuildOptions, ServeOptions } from "./types.js";
+import { ViteDevServer } from "vite";
 
+//#region src/node/index.d.ts
 declare function build(options: BuildOptions): Promise<void>;
-declare function serve(options: ServeOptions): Promise<vite.ViteDevServer>;
-
-export { build, serve };
+declare function serve(options: ServeOptions): Promise<ViteDevServer>;
+//#endregion
+export { build, serve };

package/dist/node/index.js

@@ -0,0 +1,175 @@
+import { name, version } from "../package.js";
+import { loadConfig, resolvePostCSSConfig } from "./config.js";
+import { PrettyError, handleError } from "./errors.js";
+import kirbyupBuildCleanupPlugin from "./plugins/build-cleanup.js";
+import kirbyupGlobImportPlugin from "./plugins/glob-import.js";
+import kirbyupHmrPlugin from "./plugins/hmr.js";
+import { printFileInfo, toArray } from "./utils.js";
+import * as fs from "node:fs";
+import * as fsp from "node:fs/promises";
+import vuePlugin from "@vitejs/plugin-vue2";
+import vueJsxPlugin from "@vitejs/plugin-vue2-jsx";
+import { consola } from "consola";
+import { colors } from "consola/utils";
+import { basename, dirname, resolve } from "pathe";
+import { debounce } from "perfect-debounce";
+import externalGlobals from "rollup-plugin-external-globals";
+import { build as build$1, createLogger, createServer, mergeConfig } from "vite";
+import fullReloadPlugin from "vite-plugin-full-reload";
+import * as vueCompilerSfc from "vue/compiler-sfc";
+
+//#region src/node/index.ts
+let resolvedKirbyupConfig;
+let resolvedPostCssConfig;
+const logLevel = "warn";
+const logger = createLogger(logLevel);
+const loggerWarn = logger.warn;
+logger.warn = (msg, options) => {
+	if (msg.includes("(!) build.outDir")) return;
+	loggerWarn(msg, options);
+};
+function getViteConfig(command, options) {
+	const aliasDir = resolve(options.cwd, dirname(options.entry));
+	const { alias = {}, vite, extendViteConfig } = resolvedKirbyupConfig;
+	const userConfig = vite ?? extendViteConfig ?? {};
+	const sharedConfig = {
+		resolve: { alias: {
+			"~/": `${aliasDir}/`,
+			"@/": `${aliasDir}/`,
+			...alias
+		} },
+		plugins: [
+			vuePlugin({ compiler: vueCompilerSfc }),
+			vueJsxPlugin(),
+			kirbyupGlobImportPlugin(),
+			{
+				...externalGlobals({ vue: "Vue" }),
+				enforce: "post"
+			}
+		],
+		build: { copyPublicDir: false },
+		...resolvedPostCssConfig && { css: { postcss: resolvedPostCssConfig } },
+		envDir: options.cwd,
+		envPrefix: ["VITE_", "KIRBYUP_"],
+		customLogger: logger,
+		logLevel
+	};
+	if (command === "serve") {
+		const { port, watch } = options;
+		const serveConfig = mergeConfig(sharedConfig, {
+			plugins: [kirbyupHmrPlugin(options), watch && fullReloadPlugin(watch)].filter(Boolean),
+			build: { rollupOptions: { input: resolve(options.cwd, options.entry) } },
+			server: {
+				port,
+				strictPort: true,
+				origin: `http://localhost:${port}`
+			}
+		});
+		return mergeConfig(serveConfig, userConfig);
+	}
+	const mode = options.watch ? "development" : "production";
+	const buildConfig = mergeConfig(sharedConfig, {
+		mode,
+		plugins: [kirbyupBuildCleanupPlugin(options)],
+		build: {
+			lib: {
+				entry: resolve(options.cwd, options.entry),
+				formats: ["iife"],
+				name: "kirbyupExport",
+				fileName: () => "index.js"
+			},
+			minify: mode === "production",
+			outDir: options.outDir,
+			emptyOutDir: false,
+			rollupOptions: { output: { assetFileNames: "index.[ext]" } }
+		}
+	});
+	return mergeConfig(buildConfig, userConfig);
+}
+async function generate(options) {
+	const config = getViteConfig("build", options);
+	let result;
+	try {
+		result = await build$1(config);
+	} catch (error) {
+		consola.error("Build failed");
+		if (config.mode === "production") throw error;
+	}
+	if (result && !options.watch) {
+		const { output } = toArray(result)[0];
+		let maxLength = 0;
+		for (const chunkFile in output) {
+			const fileNameLength = output[chunkFile].fileName.length;
+			if (fileNameLength > maxLength) maxLength = fileNameLength;
+		}
+		for (const { fileName, type, code } of output) {
+			const content = code || await fsp.readFile(resolve(options.outDir, fileName), "utf8");
+			await printFileInfo({
+				root: options.cwd,
+				outDir: options.outDir,
+				filePath: fileName,
+				content,
+				type,
+				maxLength
+			});
+		}
+	}
+	return result;
+}
+async function build(options) {
+	assertEntryExists(options);
+	const { cwd } = options;
+	const { config, configFile } = await loadConfig(cwd);
+	resolvedKirbyupConfig = config ?? {};
+	resolvedPostCssConfig = await resolvePostCSSConfig(cwd);
+	consola.log(colors.green(`${name} v${version}`));
+	consola.start(`Building ${colors.cyan(options.entry)}`);
+	if (options.watch) consola.info("Running in watch mode");
+	const debouncedBuild = debounce(async () => {
+		generate(options).catch(handleError);
+	}, 100);
+	const startWatcher = async () => {
+		if (!options.watch) return;
+		const { watch } = await import("chokidar");
+		const ignored = ["**/{.git,node_modules}/**", "index.{css,js}"];
+		const watchPaths = typeof options.watch === "boolean" ? dirname(options.entry) : Array.isArray(options.watch) ? options.watch.filter((path) => typeof path === "string") : options.watch;
+		consola.info(`Watching for changes in ${toArray(watchPaths).map((i) => colors.cyan(i)).join(", ")}`);
+		const watcher = watch(watchPaths, {
+			ignoreInitial: true,
+			ignorePermissionErrors: true,
+			ignored,
+			cwd
+		});
+		if (configFile) watcher.add(configFile);
+		watcher.on("all", async (type, file) => {
+			const absolutePath = resolve(cwd, file);
+			if (configFile === absolutePath) {
+				resolvedKirbyupConfig = (await loadConfig(cwd)).config ?? {};
+				consola.info(`${colors.cyan(basename(file))} changed, setting new config`);
+			} else consola.log(`${colors.green(type)} ${colors.white(colors.dim(file))}`);
+			debouncedBuild();
+		});
+	};
+	await generate(options);
+	consola.success("Build successful");
+	startWatcher();
+}
+async function serve(options) {
+	assertEntryExists(options);
+	const { cwd } = options;
+	const { config } = await loadConfig(cwd);
+	resolvedKirbyupConfig = config ?? {};
+	resolvedPostCssConfig = await resolvePostCSSConfig(cwd);
+	consola.log(colors.green(`${name} v${version}`));
+	consola.info("Starting development server...");
+	const server = await createServer(getViteConfig("serve", options));
+	await server.listen();
+	consola.success(`Server is listening on :${server.config.server.port}`);
+	return server;
+}
+function assertEntryExists(options) {
+	if (!fs.existsSync(resolve(options.cwd, options.entry))) throw new PrettyError(`Cannot find "${options.entry}"`);
+}
+
+//#endregion
+export { build, serve };

package/dist/node/plugins/build-cleanup.js

@@ -0,0 +1,21 @@
+import * as fs from "node:fs";
+import { resolve } from "pathe";
+
+//#region src/node/plugins/build-cleanup.ts
+function kirbyupBuildCleanupPlugin(options) {
+	let config;
+	let devIndexPath;
+	return {
+		name: "kirbyup:build-cleanup",
+		configResolved(resolvedConfig) {
+			config = resolvedConfig;
+			devIndexPath = resolve(config.root, options.outDir, "index.dev.mjs");
+		},
+		writeBundle() {
+			if (fs.existsSync(devIndexPath)) fs.unlinkSync(devIndexPath);
+		}
+	};
+}
+
+//#endregion
+export { kirbyupBuildCleanupPlugin as default };

package/dist/node/plugins/glob-import.js

@@ -0,0 +1,35 @@
+import { multilineCommentsRE, singlelineCommentsRE } from "./utils.js";
+import MagicString from "magic-string";
+
+//#region src/node/plugins/glob-import.ts
+/**
+* Transforms `kirbyup.import(<path>)` to `kirbyup.import(import.meta.glob(<path>, { eager: true }))`
+*/
+function kirbyupGlobImportPlugin() {
+	let config;
+	return {
+		name: "kirbyup:glob-import",
+		configResolved(resolvedConfig) {
+			config = resolvedConfig;
+		},
+		async transform(code) {
+			if (!code.includes("kirbyup.import")) return;
+			const kirbyupImportRE = /\bkirbyup\.import\s*\(\s*('[^']+'|"[^"]+"|`[^`]+`)\s*\)/g;
+			const noCommentsCode = code.replace(multilineCommentsRE, (m) => " ".repeat(m.length)).replace(singlelineCommentsRE, (m) => " ".repeat(m.length));
+			let s;
+			let match;
+			while (match = kirbyupImportRE.exec(noCommentsCode)) {
+				const { 0: exp, 1: rawPath, index } = match;
+				if (!s) s = new MagicString(code);
+				s.overwrite(index, index + exp.length, `kirbyup.import(import.meta.glob(${rawPath}, { eager: true }))`);
+			}
+			if (s) return {
+				code: s.toString(),
+				map: config.build.sourcemap ? s.generateMap({ hires: true }) : void 0
+			};
+		}
+	};
+}
+
+//#endregion
+export { kirbyupGlobImportPlugin as default };

package/dist/node/plugins/hmr.js

@@ -0,0 +1,57 @@
+import { __INJECTED_HMR_CODE__, isHmrRuntimeId } from "./utils.js";
+import * as fs from "node:fs";
+import * as fsp from "node:fs/promises";
+import { resolve } from "pathe";
+import { detectPackageManager } from "nypm";
+
+//#region src/node/plugins/hmr.ts
+function kirbyupHmrPlugin(options) {
+	let config;
+	let entry;
+	let devIndexPath;
+	return {
+		name: "kirbyup:hmr",
+		apply: "serve",
+		configResolved(resolvedConfig) {
+			config = resolvedConfig;
+			entry = resolve(config.root, options.entry);
+			devIndexPath = resolve(config.root, options.outDir || "", "index.dev.mjs");
+		},
+		transform(code, id) {
+			if (isHmrRuntimeId(id)) return code.replace(/^.*=\s*record\.Ctor\.super\.extend\(options\)/m, "$_applyKirbyModifications(record.Ctor.options, options) // injected by kirbyup\n$&") + __INJECTED_HMR_CODE__;
+		},
+		configureServer(server) {
+			if (!server.httpServer) return;
+			server.httpServer.once("listening", async () => {
+				const entryPath = entry.replace(`${config.root}/`, "");
+				const { address, family, port } = server.httpServer.address();
+				const baseUrl = `http://${family === "IPv6" ? `[${address}]` : address}:${port}${config.base}`;
+				const entryUrl = new URL(entryPath, baseUrl).href;
+				const pm = await detectPackageManager(config.root);
+				await fsp.writeFile(devIndexPath, getViteProxyModule(entryUrl, pm));
+			});
+		},
+		closeBundle() {
+			if (fs.existsSync(devIndexPath)) fs.unlinkSync(devIndexPath);
+		}
+	};
+}
+/**
+* Proxy the JS file to "forward" the plugin script loaded by Kirby to the Vite server
+*/
+function getViteProxyModule(entryUrl, packageManager) {
+	const pm = packageManager?.name || "npm";
+	return `
+try {
+  await import("${entryUrl}");
+} catch (err) {
+  console.error(
+    "[kirbyup] Couldn't connect to the development server. Run \`${pm} run serve\` to start Vite or build the plugin with \`${pm} run build\` so Kirby uses the production version."
+  );
+  throw err;
+}
+`.trimStart();
+}
+
+//#endregion
+export { kirbyupHmrPlugin as default };

package/dist/node/plugins/utils.js

@@ -0,0 +1,113 @@
+//#region src/node/plugins/utils.ts
+const multilineCommentsRE = /\/\*(.|[\r\n])*?\*\//g;
+const singlelineCommentsRE = /\/\/.*/g;
+const HMR_RUNTIME_ID = "\0plugin-vue2:hmr-runtime";
+const JSX_HMR_RUNTIME_ID = "plugin-vue2-jsx:hmr-runtime";
+function isHmrRuntimeId(id) {
+	return id === HMR_RUNTIME_ID || id === JSX_HMR_RUNTIME_ID;
+}
+/**
+* This code is injected into the HMR runtime of plugin-vue2(-jsx).
+*
+* All `.vue` components register themselves once with the HMR runtime, so their exported
+* component definitions can be stored in a map, alongside the rendered component instances
+* that are based off this definition. When a module is updated, the runtime applies all
+* changes from the updated module to the stored definition, then re-renders the instances.
+*
+* ```js
+* {
+*   [id]: { options: ComponentDefinition, instances: [...] }
+* }
+* ```
+*
+* However, in some cases (sections and blocks) Kirby does not actually register the
+* object that is exported from a `.vue` file (and stored as definition) as component,
+* instead it creates a new object and merges the definition from the `.vue` file in:
+* https://github.com/getkirby/kirby/blob/main/panel/public/js/plugins.js#L22-L25
+* After changes, the runtime updates the definition and re-renders the instances, but since
+* they are derived from the object created by Kirby, not the stored definition, nothing happens.
+* To fix that, we wrap `rerender()` and `reload()` so that before applying the updates, we first check
+* if the updated definition belongs to a component added by a Kirby plugin. To do so, we can check
+* whether the `__file` (added by plugin-vue2) or `__hmrId` (added by plugin-vue2-jsx) properties of the
+* updated module and the plugin component match. If so, we look up the component definition that is
+* _actually_ used by component instances rendered on the page (`window.panel.app.$options.components`)
+* and if it differs from the one stored in the HMR runtime's map, we updates the map's reference.
+*
+* We also check the component name and add a `$_isSection` flag if it's `k-something-section`, because
+* section components are hard to detect and need special treatment in `$_applyKirbyModifications`.
+*
+* `$_applyKirbyModifications`:
+*
+* Kirby modifies component definitions before registering components.
+* This includes adding the section mixin to section components,
+* giving templates priority over render functions if both exist
+* and resolving component names in `extends` to their definition object:
+* https://github.com/getkirby/kirby/blob/2965c3124e3b141072a2d46c798a327dda710060/panel/src/panel/plugins.js
+* When a module is reloaded, Vue receives a fresh component definition that is
+* missing these modifications. We need to re-apply them, else the runtime will
+* prune them when patching the stored definition to match the newer one.
+*
+* The call to `$_applyKirbyModifications()` is injected into `__VUE_HMR_RUNTIME__.reload()`
+* at the appropriate position using a RegExp in the Vite plugin's transform method.
+*/
+const __INJECTED_HMR_CODE__ = `
+/** - injected by kirbyup - */
+for (const methodName of ['rerender', 'reload']) {
+  const original = __VUE_HMR_RUNTIME__[methodName]
+
+  __VUE_HMR_RUNTIME__[methodName] = function (id, updatedDef) {
+    const key = updatedDef?.__file ? '__file' : updatedDef?.__hmrId ? '__hmrId' : null
+
+    if (key) {
+      const pluginComponents = window.panel.plugins.components
+      // const usedComponentDefs = window.panel.app.$options.components
+      const usedComponentDefs = window.panel.app._vnode.componentInstance.$options.components // #33
+
+      for (const componentName in pluginComponents) {
+        if (updatedDef[key] === pluginComponents[componentName][key]) {
+          const usedDefinition = usedComponentDefs[componentName].options
+
+          if (map[id].options !== usedDefinition)
+            map[id].options = usedDefinition
+
+          if (typeof map[id].options.$_isSection !== 'boolean')
+            map[id].options.$_isSection = /^k-.*-section$/.test(componentName)
+
+          break
+        }
+      }
+    }
+
+    return original.apply(this, arguments)
+  }
+}
+
+function $_applyKirbyModifications(activeDef, newDef) {
+  const usedComponentDefs = window.panel.app.$options.components
+
+  if (newDef.template)
+    newDef.render = null
+
+  if (activeDef.$_isSection)
+    newDef.$_isSection = true
+  if (newDef.$_isSection && !newDef.mixins?.[0]?.methods?.load)
+    newDef.mixins = [activeDef.mixins[0], ...(newDef.mixins || [])]
+
+  if (typeof newDef.extends === 'string') {
+    if (newDef.extends === activeDef.extends?.options?.name) {
+      newDef.extends = activeDef.extends
+    }
+    else if (usedComponentDefs[newDef.extends]) {
+      newDef.extends = usedComponentDefs[newDef.extends].extend({
+        options: newDef,
+        components: { ...usedComponentDefs, ...(newDef.components || {}) },
+      })
+    }
+    else { newDef.extends = null }
+  }
+}
+/** -- */
+`;
+
+//#endregion
+export { __INJECTED_HMR_CODE__, isHmrRuntimeId, multilineCommentsRE, singlelineCommentsRE };

package/dist/node/types.d.ts

@@ -0,0 +1,44 @@
+import { AliasOptions, InlineConfig } from "vite";
+
+//#region src/node/types.d.ts
+interface BaseOptions {
+  cwd: string;
+  entry: string;
+}
+interface ServeOptions extends BaseOptions {
+  watch: false | string | string[];
+  port: number;
+  outDir?: string;
+}
+interface BuildOptions extends BaseOptions {
+  outDir: string;
+  watch: boolean | string | string[];
+}
+interface UserConfig {
+  /**
+  * Specifies an object or an array of objects, which defines aliases
+  * used to replace values in `import` statements.
+  * With either format, the order of the entries is important,
+  * in that the first defined rules are applied first.
+  */
+  alias?: AliasOptions;
+  /**
+  * Extends Vite's configuration. Will be merged with kirbyup's
+  * default configuration. For example, you can define global constant replacements.
+  *
+  * @example
+  * export default defineConfig({
+  *   vite: {
+  *    define: {
+  *     __TEST__: JSON.stringify(process.env.TEST === 'true'),
+  *   },
+  * })
+  */
+  vite?: InlineConfig;
+  /**
+  * @deprecated Use `vite` instead.
+  */
+  extendViteConfig?: InlineConfig;
+}
+//#endregion
+export { BuildOptions, ServeOptions, UserConfig };

package/dist/node/utils.js

@@ -0,0 +1,26 @@
+import { consola } from "consola";
+import { colors } from "consola/utils";
+import { normalize, relative, resolve } from "pathe";
+import { Buffer } from "node:buffer";
+import { promisify } from "node:util";
+import { gzip } from "node:zlib";
+
+//#region src/node/utils.ts
+const compress = promisify(gzip);
+function toArray(array) {
+	array ??= [];
+	return Array.isArray(array) ? array : [array];
+}
+async function getCompressedSize(code) {
+	return ` / gzip: ${((await compress(typeof code === "string" ? code : Buffer.from(code))).length / 1024).toFixed(2)} KiB`;
+}
+async function printFileInfo({ root, outDir, filePath, content, type, maxLength }) {
+	const prettyOutDir = `${normalize(relative(root, resolve(root, outDir)))}/`;
+	const kibs = content.length / 1024;
+	const compressedSize = await getCompressedSize(content);
+	const writeColor = type === "chunk" ? colors.cyan : colors.magenta;
+	consola.log(colors.white(colors.dim(prettyOutDir)) + writeColor(filePath.padEnd(maxLength + 2)) + colors.dim(`${kibs.toFixed(2)} kB${compressedSize}`));
+}
+
+//#endregion
+export { printFileInfo, toArray };

package/dist/package.js

@@ -0,0 +1,6 @@
+//#region package.json
+var name = "kirbyup";
+var version = "3.4.1";
+
+//#endregion
+export { name, version };