@cypress/vite-dev-server 3.2.0 → 3.3.1

package/dist/plugins/cypress.js

@@ -72,27 +72,6 @@ const Cypress = (options, vite) => {
                 return res.end(transformedIndexHtml);
             });
         },
-        transform(code, id, options) {
-            try {
-                if (/\.js$/i.test(id) && !/\/\/# sourceMappingURL=/i.test(code)) {
-                    // The Vite dev server and plugins automatically transpile TS and JSX files, which results in sourcemaps being generated
-                    // and included in output. However, Vite serves up `esnext`-compliant Javascript which means many JS files won't be
-                    // transpiled and won't supply a sourcemap - this prevents Cypress from providing codeFrames in the event of an error.
-                    //
-                    // A sourcemap is generated by Vite for JS files (just not included) which is in effect an "identity" sourcemap mapping
-                    // 1-to-1 to the output file. We can grab this and pass it along as a sourcemap we want Vite to embed into the output,
-                    // giving Cypress a sourcemap to use for codeFrame lookups.
-                    // @see https://rollupjs.org/guide/en/#thisgetcombinedsourcemap
-                    return {
-                        code,
-                        map: this.getCombinedSourcemap(),
-                    };
-                }
-            }
-            catch (_err) {
-                debug('Failed to propagate sourcemap for %s: %o', id, _err);
-            }
-        },
         handleHotUpdate: ({ server, file }) => {
             debug('handleHotUpdate - file', file);
             // If the user provided IndexHtml is changed, do a full-reload

package/dist/plugins/index.d.ts

@@ -1,2 +1,3 @@
 export * from './inspect';
 export * from './cypress';
+export * from './sourcemap';

package/dist/plugins/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./inspect"), exports);
 tslib_1.__exportStar(require("./cypress"), exports);
+tslib_1.__exportStar(require("./sourcemap"), exports);

package/dist/plugins/sourcemap.d.ts

@@ -0,0 +1,4 @@
+import type { Plugin } from 'vite';
+import type { Vite } from '../getVite';
+import type { ViteDevServerConfig } from '../devServer';
+export declare const CypressSourcemap: (options: ViteDevServerConfig, vite: Vite) => Plugin;

package/dist/plugins/sourcemap.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CypressSourcemap = void 0;
+const tslib_1 = require("tslib");
+const debug_1 = tslib_1.__importDefault(require("debug"));
+const debug = (0, debug_1.default)('cypress:vite-dev-server:plugins:sourcemap');
+const CypressSourcemap = (options, vite) => {
+    return {
+        name: 'cypress:sourcemap',
+        enforce: 'post',
+        transform(code, id, options) {
+            try {
+                if (/\.js$/i.test(id) && !/\/\/# sourceMappingURL=/i.test(code)) {
+                    /*
+                    The Vite dev server and plugins automatically generate sourcemaps for most files, but they are
+                    only included in the served files if any transpilation actually occurred (JSX, TS, etc). This
+                    means that files that are "pure" JS won't include sourcemaps, so JS spec files that don't require
+                    transpilation won't get code frames in the runner.
+          
+                    A sourcemap for these files is generated (just not served) which is in effect an "identity"
+                    sourcemap mapping 1-to-1 to the output file. We can grab this and pass it along as a sourcemap
+                    we want Vite to embed into the output, giving Cypress a sourcemap to use for codeFrame lookups.
+                    @see https://rollupjs.org/guide/en/#thisgetcombinedsourcemap
+          
+                    We utilize a 'post' plugin here and manually append the sourcemap content to the code. We *should*
+                    be able to pass the sourcemap along using the `map` attribute in the return value, but Babel-based
+                    plugins don't work with this which causes sourcemaps to break for files that go through common
+                    plugins like `@vitejs/plugin-react`. By manually appending the sourcemap at this point in time
+                    Babel-transformed files end up with correct sourcemaps.
+                    */
+                    const sourcemap = this.getCombinedSourcemap();
+                    code += `\n//# sourceMappingURL=${sourcemap.toUrl()}`;
+                    return {
+                        code,
+                        map: { mappings: '' },
+                    };
+                }
+            }
+            catch (_err) {
+                debug('Failed to propagate sourcemap for %s: %o', id, _err);
+            }
+        },
+    };
+};
+exports.CypressSourcemap = CypressSourcemap;

package/dist/resolveConfig.d.ts

@@ -1,3 +1,4 @@
+import type { InlineConfig } from 'vite';
 import type { ViteDevServerConfig } from './devServer';
 import type { Vite } from './getVite';
-export declare const createViteDevServerConfig: (config: ViteDevServerConfig, vite: Vite) => Promise<Record<string, any>>;
+export declare const createViteDevServerConfig: (config: ViteDevServerConfig, vite: Vite) => Promise<InlineConfig>;

package/dist/resolveConfig.js

@@ -84,8 +84,16 @@ const createViteDevServerConfig = async (config, vite) => {
         plugins: [
             (0, index_1.Cypress)(config, vite),
             (0, index_1.CypressInspect)(config),
+            (0, index_1.CypressSourcemap)(config, vite),
         ].filter((p) => p != null),
     };
+    if (config.cypressConfig.isTextTerminal) {
+        viteBaseConfig.server = Object.assign(Object.assign({}, (viteBaseConfig.server || {})), { 
+            // Disable file watching and HMR when executing tests in `run` mode
+            watch: {
+                ignored: '**/*',
+            }, hmr: false });
+    }
     let resolvedOverrides = {};
     if (typeof viteOverrides === 'function') {
         resolvedOverrides = await viteOverrides();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cypress/vite-dev-server",
-  "version": "3.2.0",
+  "version": "3.3.1",
   "description": "Launches Vite Dev Server for Component Testing",
   "main": "index.js",
   "scripts": {