vitest-browser-qwik 0.3.0 → 0.3.4

package/dist/index.js

@@ -1,4 +1,4 @@
-import { i as renderServerHTML, n as render, r as renderHook, t as cleanup } from "./pure-B8VHRLBL.js";
+import { i as renderServerHTML, n as render, r as renderHook, t as cleanup } from "./pure-BlLa_nxU.js";
 import { beforeEach } from "vitest";
 import { page } from "vitest/browser";
 

package/dist/{pure-B8VHRLBL.js → pure-BlLa_nxU.js}

@@ -50,7 +50,7 @@ function setHTMLWithScripts(container, html) {
 	container.innerHTML = html;
 	container.querySelectorAll("script").forEach((oldScript) => {
 		const newScript = document.createElement("script");
-		for (const attr of oldScript.attributes) newScript.setAttribute(attr.name, attr.value);
+		for (const attr of Array.from(oldScript.attributes)) newScript.setAttribute(attr.name, attr.value);
 		newScript.text = oldScript.textContent ?? "";
 		oldScript.parentNode?.replaceChild(newScript, oldScript);
 	});

package/dist/pure.js

@@ -1,3 +1,3 @@
-import { i as renderServerHTML, n as render, r as renderHook, t as cleanup } from "./pure-B8VHRLBL.js";
+import { i as renderServerHTML, n as render, r as renderHook, t as cleanup } from "./pure-BlLa_nxU.js";
 
 export { cleanup, render, renderHook, renderServerHTML };

package/dist/ssr-plugin.js

@@ -214,10 +214,9 @@ function hasCommandsImport(node) {
 const getClientModule = async (viteServer, moduleId) => {
 	const clientEnv = viteServer.environments.client;
 	await clientEnv.fetchModule(moduleId);
-	const resolved = await clientEnv.moduleGraph.resolveUrl(moduleId);
-	if (!resolved) throw new Error(`Could not resolve module "${moduleId}" in client environment`);
-	const module = clientEnv.moduleGraph.getModuleById(resolved[1]);
-	console.log("Resolved client module", moduleId, resolved, module);
+	const resolvedId = (await clientEnv.moduleGraph.resolveUrl(moduleId))?.[1];
+	if (!resolvedId) throw new Error(`Could not resolve module "${moduleId}" in client environment`);
+	const module = clientEnv.moduleGraph.getModuleById(resolvedId);
 	if (!module) throw new Error(`Module "${moduleId}" not found in client module graph.`);
 	return module;
 };
@@ -225,53 +224,64 @@ async function renderComponentToSSR(ctx, Component, props = {}) {
 	const viteServer = ctx.project.vite;
 	const { jsx } = await viteServer.ssrLoadModule("@qwik.dev/core");
 	const jsxElement = jsx(Component, props);
-	const { renderToStream } = await viteServer.ssrLoadModule("@qwik.dev/core/server");
+	const serverModule = await viteServer.ssrLoadModule("@qwik.dev/core/server");
+	const { renderToStream } = serverModule;
 	const mapping = {};
+	if (!ctx.testPath) throw new Error("ctx.testPath is required for SSR rendering");
 	const module = await getClientModule(viteServer, ctx.testPath);
 	for (const importedModule of module?.importedModules || []) {
 		const meta = importedModule.info?.meta;
 		if (meta?.segment) {
 			const symbol = meta.segment.hash;
-			if (symbol) mapping[symbol] = `/@fs${importedModule.id}`;
+			if (symbol && importedModule.id) mapping[symbol] = importedModule.url;
 		}
 	}
-	const handlersId = (await getClientModule(viteServer, "@qwik.dev/core/handlers.mjs")).id;
-	const handlersExports = await viteServer.ssrLoadModule("@qwik.dev/core/handlers.mjs");
-	for (const key of Object.keys(handlersExports)) if (key.startsWith("_")) mapping[key] = handlersId;
+	const handlersUrl = (await getClientModule(viteServer, "@qwik.dev/core/handlers.mjs")).url;
+	if (!handlersUrl) throw new Error("Handlers module URL could not be resolved");
+	const handlerNames = Object.keys(serverModule).filter((key) => /^_[a-z]+$/.test(key));
+	for (const key of handlerNames) mapping[key] = handlersUrl;
 	const qwikManifest = {
 		manifestHash: "dev",
 		mapping
 	};
-	console.log(mapping);
-	let html = "<script>var _import=(s)=>{console.log('importing', s);return import(s)}<\/script>";
+	let html = "";
 	await renderToStream(jsxElement, {
 		manifest: qwikManifest,
 		containerTagName: "div",
 		base: "/",
 		stream: { write(chunk) {
-			html += chunk.replace(/=import\(/g, "=_import(");
+			html += chunk;
 		} }
 	});
-	console.log("FINAL HTML", html);
 	return { html };
 }
 
 //#endregion
 //#region src/ssr-plugin.ts
 const isJSorTS = createRegExp(exactly(".").and(anyOf("j", "t")).and("s").and(maybe("x")).at.lineEnd());
+function isBrowserOnlySource(source) {
+	if (!source) return false;
+	return source === "vitest" || source.startsWith("vitest/") || source === "vitest-browser-qwik" || source.startsWith("vitest-browser-qwik/") || source.includes("@vitest/");
+}
+function referencesStrippedId(node, strippedIds) {
+	if (!node || typeof node !== "object") return false;
+	if (node.type === "Identifier") return strippedIds.has(node.name);
+	if (node.type === "MemberExpression") return referencesStrippedId(node.object, strippedIds);
+	if (isCallExpression(node)) return referencesStrippedId(node.callee, strippedIds);
+	return false;
+}
+function isVariableDeclaration(node) {
+	return node.type === "VariableDeclaration";
+}
+let userDefines = {};
 const renderSSRCommand = async (ctx, componentPath, componentName, props = {}) => {
 	const absoluteComponentPath = resolve(process.cwd(), componentPath);
-	const viteServer = ctx.project.vite;
-	if (!viteServer.config.define) return;
-	for (const [key, value] of Object.entries(viteServer.config.env)) viteServer.config.define[`__vite_ssr_import_meta__.env.${key}`] = JSON.stringify(value);
-	const Component = (await viteServer.ssrLoadModule(absoluteComponentPath))[componentName];
+	const Component = (await ctx.project.vite.ssrLoadModule(absoluteComponentPath))[componentName];
 	if (!Component) throw new Error(`Component "${componentName}" not found in ${absoluteComponentPath}`);
 	return await renderComponentToSSR(ctx, Component, props);
 };
 const renderSSRLocalCommand = async (ctx, testFilePath, componentName, allLocalComponents, props = {}) => {
 	const viteServer = ctx.project.vite;
-	if (!viteServer.config.define) return;
-	for (const [key, value] of Object.entries(viteServer.config.env)) viteServer.config.define[`__vite_ssr_import_meta__.env.${key}`] = JSON.stringify(value);
 	const { readFileSync, writeFileSync, unlinkSync } = await import("node:fs");
 	const { dirname: dirname$1, join } = await import("node:path");
 	const tempFileName = `ssr-test-${Date.now()}-${Math.random().toString(36).slice(2, 11)}.tsx`;
@@ -280,16 +290,28 @@ const renderSSRLocalCommand = async (ctx, testFilePath, componentName, allLocalC
 		const originalContent = readFileSync(testFilePath, "utf8");
 		const ast = parseSync(testFilePath, originalContent);
 		const s = new MagicString(originalContent);
+		const strippedIds = /* @__PURE__ */ new Set();
 		function cleanTestFile(node) {
-			if (isImportDeclaration(node)) {
-				const source = node.source?.value;
-				if (source === "vitest" || source?.includes("@vitest/")) s.remove(node.start, node.end);
+			if (isImportDeclaration(node) && isBrowserOnlySource(node.source?.value)) {
+				for (const spec of node.specifiers || []) if (spec.local?.name) strippedIds.add(spec.local.name);
+				s.remove(node.start, node.end);
+				return;
 			}
 			if (isExpressionStatement(node) && node.expression?.type === "CallExpression") {
 				const callExpr = node.expression;
 				if (callExpr.callee.type === "Identifier") {
 					const calleeName = callExpr.callee.name;
-					if (calleeName === "test" || calleeName === "describe" || calleeName === "it") s.remove(node.start, node.end);
+					if (calleeName === "test" || calleeName === "describe" || calleeName === "it") {
+						s.remove(node.start, node.end);
+						return;
+					}
+				}
+			}
+			if (isVariableDeclaration(node)) {
+				if (node.declarations.every((d) => referencesStrippedId(d.init, strippedIds))) {
+					for (const d of node.declarations) if (d.id.type === "Identifier") strippedIds.add(d.id.name);
+					s.remove(node.start, node.end);
+					return;
 				}
 			}
 			traverseChildren(node, cleanTestFile);
@@ -317,6 +339,12 @@ function testSSR() {
 	return {
 		name: "vitest:ssr-transform",
 		enforce: "pre",
+		config(config) {
+			if (config.define) userDefines = {
+				...userDefines,
+				...config.define
+			};
+		},
 		transform: {
 			filter: {
 				id: isJSorTS,
@@ -403,6 +431,9 @@ function testSSR() {
 			}
 		},
 		configResolved(config) {
+			if (!config.define) config.define = {};
+			for (const [key, value] of Object.entries(userDefines)) if (config.define) config.define[key] = value;
+			for (const [key, value] of Object.entries(config.env)) if (config.define) config.define[`__vite_ssr_import_meta__.env.${key}`] = JSON.stringify(value);
 			if (config.test?.browser?.enabled) config.test.browser.commands = {
 				...config.test.browser.commands,
 				renderSSR: renderSSRCommand,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitest-browser-qwik",
-  "version": "0.3.0",
+  "version": "0.3.4",
   "description": "Render Qwik components using Vitest Browser Mode",
   "type": "module",
   "license": "MIT",
@@ -55,9 +55,9 @@
     "@qwik.dev/core": "*",
     "@types/node": "^22.15.17",
     "@vitest/browser-playwright": "^4.0.18",
-    "magic-regexp": "^0.10.0",
     "bumpp": "^10.1.0",
     "ignore": "^7.0.5",
+    "magic-regexp": "^0.10.0",
     "tsdown": "^0.15.9",
     "typescript": "^5.8.3",
     "vitest": "^4.0.18"