@stencil/vitest 1.11.4 → 1.11.6

package/dist/plugin.d.ts

@@ -33,5 +33,7 @@ import type { Plugin } from 'vitest/config';
  * @param opts Optional configuration for the plugin
  * @returns a Vite plugin configuration object
  */
-export declare function stencilVitestPlugin(): Plugin;
+export declare function stencilVitestPlugin(opts?: {
+    css?: boolean;
+}): Plugin;
 //# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAyF5C"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,GAAE;IAAE,GAAG,CAAC,EAAE,OAAO,CAAA;CAAO,GAAG,MAAM,CAgGxE"}

package/dist/plugin.js

@@ -35,7 +35,7 @@ import { dirname, resolve } from 'node:path';
  * @param opts Optional configuration for the plugin
  * @returns a Vite plugin configuration object
  */
-export function stencilVitestPlugin() {
+export function stencilVitestPlugin(opts = {}) {
     return {
         name: 'stencil-vitest-transform',
         enforce: 'pre',
@@ -43,9 +43,14 @@ export function stencilVitestPlugin() {
             if (id.includes('.css') && id.includes('tag=')) {
                 const [relPath] = id.split('?');
                 const query = id.slice(id.indexOf('?'));
-                const resolved = resolve(dirname(importer), relPath);
-                // Remove .css from virtual ID to prevent Vite's CSS plugin from hijacking the output
-                return '\0stencil-style:' + resolved.replace(/\.css$/, '') + query;
+                const realImporter = importer?.startsWith('\0stencil-style:')
+                    ? importer.slice('\0stencil-style:'.length).split('?')[0] + '.css'
+                    : importer;
+                // Resolve bare specifiers from node_modules, otherwise resolve relative to importer
+                const resolved = !relPath.startsWith('.') && !relPath.startsWith('/')
+                    ? resolve(process.cwd(), 'node_modules', relPath.replace(/^~/, ''))
+                    : resolve(dirname(realImporter), relPath);
+                return '\0stencil-style:' + resolved.replace(/\.css$/, '') + (query || '');
             }
             return null;
         },
@@ -59,15 +64,13 @@ export function stencilVitestPlugin() {
         },
         async transform(code, id) {
             if (id.startsWith('\0stencil-style:')) {
-                // Reconstruct the original .css path for Stencil's transpiler (it uses extension to detect file type)
                 const pathWithoutPrefix = id.slice('\0stencil-style:'.length);
                 const [basePath, query] = pathWithoutPrefix.split('?');
                 const originalPath = basePath + '.css' + (query ? '?' + query : '');
-                const result = await transpile(code, { file: originalPath });
-                return {
-                    code: result.code,
-                    map: null,
-                };
+                const result = await transpile(code, {
+                    file: originalPath,
+                });
+                return { code: result.code, map: null };
             }
             // Only transform .tsx files
             if (!id.endsWith('.tsx')) {
@@ -90,14 +93,15 @@ export function stencilVitestPlugin() {
                     // 'customelement' appends a customElements.define() call so the component
                     // self-registers the moment this module is imported — no loader needed.
                     componentExport: 'customelement',
-                    componentMetadata: 'compilerstatic',
+                    componentMetadata: 'runtimestatic',
                     currentDirectory: process.cwd(),
                     module: 'esm',
                     proxy: null,
                     sourceMap: false,
-                    style: 'static',
-                    styleImportData: 'queryparams',
-                    target: 'es2022',
+                    style: opts.css ? 'static' : null,
+                    styleImportData: opts.css ? 'queryparams' : null,
+                    target: 'es2017',
+                    // Don't rewrite import paths — let Vite handle resolution via aliases
                     transformAliasedImportPaths: false,
                 });
                 const errors = result.diagnostics?.filter((d) => d.level === 'error') ?? [];

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/stenciljs/vitest"
   },
-  "version": "1.11.4",
+  "version": "1.11.6",
   "description": "First-class testing utilities for Stencil design systems with Vitest",
   "license": "MIT",
   "type": "module",
@@ -104,7 +104,7 @@
   "dependencies": {
     "jiti": "^2.6.1",
     "local-pkg": "^1.1.2",
-    "vitest-environment-stencil": "1.11.4"
+    "vitest-environment-stencil": "1.11.6"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",