vitest-browser-qwik 0.0.11 → 0.0.12

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-import { RenderResult, SSRRenderOptions, cleanup$1 as cleanup, render$1 as render, renderHook$1 as renderHook, renderServerHTML$1 as renderServerHTML } from "./pure-Cwz8HPNP.js";
+import { a as cleanup, c as renderServerHTML, i as SSRRenderOptions, o as render, r as RenderResult, s as renderHook } from "./pure-1MgDxC6b.js";
 import { JSXOutput } from "@builder.io/qwik";
 
 //#region src/index.d.ts
 declare function renderSSR(jsxNode: JSXOutput): Promise<RenderResult>;
-declare module "@vitest/browser/context" {
+declare module "vitest/browser" {
   interface BrowserPage {
     render: typeof render;
     renderServerHTML: typeof renderServerHTML;
@@ -15,4 +15,4 @@ declare module "@vitest/browser/context" {
   }
 }
 //#endregion
-export { RenderResult, SSRRenderOptions, cleanup, render, renderHook, renderSSR, renderServerHTML };
+export { type RenderResult, type SSRRenderOptions, cleanup, render, renderHook, renderSSR, renderServerHTML };

package/dist/index.js

@@ -1,6 +1,6 @@
-import { cleanup, render, renderHook, renderServerHTML } from "./pure-BWRD5UQA.js";
-import { page } from "@vitest/browser/context";
+import { i as renderServerHTML, n as render, r as renderHook, t as cleanup } from "./pure-BRpTMupH.js";
 import { beforeEach } from "vitest";
+import { page } from "vitest/browser";
 
 //#region src/index.ts
 function renderSSR(jsxNode) {

package/dist/{pure-Cwz8HPNP.d.ts → pure-1MgDxC6b.d.ts}

@@ -1,6 +1,5 @@
-import { Locator, LocatorSelectors } from "@vitest/browser/context";
+import { Locator, LocatorSelectors, PrettyDOMOptions } from "vitest/browser";
 import { JSXOutput } from "@builder.io/qwik";
-import { PrettyDOMOptions } from "@vitest/browser/utils";
 
 //#region src/pure.d.ts
 interface RenderResult extends LocatorSelectors {
@@ -33,4 +32,4 @@ interface RenderHookResult<Result> {
 declare function renderHook<Result>(hook: () => Result): Promise<RenderHookResult<Result>>;
 declare function cleanup(): Promise<void>;
 //#endregion
-export { RenderHookResult, RenderOptions, RenderResult, SSRRenderOptions, cleanup as cleanup$1, render$1, renderHook as renderHook$1, renderServerHTML as renderServerHTML$1 };
+export { cleanup as a, renderServerHTML as c, SSRRenderOptions as i, RenderOptions as n, render$1 as o, RenderResult as r, renderHook as s, RenderHookResult as t };

package/dist/{pure-BWRD5UQA.js → pure-BRpTMupH.js}

@@ -1,10 +1,11 @@
+import { utils } from "vitest/browser";
 import { component$, render } from "@builder.io/qwik";
 import { getQwikLoaderScript } from "@builder.io/qwik/server";
-import { debug, getElementLocatorSelectors } from "@vitest/browser/utils";
 import { jsx } from "@builder.io/qwik/jsx-runtime";
 
 //#region src/pure.tsx
-const mountedContainers = new Set();
+const { debug, getElementLocatorSelectors } = utils;
+const mountedContainers = /* @__PURE__ */ new Set();
 let qwikLoaderInjected = false;
 function csrQwikLoader() {
 	if (qwikLoaderInjected) return;
@@ -47,8 +48,7 @@ function render$1(ui, { container, baseElement } = {}) {
 }
 function setHTMLWithScripts(container, html) {
 	container.innerHTML = html;
-	const scripts = container.querySelectorAll("script");
-	scripts.forEach((oldScript) => {
+	container.querySelectorAll("script").forEach((oldScript) => {
 		const newScript = document.createElement("script");
 		for (const attr of oldScript.attributes) newScript.setAttribute(attr.name, attr.value);
 		newScript.text = oldScript.textContent ?? "";
@@ -66,13 +66,11 @@ async function renderHook(hook) {
 	const renderPromise = new Promise((resolve) => {
 		resolveRender = resolve;
 	});
-	const TestHookComponent = component$(() => {
-		const result = hook();
-		resultContainer.value = result;
+	const screen = render$1(/* @__PURE__ */ jsx(component$(() => {
+		resultContainer.value = hook();
 		resolveRender();
 		return /* @__PURE__ */ jsx("div", { "data-testid": "hook-result" });
-	});
-	const screen = render$1(/* @__PURE__ */ jsx(TestHookComponent, {}));
+	}), {}));
 	await renderPromise;
 	return {
 		result: resultContainer.value ?? (() => {
@@ -92,4 +90,4 @@ async function cleanup() {
 }
 
 //#endregion
-export { cleanup, render$1 as render, renderHook, renderServerHTML };
+export { renderServerHTML as i, render$1 as n, renderHook as r, cleanup as t };

package/dist/pure.d.ts

@@ -1,2 +1,2 @@
-import { RenderHookResult, RenderOptions, RenderResult, SSRRenderOptions, cleanup$1 as cleanup, render$1 as render, renderHook$1 as renderHook, renderServerHTML$1 as renderServerHTML } from "./pure-Cwz8HPNP.js";
+import { a as cleanup, c as renderServerHTML, i as SSRRenderOptions, n as RenderOptions, o as render, r as RenderResult, s as renderHook, t as RenderHookResult } from "./pure-1MgDxC6b.js";
 export { RenderHookResult, RenderOptions, RenderResult, SSRRenderOptions, cleanup, render, renderHook, renderServerHTML };

package/dist/pure.js

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

package/dist/ssr-plugin.js

@@ -2,46 +2,22 @@ import { dirname, relative, resolve } from "node:path";
 import { symbolMapper } from "@builder.io/qwik/optimizer";
 import MagicString from "magic-string";
 import { parseSync } from "oxc-parser";
+import { ResolverFactory } from "oxc-resolver";
 
-//#region rolldown:runtime
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-
-//#endregion
-//#region node_modules/.pnpm/oxc-resolver@11.2.0/node_modules/oxc-resolver/browser.js
-var browser_exports = {};
-import * as import___oxc_resolver_binding_wasm32_wasi from "@oxc-resolver/binding-wasm32-wasi";
-__reExport(browser_exports, import___oxc_resolver_binding_wasm32_wasi);
-
-//#endregion
 //#region src/ssr-plugin-utils.ts
-const resolver = new browser_exports.ResolverFactory({ extensions: [
+const resolver = new ResolverFactory({ extensions: [
 	".tsx",
 	".ts",
 	".jsx",
 	".js"
 ] });
 function isFunction(node) {
-	const functionTypes = [
+	return [
 		"FunctionDeclaration",
 		"FunctionExpression",
 		"TSDeclareFunction",
 		"TSEmptyBodyFunctionExpression"
-	];
-	return functionTypes.includes(node.type);
+	].includes(node.type);
 }
 function isCallExpression(node) {
 	return node.type === "CallExpression";
@@ -109,8 +85,7 @@ function extractPropsFromJSX(attributes, sourceCode) {
 		const propName = jsxAttr.name.name;
 		if (isJSXExpressionContainer(jsxAttr.value) && jsxAttr.value.expression.type !== "JSXEmptyExpression") {
 			const exprSpan = jsxAttr.value.expression;
-			const expressionCode = sourceCode.slice(exprSpan.start, exprSpan.end);
-			props[propName] = expressionCode;
+			props[propName] = sourceCode.slice(exprSpan.start, exprSpan.end);
 		} else if (jsxAttr.value.type === "Literal") {
 			const literal = jsxAttr.value;
 			props[propName] = JSON.stringify(literal.value);
@@ -123,10 +98,8 @@ function isTestFile(id) {
 }
 function fallbackResolveComponentPath(importPath, testFileId) {
 	if (!importPath.startsWith(".")) return importPath.endsWith(".tsx") || importPath.endsWith(".ts") ? importPath : `${importPath}.tsx`;
-	const testFileDir = dirname(testFileId);
-	const resolvedPath = resolve(testFileDir, importPath);
-	const projectRoot = process.cwd();
-	let componentPath = `./${relative(projectRoot, resolvedPath)}`;
+	const resolvedPath = resolve(dirname(testFileId), importPath);
+	let componentPath = `./${relative(process.cwd(), resolvedPath)}`;
 	if (!componentPath.endsWith(".tsx") && !componentPath.endsWith(".ts")) componentPath += ".tsx";
 	return componentPath;
 }
@@ -137,21 +110,18 @@ function resolveComponentPath(importPath, testFileId) {
 		console.warn(`[oxc-resolver] Could not resolve "${importPath}" from "${testFileId}": ${result.error || "No path resolved"}. Using fallback resolution.`);
 		return fallbackResolveComponentPath(importPath, testFileId);
 	}
-	const projectRoot = process.cwd();
-	const relativePath = relative(projectRoot, result.path);
+	const relativePath = relative(process.cwd(), result.path);
 	return relativePath.startsWith(".") ? relativePath : `./${relativePath}`;
 }
 function hasCommandsImport(node) {
-	if (!isImportDeclaration(node) || node.source?.value !== "@vitest/browser/context" || !node.specifiers) return false;
+	if (!isImportDeclaration(node) || node.source?.value !== "vitest/browser" || !node.specifiers) return false;
 	return node.specifiers.some((spec) => spec.type === "ImportSpecifier" && spec.imported.type === "Identifier" && spec.imported.name === "commands");
 }
 async function renderComponentToSSR(ctx, Component, props = {}) {
 	const viteServer = ctx.project.vite;
-	const qwikModule = await viteServer.ssrLoadModule("@builder.io/qwik");
-	const { jsx } = qwikModule;
+	const { jsx } = await viteServer.ssrLoadModule("@builder.io/qwik");
 	const jsxElement = jsx(Component, props);
-	const serverModule = await viteServer.ssrLoadModule("@builder.io/qwik/server");
-	const { renderToStream } = serverModule;
+	const { renderToStream } = await viteServer.ssrLoadModule("@builder.io/qwik/server");
 	let html = "";
 	await renderToStream(jsxElement, {
 		containerTagName: "div",
@@ -168,13 +138,11 @@ async function renderComponentToSSR(ctx, Component, props = {}) {
 //#endregion
 //#region src/ssr-plugin.ts
 const renderSSRCommand = async (ctx, componentPath, componentName, props = {}) => {
-	const projectRoot = process.cwd();
-	const absoluteComponentPath = resolve(projectRoot, componentPath);
+	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 componentModule = await viteServer.ssrLoadModule(absoluteComponentPath);
-	const Component = componentModule[componentName];
+	const Component = (await viteServer.ssrLoadModule(absoluteComponentPath))[componentName];
 	if (!Component) throw new Error(`Component "${componentName}" not found in ${absoluteComponentPath}`);
 	return await renderComponentToSSR(ctx, Component, props);
 };
@@ -185,8 +153,7 @@ const renderSSRLocalCommand = async (ctx, testFilePath, componentName, allLocalC
 	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`;
-	const testFileDir = dirname$1(testFilePath);
-	const tempFilePath = join(testFileDir, tempFileName);
+	const tempFilePath = join(dirname$1(testFilePath), tempFileName);
 	try {
 		const originalContent = readFileSync(testFilePath, "utf8");
 		const ast = parseSync(testFilePath, originalContent);
@@ -204,7 +171,6 @@ const renderSSRLocalCommand = async (ctx, testFilePath, componentName, allLocalC
 				}
 			}
 			traverseChildren(node, cleanTestFile);
-			return void 0;
 		}
 		cleanTestFile(ast.program);
 		let cleanedContent = s.toString();
@@ -234,8 +200,8 @@ function testSSR() {
 			const ast = parseSync(id, code);
 			if (!hasRenderSSRCallInAST(ast.program, code)) return null;
 			const s = new MagicString(code);
-			const componentImports = new Map();
-			const localComponents = new Map();
+			const componentImports = /* @__PURE__ */ new Map();
+			const localComponents = /* @__PURE__ */ new Map();
 			const renderSSRIdentifiers = new Set(["renderSSR"]);
 			let hasExistingCommandsImport = false;
 			function walkForTransformation(node) {
@@ -266,25 +232,19 @@ function testSSR() {
 					const componentName = jsxArg.openingElement.name.name;
 					const props = extractPropsFromJSX(jsxArg.openingElement.attributes || [], code);
 					let propsStr = "";
-					if (Object.keys(props).length > 0) {
-						const propsEntries = Object.entries(props).map(([key, value]) => `${JSON.stringify(key)}: ${value}`);
-						propsStr = `, { ${propsEntries.join(", ")} }`;
-					}
-					const localComponentCode = localComponents.get(componentName);
-					if (localComponentCode) {
+					if (Object.keys(props).length > 0) propsStr = `, { ${Object.entries(props).map(([key, value]) => `${JSON.stringify(key)}: ${value}`).join(", ")} }`;
+					if (localComponents.get(componentName)) {
 						const allLocalComponentNames = Array.from(localComponents.keys());
-						const localComponentsArray = JSON.stringify(allLocalComponentNames);
 						const replacement = `(async () => {
-							const { html } = await commands.renderSSRLocal("${id}", "${componentName}", ${localComponentsArray}${propsStr});
+							const { html } = await commands.renderSSRLocal("${id}", "${componentName}", ${JSON.stringify(allLocalComponentNames)}${propsStr});
 							return renderServerHTML(html);
 						})()`;
 						s.overwrite(node.start, node.end, replacement);
 					} else {
 						const componentImportPath = componentImports.get(componentName);
 						if (componentImportPath) {
-							const componentPath = resolveComponentPath(componentImportPath, id);
 							const replacement = `(async () => {
-								const { html } = await commands.renderSSR("${componentPath}", "${componentName}"${propsStr});
+								const { html } = await commands.renderSSR("${resolveComponentPath(componentImportPath, id)}", "${componentName}"${propsStr});
 								return renderServerHTML(html);
 							})()`;
 							s.overwrite(node.start, node.end, replacement);
@@ -292,7 +252,6 @@ function testSSR() {
 					}
 				}
 				traverseChildren(node, walkForTransformation);
-				return void 0;
 			}
 			walkForTransformation(ast.program);
 			if (s.hasChanged()) {
@@ -301,14 +260,12 @@ function testSSR() {
 					function findLastImport(node) {
 						if (isImportDeclaration(node)) lastImportEnd = Math.max(lastImportEnd, node.end);
 						traverseChildren(node, findLastImport);
-						return void 0;
 					}
 					findLastImport(ast.program);
-					if (lastImportEnd > 0) s.appendLeft(lastImportEnd, "\nimport { commands } from \"@vitest/browser/context\";\nimport { renderServerHTML } from \"vitest-browser-qwik\";");
+					if (lastImportEnd > 0) s.appendLeft(lastImportEnd, "\nimport { commands } from \"vitest/browser\";\nimport { renderServerHTML } from \"vitest-browser-qwik\";");
 				}
 				if (localComponents.size > 0) {
-					const localComponentNames = Array.from(localComponents.keys());
-					const exportStatement = `\n\n// Auto-generated exports for local components\nexport { ${localComponentNames.join(", ")} };`;
+					const exportStatement = `\n\n// Auto-generated exports for local components\nexport { ${Array.from(localComponents.keys()).join(", ")} };`;
 					s.append(exportStatement);
 				}
 				return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitest-browser-qwik",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "Render Qwik components using Vitest Browser Mode",
   "type": "module",
   "license": "MIT",
@@ -39,28 +39,27 @@
     "access": "public"
   },
   "dependencies": {
+    "@oxc-project/types": "^0.95.0",
     "magic-string": "^0.30.17",
-    "oxc-parser": "^0.73.2"
+    "oxc-parser": "^0.95.0",
+    "oxc-resolver": "^11.11.1"
   },
   "peerDependencies": {
     "@builder.io/qwik": ">=1.14.1",
-    "@vitest/browser": "^3.2.4",
     "vite": ">=6.3.5",
-    "vitest": "^3.1.3"
+    "vitest": "^4.0.0"
   },
   "devDependencies": {
     "@biomejs/biome": "2.0.0",
-    "@builder.io/qwik": "^1.15",
-    "@oxc-project/types": "^0.73.2",
     "@playwright/test": "see flake.nix",
+    "@builder.io/qwik": "^1.17",
     "@types/node": "^22.15.17",
-    "@vitest/browser": "^3.2.4",
+    "@vitest/browser-playwright": "^4.0.0",
     "bumpp": "^10.1.0",
-    "oxc-resolver": "^11.2.0",
-    "oxc-walker": "^0.3.0",
-    "tsdown": "^0.11.9",
+    "ignore": "^7.0.5",
+    "tsdown": "^0.15.9",
     "typescript": "^5.8.3",
-    "vitest": "^3.1.3"
+    "vitest": "^4.0.0"
   },
   "scripts": {
     "check": "biome ci .",
@@ -73,6 +72,7 @@
     "dev": "tsdown --watch",
     "test": "vitest",
     "test:ssr-plugin": "vitest --config vitest.ssr-plugin.config.ts",
+    "snapshot": "vitest -u",
     "typecheck": "tsc --noEmit",
     "release": "bumpp && pnpm publish"
   }