@lithent/lithent-template-vite 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 superlucky84
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,114 @@
+# Lithent Template Vite Plugin
+
+Vite plugin that compiles Lithent templates embedded inside JSX/TSX-like files.
+It is built on top of `@lithent/lithent-template-parser` and understands both
+inline template literals and full-document `.ljsx` / `.ltsx` modules.
+
+Lithent templates intentionally mimic JSX ergonomics, yet remain independent of
+the JSX transform. They give Lithent projects a declarative syntax for complex
+conditional and iterative markup while compiling straight to `h()` calls.
+
+> **Status:** Experimental. Behaviour and options may change as the tooling
+> evolves.
+
+## Features
+
+- **Document pipeline** – scans entire source files, replaces Lithent markup
+  with generated `h()` calls, and forwards source maps downstream.
+- **Custom extensions** – default support for `.ljsx` and `.ltsx`, with full
+  control over additional extensions and associated esbuild loaders.
+- **HTML entry transform** – `<script type="module" src="*.ltsx">` tags are
+  automatically rewritten to inline imports so the browser receives valid JS.
+- **Tooling-friendly** – exposes warnings, preserves source maps in production,
+  and keeps untouched code intact.
+
+## Installation
+
+```bash
+pnpm add -D @lithent/lithent-template-vite
+```
+
+## Usage
+
+```ts
+// vite.config.ts
+import { defineConfig } from 'vite';
+import lithentTemplateVite from '@lithent/lithent-template-vite';
+
+export default defineConfig({
+  plugins: [lithentTemplateVite()],
+});
+```
+
+With the default settings the plugin looks for `.ljsx` and `.ltsx` files,
+rewrites HTML entry points, and delegates template compilation to the parser.
+
+If you prefer a static HTML entry in development, the safest option is to inline
+the import yourself so the browser receives JavaScript immediately:
+
+```html
+<script type="module">import "/src/dev/main.ltsx";</script>
+```
+
+This pattern works in both dev and build modes and avoids relying on HTML entry
+rewrites.
+
+## Options
+
+```ts
+lithentTemplateVite({
+  include: [/\.ltsx$/, /\.foo$/],
+  extensions: ['.ltsx', '.foo'],
+  extensionLoaders: {
+    '.foo': 'ts',
+  },
+});
+```
+
+- `include` (RegExp | RegExp[]) – extra guard for files to transform. By
+  default a pattern is generated for every configured extension.
+- `extensions` (string[]) – list of file extensions to treat as Lithent
+  templates. Values are normalised (leading `.` is optional). Defaults to
+  `['.ljsx', '.ltsx']`.
+- `extensionLoaders` (Record<string, LoaderValue>) – override the esbuild loader
+  used for a given extension (`'js' | 'jsx' | 'ts' | 'tsx' | 'json' | 'css'`).
+  When omitted, the loader is inferred from the extension suffix (e.g. `.ltsx`
+  → `'ts'`).
+
+## Example Workflow
+
+```ts
+// src/dev/init.js
+import './main.ltsx';
+
+// src/dev/main.ltsx
+import { render } from 'lithent';
+
+export const App = () => (
+  <div class="app">
+    <h1>Hello Lithent</h1>
+    <TodoList l-for={todo in todos} todo={todo} />
+  </div>
+);
+
+if ('document' in globalThis) {
+  render(<App />, document.getElementById('app'));
+}
+```
+
+The plugin turns the template section inside `App` into pure `h()` calls. All
+other code (hooks, logic, imports) stays untouched.
+
+## Development & Tests
+
+```bash
+# Launch the playground (packages/lithentTemplateVite/html)
+pnpm --filter @lithent/lithent-template-vite dev
+
+# Run Vitest
+pnpm --filter @lithent/lithent-template-vite test
+```
+
+## License
+
+MIT © Lithent contributors

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { lithentTemplateVite as default, lithentTemplateVite } from './plugin';
+export type { LithentTemplateViteOptions } from './plugin';

package/dist/index.mjs

@@ -0,0 +1,123 @@
+import { readFile as v } from "node:fs/promises";
+import p from "node:path";
+import { normalizePath as h, transformWithEsbuild as A } from "vite";
+import { transformDocument as P } from "@lithent/lithent-template-parser";
+const R = [".ljsx", ".ltsx"], S = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), z = (e) => e.startsWith(".") ? e : `.${e}`, D = (e) => {
+  const s = (e && e.length > 0 ? e : Array.from(R)).map(z);
+  return Array.from(new Set(s));
+}, y = (e) => e.endsWith("tsx") || e.endsWith("ts") ? "ts" : (e.endsWith("jsx"), "js"), L = (e, r) => e ? Array.isArray(e) ? e : [e] : r, j = (e, r) => e.some((s) => s.test(r)), O = (e, r) => {
+  const [s, m] = e.split("?", 2);
+  if (m) {
+    const i = new URLSearchParams(m).get($);
+    if (i)
+      return h(i);
+  }
+  return s && x(s, r) ? h(s) : null;
+}, x = (e, r) => r.find((s) => e.endsWith(s)) ?? null, E = (e, r) => {
+  const s = new Set(e ?? []);
+  for (const m of r)
+    s.add(m);
+  return Array.from(s);
+}, I = (e, r) => ({
+  ...e ?? {},
+  ...r
+}), $ = "lithent:original";
+function M(e = {}) {
+  const r = D(e.extensions), s = r.reduce((t, n) => {
+    var c;
+    const a = ((c = e.extensionLoaders) == null ? void 0 : c[n]) ?? y(n);
+    return t[n] = a, t;
+  }, {}), m = r.map(
+    (t) => new RegExp(`${S(t)}$`)
+  ), w = L(e.include, m);
+  let i;
+  const g = (t) => {
+    const n = new URLSearchParams({
+      [$]: t
+    });
+    return `${t}?${n.toString()}`;
+  };
+  return [{
+    name: "lithent:template-vite",
+    enforce: "pre",
+    config(t) {
+      var n, a, c, l, o, d, f;
+      return {
+        resolve: {
+          extensions: E(
+            (n = t.resolve) == null ? void 0 : n.extensions,
+            r
+          )
+        },
+        optimizeDeps: {
+          extensions: E(
+            (a = t.optimizeDeps) == null ? void 0 : a.extensions,
+            r
+          ),
+          esbuildOptions: {
+            ...((c = t.optimizeDeps) == null ? void 0 : c.esbuildOptions) ?? {},
+            loader: I(
+              typeof ((o = (l = t.optimizeDeps) == null ? void 0 : l.esbuildOptions) == null ? void 0 : o.loader) == "object" ? (f = (d = t.optimizeDeps) == null ? void 0 : d.esbuildOptions) == null ? void 0 : f.loader : void 0,
+              s
+            )
+          }
+        }
+      };
+    },
+    configResolved(t) {
+      i = t;
+    },
+    async resolveId(t, n, a) {
+      if (!x(t, r))
+        return null;
+      const l = (i == null ? void 0 : i.root) ?? process.cwd();
+      let o;
+      if (typeof this.resolve == "function") {
+        const d = await this.resolve(t, n, {
+          skipSelf: !0,
+          ...a
+        });
+        d != null && d.id && (o = d.id);
+      }
+      return o || (p.isAbsolute(t) ? o = t : t.startsWith("/") ? o = p.join(l, t.slice(1)) : n && (t.startsWith("./") || t.startsWith("../")) ? o = p.resolve(p.dirname(n), t) : o = p.resolve(l, t)), o = h(o), j(w, o) ? g(o) : null;
+    },
+    async load(t) {
+      const n = O(t, r);
+      if (!n)
+        return null;
+      const a = x(n, r);
+      if (!a)
+        return null;
+      this.addWatchFile(n);
+      const c = await v(n, "utf-8"), l = P(c, {
+        source: n,
+        generateSourceMap: (i == null ? void 0 : i.command) === "build"
+      }), o = this.warn ? this.warn.bind(this) : console.warn;
+      if (l.errors.length > 0)
+        for (const { error: u } of l.errors) {
+          const W = u.line || u.column ? ` (line ${u.line}, column ${u.column})` : "";
+          o(
+            `[@lithent/lithent-template-vite] Failed to compile template in ${n}${W}: ${u.message}`
+          );
+        }
+      const d = s[a] ?? y(a), f = l.transformed ? l.code : c, b = await A(
+        f,
+        n,
+        {
+          loader: d,
+          sourcemap: (i == null ? void 0 : i.command) === "build",
+          sourcefile: n
+        }
+      );
+      return {
+        code: b.code,
+        map: b.map ?? null
+      };
+    }
+  }];
+}
+export {
+  M as default,
+  M as lithentTemplateVite
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../src/plugin.ts"],"sourcesContent":["import { readFile } from 'node:fs/promises';\nimport path from 'node:path';\nimport type { Plugin, PluginOption, ResolvedConfig, UserConfig } from 'vite';\nimport { normalizePath, transformWithEsbuild } from 'vite';\nimport { transformDocument } from '@lithent/lithent-template-parser';\n\ntype LoaderValue = 'js' | 'jsx' | 'ts' | 'tsx' | 'json' | 'css';\ntype LoaderMap = Record<string, LoaderValue>;\n\nexport interface LithentTemplateViteOptions {\n  include?: RegExp | RegExp[];\n  extensions?: string[];\n  extensionLoaders?: Record<string, LoaderValue>;\n}\n\nconst DEFAULT_EXTENSIONS = ['.ljsx', '.ltsx'] as const;\n\nconst escapeRegExp = (value: string): string =>\n  value.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n\nconst normalizeExtension = (ext: string): string =>\n  ext.startsWith('.') ? ext : `.${ext}`;\n\nconst resolveExtensions = (extensions?: string[]): string[] => {\n  const base =\n    extensions && extensions.length > 0\n      ? extensions\n      : Array.from(DEFAULT_EXTENSIONS);\n  const normalized = base.map(normalizeExtension);\n  return Array.from(new Set(normalized));\n};\n\nconst inferLoader = (ext: string): LoaderValue => {\n  if (ext.endsWith('tsx') || ext.endsWith('ts')) {\n    return 'ts';\n  }\n  if (ext.endsWith('jsx')) {\n    return 'js';\n  }\n  return 'js';\n};\n\nconst toRegExpArray = (\n  value: RegExp | RegExp[] | undefined,\n  fallback: RegExp[]\n): RegExp[] => {\n  if (!value) {\n    return fallback;\n  }\n  return Array.isArray(value) ? value : [value];\n};\n\nconst shouldProcess = (patterns: RegExp[], filePath: string): boolean => {\n  return patterns.some(pattern => pattern.test(filePath));\n};\n\nconst extractOriginalPath = (\n  id: string,\n  extensions: string[]\n): string | null => {\n  const [filepath, query] = id.split('?', 2);\n  if (query) {\n    const params = new URLSearchParams(query);\n    const original = params.get(VIRTUAL_QUERY);\n    if (original) {\n      return normalizePath(original);\n    }\n  }\n  if (filepath && matchExtension(filepath, extensions)) {\n    return normalizePath(filepath);\n  }\n  return null;\n};\n\nconst matchExtension = (\n  filePath: string,\n  extensions: string[]\n): string | null => {\n  return extensions.find(ext => filePath.endsWith(ext)) ?? null;\n};\n\nconst mergeExtensions = (\n  original: string[] | undefined,\n  additions: readonly string[]\n): string[] => {\n  const set = new Set(original ?? []);\n  for (const ext of additions) {\n    set.add(ext);\n  }\n  return Array.from(set);\n};\n\nconst mergeLoaderMap = (\n  original: LoaderMap | undefined,\n  additions: LoaderMap\n): LoaderMap => {\n  return {\n    ...(original ?? {}),\n    ...additions,\n  };\n};\n\nconst VIRTUAL_QUERY = 'lithent:original';\n\nexport function lithentTemplateVite(\n  options: LithentTemplateViteOptions = {}\n): PluginOption {\n  const extensions = resolveExtensions(options.extensions);\n  const extensionLoaders: LoaderMap = extensions.reduce((acc, ext) => {\n    const loader = options.extensionLoaders?.[ext] ?? inferLoader(ext);\n    acc[ext] = loader;\n    return acc;\n  }, {} as LoaderMap);\n  const defaultInclude = extensions.map(\n    ext => new RegExp(`${escapeRegExp(ext)}$`)\n  );\n  const includePatterns = toRegExpArray(options.include, defaultInclude);\n  let config: ResolvedConfig | undefined;\n\n  const createVirtualId = (originalPath: string): string => {\n    const query = new URLSearchParams({\n      [VIRTUAL_QUERY]: originalPath,\n    });\n    return `${originalPath}?${query.toString()}`;\n  };\n\n  const templatePlugin: Plugin = {\n    name: 'lithent:template-vite',\n    enforce: 'pre',\n    config(userConfig: UserConfig) {\n      return {\n        resolve: {\n          extensions: mergeExtensions(\n            userConfig.resolve?.extensions,\n            extensions\n          ),\n        },\n        optimizeDeps: {\n          extensions: mergeExtensions(\n            userConfig.optimizeDeps?.extensions,\n            extensions\n          ),\n          esbuildOptions: {\n            ...(userConfig.optimizeDeps?.esbuildOptions ?? {}),\n            loader: mergeLoaderMap(\n              typeof userConfig.optimizeDeps?.esbuildOptions?.loader ===\n                'object'\n                ? (userConfig.optimizeDeps?.esbuildOptions?.loader as LoaderMap)\n                : undefined,\n              extensionLoaders\n            ),\n          },\n        },\n      };\n    },\n    configResolved(resolved) {\n      config = resolved;\n    },\n    async resolveId(source, importer, options) {\n      const ext = matchExtension(source, extensions);\n      if (!ext) {\n        return null;\n      }\n\n      const rootDir = config?.root ?? process.cwd();\n      let resolvedPath: string | undefined;\n\n      if (typeof this.resolve === 'function') {\n        const resolved = await this.resolve(source, importer, {\n          skipSelf: true,\n          ...options,\n        });\n        if (resolved?.id) {\n          resolvedPath = resolved.id;\n        }\n      }\n\n      if (!resolvedPath) {\n        if (path.isAbsolute(source)) {\n          resolvedPath = source;\n        } else if (source.startsWith('/')) {\n          resolvedPath = path.join(rootDir, source.slice(1));\n        } else if (\n          importer &&\n          (source.startsWith('./') || source.startsWith('../'))\n        ) {\n          resolvedPath = path.resolve(path.dirname(importer), source);\n        } else {\n          resolvedPath = path.resolve(rootDir, source);\n        }\n      }\n\n      resolvedPath = normalizePath(resolvedPath);\n\n      if (!shouldProcess(includePatterns, resolvedPath)) {\n        return null;\n      }\n\n      return createVirtualId(resolvedPath);\n    },\n    async load(id) {\n      const originalPath = extractOriginalPath(id, extensions);\n      if (!originalPath) {\n        return null;\n      }\n\n      const ext = matchExtension(originalPath, extensions);\n      if (!ext) {\n        return null;\n      }\n\n      this.addWatchFile(originalPath);\n\n      const raw = await readFile(originalPath, 'utf-8');\n      const result = transformDocument(raw, {\n        source: originalPath,\n        generateSourceMap: config?.command === 'build',\n      });\n\n      const warn = this.warn ? this.warn.bind(this) : console.warn;\n      if (result.errors.length > 0) {\n        for (const { error } of result.errors) {\n          const location =\n            error.line || error.column\n              ? ` (line ${error.line}, column ${error.column})`\n              : '';\n          warn(\n            `[@lithent/lithent-template-vite] Failed to compile template in ${originalPath}${location}: ${error.message}`\n          );\n        }\n      }\n\n      const loader = extensionLoaders[ext] ?? inferLoader(ext);\n      const transformedCode = result.transformed ? result.code : raw;\n      const esbuildResult = await transformWithEsbuild(\n        transformedCode,\n        originalPath,\n        {\n          loader,\n          sourcemap: config?.command === 'build',\n          sourcefile: originalPath,\n        }\n      );\n\n      return {\n        code: esbuildResult.code,\n        map: esbuildResult.map ?? null,\n      };\n    },\n  };\n\n  return [templatePlugin];\n}\n\nexport default lithentTemplateVite;\n"],"names":["DEFAULT_EXTENSIONS","escapeRegExp","value","normalizeExtension","ext","resolveExtensions","extensions","normalized","inferLoader","toRegExpArray","fallback","shouldProcess","patterns","filePath","pattern","extractOriginalPath","id","filepath","query","original","VIRTUAL_QUERY","normalizePath","matchExtension","mergeExtensions","additions","set","mergeLoaderMap","lithentTemplateVite","options","extensionLoaders","acc","loader","_a","defaultInclude","includePatterns","config","createVirtualId","originalPath","userConfig","_b","_c","_e","_d","_g","_f","resolved","source","importer","rootDir","resolvedPath","path","raw","readFile","result","transformDocument","warn","error","location","transformedCode","esbuildResult","transformWithEsbuild"],"mappings":"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"}

package/dist/index.umd.js

@@ -0,0 +1,2 @@
+(function(l,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("node:fs/promises"),require("node:path"),require("vite"),require("@lithent/lithent-template-parser")):typeof define=="function"&&define.amd?define(["exports","node:fs/promises","node:path","vite","@lithent/lithent-template-parser"],p):(l=typeof globalThis<"u"?globalThis:l||self,p(l.lithentTemplateVite={},l.promises,l.path,l.vite,l.lithentTemplateParser))})(this,function(l,p,f,x,z){"use strict";const T=[".ljsx",".ltsx"],W=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),A=e=>e.startsWith(".")?e:`.${e}`,R=e=>{const r=(e&&e.length>0?e:Array.from(T)).map(A);return Array.from(new Set(r))},P=e=>e.endsWith("tsx")||e.endsWith("ts")?"ts":(e.endsWith("jsx"),"js"),g=(e,s)=>e?Array.isArray(e)?e:[e]:s,j=(e,s)=>e.some(r=>r.test(s)),D=(e,s)=>{const[r,m]=e.split("?",2);if(m){const o=new URLSearchParams(m).get(E);if(o)return x.normalizePath(o)}return r&&w(r,s)?x.normalizePath(r):null},w=(e,s)=>s.find(r=>e.endsWith(r))??null,b=(e,s)=>{const r=new Set(e??[]);for(const m of s)r.add(m);return Array.from(r)},L=(e,s)=>({...e??{},...s}),E="lithent:original";function $(e={}){const s=R(e.extensions),r=s.reduce((t,n)=>{var c;const a=((c=e.extensionLoaders)==null?void 0:c[n])??P(n);return t[n]=a,t},{}),m=s.map(t=>new RegExp(`${W(t)}$`)),v=g(e.include,m);let o;const O=t=>{const n=new URLSearchParams({[E]:t});return`${t}?${n.toString()}`};return[{name:"lithent:template-vite",enforce:"pre",config(t){var n,a,c,d,i,u,y;return{resolve:{extensions:b((n=t.resolve)==null?void 0:n.extensions,s)},optimizeDeps:{extensions:b((a=t.optimizeDeps)==null?void 0:a.extensions,s),esbuildOptions:{...((c=t.optimizeDeps)==null?void 0:c.esbuildOptions)??{},loader:L(typeof((i=(d=t.optimizeDeps)==null?void 0:d.esbuildOptions)==null?void 0:i.loader)=="object"?(y=(u=t.optimizeDeps)==null?void 0:u.esbuildOptions)==null?void 0:y.loader:void 0,r)}}}},configResolved(t){o=t},async resolveId(t,n,a){if(!w(t,s))return null;const d=(o==null?void 0:o.root)??process.cwd();let i;if(typeof this.resolve=="function"){const u=await this.resolve(t,n,{skipSelf:!0,...a});u!=null&&u.id&&(i=u.id)}return i||(f.isAbsolute(t)?i=t:t.startsWith("/")?i=f.join(d,t.slice(1)):n&&(t.startsWith("./")||t.startsWith("../"))?i=f.resolve(f.dirname(n),t):i=f.resolve(d,t)),i=x.normalizePath(i),j(v,i)?O(i):null},async load(t){const n=D(t,s);if(!n)return null;const a=w(n,s);if(!a)return null;this.addWatchFile(n);const c=await p.readFile(n,"utf-8"),d=z.transformDocument(c,{source:n,generateSourceMap:(o==null?void 0:o.command)==="build"}),i=this.warn?this.warn.bind(this):console.warn;if(d.errors.length>0)for(const{error:h}of d.errors){const q=h.line||h.column?` (line ${h.line}, column ${h.column})`:"";i(`[@lithent/lithent-template-vite] Failed to compile template in ${n}${q}: ${h.message}`)}const u=r[a]??P(a),y=d.transformed?d.code:c,S=await x.transformWithEsbuild(y,n,{loader:u,sourcemap:(o==null?void 0:o.command)==="build",sourcefile:n});return{code:S.code,map:S.map??null}}}]}l.default=$,l.lithentTemplateVite=$,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.js","sources":["../src/plugin.ts"],"sourcesContent":["import { readFile } from 'node:fs/promises';\nimport path from 'node:path';\nimport type { Plugin, PluginOption, ResolvedConfig, UserConfig } from 'vite';\nimport { normalizePath, transformWithEsbuild } from 'vite';\nimport { transformDocument } from '@lithent/lithent-template-parser';\n\ntype LoaderValue = 'js' | 'jsx' | 'ts' | 'tsx' | 'json' | 'css';\ntype LoaderMap = Record<string, LoaderValue>;\n\nexport interface LithentTemplateViteOptions {\n  include?: RegExp | RegExp[];\n  extensions?: string[];\n  extensionLoaders?: Record<string, LoaderValue>;\n}\n\nconst DEFAULT_EXTENSIONS = ['.ljsx', '.ltsx'] as const;\n\nconst escapeRegExp = (value: string): string =>\n  value.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n\nconst normalizeExtension = (ext: string): string =>\n  ext.startsWith('.') ? ext : `.${ext}`;\n\nconst resolveExtensions = (extensions?: string[]): string[] => {\n  const base =\n    extensions && extensions.length > 0\n      ? extensions\n      : Array.from(DEFAULT_EXTENSIONS);\n  const normalized = base.map(normalizeExtension);\n  return Array.from(new Set(normalized));\n};\n\nconst inferLoader = (ext: string): LoaderValue => {\n  if (ext.endsWith('tsx') || ext.endsWith('ts')) {\n    return 'ts';\n  }\n  if (ext.endsWith('jsx')) {\n    return 'js';\n  }\n  return 'js';\n};\n\nconst toRegExpArray = (\n  value: RegExp | RegExp[] | undefined,\n  fallback: RegExp[]\n): RegExp[] => {\n  if (!value) {\n    return fallback;\n  }\n  return Array.isArray(value) ? value : [value];\n};\n\nconst shouldProcess = (patterns: RegExp[], filePath: string): boolean => {\n  return patterns.some(pattern => pattern.test(filePath));\n};\n\nconst extractOriginalPath = (\n  id: string,\n  extensions: string[]\n): string | null => {\n  const [filepath, query] = id.split('?', 2);\n  if (query) {\n    const params = new URLSearchParams(query);\n    const original = params.get(VIRTUAL_QUERY);\n    if (original) {\n      return normalizePath(original);\n    }\n  }\n  if (filepath && matchExtension(filepath, extensions)) {\n    return normalizePath(filepath);\n  }\n  return null;\n};\n\nconst matchExtension = (\n  filePath: string,\n  extensions: string[]\n): string | null => {\n  return extensions.find(ext => filePath.endsWith(ext)) ?? null;\n};\n\nconst mergeExtensions = (\n  original: string[] | undefined,\n  additions: readonly string[]\n): string[] => {\n  const set = new Set(original ?? []);\n  for (const ext of additions) {\n    set.add(ext);\n  }\n  return Array.from(set);\n};\n\nconst mergeLoaderMap = (\n  original: LoaderMap | undefined,\n  additions: LoaderMap\n): LoaderMap => {\n  return {\n    ...(original ?? {}),\n    ...additions,\n  };\n};\n\nconst VIRTUAL_QUERY = 'lithent:original';\n\nexport function lithentTemplateVite(\n  options: LithentTemplateViteOptions = {}\n): PluginOption {\n  const extensions = resolveExtensions(options.extensions);\n  const extensionLoaders: LoaderMap = extensions.reduce((acc, ext) => {\n    const loader = options.extensionLoaders?.[ext] ?? inferLoader(ext);\n    acc[ext] = loader;\n    return acc;\n  }, {} as LoaderMap);\n  const defaultInclude = extensions.map(\n    ext => new RegExp(`${escapeRegExp(ext)}$`)\n  );\n  const includePatterns = toRegExpArray(options.include, defaultInclude);\n  let config: ResolvedConfig | undefined;\n\n  const createVirtualId = (originalPath: string): string => {\n    const query = new URLSearchParams({\n      [VIRTUAL_QUERY]: originalPath,\n    });\n    return `${originalPath}?${query.toString()}`;\n  };\n\n  const templatePlugin: Plugin = {\n    name: 'lithent:template-vite',\n    enforce: 'pre',\n    config(userConfig: UserConfig) {\n      return {\n        resolve: {\n          extensions: mergeExtensions(\n            userConfig.resolve?.extensions,\n            extensions\n          ),\n        },\n        optimizeDeps: {\n          extensions: mergeExtensions(\n            userConfig.optimizeDeps?.extensions,\n            extensions\n          ),\n          esbuildOptions: {\n            ...(userConfig.optimizeDeps?.esbuildOptions ?? {}),\n            loader: mergeLoaderMap(\n              typeof userConfig.optimizeDeps?.esbuildOptions?.loader ===\n                'object'\n                ? (userConfig.optimizeDeps?.esbuildOptions?.loader as LoaderMap)\n                : undefined,\n              extensionLoaders\n            ),\n          },\n        },\n      };\n    },\n    configResolved(resolved) {\n      config = resolved;\n    },\n    async resolveId(source, importer, options) {\n      const ext = matchExtension(source, extensions);\n      if (!ext) {\n        return null;\n      }\n\n      const rootDir = config?.root ?? process.cwd();\n      let resolvedPath: string | undefined;\n\n      if (typeof this.resolve === 'function') {\n        const resolved = await this.resolve(source, importer, {\n          skipSelf: true,\n          ...options,\n        });\n        if (resolved?.id) {\n          resolvedPath = resolved.id;\n        }\n      }\n\n      if (!resolvedPath) {\n        if (path.isAbsolute(source)) {\n          resolvedPath = source;\n        } else if (source.startsWith('/')) {\n          resolvedPath = path.join(rootDir, source.slice(1));\n        } else if (\n          importer &&\n          (source.startsWith('./') || source.startsWith('../'))\n        ) {\n          resolvedPath = path.resolve(path.dirname(importer), source);\n        } else {\n          resolvedPath = path.resolve(rootDir, source);\n        }\n      }\n\n      resolvedPath = normalizePath(resolvedPath);\n\n      if (!shouldProcess(includePatterns, resolvedPath)) {\n        return null;\n      }\n\n      return createVirtualId(resolvedPath);\n    },\n    async load(id) {\n      const originalPath = extractOriginalPath(id, extensions);\n      if (!originalPath) {\n        return null;\n      }\n\n      const ext = matchExtension(originalPath, extensions);\n      if (!ext) {\n        return null;\n      }\n\n      this.addWatchFile(originalPath);\n\n      const raw = await readFile(originalPath, 'utf-8');\n      const result = transformDocument(raw, {\n        source: originalPath,\n        generateSourceMap: config?.command === 'build',\n      });\n\n      const warn = this.warn ? this.warn.bind(this) : console.warn;\n      if (result.errors.length > 0) {\n        for (const { error } of result.errors) {\n          const location =\n            error.line || error.column\n              ? ` (line ${error.line}, column ${error.column})`\n              : '';\n          warn(\n            `[@lithent/lithent-template-vite] Failed to compile template in ${originalPath}${location}: ${error.message}`\n          );\n        }\n      }\n\n      const loader = extensionLoaders[ext] ?? inferLoader(ext);\n      const transformedCode = result.transformed ? result.code : raw;\n      const esbuildResult = await transformWithEsbuild(\n        transformedCode,\n        originalPath,\n        {\n          loader,\n          sourcemap: config?.command === 'build',\n          sourcefile: originalPath,\n        }\n      );\n\n      return {\n        code: esbuildResult.code,\n        map: esbuildResult.map ?? null,\n      };\n    },\n  };\n\n  return [templatePlugin];\n}\n\nexport default lithentTemplateVite;\n"],"names":["DEFAULT_EXTENSIONS","escapeRegExp","value","normalizeExtension","ext","resolveExtensions","extensions","normalized","inferLoader","toRegExpArray","fallback","shouldProcess","patterns","filePath","pattern","extractOriginalPath","id","filepath","query","original","VIRTUAL_QUERY","normalizePath","matchExtension","mergeExtensions","additions","set","mergeLoaderMap","lithentTemplateVite","options","extensionLoaders","acc","loader","_a","defaultInclude","includePatterns","config","createVirtualId","originalPath","userConfig","_b","_c","_e","_d","_g","_f","resolved","source","importer","rootDir","resolvedPath","path","raw","readFile","result","transformDocument","warn","error","location","transformedCode","esbuildResult","transformWithEsbuild"],"mappings":"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"}

package/dist/plugin.d.ts

@@ -0,0 +1,9 @@
+import type { PluginOption } from 'vite';
+type LoaderValue = 'js' | 'jsx' | 'ts' | 'tsx' | 'json' | 'css';
+export interface LithentTemplateViteOptions {
+    include?: RegExp | RegExp[];
+    extensions?: string[];
+    extensionLoaders?: Record<string, LoaderValue>;
+}
+export declare function lithentTemplateVite(options?: LithentTemplateViteOptions): PluginOption;
+export default lithentTemplateVite;

package/package.json

@@ -0,0 +1,52 @@
+{
+  "type": "module",
+  "name": "@lithent/lithent-template-vite",
+  "version": "0.1.0",
+  "description": "Vite plugin that compiles Lithent’s JSX-like template syntax into h() calls.",
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.umd.js"
+    }
+  },
+  "dependencies": {
+    "@lithent/lithent-template-parser": "0.1.0"
+  },
+  "devDependencies": {
+    "lithent": "1.20.1"
+  },
+  "keywords": [
+    "lithent",
+    "vite",
+    "template"
+  ],
+  "author": "superlucky84",
+  "license": "MIT",
+  "homepage": "https://github.com/superlucky84/lithent",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/superlucky84/lithent.git"
+  },
+  "peerDependencies": {
+    "vite": "^5.0.0"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "volta": {
+    "node": "20.3.0"
+  },
+  "scripts": {
+    "dev": "vite --config vite.config.plugin.ts",
+    "dev:lib": "vite",
+    "build": "vite build",
+    "watch": "vite build --watch",
+    "test": "vitest run --reporter verbose",
+    "test:dev": "vitest"
+  }
+}

package/src/dev/App.ltsx

@@ -0,0 +1,44 @@
+import { h, mount } from 'lithent';
+
+void h;
+
+interface TodoItem {
+  text: string;
+  done: boolean;
+}
+
+const todos: TodoItem[] = [
+  { text: 'Check plugin output', done: true },
+  { text: 'Verify l-for transformation', done: false },
+  { text: 'Ensure nested JSX works', done: false },
+];
+
+export function TemplateDemo() {
+  const todo = {} as TodoItem;
+  const index = 0;
+  void todo;
+  void index;
+
+  return (
+    <section class="todo-demo">
+      <h2>Todos ({(todos as any).length})</h2>
+      <ul>
+        <li l-for={(todo, index) in todos} class="todo-item">
+          <span class="todo-index">{index + 1}.</span>
+          <span class="todo-text">{todo.text}</span>
+          <strong l-if={todo.done} class="todo-status done">
+            Done11
+          </strong>
+          <strong l-else class="todo-status pending">
+            asdglkj     a
+          </strong>
+        </li>
+      </ul>
+      <ul class="summary">
+        {todos.map(todo => (
+          <li class="summary-item">{todo.text.toUpperCase()}</li>
+        ))}
+      </ul>
+    </section>
+  );
+}

package/src/dev/init.js

@@ -0,0 +1 @@
+import './main.ltsx';

package/src/dev/main.ltsx

@@ -0,0 +1,48 @@
+import { TemplateDemo } from './App';
+import { compile } from '@lithent/lithent-template-parser';
+import { render, h } from 'lithent';
+
+const source = `
+<section class="todo-demo">
+  <h2>Todos ({todos.length})</h2>
+  <ul>
+    <li l-for={(todo, index) in todos} class="todo-item">
+      <span class="todo-index">{index + 1}.</span>
+      <span class="todo-text">{todo.text}</span>
+      <strong l-if={todo.done} class="todo-status done">Done</strong>
+      <strong l-else class="todo-status pending">Pending</strong>
+    </li>
+  </ul>
+  <div class="summary">
+    {todos.map(todo => (
+      <span class="summary-item">{todo.text.toUpperCase()}</span>
+    ))}
+  </div>
+</section>
+`;
+
+const compileResult = compile(source);
+console.log('[template-parser] code:', compileResult.code);
+
+const Demo = TemplateDemo;
+
+console.log('[template-parser] AST:', compileResult.ast);
+
+if ('document' in globalThis) {
+  const doc = (globalThis as any).document as any;
+  const codeBlock = doc.getElementById('code-output');
+  const astBlock = doc.getElementById('ast-output');
+  const app = doc.getElementById('preview');
+
+  if (codeBlock) {
+    codeBlock.textContent = compileResult.code ?? '// no code';
+  }
+
+  if (astBlock) {
+    console.log(compileResult.ast);
+  }
+
+  if (app) {
+    render(<Demo />, app);
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export { lithentTemplateVite as default, lithentTemplateVite } from './plugin';
+export type { LithentTemplateViteOptions } from './plugin';

package/src/plugin.ts

@@ -0,0 +1,255 @@
+import { readFile } from 'node:fs/promises';
+import path from 'node:path';
+import type { Plugin, PluginOption, ResolvedConfig, UserConfig } from 'vite';
+import { normalizePath, transformWithEsbuild } from 'vite';
+import { transformDocument } from '@lithent/lithent-template-parser';
+
+type LoaderValue = 'js' | 'jsx' | 'ts' | 'tsx' | 'json' | 'css';
+type LoaderMap = Record<string, LoaderValue>;
+
+export interface LithentTemplateViteOptions {
+  include?: RegExp | RegExp[];
+  extensions?: string[];
+  extensionLoaders?: Record<string, LoaderValue>;
+}
+
+const DEFAULT_EXTENSIONS = ['.ljsx', '.ltsx'] as const;
+
+const escapeRegExp = (value: string): string =>
+  value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+
+const normalizeExtension = (ext: string): string =>
+  ext.startsWith('.') ? ext : `.${ext}`;
+
+const resolveExtensions = (extensions?: string[]): string[] => {
+  const base =
+    extensions && extensions.length > 0
+      ? extensions
+      : Array.from(DEFAULT_EXTENSIONS);
+  const normalized = base.map(normalizeExtension);
+  return Array.from(new Set(normalized));
+};
+
+const inferLoader = (ext: string): LoaderValue => {
+  if (ext.endsWith('tsx') || ext.endsWith('ts')) {
+    return 'ts';
+  }
+  if (ext.endsWith('jsx')) {
+    return 'js';
+  }
+  return 'js';
+};
+
+const toRegExpArray = (
+  value: RegExp | RegExp[] | undefined,
+  fallback: RegExp[]
+): RegExp[] => {
+  if (!value) {
+    return fallback;
+  }
+  return Array.isArray(value) ? value : [value];
+};
+
+const shouldProcess = (patterns: RegExp[], filePath: string): boolean => {
+  return patterns.some(pattern => pattern.test(filePath));
+};
+
+const extractOriginalPath = (
+  id: string,
+  extensions: string[]
+): string | null => {
+  const [filepath, query] = id.split('?', 2);
+  if (query) {
+    const params = new URLSearchParams(query);
+    const original = params.get(VIRTUAL_QUERY);
+    if (original) {
+      return normalizePath(original);
+    }
+  }
+  if (filepath && matchExtension(filepath, extensions)) {
+    return normalizePath(filepath);
+  }
+  return null;
+};
+
+const matchExtension = (
+  filePath: string,
+  extensions: string[]
+): string | null => {
+  return extensions.find(ext => filePath.endsWith(ext)) ?? null;
+};
+
+const mergeExtensions = (
+  original: string[] | undefined,
+  additions: readonly string[]
+): string[] => {
+  const set = new Set(original ?? []);
+  for (const ext of additions) {
+    set.add(ext);
+  }
+  return Array.from(set);
+};
+
+const mergeLoaderMap = (
+  original: LoaderMap | undefined,
+  additions: LoaderMap
+): LoaderMap => {
+  return {
+    ...(original ?? {}),
+    ...additions,
+  };
+};
+
+const VIRTUAL_QUERY = 'lithent:original';
+
+export function lithentTemplateVite(
+  options: LithentTemplateViteOptions = {}
+): PluginOption {
+  const extensions = resolveExtensions(options.extensions);
+  const extensionLoaders: LoaderMap = extensions.reduce((acc, ext) => {
+    const loader = options.extensionLoaders?.[ext] ?? inferLoader(ext);
+    acc[ext] = loader;
+    return acc;
+  }, {} as LoaderMap);
+  const defaultInclude = extensions.map(
+    ext => new RegExp(`${escapeRegExp(ext)}$`)
+  );
+  const includePatterns = toRegExpArray(options.include, defaultInclude);
+  let config: ResolvedConfig | undefined;
+
+  const createVirtualId = (originalPath: string): string => {
+    const query = new URLSearchParams({
+      [VIRTUAL_QUERY]: originalPath,
+    });
+    return `${originalPath}?${query.toString()}`;
+  };
+
+  const templatePlugin: Plugin = {
+    name: 'lithent:template-vite',
+    enforce: 'pre',
+    config(userConfig: UserConfig) {
+      return {
+        resolve: {
+          extensions: mergeExtensions(
+            userConfig.resolve?.extensions,
+            extensions
+          ),
+        },
+        optimizeDeps: {
+          extensions: mergeExtensions(
+            userConfig.optimizeDeps?.extensions,
+            extensions
+          ),
+          esbuildOptions: {
+            ...(userConfig.optimizeDeps?.esbuildOptions ?? {}),
+            loader: mergeLoaderMap(
+              typeof userConfig.optimizeDeps?.esbuildOptions?.loader ===
+                'object'
+                ? (userConfig.optimizeDeps?.esbuildOptions?.loader as LoaderMap)
+                : undefined,
+              extensionLoaders
+            ),
+          },
+        },
+      };
+    },
+    configResolved(resolved) {
+      config = resolved;
+    },
+    async resolveId(source, importer, options) {
+      const ext = matchExtension(source, extensions);
+      if (!ext) {
+        return null;
+      }
+
+      const rootDir = config?.root ?? process.cwd();
+      let resolvedPath: string | undefined;
+
+      if (typeof this.resolve === 'function') {
+        const resolved = await this.resolve(source, importer, {
+          skipSelf: true,
+          ...options,
+        });
+        if (resolved?.id) {
+          resolvedPath = resolved.id;
+        }
+      }
+
+      if (!resolvedPath) {
+        if (path.isAbsolute(source)) {
+          resolvedPath = source;
+        } else if (source.startsWith('/')) {
+          resolvedPath = path.join(rootDir, source.slice(1));
+        } else if (
+          importer &&
+          (source.startsWith('./') || source.startsWith('../'))
+        ) {
+          resolvedPath = path.resolve(path.dirname(importer), source);
+        } else {
+          resolvedPath = path.resolve(rootDir, source);
+        }
+      }
+
+      resolvedPath = normalizePath(resolvedPath);
+
+      if (!shouldProcess(includePatterns, resolvedPath)) {
+        return null;
+      }
+
+      return createVirtualId(resolvedPath);
+    },
+    async load(id) {
+      const originalPath = extractOriginalPath(id, extensions);
+      if (!originalPath) {
+        return null;
+      }
+
+      const ext = matchExtension(originalPath, extensions);
+      if (!ext) {
+        return null;
+      }
+
+      this.addWatchFile(originalPath);
+
+      const raw = await readFile(originalPath, 'utf-8');
+      const result = transformDocument(raw, {
+        source: originalPath,
+        generateSourceMap: config?.command === 'build',
+      });
+
+      const warn = this.warn ? this.warn.bind(this) : console.warn;
+      if (result.errors.length > 0) {
+        for (const { error } of result.errors) {
+          const location =
+            error.line || error.column
+              ? ` (line ${error.line}, column ${error.column})`
+              : '';
+          warn(
+            `[@lithent/lithent-template-vite] Failed to compile template in ${originalPath}${location}: ${error.message}`
+          );
+        }
+      }
+
+      const loader = extensionLoaders[ext] ?? inferLoader(ext);
+      const transformedCode = result.transformed ? result.code : raw;
+      const esbuildResult = await transformWithEsbuild(
+        transformedCode,
+        originalPath,
+        {
+          loader,
+          sourcemap: config?.command === 'build',
+          sourcefile: originalPath,
+        }
+      );
+
+      return {
+        code: esbuildResult.code,
+        map: esbuildResult.map ?? null,
+      };
+    },
+  };
+
+  return [templatePlugin];
+}
+
+export default lithentTemplateVite;

package/src/tests/fixtures/view.foo

@@ -0,0 +1,12 @@
+export const View = (todos) => (
+  <li l-for={(todo, index) in todos} class="todo-item">
+    <span class="todo-index">{index + 1}.</span>
+    <span class="todo-text">{todo.text}</span>
+    <strong l-if={todo.done} class="todo-status done">
+      Completed
+    </strong>
+    <strong l-else class="todo-status pending">
+      Pending
+    </strong>
+  </li>
+);

package/src/tests/fixtures/view.ltsx

@@ -0,0 +1,12 @@
+export const View = (todos) => (
+  <li l-for={(todo, index) in todos} class="todo-item">
+    <span class="todo-index">{index + 1}.</span>
+    <span class="todo-text">{todo.text}</span>
+    <strong l-if={todo.done} class="todo-status done">
+      Completed
+    </strong>
+    <strong l-else class="todo-status pending">
+      Pending
+    </strong>
+  </li>
+);

package/src/tests/plugin.test.ts

@@ -0,0 +1,252 @@
+import { readFile } from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { beforeEach, describe, expect, it } from 'vitest';
+import { resolveConfig } from 'vite';
+import type { ConfigEnv, Plugin, PluginOption, ResolvedConfig } from 'vite';
+import { lithentTemplateVite } from '../plugin';
+
+interface TransformResult {
+  code: string;
+  map: any;
+}
+
+const normalizePluginOption = (option: PluginOption): Plugin[] => {
+  if (Array.isArray(option)) {
+    return option.flatMap(item => normalizePluginOption(item));
+  }
+  if (!option) {
+    return [];
+  }
+  return [option as Plugin];
+};
+
+const createPlugins = (opts?: Parameters<typeof lithentTemplateVite>[0]) => {
+  const option = lithentTemplateVite(opts);
+  return normalizePluginOption(option).filter(Boolean);
+};
+
+type MinimalPlugin = Pick<
+  Plugin,
+  'config' | 'configResolved' | 'resolveId' | 'load' | 'transform'
+>;
+
+const runHook = async (
+  plugin: MinimalPlugin,
+  hookName: keyof MinimalPlugin,
+  context: Record<string, unknown>,
+  ...args: unknown[]
+): Promise<unknown> => {
+  const hook = plugin[hookName];
+  if (!hook) {
+    return undefined;
+  }
+
+  const invoke = async (entry: unknown): Promise<unknown> => {
+    if (typeof entry === 'function') {
+      return await (entry as (...a: unknown[]) => unknown).apply(context, args);
+    }
+    if (
+      entry &&
+      typeof entry === 'object' &&
+      'handler' in entry &&
+      typeof (entry as { handler: unknown }).handler === 'function'
+    ) {
+      return await (
+        entry as { handler: (...a: unknown[]) => unknown }
+      ).handler.apply(context, args);
+    }
+    return undefined;
+  };
+
+  if (Array.isArray(hook)) {
+    let last: unknown;
+    for (const entry of hook) {
+      last = await invoke(entry);
+    }
+    return last;
+  }
+
+  return await invoke(hook);
+};
+
+const createPluginContext = () => ({
+  warn: () => {},
+  addWatchFile: () => {},
+  getWatchFiles: () => [] as string[],
+  resolve: async () => null,
+  load: async () => null,
+  transform: async () => null,
+});
+
+const setupPlugins = async (
+  plugins: Plugin[],
+  command: 'serve' | 'build' = 'serve'
+): Promise<ResolvedConfig> => {
+  const context = createPluginContext();
+  const env: ConfigEnv = {
+    command,
+    mode: command === 'serve' ? 'development' : 'production',
+    isSsrBuild: command === 'build',
+  };
+
+  const userConfig = {} as Parameters<typeof resolveConfig>[0];
+
+  for (const plugin of plugins) {
+    const result = await runHook(plugin, 'config', context, userConfig, env);
+    if (result && typeof result === 'object') {
+      Object.assign(userConfig, result as object);
+    }
+  }
+
+  const resolved = (await resolveConfig(
+    userConfig,
+    command,
+    env.mode
+  )) as ResolvedConfig;
+
+  await Promise.all(
+    plugins.map(plugin => runHook(plugin, 'configResolved', context, resolved))
+  );
+
+  return resolved;
+};
+
+const runTransforms = async (
+  plugins: Plugin[],
+  initial: string,
+  id: string
+): Promise<TransformResult> => {
+  const context = createPluginContext();
+
+  let resolvedId = id;
+  for (const plugin of plugins) {
+    if (!plugin.resolveId) {
+      continue;
+    }
+    const resolution = await runHook(
+      plugin,
+      'resolveId',
+      context,
+      resolvedId,
+      undefined,
+      {}
+    );
+    if (resolution == null) {
+      continue;
+    }
+    if (typeof resolution === 'string') {
+      resolvedId = resolution;
+      break;
+    }
+    if (typeof resolution === 'object' && 'id' in resolution) {
+      resolvedId = (resolution as { id: string }).id;
+      break;
+    }
+  }
+
+  let code = initial;
+  let map: any = null;
+
+  for (const plugin of plugins) {
+    if (!plugin.load) {
+      continue;
+    }
+    const loaded = await runHook(plugin, 'load', context, resolvedId);
+    if (loaded == null) {
+      continue;
+    }
+    if (typeof loaded === 'string') {
+      code = loaded;
+      map = null;
+    } else if (loaded && typeof loaded === 'object') {
+      const output = loaded as { code?: string; map?: unknown };
+      if (typeof output.code === 'string') {
+        code = output.code;
+      }
+      map = output.map ?? null;
+    }
+    break;
+  }
+
+  for (const plugin of plugins) {
+    if (!plugin.transform) {
+      continue;
+    }
+    const transformed = await runHook(
+      plugin,
+      'transform',
+      context,
+      code,
+      resolvedId
+    );
+    if (transformed == null) {
+      continue;
+    }
+    if (typeof transformed === 'string') {
+      code = transformed;
+      map = null;
+    } else if (transformed && typeof transformed === 'object') {
+      const output = transformed as { code?: string; map?: unknown };
+      if (typeof output.code === 'string') {
+        code = output.code;
+      }
+      map = output.map ?? null;
+    }
+  }
+
+  return { code, map };
+};
+
+describe('lithentTemplateVite plugin', () => {
+  let plugins: Plugin[];
+  const __filename = fileURLToPath(import.meta.url);
+  const __dirname = path.dirname(__filename);
+
+  beforeEach(async () => {
+    plugins = createPlugins();
+    await setupPlugins(plugins);
+  });
+
+  it('transforms l-for template with plain text content', async () => {
+    const filePath = path.resolve(__dirname, './fixtures/view.ltsx');
+    const code = await readFile(filePath, 'utf-8');
+    const result = await runTransforms(plugins, code, filePath);
+
+    expect(result.code).toContain('todos.map((todo, index) =>');
+    expect(result.code).toMatch(
+      /h\("strong", { class: "todo-status pending" }, "Pending\\n\s*"\)/
+    );
+  });
+
+  it('skips transformation for non-matching files', async () => {
+    const code = `<div>test</div>`;
+    const result = await runTransforms(plugins, code, 'script.js');
+
+    expect(result.code).toBe(code);
+  });
+
+  it('does not transform .tsx files by default', async () => {
+    const code = `
+      import { useState } from 'react';
+      export const Example = ({ todos }) => (
+        <div>
+          <li l-for={(todo, index) in todos} class="todo-item">
+            <span>{todo.text}</span>
+          </li>
+        </div>
+      );
+    `;
+    const result = await runTransforms(plugins, code, 'component.tsx');
+    expect(result.code).toBe(code);
+  });
+
+  it('allows configuring custom extensions', async () => {
+    const customPlugins = createPlugins({ extensions: ['.foo'] });
+    await setupPlugins(customPlugins);
+    const filePath = path.resolve(__dirname, './fixtures/view.foo');
+    const code = await readFile(filePath, 'utf-8');
+    const result = await runTransforms(customPlugins, code, filePath);
+    expect(result.code).toContain('todos.map((todo, index) =>');
+  });
+});