vite-plugin-vanjs 0.0.4 → 0.0.6

package/server/index.mjs

@@ -43,10 +43,10 @@ export const renderToString = async (inputSource) => {
  * @returns {string}
  */
 function renderPreloadLink(file) {
-  if (file.endsWith(".js") || file.endsWith(".mjs")) {
-    return `<link rel="modulepreload" as="script" crossorigin href="${file}">`;
+  if (file.endsWith(".js")) {
+    return `<link rel="preload" href="${file}" as="script" crossorigin>`;
   } else if (file.endsWith(".css")) {
-    return `<link rel="stylesheet" href="${file}">`;
+    return `<link rel="preload" href="${file}" as="style" crossorigin>`;
   } else if (file.endsWith(".woff")) {
     return ` <link rel="preload" href="${file}" as="font" type="font/woff" crossorigin>`;
   } else if (file.endsWith(".woff2")) {

package/server/types.d.ts

@@ -20,7 +20,7 @@ type ValidVanNode =
   | VanElement
   | TagFunc;
 
-type VanComponent = () => ValidVanNode | ValidVanNode[];
+type VanComponent = () => HTMLElement | ValidVanNode | ValidVanNode[];
 export type Source =
   | Promise<ValidVanNode>
   | VanComponent

package/setup/index-debug.mjs

@@ -0,0 +1,21 @@
+import { dummyVanX, registerEnv } from "mini-van-plate/shared";
+import vanPlate from "mini-van-plate/van-plate";
+import vanCore from "vanjs-core/debug";
+import * as vanX from "vanjs-ext";
+
+const vanXObject = { ...vanX, default: vanX };
+const dummyObject = { ...dummyVanX, default: dummyVanX };
+
+const setup = {
+  isServer: typeof window === "undefined",
+  get van() {
+    return this.isServer ? vanPlate : vanCore;
+  },
+  get vanX() {
+    return this.isServer ? dummyObject : vanXObject;
+  },
+};
+
+registerEnv(setup);
+
+export default setup;

package/setup/van-debug.mjs

@@ -0,0 +1,2 @@
+import setup from "./index-debug.mjs";
+export default setup.van;

package/src/index.mjs

@@ -1,8 +1,10 @@
 import { fileURLToPath } from "node:url";
 import { dirname, resolve } from "node:path";
+import process from "node:process";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
+const isProduction = process.env.NODE_ENV === "production";
 
 export default function VitePluginVanJS() {
   return {
@@ -10,22 +12,35 @@ export default function VitePluginVanJS() {
     enforce: "pre",
     config() {
       return {
+        ssr: {
+          noExternal: ["vanjs-*", "*-vanjs", "@vanjs/*"],
+        },
         resolve: {
           alias: {
-            "@vanjs/setup": resolve(__dirname, "../setup"),
-            "@vanjs/van": resolve(__dirname, "../setup/van"),
+            "@vanjs/setup": resolve(
+              __dirname,
+              isProduction
+                ? /* istanbul ignore next */ "../setup/index"
+                : "../setup/index-debug",
+            ),
+            "@vanjs/van": resolve(
+              __dirname,
+              isProduction
+                ? /* istanbul ignore next */ "../setup/van"
+                : "../setup/van-debug",
+            ),
             "@vanjs/vanX": resolve(__dirname, "../setup/vanX"),
             "@vanjs/client": resolve(__dirname, "../client"),
             "@vanjs/server": resolve(__dirname, "../server"),
             "@vanjs/meta": resolve(__dirname, "../meta"),
             "@vanjs/router": resolve(__dirname, "../router"),
             "@vanjs/jsx": resolve(__dirname, "../jsx"),
+            "@vanjs/parser": resolve(__dirname, "../parser"),
           },
         },
         esbuild: {
           jsx: "automatic",
-          jsxFactory: "jsx",
-          jsxFragment: "Fragment",
+          jsxImportSource: "@vanjs/jsx",
         },
       };
     },

package/src/types.d.ts

@@ -4,19 +4,18 @@ export * from "../router/types";
 export * from "../meta/types";
 export * from "../server/types";
 export * from "../client/types";
+export * from "../parser/types";
 
 declare const VitePluginVanJS: () => {
   name: "string";
   enforce: "pre" | "post" | undefined;
-  apply: "build";
   config(): {
     resolve: {
       alias: Record<string, string>;
     };
     esBuild: {
       jsx: "string";
-      jsxFactory: "string";
-      jsxFragment: "string";
+      jsxImportSource: "string";
     };
   };
   transform(code: string, id?: string): {

package/tsconfig.json

@@ -39,7 +39,7 @@
     "./meta/*.ts",
     "./server/*.ts",
     "./client/*.ts",
-    // "./tests/vite-env.d.ts"
+    "./tests/vite-env.d.ts"
   ],
   "exclude": ["node_modules", "experiments", "coverage"],
 }