@kopflos-cms/vite 0.0.1-beta.0

package/index.d.ts

@@ -0,0 +1,9 @@
+import type { KopflosPlugin } from '@kopflos-cms/core';
+export { defineConfig } from 'vite';
+export interface Options {
+    configPath?: string;
+    root?: string;
+    outDir?: string;
+    entrypoints?: string[];
+}
+export default function ({ outDir, ...options }: Options): KopflosPlugin;

package/index.js

@@ -0,0 +1,28 @@
+import { resolve } from 'node:path';
+import express from 'express';
+import { build } from 'vite';
+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 }) {
+    return {
+        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');
+                const buildDir = resolve(process.cwd(), outDir);
+                log.debug('Build directory:', buildDir);
+                host.use('/assets', express.static(resolve(buildDir, 'assets')));
+            }
+        },
+        async build() {
+            log.info('Building UI...');
+            await build(await prepareConfig({ outDir, ...options }));
+        },
+    };
+}

package/lib/config.d.ts

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

package/lib/config.js

@@ -0,0 +1,25 @@
+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 }) {
+    const inputConfig = {
+        root,
+        build: {
+            emptyOutDir: true,
+        },
+    };
+    if (outDir) {
+        inputConfig.build.outDir = resolve(process.cwd(), outDir);
+    }
+    if (entrypoints) {
+        inputConfig.build.rollupOptions = {
+            input: entrypoints.flatMap(entry => glob.sync(entry)),
+        };
+    }
+    if (configPath) {
+        const userConfig = await import(configPath);
+        return mergeConfig(mergeConfig(defaultConfig, inputConfig), userConfig.default);
+    }
+    return mergeConfig(defaultConfig, inputConfig);
+}

package/lib/log.d.ts

@@ -0,0 +1 @@
+export declare const log: import("anylogger").Logger<import("anylogger").BaseLevels>;

package/lib/log.js

@@ -0,0 +1,2 @@
+import { createLogger } from '@kopflos-cms/logger';
+export const log = createLogger('vite');

package/lib/server.d.ts

@@ -0,0 +1,2 @@
+import type { Options } from '../index.js';
+export declare const createViteServer: (options: Pick<Options, "configPath" | "entrypoints">) => Promise<import("vite").ViteDevServer>;

package/lib/server.js

@@ -0,0 +1,7 @@
+import { createServer } from 'vite';
+import onetime from 'onetime';
+import { prepareConfig } from './config.js';
+export const createViteServer = onetime(async (options) => {
+    const config = await prepareConfig(options);
+    return createServer(config);
+});

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@kopflos-cms/vite",
+  "version": "0.0.1-beta.0",
+  "type": "module",
+  "main": "index.js",
+  "author": "Zazuko GmbH",
+  "license": "MIT",
+  "scripts": {
+    "test": "mocha",
+    "build": "tsc",
+    "prepack": "npm run build"
+  },
+  "files": [
+    "lib/*.js",
+    "lib/*.d.ts",
+    "*.js",
+    "*.d.ts"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/zazuko/kopflos.git",
+    "directory": "packages/vite"
+  },
+  "bugs": {
+    "url": "https://github.com/zazuko/kopflos/issues"
+  },
+  "homepage": "https://github.com/zazuko/kopflos",
+  "dependencies": {
+    "@kopflos-cms/logger": "^0.1.0-beta.0",
+    "express": "^5.0.1",
+    "glob": "^11.0.0",
+    "onetime": "^7.0.0",
+    "vite": "^5.4.8"
+  },
+  "devDependencies": {
+    "@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"
+  }
+}

package/template.d.ts

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

package/template.js

@@ -0,0 +1,31 @@
+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),
+    };
+};
+function isHtmlResponse(response) {
+    return typeof response?.body === 'string' || hasHeader(response?.headers, 'Content-Type', 'text/html');
+}
+function hasHeader(headers, headerName, headerValue) {
+    const normalizedHeaderName = headerName.toLowerCase();
+    return !!headers && Object.entries(headers)
+        .some(([key, value]) => {
+        return key.toLowerCase() === normalizedHeaderName && (value === headerValue || (Array.isArray(value) && value.includes(headerValue)));
+    });
+}

package/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/vite.config.js

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite';
+export default defineConfig({
+    server: {
+        middlewareMode: true,
+    },
+    appType: 'custom',
+});