@ktjs/vite-plugin-ktjsx 0.1.0

package/README.md

@@ -0,0 +1,31 @@
+# vite-plugin-ktjsx
+
+light, manual‑control web framework that creates real DOM elements with built‑in reactive state management.
+
+[![npm version](https://img.shields.io/npm/v/vite-plugin-ktjsx.svg)](https://www.npmjs.com/package/vite-plugin-ktjsx)
+[![npm downloads](https://img.shields.io/npm/dm/vite-plugin-ktjsx.svg)](https://www.npmjs.com/package/vite-plugin-ktjsx)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+`@ktjs/vite-plugin-ktjsx` applies KT.js JSX transforms in Vite.
+
+It reuses `@ktjs/babel-plugin-ktjsx` internally, so behavior is the same:
+
+- mark SVG / MathML subtrees with KT.js namespace flags
+- (TODO) transform `k-if` / `k-else-if` / `k-else` chains
+
+Basic usage:
+
+```ts
+import { defineConfig } from 'vite';
+import ktjsx from '@ktjs/vite-plugin-ktjsx';
+
+export default defineConfig({
+  plugins: [ktjsx()],
+});
+```
+
+Options:
+
+- `include` - custom file matcher (`RegExp` or predicate function)
+- `exclude` - files to skip (`RegExp` or predicate function)
+- `babelConfig` - additional Babel transform options

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+import { Plugin as Plugin_2 } from 'vite';
+import { TransformOptions } from '@babel/core';
+
+declare type Filter = RegExp | ((id: string) => boolean);
+
+declare function viteKTjsx(options?: ViteKTjsxOptions): Plugin_2;
+export default viteKTjsx;
+export { viteKTjsx }
+
+export declare interface ViteKTjsxOptions {
+    include?: Filter;
+    exclude?: Filter;
+    babelConfig?: Omit<TransformOptions, 'ast' | 'babelrc' | 'configFile' | 'filename' | 'parserOpts' | 'plugins' | 'sourceFileName' | 'sourceMaps'>;
+}
+
+export { }

package/dist/index.js

@@ -0,0 +1,63 @@
+import { transformAsync } from '@babel/core';
+import babelKTjsx from '@ktjs/babel-plugin-ktjsx';
+const DEFAULT_INCLUDE_RE = /\.[cm]?[jt]sx$/;
+const NODE_MODULES_RE = /\/node_modules\//;
+const QUERY_RE = /\?.*$/;
+const DEFAULT_PARSER_PLUGINS = ['jsx', 'typescript'];
+const stripQuery = (id) => id.replace(QUERY_RE, '');
+const matchFilter = (filter, id) => {
+    if (!filter) {
+        return false;
+    }
+    if (typeof filter === 'function') {
+        return filter(id);
+    }
+    filter.lastIndex = 0;
+    return filter.test(id);
+};
+const shouldTransform = (id, include, exclude) => {
+    if (id.startsWith('\0') || NODE_MODULES_RE.test(id)) {
+        return false;
+    }
+    if (exclude && matchFilter(exclude, id)) {
+        return false;
+    }
+    if (include) {
+        return matchFilter(include, id);
+    }
+    return DEFAULT_INCLUDE_RE.test(id);
+};
+export function viteKTjsx(options = {}) {
+    return {
+        name: 'ktjs:vite-plugin-ktjsx',
+        enforce: 'pre',
+        async transform(code, id) {
+            const cleanId = stripQuery(id);
+            if (!shouldTransform(cleanId, options.include, options.exclude)) {
+                return null;
+            }
+            const result = await transformAsync(code, {
+                filename: cleanId,
+                sourceFileName: cleanId,
+                ast: false,
+                babelrc: false,
+                configFile: false,
+                sourceMaps: true,
+                parserOpts: {
+                    sourceType: 'module',
+                    plugins: DEFAULT_PARSER_PLUGINS,
+                },
+                plugins: [babelKTjsx()],
+                ...options.babelConfig,
+            });
+            if (!result?.code) {
+                return null;
+            }
+            return {
+                code: result.code,
+                map: result.map ?? null,
+            };
+        },
+    };
+}
+export default viteKTjsx;