vite-plugin-vanjs 0.1.3 → 0.1.5

package/README.md

@@ -8,7 +8,7 @@
 [![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.1.2-brightgreen)](https://www.vitest.dev/)
-[![vite version](https://img.shields.io/badge/vite-6.3.3-brightgreen)](https://vite.dev)
+[![vite version](https://img.shields.io/badge/vite-6.3.4-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/client/index.mjs

@@ -106,13 +106,18 @@ function createHydrationContext() {
     return parent;
   }
 
-  /** @type {(oldDom: HTMLElement, newDom: HTMLElement) => HTMLElement} */
+  /** @type {(oldDom: HTMLElement, newDom: HTMLElement | HTMLElement[]) => HTMLElement} */
   function diffAndHydrate(oldDom, newDom) {
     // SPA mode
     // istanbul ignore else
     if (!oldDom.children.length && !elementsMatch(oldDom, newDom)) {
       return oldDom.replaceChildren(...unwrap(newDom).children);
     }
+    // istanbul ignore else
+    if (newDom instanceof Array) {
+      oldDom.replaceChildren(...unwrap(newDom).children);
+      return;
+    }
 
     // SSR Mode
     /** @type {Set<HTMLElement>} */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-vanjs",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "author": "thednp",
   "license": "MIT",
   "description": "A mini meta-framework for VanJS powered by Vite",
@@ -93,7 +93,7 @@
     "@vitest/ui": "^3.1.2",
     "happy-dom": "^16.8.1",
     "typescript": "5.6.2",
-    "vite": "^6.3.3",
+    "vite": "^6.3.4",
     "vitest": "^3.1.2"
   },
   "packageManager": "pnpm@8.6.12",

package/plugin/index.mjs

@@ -19,22 +19,14 @@ const pluginDefaults = {
   extensions: [".tsx", ".jsx", ".ts", ".js"],
 };
 
-// Aliases coming from plugin.config()
-// const resolvedVan = toAbsolute("../setup/van");
-// const resolvedVanX = toAbsolute("../setup/vanX");
-// const resolvedSetup = toAbsolute("../setup/index");
-
 // Define module mapping configuration
 const moduleAliases = {
   // Core modules
   "@vanjs/van": "../setup/van",
-  // [resolvedVan]: "../setup/van",
   "@vanjs/vanX": "../setup/vanX",
-  // [resolvedVanX]: "../setup/vanX",
 
   // Setup modules
   "@vanjs/setup": "../setup/index",
-  // [resolvedSetup]: "../setup/index",
 
   // Other modules
   "@vanjs/client": "../client",
@@ -47,19 +39,14 @@ const moduleAliases = {
 // SSR specific module mappings
 const ssrModuleAliases = {
   "@vanjs/van": "../setup/van-ssr",
-  // [resolvedVan]: "../setup/van-ssr",
   "@vanjs/vanX": "../setup/vanX-ssr",
-  // [resolvedVanX]: "../setup/vanX-ssr",
   "@vanjs/setup": "../setup/index-ssr",
-  // [resolvedSetup]: "../setup/index-ssr",
 };
 
 // Debug specific module mappings (development only)
 const debugModuleAliases = {
   "@vanjs/van": "../setup/van-debug",
-  // [resolvedVan]: "../setup/van-debug",
   "@vanjs/setup": "../setup/index-debug",
-  // [resolvedSetup]: "../setup/index-debug",
 };
 
 export default function VitePluginVanJS(options = {}) {
@@ -155,14 +142,8 @@ export default function VitePluginVanJS(options = {}) {
       const isTest = process.env.NODE_ENV === "test";
       const isSetupFile = typeof importer === "string" &&
         importer.includes("vite-plugin-vanjs/setup");
-      // const isVanXFile = typeof importer === "string" &&
-      //   importer.includes("vanjs-ext/src/van-x");
       const isImportedVanXFile = typeof importer === "string" &&
         importer.includes("vite-plugin-vanjs/setup/vanX");
-      // const isImportedVanFile = !isImportedVanXFile && typeof importer === "string" &&
-      //   importer.includes("vite-plugin-vanjs/setup/van");
-      // const isImportedSetupFile = typeof importer === "string" &&
-      //   importer.includes("vite-plugin-vanjs/setup/index");
       const isResolvedVanXFile = source.includes(
         "vite-plugin-vanjs/setup/vanX",
       );

package/server/index.mjs

@@ -80,8 +80,12 @@ export function renderPreloadLinks(modules, manifest) {
 
   // First pass: collect all assets from ignored paths
   Object.entries(manifest).forEach(([id, files]) => {
-    // istanbul ignore else
-    if (["src/pages", "src/routes"].some((l) => id.includes(l))) {
+    // istanbul ignore else - don't pre-render routes, layouts and JSX stuff
+    if (
+      ["src/pages", "src/routes", "vite-plugin-vanjs/jsx"].some((l) =>
+        id.includes(l)
+      )
+    ) {
       files.forEach((asset) => ignoredAssets.add(asset));
     }
   });

package/setup/vanX-ssr.mjs

@@ -1,12 +1,30 @@
 import { dummyVanX, registerEnv } from "mini-van-plate/shared";
 
+const {
+  calc,
+  compact,
+  list,
+  noreactive,
+  raw,
+  reactive,
+  replace,
+  stateFields,
+} = dummyVanX;
+
 const vanX = {
-  ...dummyVanX,
-  get default() {
-    return dummyVanX;
-  },
+  calc,
+  compact,
+  list,
+  noreactive,
+  raw,
+  reactive,
+  replace,
+  stateFields,
 };
 
 registerEnv({ vanX });
 
-export default vanX;
+export { calc, compact, list, noreactive, raw, reactive, replace, stateFields };
+
+export { vanX as default };
+export {};

package/setup/vanX.mjs

@@ -20,14 +20,11 @@ const vanX = {
   list,
   replace,
   compact,
-  // Define default as part of the initial object
-  get default() {
-    return vanX;
-  },
 };
 
 // Export named exports
 export { calc, compact, list, noreactive, raw, reactive, replace, stateFields };
 
 // Export as default
-export default vanX;
+export { vanX as default };
+export {};