kirbyup 1.3.0 → 2.0.0-beta.0

package/LICENSE

@@ -1,6 +1,7 @@
 MIT License
 
-Copyright (c) 2021-2022 Johann Schopplich
+Copyright (c) 2021-2022 Johann Schopplich <https://github.com/johannschopplich>
+Copyright (c) 2022 Jonas Kuske <https://github.com/jonaskuske>
 
 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

@@ -8,7 +8,7 @@ The fastest and leanest way to bundle your Kirby Panel plugins. No configuration
 
 - 🍂 Lightweight, robust and tested
 - ⚡️ Fast compilation with Vite/esbuild
-- 🔍 Watch mode
+- 🔄 Hot Module Replacement and watch mode
 - \*️⃣ `kirbyup.import` to [auto-import blocks & fields](#auto-import-blocks-and-fields)
 - 🎒 [PostCSS support](#postcss)
 - 🧭 [Path resolve aliases](#path-resolve-aliases)
@@ -36,7 +36,7 @@ If you want to use kirbyup right away, there is no need to install it. Simply ca
 ```json
 {
   "scripts": {
-    "dev": "npx -y kirbyup src/index.js --watch",
+    "dev": "npx -y kirbyup serve src/index.js",
     "build": "npx -y kirbyup src/index.js"
   }
 }
@@ -55,7 +55,7 @@ Example package configuration:
 ```json
 {
   "scripts": {
-    "dev": "kirbyup src/index.js --watch",
+    "dev": "kirbyup serve src/index.js",
     "build": "kirbyup src/index.js"
   },
   "devDependencies": {
@@ -70,23 +70,13 @@ Global installation is supported as well, but not recommended.
 
 ### Development
 
-Rebuild the Panel plugin on any file changes:
+Start a development server for the Panel plugin:
 
 ```bash
-kirbyup src/index.js --watch
+kirbyup serve src/index.js
 ```
 
-You can also specify the directories to be watched. By default, if no path is specified, kirbyup watches the directory specified by the input file (`src` for the example above).
-
-```bash
-kirbyup src/index.js --watch src
-```
-
-You can specify more than a single directory:
-
-```bash
-kirbyup src/index.js --watch src --watch libs
-```
+This creates `./index.dev.mjs`, telling Kirby to load the development version of the plugin from the dev server started by `kirbyup serve`, enhanced by features like hot module replacement and auto-reload.
 
 ### Production
 
@@ -94,7 +84,7 @@ kirbyup src/index.js --watch src --watch libs
 kirbyup src/index.js
 ```
 
-The final panel plugin will be bundled, minified, and written into the current directory as `./index.js`.
+The final panel plugin will be bundled, minified, and written into the current directory as `./index.js` and `./index.css`.
 
 ## Built-in Features
 
@@ -194,7 +184,7 @@ Create a `kirbyup.config.js` or `kirbyup.config.ts` configuration file the root-
 
 ```js
 import { resolve } from 'path'
-import { defineConfig } from 'kirbyup'
+import { defineConfig } from 'kirbyup/config'
 
 export default defineConfig({
   alias: {
@@ -222,15 +212,37 @@ For a complete list of options, take a look at the [Vite configuration options](
 
 ## Options
 
-> Inspect all available options with `kirbyup --help`.
+> Inspect all available options with `kirbyup --help` and `kirbyup serve --help`.
+
+### `kirbyup <input>`
 
-### `--out-dir`
+##### `--out-dir <dir>`
 
 The output directory to save the processed code into. Defaults to the current working directory.
 
-### `--watch`
+##### `--watch [path]`
+
+Enables watch mode. If no path is specified, kirbyup watches the folder of the input file. Repeat `--watch` for multiple paths.
+
+### `kirbyup serve <input>`
 
-Sets the watch mode. If no path is specified, kirbyup watches the folder of the input file. Repeat `--watch` for multiple paths.
+##### `--port <port>`
+
+The port for the development server to run on. Defaults to `5177`.
+
+##### `--out-dir <dir>`
+
+The output directory where the plugin file read by Kirby is saved. Defaults to the project root.
+
+##### `--watch <path>`
+
+Specifies additional files that should be watched for changes, with changes causing the page to reload. Repeat `--watch` for multiple paths.
+
+> 💡 By default, kirbyup will watch all PHP files (`./**/*.php`) in the plugin directory and reload the page if it detects changes. Using `--watch` to set your own path overrides this setting, so you need to add the PHP glob explicitly if you want to keep the behavior: `--watch ./my/files/* --watch ./**/*.php`
+
+##### `--no-watch`
+
+Disables the default behavior of watching all PHP files for changes.
 
 ## Credits
 
@@ -239,4 +251,6 @@ Sets the watch mode. If no path is specified, kirbyup watches the folder of the
 
 ## License
 
-[MIT](./LICENSE) License © 2021 [Johann Schopplich](https://github.com/johannschopplich)
+[MIT](./LICENSE) License © 2021-2022 [Johann Schopplich](https://github.com/johannschopplich)
+
+[MIT](./LICENSE) License © 2022 [Jonas Kuske](https://github.com/jonaskuske)

package/dist/cli.mjs

@@ -1,5 +1,5 @@
 import { cac } from 'cac';
-import { n as name, b as build, v as version, h as handleError } from './chunks/index.mjs';
+import { n as name, b as build, s as serve, v as version, h as handleError } from './shared/kirbyup.275c66c6.mjs';
 import 'node:fs';
 import 'node:fs/promises';
 import 'pathe';
@@ -14,27 +14,36 @@ import 'postcss-dir-pseudo-class';
 import 'consola';
 import 'perfect-debounce';
 import 'picocolors';
+import 'vite-plugin-full-reload';
 import 'zlib';
 import 'util';
 import 'unconfig';
 import 'magic-string';
+import 'detect-package-manager';
 
-async function startCli(cwd = process.cwd(), argv = process.argv, options = {}) {
+async function startCli(cwd = process.cwd(), argv = process.argv) {
   const cli = cac(name);
-  cli.command("[file]", "Panel input file", {
-    ignoreOptionDefaultValue: true
-  }).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. Repeat "--watch" for multiple paths.').action(async (file, flags) => {
-    Object.assign(options, {
-      cwd,
-      ...flags
-    });
-    if (file)
-      options.entry = file;
-    await build(options);
+  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) => {
+    await build({ cwd, entry: file, ...options });
   });
-  cli.help();
+  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) => {
+    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();

package/dist/config.d.ts

@@ -0,0 +1,6 @@
+import { U as UserConfig } from './types-02ae296f.js';
+import 'vite';
+
+declare function defineConfig(config: UserConfig): UserConfig;
+
+export { defineConfig };

package/dist/config.mjs

@@ -0,0 +1,5 @@
+function defineConfig(config) {
+  return config;
+}
+
+export { defineConfig };

package/dist/index.d.ts

@@ -1,36 +1,7 @@
-import { AliasOptions, InlineConfig } from 'vite';
+import * as vite from 'vite';
+import { B as BuildOptions, S as ServeOptions } from './types-02ae296f.js';
 
-declare type MarkRequired<T, RK extends keyof T> = Exclude<T, RK> & Required<Pick<T, RK>>;
-interface CliOptions {
-    cwd?: string;
-    entry?: string;
-    outDir?: string;
-    watch?: boolean | string | Array<boolean | string>;
-}
-declare type ResolvedCliOptions = MarkRequired<CliOptions, 'cwd' | 'entry'>;
-interface UserConfig {
-    /**
-     * Load from config files
-     * Set to `false` to disable
-     */
-    configFile?: string | false;
-    /**
-     * Specifies an `Object`, or an `Array` of `Object`,
-     * 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. Be careful what to extend.
-     */
-    extendViteConfig?: InlineConfig;
-}
+declare function build(options: BuildOptions): Promise<void>;
+declare function serve(options: ServeOptions): Promise<vite.ViteDevServer>;
 
-declare function defineConfig(config: UserConfig): UserConfig;
-
-declare function resolveOptions(options: CliOptions): Promise<ResolvedCliOptions>;
-declare function build(_options: CliOptions): Promise<void>;
-
-export { build, defineConfig, resolveOptions };
+export { build, serve };

package/dist/index.mjs

@@ -2,13 +2,14 @@ import 'node:fs';
 import 'node:fs/promises';
 import 'pathe';
 import 'vite';
-export { b as build, d as defineConfig, r as resolveOptions } from './chunks/index.mjs';
+export { b as build, s as serve } from './shared/kirbyup.275c66c6.mjs';
 import 'postcss-load-config';
 import 'postcss-logical';
 import 'postcss-dir-pseudo-class';
 import 'consola';
 import 'perfect-debounce';
 import 'picocolors';
+import 'vite-plugin-full-reload';
 import 'fs';
 import 'path';
 import 'module';
@@ -17,3 +18,4 @@ import 'zlib';
 import 'util';
 import 'unconfig';
 import 'magic-string';
+import 'detect-package-manager';

package/dist/plugin.mjs

@@ -1,10 +1,13 @@
 const getComponentName = (path) => path.substring(path.lastIndexOf("/") + 1, path.lastIndexOf(".")).toLowerCase();
 const kirbyup = Object.freeze({
   import(modules) {
-    return Object.entries(modules).reduce((accumulator, [path, component]) => {
-      accumulator[getComponentName(path)] = component.default;
-      return accumulator;
-    }, {});
+    return Object.entries(modules).reduce(
+      (accumulator, [path, component]) => {
+        accumulator[getComponentName(path)] = component.default;
+        return accumulator;
+      },
+      {}
+    );
   }
 });
 

package/dist/{chunks/index.mjs → shared/kirbyup.275c66c6.mjs}

@@ -1,7 +1,7 @@
-import { existsSync as existsSync$1 } from 'node:fs';
-import { readFile } from 'node:fs/promises';
+import { existsSync as existsSync$1, unlinkSync } from 'node:fs';
+import { writeFile, readFile } from 'node:fs/promises';
 import { normalize, relative, resolve as resolve$1, dirname, basename } from 'pathe';
-import { transformWithEsbuild, formatPostcssSourceMap, build as build$1, mergeConfig } from 'vite';
+import { transformWithEsbuild, formatPostcssSourceMap, createServer, mergeConfig, build as build$1 } from 'vite';
 import fs, { existsSync, statSync } from 'fs';
 import path$2, { win32, posix, isAbsolute, resolve } from 'path';
 import { createRequire } from 'module';
@@ -12,10 +12,12 @@ import postcssDirPseudoClass from 'postcss-dir-pseudo-class';
 import consola from 'consola';
 import { debounce } from 'perfect-debounce';
 import colors from 'picocolors';
+import fullReloadPlugin from 'vite-plugin-full-reload';
 import { gzip } from 'zlib';
 import { promisify } from 'util';
 import { createConfigLoader } from 'unconfig';
 import MagicString from 'magic-string';
+import { detect } from 'detect-package-manager';
 
 var utils$3 = {};
 
@@ -3268,7 +3270,7 @@ function vuePlugin(rawOptions = {}) {
 }
 
 const name = "kirbyup";
-const version = "1.3.0";
+const version = "2.0.0-beta.0";
 
 class PrettyError extends Error {
   constructor(message) {
@@ -3301,12 +3303,11 @@ async function printFileInfo(root, outDir, filePath, content, type, maxLength) {
   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)} KiB${compressedSize}`));
+  consola.log(
+    colors.white(colors.dim(prettyOutDir)) + writeColor(filePath.padEnd(maxLength + 2)) + colors.dim(`${kibs.toFixed(2)} KiB${compressedSize}`)
+  );
 }
 
-function defineConfig(config) {
-  return config;
-}
 async function loadConfig(cwd = process.cwd(), configOrPath = cwd, extraConfigSources = []) {
   let inlineConfig = {};
   if (typeof configOrPath !== "string") {
@@ -3366,7 +3367,11 @@ function kirbyupAutoImportPlugin() {
           const { 0: exp, 1: rawPath, index } = match;
           if (!s)
             s = new MagicString(code);
-          s.overwrite(index, index + exp.length, `kirbyup.import(import.meta.globEager(${rawPath}))`);
+          s.overwrite(
+            index,
+            index + exp.length,
+            `kirbyup.import(import.meta.glob(${rawPath}, { eager: true }))`
+          );
         }
         if (s) {
           return {
@@ -3380,17 +3385,105 @@ function kirbyupAutoImportPlugin() {
   };
 }
 
+const __HMR_CODE__ = `
+if (typeof __VUE_HMR_RUNTIME__ !== 'undefined' && import.meta.hot) {
+  __VUE_HMR_RUNTIME__.reload = () => import.meta.hot.invalidate();
+}`.trim();
+const getViteProxyModule = (entryUrl, pm) => `
+try {
+  await import("${entryUrl}");
+} catch (err) {
+  console.error(
+    "[kirbyup] Couldn't connect to the development server. Run \`${pm} run dev\` to start Vite or build the plugin with \`${pm} run build\` so Kirby uses the production version."
+  );
+  throw err;
+}`.trim();
+function kirbyupHmrPlugin(options) {
+  let config;
+  let entry;
+  let indexMjs;
+  return {
+    name: "kirbyup:hmr",
+    apply: "serve",
+    configResolved(resolvedConfig) {
+      config = resolvedConfig;
+      entry = resolve$1(config.root, options.entry);
+      indexMjs = resolve$1(config.root, options.outDir || "", "index.dev.mjs");
+    },
+    transform(code, id) {
+      const { query } = parseVueRequest(id);
+      if (query.raw)
+        return;
+      if ((typeof id !== "string" || /\0/.test(id)) && !query.vue)
+        return;
+      if (/\.vue$/.test(id) && !query.vue)
+        return `${code};${__HMR_CODE__}`;
+    },
+    configureServer(server) {
+      if (!server.httpServer)
+        return;
+      server.httpServer.once("listening", async () => {
+        const entryPath = entry.replace(`${config.root}/`, "");
+        const { address, port } = server.httpServer.address();
+        const baseUrl = `http://${address}:${port}${config.base}`;
+        const entryUrl = new URL(entryPath, baseUrl).href;
+        const pm = await detect().catch(() => "npm");
+        await writeFile(indexMjs, getViteProxyModule(entryUrl, pm));
+      });
+    },
+    closeBundle() {
+      if (existsSync$1(indexMjs))
+        unlinkSync(indexMjs);
+    }
+  };
+}
+
+function kirbyupBuildCleanupPlugin(options) {
+  let config;
+  let indexMjs;
+  return {
+    name: "kirbyup:build-cleanup",
+    configResolved(resolvedConfig) {
+      config = resolvedConfig;
+      indexMjs = resolve$1(config.root, options.outDir, "index.dev.mjs");
+    },
+    writeBundle() {
+      if (existsSync$1(indexMjs))
+        unlinkSync(indexMjs);
+    }
+  };
+}
+
 let resolvedKirbyupConfig;
 let resolvedPostCssConfig;
-async function generate(options) {
-  let result;
-  const mode = options.watch ? "development" : "production";
-  const outDir = options.outDir || options.cwd;
+function getViteConfig(command, options) {
   const aliasDir = resolve$1(options.cwd, dirname(options.entry));
   const { alias = {}, extendViteConfig = {} } = resolvedKirbyupConfig;
-  const defaultConfig = {
-    mode,
+  const baseConfig = {
+    resolve: {
+      alias: { "~/": `${aliasDir}/`, "@/": `${aliasDir}/`, ...alias }
+    },
     plugins: [vuePlugin(), kirbyupAutoImportPlugin()],
+    css: { postcss: resolvedPostCssConfig },
+    envPrefix: ["VITE_", "KIRBYUP_"],
+    logLevel: "warn"
+  };
+  if (command === "serve") {
+    const { port, watch } = options;
+    const serveConfig = mergeConfig(baseConfig, {
+      plugins: [
+        kirbyupHmrPlugin(options),
+        watch && fullReloadPlugin(watch)
+      ],
+      build: { rollupOptions: { input: resolve$1(options.cwd, options.entry) } },
+      server: { port, strictPort: true, origin: `http://localhost:${port}` }
+    });
+    return mergeConfig(serveConfig, extendViteConfig);
+  }
+  const mode = options.watch ? "development" : "production";
+  const buildConfig = mergeConfig(baseConfig, {
+    plugins: [kirbyupBuildCleanupPlugin(options)],
+    mode,
     build: {
       lib: {
         entry: resolve$1(options.cwd, options.entry),
@@ -3399,36 +3492,27 @@ async function generate(options) {
         fileName: () => "index.js"
       },
       minify: mode === "production",
-      outDir,
+      outDir: options.outDir,
       emptyOutDir: false,
       rollupOptions: {
         external: ["vue"],
         output: {
           assetFileNames: "index.[ext]",
-          globals: {
-            vue: "Vue"
-          }
+          globals: { vue: "Vue" }
         }
       }
-    },
-    resolve: {
-      alias: {
-        "~/": `${aliasDir}/`,
-        "@/": `${aliasDir}/`,
-        ...alias
-      }
-    },
-    css: {
-      postcss: resolvedPostCssConfig
-    },
-    envPrefix: ["VITE_", "KIRBYUP_"],
-    logLevel: "warn"
-  };
+    }
+  });
+  return mergeConfig(buildConfig, extendViteConfig);
+}
+async function generate(options) {
+  const config = getViteConfig("build", options);
+  let result;
   try {
-    result = await build$1(mergeConfig(defaultConfig, extendViteConfig));
+    result = await build$1(config);
   } catch (error) {
     consola.error("Build failed");
-    if (mode === "production")
+    if (config.mode === "production")
       throw error;
   }
   if (result && !options.watch) {
@@ -3439,23 +3523,25 @@ async function generate(options) {
       if (l > longest)
         longest = l;
     }
-    for (const { fileName, type, code } of output) {
-      printFileInfo(options.cwd, outDir, fileName, code ?? await readFile(resolve$1(outDir, fileName), "utf8"), type, longest);
+    for (const {
+      fileName,
+      type,
+      code
+    } of output) {
+      await printFileInfo(
+        options.cwd,
+        options.outDir,
+        fileName,
+        code ?? await readFile(resolve$1(options.outDir, fileName), "utf8"),
+        type,
+        longest
+      );
     }
   }
   return result;
 }
-async function resolveOptions(options) {
-  options.cwd = options.cwd || process.cwd();
-  if (!options.entry) {
-    throw new PrettyError(`No input file, try ${colors.cyan(`${name} <path/to/file.js>`)}`);
-  }
-  if (!existsSync$1(resolve$1(options.cwd, options.entry)))
-    throw new PrettyError(`Cannot find "${options.entry}"`);
-  return options;
-}
-async function build(_options) {
-  const options = await resolveOptions(_options);
+async function build(options) {
+  ensureEntry(options);
   const { cwd } = options;
   const { config, sources: configSources } = await loadConfig(cwd);
   resolvedKirbyupConfig = config;
@@ -3485,8 +3571,12 @@ async function build(_options) {
       "**/{.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 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,
@@ -3498,7 +3588,9 @@ async function build(_options) {
     watcher.on("all", async (type, file) => {
       if (configSources.includes(file)) {
         resolvedKirbyupConfig = (await loadConfig()).config;
-        consola.info(`${colors.cyan(basename(file))} changed, setting new config`);
+        consola.info(
+          `${colors.cyan(basename(file))} changed, setting new config`
+        );
       } else {
         consola.log(`${colors.green(type)} ${colors.white(colors.dim(file))}`);
       }
@@ -3509,5 +3601,32 @@ async function build(_options) {
   consola.success("Build successful");
   startWatcher();
 }
+async function serve(options) {
+  ensureEntry(options);
+  const { cwd } = options;
+  const { config } = await loadConfig(cwd);
+  resolvedKirbyupConfig = config;
+  try {
+    resolvedPostCssConfig = await postcssrc({});
+  } catch (err) {
+    if (!/No PostCSS Config found/.test(err.message))
+      throw err;
+    resolvedPostCssConfig = {
+      plugins: [postcssLogical(), postcssDirPseudoClass()]
+    };
+  }
+  {
+    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 ensureEntry(options) {
+  if (!existsSync$1(resolve$1(options.cwd, options.entry)))
+    throw new PrettyError(`Cannot find "${options.entry}"`);
+}
 
-export { build as b, defineConfig as d, handleError as h, name as n, resolveOptions as r, version as v };
+export { build as b, handleError as h, name as n, serve as s, version as v };

package/dist/types-02ae296f.d.ts

@@ -0,0 +1,36 @@
+import { AliasOptions, InlineConfig } from 'vite';
+
+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 {
+    /**
+     * Load from config files
+     * Set to `false` to disable
+     */
+    configFile?: string | false;
+    /**
+     * Specifies an `Object`, or an `Array` of `Object`,
+     * 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. Be careful what to extend.
+     */
+    extendViteConfig?: InlineConfig;
+}
+
+export { BuildOptions as B, ServeOptions as S, UserConfig as U };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kirbyup",
-  "version": "1.3.0",
-  "packageManager": "pnpm@7.5.2",
+  "version": "2.0.0-beta.0",
+  "packageManager": "pnpm@7.9.0",
   "description": "Zero-config bundler for Kirby Panel plugins",
   "author": {
     "name": "Johann Schopplich",
@@ -30,6 +30,10 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs"
     },
+    "./config": {
+      "types": "./dist/config.d.ts",
+      "import": "./dist/config.mjs"
+    },
     "./plugin": {
       "types": "./dist/plugin.d.ts",
       "import": "./dist/plugin.mjs"
@@ -37,6 +41,16 @@
   },
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "config": [
+        "./dist/config.d.ts"
+      ],
+      "plugin": [
+        "./dist/plugin.d.ts"
+      ]
+    }
+  },
   "bin": "./cli.mjs",
   "files": [
     "bin",
@@ -53,41 +67,47 @@
     "release": "bumpp --commit --push --tag",
     "test": "vitest",
     "typecheck": "tsc --noEmit",
-    "prepare": "pnpm exec simple-git-hooks && pnpm exec patch-package"
+    "prepare": "simple-git-hooks"
   },
   "dependencies": {
-    "@vue/compiler-sfc": "^2.7.7",
+    "@vue/compiler-sfc": "^2.7.8",
     "cac": "^6.7.12",
     "chokidar": "^3.5.3",
     "consola": "^2.15.3",
+    "detect-package-manager": "^2.0.1",
     "magic-string": "^0.26.2",
-    "pathe": "^0.3.2",
+    "pathe": "^0.3.5",
     "perfect-debounce": "^0.1.3",
     "picocolors": "^1.0.0",
-    "postcss": "^8.4.14",
+    "postcss": "^8.4.16",
     "postcss-dir-pseudo-class": "^6.0.5",
     "postcss-load-config": "^4.0.1",
     "postcss-logical": "^5.0.4",
-    "sass": "^1.53.0",
+    "sass": "^1.54.4",
     "unconfig": "^0.3.5",
-    "vite": "^3.0.1",
-    "vue": "^2.7.7"
+    "vite": "^3.0.8",
+    "vite-plugin-full-reload": "^1.0.4",
+    "vue": "^2.7.8"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.25.2",
+    "@antfu/eslint-config": "^0.26.1",
     "@types/fs-extra": "^9.0.13",
-    "@types/node": "^18.0.6",
+    "@types/node": "^18.7.6",
     "@types/prompts": "^2.4.0",
     "@vitejs/plugin-vue2": "^1.1.2",
     "bumpp": "^8.2.1",
-    "eslint": "^8.20.0",
+    "eslint": "^8.22.0",
     "fast-glob": "^3.2.11",
     "fs-extra": "^10.1.0",
-    "patch-package": "^6.4.7",
     "simple-git-hooks": "^2.8.0",
     "typescript": "^4.7.4",
-    "unbuild": "^0.7.4",
-    "vitest": "^0.18.1"
+    "unbuild": "^0.8.8",
+    "vitest": "^0.22.1"
+  },
+  "pnpm": {
+    "patchedDependencies": {
+      "@vitejs/plugin-vue2@1.1.2": "patches/@vitejs__plugin-vue2@1.1.2.patch"
+    }
   },
   "simple-git-hooks": {
     "commit-msg": "node scripts/verifyCommit.mjs $1"