@kopflos-cms/vite 0.1.1 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @kopflos-cms/vite
 
+## 0.2.0
+
+### Minor Changes
+
+- accad6e: Removed the type `KopflosPluginConstructor` and now all plugins are exported as classes directly and their options are passed to the constructor
+
+### Patch Changes
+
+- 6511af6: build(deps): bump glob from 11.0.0 to 11.1.0
+- 4214fce: Added an accessor to the `ViteDevServer` the plugin instance
+- cdbb172: Adopt a simpler definition of a plugin where all methods are instance methods. Kopflos instance is passed as parameter
+- 5295694: build(deps): bump express from 5.0.1 to 5.2.0
+
+## 0.1.2
+
+### Patch Changes
+
+- 175c538: Add inline `config` to plugin config
+- 3370532: Plugins are now implemented as classes
+
 ## 0.1.1
 
 ### Patch Changes

package/index.d.ts

@@ -1,14 +1,35 @@
-import type { KopflosPlugin } from '@kopflos-cms/core';
+import type { Kopflos, KopflosPlugin } from '@kopflos-cms/core';
+import express from 'express';
+import type { InlineConfig, ViteDevServer } from 'vite';
 export { defineConfig } from 'vite';
 export interface Options {
     configPath?: string;
+    config?: InlineConfig;
     root?: string;
     outDir?: string;
     entrypoints?: string[];
 }
+interface VitePlugin extends KopflosPlugin {
+    viteDevServer?: ViteDevServer;
+}
 declare module '@kopflos-cms/core' {
     interface PluginConfig {
         '@kopflos-cms/vite'?: Options;
     }
+    interface Plugins {
+        '@kopflos-cms/vite': VitePlugin;
+    }
+}
+export default class implements VitePlugin {
+    private readonly options;
+    readonly name = "@kopflos-cms/vite";
+    private readonly rootDir;
+    private readonly buildDir;
+    private readonly outDir;
+    private _viteDevServer?;
+    constructor(options: Options);
+    get viteDevServer(): ViteDevServer | undefined;
+    onStart({ env }: Kopflos): Promise<void> | void;
+    beforeMiddleware(host: express.Router, { env }: Kopflos): Promise<void>;
+    build(): Promise<void>;
 }
-export default function ({ outDir, ...options }: Options): KopflosPlugin;

package/index.js

@@ -5,32 +5,38 @@ import { createViteServer } from './lib/server.js';
 import { prepareConfig } from './lib/config.js';
 import { log } from './lib/log.js';
 export { defineConfig } from 'vite';
-export default function ({ outDir = 'dist', ...options }) {
-    const rootDir = resolve(process.cwd(), options.root || '');
-    const buildDir = resolve(process.cwd(), outDir);
-    return {
-        onStart({ env }) {
-            const viteVars = {
-                basePath: env.kopflos.config.mode === 'development' ? rootDir : buildDir,
-            };
-            log.info('Variables', viteVars);
-            env.kopflos.variables.VITE = Object.freeze(viteVars);
-        },
-        async beforeMiddleware(host, { env }) {
-            if (env.kopflos.config.mode === 'development') {
-                log.info('Development UI mode. Creating Vite server...');
-                const viteServer = await createViteServer(options);
-                host.use(viteServer.middlewares);
-            }
-            else {
-                log.info('Serving UI from build directory');
-                log.debug('Build directory:', buildDir);
-                host.use(express.static(buildDir));
-            }
-        },
-        async build() {
-            log.info('Building UI...');
-            await build(await prepareConfig({ outDir, ...options }));
-        },
-    };
+export default class {
+    constructor(options) {
+        this.options = options;
+        this.name = '@kopflos-cms/vite';
+        this.outDir = options.outDir || 'dist';
+        this.rootDir = resolve(process.cwd(), options.root || '');
+        this.buildDir = resolve(process.cwd(), this.outDir);
+    }
+    get viteDevServer() {
+        return this._viteDevServer;
+    }
+    onStart({ env }) {
+        const viteVars = {
+            basePath: env.kopflos.config.mode === 'development' ? this.rootDir : this.buildDir,
+        };
+        log.info('Variables', viteVars);
+        env.kopflos.variables.VITE = Object.freeze(viteVars);
+    }
+    async beforeMiddleware(host, { env }) {
+        if (env.kopflos.config.mode === 'development') {
+            log.info('Development UI mode. Creating Vite server...');
+            this._viteDevServer = await createViteServer(this.options);
+            host.use(this._viteDevServer.middlewares);
+        }
+        else {
+            log.info('Serving UI from build directory');
+            log.debug('Build directory:', this.buildDir);
+            host.use(express.static(this.buildDir));
+        }
+    }
+    async build() {
+        log.info('Building UI...');
+        await build(await prepareConfig({ outDir: this.outDir, ...this.options }));
+    }
 }

package/lib/config.d.ts

@@ -1,2 +1,2 @@
 import type { Options } from '../index.js';
-export declare function prepareConfig({ root, configPath, entrypoints, outDir }: Omit<Options, 'mode'>): Promise<Record<string, any>>;
+export declare function prepareConfig({ root, configPath, entrypoints, outDir, config }: Omit<Options, 'mode'>): Promise<Record<string, any>>;

package/lib/config.js

@@ -2,7 +2,7 @@ import { resolve } from 'node:path';
 import { glob } from 'glob';
 import { mergeConfig } from 'vite';
 import defaultConfig from '../vite.config.js';
-export async function prepareConfig({ root, configPath, entrypoints, outDir }) {
+export async function prepareConfig({ root, configPath, entrypoints, outDir, config = {} }) {
     const inputConfig = {
         root,
         build: {
@@ -21,5 +21,5 @@ export async function prepareConfig({ root, configPath, entrypoints, outDir }) {
         const userConfig = await import(configPath);
         return mergeConfig(mergeConfig(defaultConfig, inputConfig), userConfig.default);
     }
-    return mergeConfig(defaultConfig, inputConfig);
+    return mergeConfig(config, mergeConfig(defaultConfig, inputConfig));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopflos-cms/vite",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "type": "module",
   "main": "index.js",
   "author": "Zazuko GmbH",
@@ -28,21 +28,19 @@
   "homepage": "https://github.com/zazuko/kopflos",
   "dependencies": {
     "@kopflos-cms/logger": "^0.1.0",
-    "express": "^5.0.1",
-    "glob": "^11.0.0",
+    "express": "^5.2.0",
+    "glob": "^11.1.0",
     "onetime": "^7.0.0",
-    "vite": "^6.0.9"
+    "vite": "^6.4.1"
   },
   "devDependencies": {
+    "@kopflos-cms/core": "^0.6.0",
+    "@zazuko/env-node": "^2.0.0",
     "@types/glob": "^8.1.0",
     "chai": "^5.1.1"
   },
   "mocha": {
-    "extension": [
-      "ts"
-    ],
     "spec": "test/**/*.test.ts",
-    "loader": "ts-node/esm/transpile-only",
-    "require": "../../mocha-setup.js"
+    "extends": "../../package.json"
   }
 }

package/template.d.ts

@@ -1,2 +1,2 @@
-import type { SubjectHandler } from '@kopflos-cms/core';
-export declare const transform: () => SubjectHandler;
+import type { Kopflos, SubjectHandler } from '@kopflos-cms/core';
+export declare const transform: (this: Kopflos) => SubjectHandler;

package/template.js

@@ -1,22 +1,25 @@
-import { createViteServer } from './lib/server.js';
 import { log } from './lib/log.js';
-async function prepareDevTemplate(env, subject, template) {
-    const config = env.kopflos.config.plugins?.['@kopflos-cms/vite'];
-    const vite = await createViteServer(config || {});
-    const subjectPath = new URL(subject.value).pathname;
-    return vite.transformIndexHtml(subjectPath, template);
-}
-export const transform = () => async ({ subject, env }, response) => {
-    if (!isHtmlResponse(response)) {
-        throw new Error('Vite handler must be chained after another which returns a HTML response');
-    }
-    if (env.kopflos.config.mode === 'production') {
-        return response;
-    }
-    log.debug('Compiling page template');
-    return {
-        ...response,
-        body: await prepareDevTemplate(env, subject, response.body),
+export const transform = function () {
+    const prepareDevTemplate = async (subject, template) => {
+        const vite = this.getPlugin('@kopflos-cms/vite');
+        if (!vite?.viteDevServer) {
+            throw new Error('Vite dev server not initialized. Check vite plugin configuration.');
+        }
+        const subjectPath = new URL(subject.value).pathname;
+        return vite.viteDevServer.transformIndexHtml(subjectPath, template);
+    };
+    return async ({ subject, env }, response) => {
+        if (!isHtmlResponse(response)) {
+            throw new Error('Vite handler must be chained after another which returns a HTML response');
+        }
+        if (env.kopflos.config.mode === 'production') {
+            return response;
+        }
+        log.debug('Compiling page template');
+        return {
+            ...response,
+            body: await prepareDevTemplate(subject, response.body),
+        };
     };
 };
 function isHtmlResponse(response) {