vite-plugin-vanjs 0.1.10 → 0.1.12

package/README.md

@@ -4,11 +4,6 @@
 [![ci](https://github.com/thednp/vite-plugin-vanjs/actions/workflows/ci.yml/badge.svg)](https://github.com/thednp/vite-plugin-vanjs/actions/workflows/ci.yml)
 [![NPM Version](https://img.shields.io/npm/v/vite-plugin-vanjs.svg)](https://www.npmjs.com/package/vite-plugin-vanjs)
 [![NPM Downloads](https://img.shields.io/npm/dm/vite-plugin-vanjs.svg)](http://npm-stat.com/charts.html?package=vite-plugin-vanjs)
-[![typescript version](https://img.shields.io/badge/typescript-5.6.2-brightgreen)](https://www.typescriptlang.org/)
-[![vanjs-core version](https://img.shields.io/badge/vanjs--core-1.5.5-brightgreen)](https://github.com/vanjs-org/van)
-[![mini-van-plate version](https://img.shields.io/badge/mini--van--plate-0.6.3-brightgreen)](https://github.com/vanjs-org/mini-van-plate)
-[![vitest version](https://img.shields.io/badge/vitest-3.2.2-brightgreen)](https://www.vitest.dev/)
-[![vite version](https://img.shields.io/badge/vite-6.3.5-brightgreen)](https://vite.dev)
 
 A mini meta-framework for [VanJS](https://vanjs.org/) developed around the awesome [vite](https://vite.dev) and tested with [vitest](https://vitest.dev). The plugin comes with a set of modules to streamline your workflow:
 * ***@vanjs/router*** - one of the most important part of an application which allows you to split code and lazy load page like components with ease, handles both Client Side Rendering (SSR) and Server Side Rendering (CSR) and makes it really easy to work with;

package/jsx/fragment.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from "./jsx";
+import type { JSX } from "./jsx.d.ts";
 
 export type FragmentProps = {
   children?: JSX.Element;

package/jsx/jsx.d.ts

@@ -1,7 +1,12 @@
 // deno-lint-ignore-file no-empty-interface ban-types
 
 import * as csstype from "csstype";
-import type { Primitive, State, StateView } from "vanjs-core";
+import type {
+  Primitive,
+  PropValueOrDerived,
+  State,
+  StateView,
+} from "vanjs-core";
 import { Element as VElement } from "mini-van-plate/van-plate";
 
 /**
@@ -21,7 +26,7 @@ export type VanNode =
   | null
   | undefined;
 
-export type { Fragment } from "./fragment";
+export type { Fragment } from "./fragment.d.ts";
 
 export as namespace JSX;
 export = JSX;
@@ -32,8 +37,6 @@ declare global {
 }
 
 declare namespace JSX {
-  // type FunctionMaybe<T = unknown> = { (): T } | T;
-  // type Element = VanNode;
   type FunctionMaybe<T = unknown> = (() => T) | StateView<T> | T | undefined;
   type Element =
     | State<Primitive | null | undefined>
@@ -41,8 +44,6 @@ declare namespace JSX {
     | DOMElement
     | HTMLElement
     | ArrayElement
-    // | TagComponent<any>
-    // | Component
     | FunctionElement
     | (string & {})
     | Primitive
@@ -142,8 +143,7 @@ declare namespace JSX {
     extends
       CustomAttributes<T>,
       CustomEventHandlersCamelCase<T>,
-      CustomEventHandlersLowerCase<T>,
-      CustomEventHandlersNamespaced<T> {
+      CustomEventHandlersLowerCase<T> {
     children?: Element;
     innerHTML?: string;
     innerText?: string | number;
@@ -2344,36 +2344,34 @@ declare namespace JSX {
   /** @type {MathMLElementTagNameMap} */
   interface MathMLElementTags {
     math: MathMLMathAttributes<MathMLElement>;
-    mi: MathMLAnnotationAttributes<MathMLMiElement>;
-    mn: MathMLAnnotationAttributes<MathMLMnElement>;
-    mo: MathMLOperatorAttributes<MathMLMoElement>;
-    ms: MathMLAnnotationAttributes<MathMLMsElement>;
-    mtext: MathMLAnnotationAttributes<MathMLMtextElement>;
-    mspace: MathMLMspaceAttributes<MathMLMspaceElement>;
-    mrow: MathMLRowAttributes<MathMLMrowElement>;
-    mfrac: MathMLFracAttributes<MathMLMfracElement>;
-    msqrt: MathMLRowAttributes<MathMLMsqrtElement>;
-    mroot: MathMLRowAttributes<MathMLMrootElement>;
-    mstyle: MathMLStyleAttributes<MathMLMstyleElement>;
-    merror: MathMLRowAttributes<MathMLMerrorElement>;
-    mpadded: MathMLPaddedAttributes<MathMLMpaddedElement>;
-    mphantom: MathMLRowAttributes<MathMLMphantomElement>;
-    mfenced: MathMLFencedAttributes<MathMLMfencedElement>;
-    mtable: MathMLTableAttributes<MathMLMtableElement>;
-    mtr: MathMLTableRowAttributes<MathMLMtrElement>;
-    mtd: MathMLTableCellAttributes<MathMLMtdElement>;
-    msub: MathMLScriptAttributes<MathMLMsubElement>;
-    msup: MathMLScriptAttributes<MathMLMsupElement>;
-    msubsup: MathMLScriptAttributes<MathMLMsubsupElement>;
-    mmultiscripts: MathMLMultiscriptsAttributes<MathMLMmultiscriptsElement>;
-    mover: MathMLScriptAttributes<MathMLMoverElement>;
-    munder: MathMLScriptAttributes<MathMLMunderElement>;
-    munderover: MathMLScriptAttributes<MathMLMunderoverElement>;
-    semantics: MathMLSemanticsAttributes<MathMLSemanticsElement>;
-    annotation: MathMLAnnotationElementAttributes<MathMLAnnotationElement>;
-    "annotation-xml": MathMLAnnotationElementAttributes<
-      MathMLAnnotationXMLElement
-    >;
+    mi: MathMLAnnotationAttributes<MathMLElement>;
+    mn: MathMLAnnotationAttributes<MathMLElement>;
+    mo: MathMLOperatorAttributes<MathMLElement>;
+    ms: MathMLAnnotationAttributes<MathMLElement>;
+    mtext: MathMLAnnotationAttributes<MathMLElement>;
+    mspace: MathMLMspaceAttributes<MathMLElement>;
+    mrow: MathMLRowAttributes<MathMLElement>;
+    mfrac: MathMLFracAttributes<MathMLElement>;
+    msqrt: MathMLRowAttributes<MathMLElement>;
+    mroot: MathMLRowAttributes<MathMLElement>;
+    mstyle: MathMLStyleAttributes<MathMLElement>;
+    merror: MathMLRowAttributes<MathMLElement>;
+    mpadded: MathMLPaddedAttributes<MathMLElement>;
+    mphantom: MathMLRowAttributes<MathMLElement>;
+    mfenced: MathMLFencedAttributes<MathMLElement>;
+    mtable: MathMLTableAttributes<MathMLElement>;
+    mtr: MathMLTableRowAttributes<MathMLElement>;
+    mtd: MathMLTableCellAttributes<MathMLElement>;
+    msub: MathMLScriptAttributes<MathMLElement>;
+    msup: MathMLScriptAttributes<MathMLElement>;
+    msubsup: MathMLScriptAttributes<MathMLElement>;
+    mmultiscripts: MathMLMultiscriptsAttributes<MathMLElement>;
+    mover: MathMLScriptAttributes<MathMLElement>;
+    munder: MathMLScriptAttributes<MathMLElement>;
+    munderover: MathMLScriptAttributes<MathMLElement>;
+    semantics: MathMLSemanticsAttributes<MathMLElement>;
+    annotation: MathMLAnnotationElementAttributes<MathMLElement>;
+    "annotation-xml": MathMLAnnotationElementAttributes<MathMLElement>;
   }
 
   /** MathML-specific attribute interfaces */

package/jsx/jsx.mjs

@@ -1,9 +1,9 @@
+/// <reference types="./jsx.d.ts" />
+
 import van from "vanjs-core";
 import isServer from "../setup/isServer.mjs";
 import { setAttributeNS, styleToString } from "../client/index.mjs";
-import { namespaceElements } from "./namespaceElements.mjs";
-
-let currentNamespace;
+import { namespaceElements } from "./ns.mjs";
 
 /**
  * Compiles JSX to VanJS elements with automatic namespace resolution.
@@ -19,7 +19,7 @@ export const jsx = (jsxTag, { children, ref, style, ...rest }) => {
   );
 
   if (typeof jsxTag === "string") {
-    const ns = currentNamespace || namespaceElements[jsxTag];
+    const ns = namespaceElements[jsxTag];
     const newElement = (ns ? van.tags(ns) : van.tags)[jsxTag](props, children);
 
     // Handle style reactively

package/jsx/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference path="global.d.ts" />
-import type { Fragment } from "./fragment";
+import type { Fragment } from "./fragment.d.ts";
 
 declare function jsx(
   type: unknown,
@@ -12,5 +12,5 @@ declare function jsx(
     [key: string]: unknown;
   })[];
 
-export type { JSX } from "./jsx";
+export type { JSX } from "./jsx.d.ts";
 export { Fragment, jsx, jsx as jsxDEV, jsx as jsxs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-vanjs",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "author": "thednp",
   "license": "MIT",
   "description": "A mini meta-framework for VanJS powered by Vite",
@@ -81,22 +81,21 @@
     "vanjs-ext": "*"
   },
   "dependencies": {
-    "csstype": "^3.1.3",
+    "csstype": "^3.2.3",
     "mini-van-plate": "^0.6.3",
-    "vanjs-core": "^1.5.5",
+    "vanjs-core": "^1.6.0",
     "vanjs-ext": "^0.6.3"
   },
   "devDependencies": {
-    "@types/node": "^22.15.30",
-    "@vitest/browser": "^3.2.2",
-    "@vitest/coverage-istanbul": "^3.2.2",
-    "@vitest/ui": "^3.2.2",
-    "happy-dom": "^16.8.1",
-    "typescript": "5.6.2",
-    "vite": "^6.3.5",
-    "vitest": "^3.2.2"
+    "@types/node": "^25.5.0",
+    "@vitest/browser": "^4.1.2",
+    "@vitest/coverage-istanbul": "^4.1.2",
+    "@vitest/ui": "^4.1.2",
+    "happy-dom": "^20.8.8",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3",
+    "vitest": "^4.1.2"
   },
-  "packageManager": "pnpm@8.6.12",
   "engines": {
     "node": ">=20",
     "pnpm": ">=8.6.0"
@@ -104,7 +103,6 @@
   "scripts": {
     "test": "vitest --config vitest.config.ts",
     "test-ui": "vitest --config vitest.config.ts --ui=true",
-    "badges": "npx -p dependency-version-badge update-badge vanjs-core mini-van-plate typescript vitest vite",
     "format": "deno fmt plugin meta router setup client server jsx",
     "lint": "pnpm lint:ts && pnpm check:ts",
     "lint:ts": "deno lint plugin meta router setup client server jsx",

package/plugin/index.mjs

@@ -5,7 +5,7 @@
 import { fileURLToPath } from "node:url";
 import { dirname, join, resolve } from "node:path";
 import process from "node:process";
-import { transformWithEsbuild } from "vite";
+import { transformWithOxc } from "vite";
 import { routes } from "../router/routes.mjs";
 import { generateRoute, getRoutes } from "./helpers.mjs";
 
@@ -89,7 +89,7 @@ export default function VitePluginVanJS(options = {}) {
             "@vanjs/jsx": toAbsolute("../jsx"),
           },
         },
-        esbuild: {
+        oxc: {
           jsx: "automatic",
           jsxImportSource: "@vanjs/jsx",
         },
@@ -175,7 +175,7 @@ export default function VitePluginVanJS(options = {}) {
         isResolvedVanFile || (source === "vanjs-core" && !isSetupFile)
           ? "@vanjs/van"
           : isResolvedVanXFile ||
-              (source === "vanjs-ext" && /* istanbul ignore next */
+              (source === "vanjs-ext" && /* istanbul ignore next @preserve */
                 !isImportedVanXFile)
           ? "@vanjs/vanX"
           : isResolvedSetupFile && (!ssr && isSetupFile || ssr && !isSetupFile)
@@ -214,14 +214,14 @@ ${currentRoutes.map(generateRoute).join("\n")}
 ${
           ops.ssr && currentRoutes.length
             ? `console.log(\`🍦 @vanjs/router registered ${currentRoutes.length} routes.\`)`
-            : /* istanbul ignore next - satisfied */ ""
+            : /* istanbul ignore next @preserve - satisfied */ ""
         }
 `;
 
-        const result = await transformWithEsbuild(
+        const result = await transformWithOxc(
           routesScript,
           id,
-          { loader: "js" },
+          { lang: "js" },
         );
 
         return {

package/plugin/types.d.ts

@@ -1,20 +1,19 @@
 // plugin/types.ts
-export * from "../jsx/types";
-export * from "../setup/types";
-export * from "../router/types";
-export * from "../meta/types";
-export * from "../server/types";
-export * from "../client/types";
-export * from "../parser/types";
+export * from "../jsx/types.d.ts";
+export * from "../setup/types.d.ts";
+export * from "../router/types.d.ts";
+export * from "../meta/types.d.ts";
+export * from "../server/types.d.ts";
+export * from "../client/types.d.ts";
 import type { PluginOption } from "vite";
 
 export type VanJSPluginOptions = {
-  routesDir: string;
-  extensions: string[];
+  routesDir?: string;
+  extensions?: string[];
 };
 
 export declare const VitePluginVanJS: (
-  config?: VitePluginVanJS,
+  config?: VanJSPluginOptions,
 ) => PluginOption<VanJSPluginOptions>;
 
 export default VitePluginVanJS;

package/router/types.d.ts

@@ -12,7 +12,7 @@ import type {
   PropValueOrDerived,
   State,
 } from "vanjs-core";
-import { LayoutFile } from "../plugin/types";
+import { LayoutFile } from "../plugin/types.d.ts";
 
 // type VanElement = VElement | Exclude<Primitive, boolean | undefined>;
 // type DOMElement = globalThis.Element;

package/tsconfig.json

@@ -2,8 +2,6 @@
    // https://janessagarrow.com/blog/typescript-and-esbuild/
   "compilerOptions": {
     "lib": ["DOM", "ESNext", "DOM.Iterable"],
-    "rootDir": "./",
-    "baseUrl": "./",
     "module": "ESNext",
     "target": "ESNext",
     "moduleResolution": "Bundler",