vite-plugin-vanjs 0.0.7 → 0.0.9

package/README.md

@@ -20,6 +20,9 @@ A mini meta-framework for [VanJS](https://vanjs.org/) developed around the aweso
 
 The plugin will automatically load the appropriate Van or VanX objects depending on the client/server environment with zero configuration needed. It uses the `mini-van-plate/shared` module to register the required objects in an isomorphic enviroment.
 
+Also in _development_ mode, the plugin will load the `van.debug.js` module to help you better troubleshoot your VanJS application.
+
+
 ### Notes 
 * The plugin uses `van-ext` along with `mini-van-plate` so you can have everything ready from the start.
 

package/jsx/jsx.mjs

@@ -2,10 +2,29 @@ import van from "../setup/van.mjs";
 import setup from "../setup/index.mjs";
 import { setAttribute, styleToString } from "../client/index.mjs";
 
-export const jsx = (jsxTag, { children, ref, style, ...props }) => {
+export const jsx = (jsxTag, { children, ref, style, ...rest }) => {
+  // filter props with undefined values
+  const props = Object.fromEntries(
+    Object.entries(rest).filter(([_, val]) => val !== undefined),
+  );
+
   if (typeof jsxTag === "string") {
     const newElement = van.tags[jsxTag](props, children);
 
+    van.derive(() => {
+      /* istanbul ignore else */
+      if (style) {
+        const styleProp = typeof style === "function" ? style() : style;
+        const styleValue = styleToString(styleProp);
+
+        if (setup.isServer) {
+          newElement.propsStr += ` style="${styleValue}"`;
+        } else {
+          newElement.style.cssText = styleValue;
+        }
+      }
+    });
+
     // on server it's good enough to return here
     if (setup.isServer) return newElement;
 
@@ -28,13 +47,6 @@ export const jsx = (jsxTag, { children, ref, style, ...props }) => {
 
       setAttribute(newElement, k, value);
     }
-    /* istanbul ignore else */
-    van.derive(() => {
-      if (style) {
-        const styleProp = typeof style === "function" ? style() : style;
-        newElement.style.cssText = styleToString(styleProp);
-      }
-    });
 
     if (ref) ref.val = { current: newElement };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-vanjs",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "author": "thednp",
   "license": "MIT",
   "description": "A mini meta-framework for VanJS powered by Vite",