@cypress/vite-dev-server 2.2.2 → 3.1.0

package/README.md

@@ -1,64 +1,65 @@
 # @cypress/vite-dev-server
 
-> ⚡️ + 🌲 Cypress Component Testing w/ Vite
+Implements the APIs for the object-syntax of the Cypress Component-testing "vite dev server".
 
-To install vite in you component testing environment,
-1. Install it `yarn add @cypress/vite-dev-server`
-2. Add it to `cypress/plugins/index.js`
+> **Note:** This package is bundled with the Cypress binary and should not need to be installed separately. See the [Component Framework Configuration Docs](https://docs.cypress.io/guides/component-testing/component-framework-configuration) for setting up component testing with vite. The `devServer` function signature is for advanced use-cases.
 
-```js
-import { startDevServer } from '@cypress/vite-dev-server'
+Object syntax:
 
-module.exports = (on, config) => {
-  on('dev-server:start', async (options) => startDevServer({ options }))
+```ts
+import { defineConfig } from 'cypress'
 
-  return config
-}
+export default defineConfig({
+  component: {
+    devServer: {
+      framework: 'create-react-app',
+      bundler: 'vite',
+      // viteConfig?: Will try to infer, if passed it will be used as is
+    }
+  }
+})
 ```
 
-# @cypress/webpack-dev-server
-
-> **Note** this package is not meant to be used outside of cypress component testing.
-
-Install `@cypress/vue` or `@cypress/react` to get this package working properly
+Function syntax:
+
+```ts
+import { devServer } from '@cypress/vite-dev-server'
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  component: {
+    devServer(devServerConfig) {
+      return devServer({
+        ...devServerConfig,
+        framework: 'react',
+        viteConfig: require('./vite.config.js')
+      })
+    }
+  }
+})
+```
 
 ## Architecture
 
-### Cypress server
+There should be a single publicly-exported entrypoint for the module, `devServer`, all other types and functions should be considered internal/implementation details, and types stripped from the output.
+
+The `devServer` will first source the modules from the user's project, falling back to our own bundled versions of libraries. This ensures that the user has installed the current modules, and throws an error if the user does not have the library installed.
 
-- Every HTTP request goes to the cypress server which returns an html page. We call "TOP" because of its name in the dev tools
-    This page
-    - renders the list of spec files
-    - And the timetraveling command log
-    - Finally, it renders an AUT Iframe. this iframe calls a url that has 2 parts concatenated.
-        - a prefix: `__cypress/iframes/` 
-        - the path to the current. For example: `src/components/button.spec.tsx`
-- In the cypress server, calls prefixed with `__cypress/iframes/...` will be passed to the dev-server as `__cypress/src/index.html`
-- Every call with the prefix `__cypress/src/` will be passed to the dev-server to deal as is, without changes.
+From there, we check the "framework" field to source or define any known vite transforms to aid in the compilation.
 
-### Dev-server
+We then merge the sourced config with the user's vite config, and layer on our own transforms, and provide this to a vite instance. The vite instance used to create a vite-dev-server, which is returned.
 
-- Responds to every query with the prefix `__cypress/src/` (base path should be this prefix).
-- Responds to `__cypress/src/index.html` with an html page. 
-    This page
-    - will contain an element `<div id="__cy_root"></div>`. Tis will be used by mount function to mount the app containing the components we want.
-    - will load support files
-    - will load the current spec from the url
-    - will start the test when both files are done loading
-- The server re-runs the tests as soon as the current spec or any dependency is updated by calling an event `devServerEvents.emit('dev-server:compile:success')`
+## Compatibility
 
-## Vite dev server
+| @cypress/vite-dev-server | cypress |
+| ------------------------ | ------- |
+| <= v2                    | <= v9   |
+| >= v3                    | >= v10  |
 
-- Takes the users `vite.config` and adds base of `__cypress/src/` and a cypress vite plugin.
-- The cypress plugin takes care of
-  - responding to the index.html query with an html page
-  - restarting the tests when files are changed
-- The HTML page calls a script that loads support file and the specs using a native `import()` function
-- Then triggers the loaded tests
+## License
 
-Vite is reponsible for compiling and bundling all the files. We use its error overlay to display any transpiling error.
-Omly runtime errors have to be handled through cypress
+[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/cypress-io/cypress/blob/master/LICENSE)
 
-## Changelog
+This project is licensed under the terms of the [MIT license](/LICENSE).
 
-[Changelog](./CHANGELOG.md)
+## [Changelog](./CHANGELOG.md)

package/client/initCypressTests.js

@@ -1,18 +1,35 @@
 // This file is merged in a <script type=module> into index.html
 // it will be used to load and kick start the selected spec
 
-const supportPath = import.meta.env.__cypress_supportPath
-const originAutUrl = import.meta.env.__cypress_originAutUrl
+const CypressInstance = window.Cypress = parent.Cypress
+
+const importsToLoad = []
+
+/* Support file import logic, this should be removed once we
+ * are able to return relative paths from the supportFile
+ * Jira #UNIFY-1260
+ */
+const supportFile = CypressInstance.config('supportFile')
+const projectRoot = CypressInstance.config('projectRoot')
+const devServerPublicPathRoute = CypressInstance.config('devServerPublicPathRoute')
 
-const specPath = window.location.pathname.replace(originAutUrl, '')
+if (supportFile) {
+  let supportRelativeToProjectRoot = supportFile.replace(projectRoot, '')
 
-const importsToLoad = [() => import(/* @vite-ignore */ specPath)]
+  if (CypressInstance.config('platform') === 'win32') {
+    const platformProjectRoot = projectRoot.replaceAll('/', '\\')
 
-if (supportPath) {
-  importsToLoad.unshift(() => import(/* @vite-ignore */ supportPath))
+    supportRelativeToProjectRoot = supportFile.replace(platformProjectRoot, '')
+  }
+
+  // We need a slash before /cypress/supportFile.js, this happens by default
+  // with the current string replacement logic.
+  importsToLoad.push(() => import(`${devServerPublicPathRoute}${supportRelativeToProjectRoot}`))
 }
 
-const CypressInstance = window.Cypress = parent.Cypress
+/* Spec file import logic */
+// We need a slash before /src/my-spec.js, this does not happen by default.
+importsToLoad.push(() => import(`${devServerPublicPathRoute}/${CypressInstance.spec.relative}`))
 
 if (!CypressInstance) {
   throw new Error('Tests cannot run without a reference to Cypress!')
@@ -46,3 +63,4 @@ CypressInstance.on('test:before:run', () => {
 
 // Make usage of node test plugins possible
 window.global = window
+window.process = typeof process !== 'undefined' ? process : {}

package/dist/constants.d.ts

@@ -0,0 +1 @@
+export declare const configFiles: string[];

package/dist/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configFiles = void 0;
+exports.configFiles = [
+    'vite.config.ts',
+    'vite.config.js',
+    'vite.config.mjs',
+    'vite.config.cjs',
+    'vite.config.mts',
+    'vite.config.cts',
+];

package/dist/devServer.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="cypress" />
+/// <reference types="node" />
+declare const ALL_FRAMEWORKS: readonly ["react", "vue"];
+export declare type ViteDevServerConfig = {
+    specs: Cypress.Spec[];
+    cypressConfig: Cypress.PluginConfigOptions;
+    devServerEvents: NodeJS.EventEmitter;
+    onConfigNotFound?: (devServer: 'vite', cwd: string, lookedIn: string[]) => void;
+} & {
+    framework?: typeof ALL_FRAMEWORKS[number];
+    viteConfig?: unknown;
+};
+export declare function devServer(config: ViteDevServerConfig): Promise<Cypress.ResolvedDevServerConfig>;
+export declare namespace devServer {
+    var create: (devServerConfig: ViteDevServerConfig, vite: typeof import("vite")) => Promise<import("vite").ViteDevServer>;
+}
+export {};

package/dist/devServer.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.devServer = void 0;
+const tslib_1 = require("tslib");
+const debug_1 = (0, tslib_1.__importDefault)(require("debug"));
+const getVite_1 = require("./getVite");
+const resolveConfig_1 = require("./resolveConfig");
+const debug = (0, debug_1.default)('cypress:vite-dev-server:devServer');
+const ALL_FRAMEWORKS = ['react', 'vue'];
+async function devServer(config) {
+    // This has to be the first thing we do as we need to source vite from their project's dependencies
+    const vite = (0, getVite_1.getVite)(config);
+    debug('Creating Vite Server');
+    const server = await devServer.create(config, vite);
+    debug('Vite server created');
+    await server.listen();
+    const { port } = server.config.server;
+    if (!port) {
+        throw new Error('Missing vite dev server port.');
+    }
+    debug('Successfully launched the vite server on port', port);
+    return {
+        port,
+        // Close is for unit testing only. We kill this child process which will handle the closing of the server
+        close(cb) {
+            return server.close().then(() => cb === null || cb === void 0 ? void 0 : cb()).catch(cb);
+        },
+    };
+}
+exports.devServer = devServer;
+devServer.create = async function createDevServer(devServerConfig, vite) {
+    try {
+        const config = await (0, resolveConfig_1.createViteDevServerConfig)(devServerConfig, vite);
+        return await vite.createServer(config);
+    }
+    catch (err) {
+        if (err instanceof Error) {
+            throw err;
+        }
+        throw new Error(err);
+    }
+};

package/dist/getVite.d.ts

@@ -0,0 +1,3 @@
+import type { ViteDevServerConfig } from './devServer';
+export declare type Vite = typeof import('vite');
+export declare function getVite(config: ViteDevServerConfig): Vite;

package/dist/getVite.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getVite = void 0;
+const tslib_1 = require("tslib");
+const debug_1 = (0, tslib_1.__importDefault)(require("debug"));
+const debug = (0, debug_1.default)('cypress:vite-dev-server:getVite');
+// "vite-dev-server" is bundled in the binary, so we need to require.resolve "vite"
+// from root of the active project since we don't bundle vite internally but rather
+// use the version the user has installed
+function getVite(config) {
+    try {
+        const viteImportPath = require.resolve('vite', { paths: [config.cypressConfig.projectRoot] });
+        debug('resolved viteImportPath as %s', viteImportPath);
+        return require(viteImportPath);
+    }
+    catch (err) {
+        throw new Error(`Could not find "vite" in your project's dependencies. Please install "vite" to fix this error.\n\n${err}`);
+    }
+}
+exports.getVite = getVite;

package/dist/index.d.ts

@@ -1,8 +1,3 @@
-/// <reference types="cypress" />
-import { InlineConfig } from 'vite';
-import { StartDevServerOptions } from './startServer';
-export { StartDevServerOptions };
-export declare function startDevServer(startDevServerArgs: StartDevServerOptions): Promise<Cypress.ResolvedDevServerConfig>;
-export declare type CypressViteDevServerConfig = Omit<InlineConfig, 'base' | 'root'>;
-export declare function devServer(cypressDevServerConfig: Cypress.DevServerConfig, devServerConfig?: CypressViteDevServerConfig): Promise<Cypress.ResolvedDevServerConfig>;
-export declare function defineDevServerConfig(devServerConfig: CypressViteDevServerConfig): CypressViteDevServerConfig;
+import { devServer } from './devServer';
+export { devServer };
+export default devServer;

package/dist/index.js

@@ -1,22 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineDevServerConfig = exports.devServer = exports.startDevServer = void 0;
-const debug_1 = require("debug");
-const startServer_1 = require("./startServer");
-const debug = (0, debug_1.debug)('cypress:vite-dev-server:vite');
-async function startDevServer(startDevServerArgs) {
-    const viteDevServer = await (0, startServer_1.start)(startDevServerArgs);
-    const app = await viteDevServer.listen();
-    const port = app.config.server.port;
-    debug('Component testing vite server started on port', port);
-    return { port, close: app.httpServer.close };
-}
-exports.startDevServer = startDevServer;
-function devServer(cypressDevServerConfig, devServerConfig) {
-    return startDevServer({ options: cypressDevServerConfig, viteConfig: devServerConfig });
-}
-exports.devServer = devServer;
-function defineDevServerConfig(devServerConfig) {
-    return devServerConfig;
-}
-exports.defineDevServerConfig = defineDevServerConfig;
+exports.devServer = void 0;
+const devServer_1 = require("./devServer");
+Object.defineProperty(exports, "devServer", { enumerable: true, get: function () { return devServer_1.devServer; } });
+exports.default = devServer_1.devServer;

package/dist/plugins/cypress.d.ts

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

package/dist/plugins/cypress.js

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cypress = void 0;
+const tslib_1 = require("tslib");
+const debug_1 = (0, tslib_1.__importDefault)(require("debug"));
+const pathe_1 = require("pathe");
+const node_html_parser_1 = require("node-html-parser");
+const fs_1 = (0, tslib_1.__importDefault)(require("fs"));
+const path_1 = (0, tslib_1.__importDefault)(require("path"));
+const debug = (0, debug_1.default)('cypress:vite-dev-server:plugins:cypress');
+const INIT_FILEPATH = (0, pathe_1.resolve)(__dirname, '../../client/initCypressTests.js');
+const HMR_DEPENDENCY_LOOKUP_MAX_ITERATION = 50;
+function getSpecsPathsSet(specs) {
+    return new Set(specs.map((spec) => spec.absolute));
+}
+const Cypress = (options, vite) => {
+    let base = '/';
+    const projectRoot = options.cypressConfig.projectRoot;
+    const supportFilePath = options.cypressConfig.supportFile ? path_1.default.resolve(projectRoot, options.cypressConfig.supportFile) : false;
+    const devServerEvents = options.devServerEvents;
+    const specs = options.specs;
+    const indexHtmlFile = options.cypressConfig.indexHtmlFile;
+    let specsPathsSet = getSpecsPathsSet(specs);
+    // TODO: use async fs methods here
+    // eslint-disable-next-line no-restricted-syntax
+    let loader = fs_1.default.readFileSync(INIT_FILEPATH, 'utf8');
+    devServerEvents.on('dev-server:specs:changed', (specs) => {
+        specsPathsSet = getSpecsPathsSet(specs);
+    });
+    return {
+        name: 'cypress:main',
+        enforce: 'pre',
+        configResolved(config) {
+            base = config.base;
+        },
+        async transformIndexHtml(html) {
+            // it's possibe other plugins have modified the HTML
+            // before we get to. For example vitejs/plugin-react will
+            // add a preamble. We do our best to look at the HTML we
+            // receive and inject it.
+            // For now we just grab any `<script>` tags and inject them to <head>.
+            // We will add more handling as we learn the use cases.
+            const root = (0, node_html_parser_1.parse)(html);
+            const scriptTagsToInject = root.childNodes.filter((node) => {
+                return node instanceof node_html_parser_1.HTMLElement && node.rawTagName === 'script';
+            });
+            const indexHtmlPath = (0, pathe_1.resolve)(projectRoot, indexHtmlFile);
+            debug('resolved the indexHtmlPath as', indexHtmlPath, 'from', indexHtmlFile);
+            let indexHtmlContent = await fs_1.default.promises.readFile(indexHtmlPath, { encoding: 'utf8' });
+            // Inject the script tags
+            indexHtmlContent = indexHtmlContent.replace('<head>', `<head>
+        ${scriptTagsToInject.map((script) => script.toString())}
+      `);
+            // find </body> last index
+            const endOfBody = indexHtmlContent.lastIndexOf('</body>');
+            // insert the script in the end of the body
+            const newHtml = `
+        ${indexHtmlContent.substring(0, endOfBody)}
+        <script>${loader}</script>
+        ${indexHtmlContent.substring(endOfBody)}
+      `;
+            return newHtml;
+        },
+        configureServer: async (server) => {
+            server.middlewares.use(`${base}index.html`, async (req, res) => {
+                let transformedIndexHtml = await server.transformIndexHtml(base, '');
+                const viteImport = `<script type="module" src="${options.cypressConfig.devServerPublicPathRoute}/@vite/client"></script>`;
+                // If we're doing cy-in-cy, we need to be able to access the Cypress instance from the parent frame.
+                if (process.env.CYPRESS_INTERNAL_VITE_OPEN_MODE_TESTING) {
+                    transformedIndexHtml = transformedIndexHtml.replace(viteImport, `<script>document.domain = 'localhost';</script>${viteImport}`);
+                }
+                return res.end(transformedIndexHtml);
+            });
+        },
+        handleHotUpdate: ({ server, file }) => {
+            debug('handleHotUpdate - file', file);
+            // If the user provided IndexHtml is changed, do a full-reload
+            if (vite.normalizePath(file) === (0, pathe_1.resolve)(projectRoot, indexHtmlFile)) {
+                server.ws.send({
+                    type: 'full-reload',
+                });
+                return;
+            }
+            // get the graph node for the file that just got updated
+            let moduleImporters = server.moduleGraph.fileToModulesMap.get(file);
+            let iterationNumber = 0;
+            const exploredFiles = new Set();
+            // until we reached a point where the current module is imported by no other
+            while (moduleImporters === null || moduleImporters === void 0 ? void 0 : moduleImporters.size) {
+                if (iterationNumber > HMR_DEPENDENCY_LOOKUP_MAX_ITERATION) {
+                    debug(`max hmr iteration reached: ${HMR_DEPENDENCY_LOOKUP_MAX_ITERATION}; Rerun will not happen on this file change.`);
+                    return [];
+                }
+                // as soon as we find one of the specs, we trigger the re-run of tests
+                for (const mod of moduleImporters.values()) {
+                    debug('handleHotUpdate - mod.file', mod.file);
+                    if (mod.file === supportFilePath) {
+                        debug('handleHotUpdate - support compile success');
+                        devServerEvents.emit('dev-server:compile:success');
+                        // if we update support we know we have to re-run it all
+                        // no need to check further
+                        return [];
+                    }
+                    if (mod.file && specsPathsSet.has(mod.file)) {
+                        debug('handleHotUpdate - spec compile success', mod.file);
+                        devServerEvents.emit('dev-server:compile:success', { specFile: mod.file });
+                        // if we find one spec, does not mean we are done yet,
+                        // there could be other spec files to re-run
+                        // see https://github.com/cypress-io/cypress/issues/17691
+                    }
+                }
+                // get all the modules that import the current one
+                moduleImporters = getImporters(moduleImporters, exploredFiles);
+                iterationNumber += 1;
+            }
+            return [];
+        },
+    };
+};
+exports.Cypress = Cypress;
+/**
+ * Gets all the modules that import the set of modules passed in parameters
+ * @param modules the set of module whose dependents to return
+ * @param alreadyExploredFiles set of files that have already been looked at and should be avoided in case of circular dependency
+ * @returns a set of ModuleMode that import directly the current modules
+ */
+function getImporters(modules, alreadyExploredFiles) {
+    const allImporters = new Set();
+    modules.forEach((m) => {
+        if (m.file && !alreadyExploredFiles.has(m.file)) {
+            alreadyExploredFiles.add(m.file);
+            m.importers.forEach((imp) => {
+                allImporters.add(imp);
+            });
+        }
+    });
+    return allImporters;
+}

package/dist/plugins/index.d.ts

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

package/dist/plugins/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+(0, tslib_1.__exportStar)(require("./inspect"), exports);
+(0, tslib_1.__exportStar)(require("./cypress"), exports);

package/dist/plugins/inspect.d.ts

@@ -0,0 +1,3 @@
+import type { PluginOption } from 'vite';
+import type { ViteDevServerConfig } from '../devServer';
+export declare const CypressInspect: (config: ViteDevServerConfig) => PluginOption | null;

package/dist/plugins/inspect.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CypressInspect = void 0;
+const tslib_1 = require("tslib");
+const debug_1 = (0, tslib_1.__importDefault)(require("debug"));
+const debug = (0, debug_1.default)('cypress:vite-dev-server:plugins:inspect');
+const CypressInspect = (config) => {
+    var _a;
+    if (!process.env.CYPRESS_INTERNAL_VITE_INSPECT) {
+        debug('skipping vite inspect because CYPRESS_INTERNAL_VITE_INSPECT is not set');
+        return null;
+    }
+    let Inspect;
+    try {
+        const inspectPluginPath = require.resolve('vite-plugin-inspect', { paths: [config.cypressConfig.projectRoot] });
+        const inspectModule = require(inspectPluginPath);
+        Inspect = (_a = inspectModule.default) !== null && _a !== void 0 ? _a : inspectModule;
+        debug('inspect was found', Inspect);
+    }
+    catch (err) {
+        debug(`Tried to import the inspect plugin 'vite-plugin-inspect'. It's an optional peerDependency so install it if you'd like.`);
+        debug(err);
+        return null;
+    }
+    return Object.assign(Object.assign({}, Inspect()), { name: 'cypress:inspect' });
+};
+exports.CypressInspect = CypressInspect;

package/dist/resolveConfig.d.ts

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

package/dist/resolveConfig.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createViteDevServerConfig = void 0;
+const tslib_1 = require("tslib");
+/**
+ * The logic inside of this file is heavily reused from
+ * Vitest's own config resolution logic.
+ * You can find it here https://github.com/vitest-dev/vitest/blob/main/packages/vitest/src/node/create.ts
+ */
+const debug_1 = (0, tslib_1.__importDefault)(require("debug"));
+const local_pkg_1 = require("local-pkg");
+const pathe_1 = require("pathe");
+const path_1 = (0, tslib_1.__importDefault)(require("path"));
+const constants_1 = require("./constants");
+const index_1 = require("./plugins/index");
+const debug = (0, debug_1.default)('cypress:vite-dev-server:resolve-config');
+const createViteDevServerConfig = async (config, vite) => {
+    const { specs, cypressConfig, viteConfig: viteOverrides } = config;
+    const root = cypressConfig.projectRoot;
+    const { default: findUp } = await (0, local_pkg_1.importModule)('find-up');
+    const configFile = await findUp(constants_1.configFiles, { cwd: root });
+    // INFO logging, a lot is logged here.
+    // debug('all dev-server options are', options)
+    if (configFile) {
+        debug('resolved config file at', configFile, 'using root', root);
+    }
+    else if (viteOverrides) {
+        debug(`Couldn't find a Vite config file, however we received a custom viteConfig`, viteOverrides);
+    }
+    else {
+        if (config.onConfigNotFound) {
+            config.onConfigNotFound('vite', root, constants_1.configFiles);
+            // The config process will be killed from the parent, but we want to early exit so we don't get
+            // any additional errors related to not having a config
+            process.exit(0);
+        }
+        else {
+            throw new Error(`Your component devServer config for vite is missing a required viteConfig property, since we could not automatically detect one.\n Please add one to your ${config.cypressConfig.configFile}`);
+        }
+    }
+    // Vite caches its output in the .vite directory in the node_modules where vite lives.
+    // So we want to find that node_modules path and ensure it's added to the "allow" list
+    const vitePathNodeModules = path_1.default.dirname(path_1.default.dirname(require.resolve(`vite/package.json`, {
+        paths: [root],
+    })));
+    const viteBaseConfig = {
+        root,
+        base: `${cypressConfig.devServerPublicPathRoute}/`,
+        configFile,
+        optimizeDeps: {
+            esbuildOptions: {
+                incremental: true,
+                plugins: [
+                    {
+                        name: 'cypress-esbuild-plugin',
+                        setup(build) {
+                            build.onEnd(function (result) {
+                                // We don't want to completely fail the build here on errors so we treat the errors as warnings
+                                // which will handle things more gracefully. Vite will 500 on files that have errors when they
+                                // are requested later and Cypress will display an error message.
+                                // See: https://github.com/cypress-io/cypress/pull/21599
+                                result.warnings = [...result.warnings, ...result.errors];
+                                result.errors = [];
+                            });
+                        },
+                    },
+                ],
+            },
+            entries: [
+                ...specs.map((s) => (0, pathe_1.relative)(root, s.relative)),
+                ...(cypressConfig.supportFile ? [(0, pathe_1.resolve)(root, cypressConfig.supportFile)] : []),
+            ].filter((v) => v != null),
+        },
+        server: {
+            fs: {
+                allow: [
+                    root,
+                    vitePathNodeModules,
+                    cypressConfig.cypressBinaryRoot,
+                ],
+            },
+        },
+        plugins: [
+            (0, index_1.Cypress)(config, vite),
+            (0, index_1.CypressInspect)(config),
+        ].filter((p) => p != null),
+    };
+    const finalConfig = vite.mergeConfig(viteBaseConfig, viteOverrides);
+    debug('The resolved server config is', JSON.stringify(finalConfig, null, 2));
+    return finalConfig;
+};
+exports.createViteDevServerConfig = createViteDevServerConfig;

package/package.json

@@ -1,36 +1,34 @@
 {
   "name": "@cypress/vite-dev-server",
-  "version": "2.2.2",
+  "version": "3.1.0",
   "description": "Launches Vite Dev Server for Component Testing",
   "main": "index.js",
   "scripts": {
-    "build": "tsc",
-    "build-prod": "tsc",
-    "cy:open": "node ../../scripts/cypress.js open-ct --project ${PWD}",
-    "cy:run": "node ../../scripts/cypress.js run-ct --project ${PWD}",
-    "cy:run-signature": "yarn cy:run --config=\"{\\\"pluginsFile\\\":\\\"cypress/new-signature/plugins.js\\\"}\"",
-    "test": "yarn cy:run && yarn cy:run-signature",
-    "watch": "tsc -w"
+    "build": "tsc || echo 'built, with type errors'",
+    "build-prod": "tsc || echo 'built, with type errors'",
+    "check-ts": "tsc --noEmit",
+    "cypress:run": "yarn cypress:run-cypress-in-cypress node ../../scripts/cypress run --project . --browser chrome",
+    "cypress:run-cypress-in-cypress": "cross-env HTTP_PROXY_TARGET_FOR_ORIGIN_REQUESTS=http://localhost:4455 CYPRESS_REMOTE_DEBUGGING_PORT=6666 TZ=America/New_York",
+    "cypress:open": "yarn cypress:run-cypress-in-cypress gulp open --project .",
+    "watch": "tsc -w",
+    "test": "yarn test-unit",
+    "test-unit": "mocha -r ts-node/register/transpile-only --config ./test/.mocharc.js"
   },
   "dependencies": {
-    "debug": "^4.3.2",
-    "get-port": "^5.1.1"
+    "debug": "4.3.3",
+    "find-up": "6.3.0",
+    "local-pkg": "0.4.1",
+    "node-html-parser": "5.3.3",
+    "pathe": "0.2.0"
   },
   "devDependencies": {
-    "@cypress/react": "0.0.0-development",
-    "@cypress/vue": "0.0.0-development",
-    "@testing-library/cypress": "7.0.4",
-    "@vitejs/plugin-vue": "1.2.0",
-    "@vue/compiler-sfc": "3.0.9",
-    "cypress": "0.0.0-development",
-    "mocha-junit-reporter": "^2.0.0",
-    "mocha-multi-reporters": "^1.5.1",
-    "react": "17.0.2",
-    "vite": "2.2.3",
-    "vue": "3.0.11"
-  },
-  "peerDependencies": {
-    "vite": ">= 2.1.3"
+    "chai": "^4.3.6",
+    "dedent": "^0.7.0",
+    "mocha": "^9.2.2",
+    "sinon": "^13.0.1",
+    "ts-node": "^10.2.1",
+    "vite": "3.0.3",
+    "vite-plugin-inspect": "0.4.3"
   },
   "files": [
     "dist",

package/CHANGELOG.md

@@ -1,289 +0,0 @@
-# [@cypress/vite-dev-server-v2.2.2](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v2.2.1...@cypress/vite-dev-server-v2.2.2) (2021-12-16)
-
-
-### Bug Fixes
-
-* check the port is avail on all local hosts ([#19402](https://github.com/cypress-io/cypress/issues/19402)) ([4826175](https://github.com/cypress-io/cypress/commit/4826175040bfc024a36df47dc0c74f2871fa944f))
-
-# [@cypress/vite-dev-server-v2.2.1](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v2.2.0...@cypress/vite-dev-server-v2.2.1) (2021-11-19)
-
-
-### Bug Fixes
-
-* compile npm packages for node 12 ([#18989](https://github.com/cypress-io/cypress/issues/18989)) ([30b3eb2](https://github.com/cypress-io/cypress/commit/30b3eb2376bc1ed69087ba96f60448687e8489e6))
-
-# [@cypress/vite-dev-server-v2.2.0](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v2.1.1...@cypress/vite-dev-server-v2.2.0) (2021-10-15)
-
-
-### Features
-
-* normalized signatures webpack & vite servers ([#18379](https://github.com/cypress-io/cypress/issues/18379)) ([8f5308f](https://github.com/cypress-io/cypress/commit/8f5308f7068b80fb877da539ce34fb67ba497c4f))
-
-# [@cypress/vite-dev-server-v2.1.1](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v2.1.0...@cypress/vite-dev-server-v2.1.1) (2021-10-04)
-
-
-### Bug Fixes
-
-* **vite-dev-server:** remove base and root from inlineVitConfig types ([#17180](https://github.com/cypress-io/cypress/issues/17180)) ([07e7d0e](https://github.com/cypress-io/cypress/commit/07e7d0ed252bf1a2bd3224f617e1fc2e64f19a06))
-* **vite-dev-server:** replace UserConfig with InlineConfig to allow correct `configFile` types ([#18167](https://github.com/cypress-io/cypress/issues/18167)) ([6e0c2c1](https://github.com/cypress-io/cypress/commit/6e0c2c1af81be750a74bad0528d52de45746a453))
-* **vite-dev-server:** windows `supportFile` + preserve optimize entries ([#18286](https://github.com/cypress-io/cypress/issues/18286)) ([ea2f6a4](https://github.com/cypress-io/cypress/commit/ea2f6a45c7057e51b2fc879ff70da75538fa1002))
-
-# [@cypress/vite-dev-server-v2.1.0](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v2.0.8...@cypress/vite-dev-server-v2.1.0) (2021-09-10)
-
-
-### Features
-
-* allow usage of @react/plugins with cypress.config.js ([#17738](https://github.com/cypress-io/cypress/issues/17738)) ([da4b1e0](https://github.com/cypress-io/cypress/commit/da4b1e06ce33945aabddda0e6e175dc0e1b488a5))
-
-# [@cypress/vite-dev-server-v2.0.8](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v2.0.7...@cypress/vite-dev-server-v2.0.8) (2021-08-30)
-
-
-### Bug Fixes
-
-* prevent vite from crashing where there are no support files or specs found ([#17624](https://github.com/cypress-io/cypress/issues/17624)) ([ae0ea87](https://github.com/cypress-io/cypress/commit/ae0ea87802168c524ee5cfe04d0aa59a46195a7d)), closes [#17373](https://github.com/cypress-io/cypress/issues/17373)
-* publish the types for vite-dev-server ([#17786](https://github.com/cypress-io/cypress/issues/17786)) ([a94ff69](https://github.com/cypress-io/cypress/commit/a94ff69d09564140ad0cc890771175396eb351cc)), closes [#17648](https://github.com/cypress-io/cypress/issues/17648)
-* repair re-run of vite-dev-server issues ([4139631](https://github.com/cypress-io/cypress/commit/4139631b159bac159bd6d2d4c020b5d8b3aa0fa7))
-
-# [@cypress/vite-dev-server-v2.0.7](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v2.0.6...@cypress/vite-dev-server-v2.0.7) (2021-08-12)
-
-
-### Bug Fixes
-
-* **vite-dev-server:** chain update all specs when changing child  ([#17693](https://github.com/cypress-io/cypress/issues/17693)) ([66e8896](https://github.com/cypress-io/cypress/commit/66e8896b66207e9ce2d1a5dd9f66f73fe58a1e7e)), closes [#17691](https://github.com/cypress-io/cypress/issues/17691)
-
-# [@cypress/vite-dev-server-v2.0.6](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v2.0.5...@cypress/vite-dev-server-v2.0.6) (2021-08-10)
-
-
-### Bug Fixes
-
-* prevent vite from crashing where there are no support files or s… ([#17641](https://github.com/cypress-io/cypress/issues/17641)) ([1d2b053](https://github.com/cypress-io/cypress/commit/1d2b053322eb36935928122e4552563a7f98f35d)), closes [#17624](https://github.com/cypress-io/cypress/issues/17624) [#17373](https://github.com/cypress-io/cypress/issues/17373)
-
-# [@cypress/vite-dev-server-v2.0.5](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v2.0.4...@cypress/vite-dev-server-v2.0.5) (2021-08-04)
-
-
-### Bug Fixes
-
-* reload every spec file when support updated ([#17598](https://github.com/cypress-io/cypress/issues/17598)) ([efc38b6](https://github.com/cypress-io/cypress/commit/efc38b67497b48db5b3a636acac3be45dd930593))
-
-# [@cypress/vite-dev-server-v2.0.4](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v2.0.3...@cypress/vite-dev-server-v2.0.4) (2021-07-31)
-
-
-### Bug Fixes
-
-* **server:** correctly include projectRoot when adding a CI project from GUI ([#17514](https://github.com/cypress-io/cypress/issues/17514)) ([e49b3a4](https://github.com/cypress-io/cypress/commit/e49b3a4b9fc99bb392235b7cad36139faff08eec))
-* only rerun if current spec+deps changed ([#17269](https://github.com/cypress-io/cypress/issues/17269)) ([1433b64](https://github.com/cypress-io/cypress/commit/1433b64d25f186774471593892c1c03aa954c4e3))
-
-# [@cypress/vite-dev-server-v2.0.3](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v2.0.2...@cypress/vite-dev-server-v2.0.3) (2021-07-27)
-
-
-### Bug Fixes
-
-* make vite re-run on supportFile change ([#17485](https://github.com/cypress-io/cypress/issues/17485)) ([6cbf4c3](https://github.com/cypress-io/cypress/commit/6cbf4c38296d6287fbcbb0ef5ecd21cf63606153))
-
-# [@cypress/vite-dev-server-v2.0.2](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v2.0.1...@cypress/vite-dev-server-v2.0.2) (2021-07-15)
-
-
-### Bug Fixes
-
-* **vite:** autorefresh new spec files ([#17270](https://github.com/cypress-io/cypress/issues/17270)) ([99f9352](https://github.com/cypress-io/cypress/commit/99f93528c87b22656d4d732dfb2ed6843991d861))
-
-# [@cypress/vite-dev-server-v2.0.1](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v2.0.0...@cypress/vite-dev-server-v2.0.1) (2021-06-18)
-
-
-### Bug Fixes
-
-* vite startDevServer needs to return close() ([#16950](https://github.com/cypress-io/cypress/issues/16950)) ([67b2b3b](https://github.com/cypress-io/cypress/commit/67b2b3b9be13437e56384e377c7d32c6e433e064))
-
-# [@cypress/vite-dev-server-v2.0.0](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v1.2.7...@cypress/vite-dev-server-v2.0.0) (2021-05-31)
-
-
-### Continuous Integration
-
-* deliver vue3 on master ([#16728](https://github.com/cypress-io/cypress/issues/16728)) ([0ee001f](https://github.com/cypress-io/cypress/commit/0ee001f6250604711653caf5365d8aca063a9cad)), closes [#15100](https://github.com/cypress-io/cypress/issues/15100)
-
-
-### BREAKING CHANGES
-
-* no support for vue 2 anymore
-
-* build: disable auto deliver of next vue
-
-* Revert "feat(vue): vue 3 support in @cypress/vue"
-
-This reverts commit 8f55d7baaff1f240677239ae5fdc4180c4a06475.
-
-* Revert "build: disable auto deliver of next vue"
-
-This reverts commit ed46c9e5c551e57901dbdc75db2e83bf194c4b18.
-
-* chore: release @cypress/vue-v1.1.0-alpha.1
-
-[skip ci]
-* dropped support for vue 2 in favor of vue 3
-
-* test: remove filter tests not relevant in vue 3
-
-* build: try publishing as a private new major
-
-* chore: release @cypress/vue-v3.0.0-alpha.1
-
-[skip ci]
-
-* chore: bring back access public
-
-* fix: update dependency to webpack dev server
-
-* chore: release @cypress/vue-v3.0.0-alpha.2
-
-[skip ci]
-
-* chore: remove unnecessary dependency
-
-* fix: mistreatment of monorepo dependency
-
-* chore: release @cypress/vue-v3.0.0-alpha.3
-
-[skip ci]
-
-* chore: release @cypress/vue-v3.0.0-alpha.4
-
-[skip ci]
-
-* fix: use __cy_root at the root element
-
-* build: avoid using array spread (tslib imports issue)
-
-* fix: setup for cypress vue tests
-
-* fix: add cleanup event
-
-* test: make sure we use the right build of compiler
-
-* chore: downgrade VTU to rc-1
-
-* chore: release @cypress/vue-v3.0.0
-
-[skip ci]
-
-* chore: upgrade vue version to 3.0.11
-
-* fix: adjust optional peer deps
-
-* fix: allow fo any VTU 2 version using ^
-
-* test: ignore nuxt example
-
-* test: update yarn lock on vue cli
-
-* chore: release @cypress/vue-v3.0.1
-
-[skip ci]
-
-* ci: release vue@next on master
-
-* test: fix vue3 examples
-
-* ci: open only needed server in circle npm-vue
-
-Co-authored-by: semantic-release-bot <semantic-release-bot@martynus.net>
-Co-authored-by: Lachlan Miller <lachlan.miller.1990@outlook.com>
-
-# [@cypress/vite-dev-server-v1.2.7](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v1.2.6...@cypress/vite-dev-server-v1.2.7) (2021-05-11)
-
-
-### Bug Fixes
-
-* **vite-dev-server:** only re-run tests when specs deps are updated ([#16215](https://github.com/cypress-io/cypress/issues/16215)) ([31d89a5](https://github.com/cypress-io/cypress/commit/31d89a5e1af9acf173a24c26903a48ff11cde894))
-
-# [@cypress/vite-dev-server-v1.2.6](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v1.2.5...@cypress/vite-dev-server-v1.2.6) (2021-04-29)
-
-
-### Bug Fixes
-
-* **vite-dev-server:** only re-run tests when specs deps are updated ([#16215](https://github.com/cypress-io/cypress/issues/16215)) ([4d23476](https://github.com/cypress-io/cypress/commit/4d23476711d71711590752cada4863a03e1f777f))
-* analyze deps of the specs before starting ([3f52def](https://github.com/cypress-io/cypress/commit/3f52def82e7afe9ee0942e6621924d1d6af5efa8))
-
-# [@cypress/vite-dev-server-v1.2.5](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v1.2.4...@cypress/vite-dev-server-v1.2.5) (2021-04-27)
-
-
-### Bug Fixes
-
-* **vite-dev-server:** fix url to the client on win ([#16220](https://github.com/cypress-io/cypress/issues/16220)) ([c809d19](https://github.com/cypress-io/cypress/commit/c809d19cc139200232a4292529b3bac60d68e995))
-
-# [@cypress/vite-dev-server-v1.2.4](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v1.2.3...@cypress/vite-dev-server-v1.2.4) (2021-04-26)
-
-
-### Bug Fixes
-
-* accept absolute paths in vite dev server ([#16148](https://github.com/cypress-io/cypress/issues/16148)) ([684730f](https://github.com/cypress-io/cypress/commit/684730fb68b0394a5c602421b38fbb4d066bf439))
-
-# [@cypress/vite-dev-server-v1.2.3](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v1.2.2...@cypress/vite-dev-server-v1.2.3) (2021-04-22)
-
-
-### Bug Fixes
-
-* make vite-dev-server work on windows ([#16103](https://github.com/cypress-io/cypress/issues/16103)) ([a380d02](https://github.com/cypress-io/cypress/commit/a380d020a4211ddbb2f10a61308bd1a6d2e45057))
-
-# [@cypress/vite-dev-server-v1.2.2](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v1.2.1...@cypress/vite-dev-server-v1.2.2) (2021-04-15)
-
-
-### Bug Fixes
-
-* conditionally require vue and update alias if installed ([#16000](https://github.com/cypress-io/cypress/issues/16000)) ([8b97b46](https://github.com/cypress-io/cypress/commit/8b97b4641e7e1b2af8ea38d44273dcc149267e20))
-
-# [@cypress/vite-dev-server-v1.2.1](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v1.2.0...@cypress/vite-dev-server-v1.2.1) (2021-04-13)
-
-
-### Bug Fixes
-
-* **vite-dev-server:** Use viteConfig.server.port if defined ([#15893](https://github.com/cypress-io/cypress/issues/15893)) ([d0dcf22](https://github.com/cypress-io/cypress/commit/d0dcf221018cf2c364bc00ff6f750146eb048e7d))
-
-# [@cypress/vite-dev-server-v1.2.0](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v1.1.0...@cypress/vite-dev-server-v1.2.0) (2021-04-05)
-
-
-### Bug Fixes
-
-* **vite-dev-server:** import cypress client script asynchronously to avoid flake ([#15778](https://github.com/cypress-io/cypress/issues/15778)) ([88a3830](https://github.com/cypress-io/cypress/commit/88a3830d68ef71290ecad3ab7ba440370f314741))
-* make sure the vite server starts on a new port ([57e2988](https://github.com/cypress-io/cypress/commit/57e29886cb731a90724dc5473cfd97760b370c62))
-* make vite dev server open on a free port ([#15756](https://github.com/cypress-io/cypress/issues/15756)) ([cd66b05](https://github.com/cypress-io/cypress/commit/cd66b05307ff3f40b3a8bf312a409de2e9ab9399))
-
-
-### Features
-
-* simplify vite server ([#15416](https://github.com/cypress-io/cypress/issues/15416)) ([adc2fc8](https://github.com/cypress-io/cypress/commit/adc2fc893fbf32f1f6121d18ddb8a8096e5ebf39))
-
-# [@cypress/vite-dev-server-v1.1.0](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v1.0.2...@cypress/vite-dev-server-v1.1.0) (2021-03-15)
-
-
-### Bug Fixes
-
-* **component-testing:** ensure to call unmount after each test ([#15385](https://github.com/cypress-io/cypress/issues/15385)) ([153fc51](https://github.com/cypress-io/cypress/commit/153fc515a53343758393db795879a64494374551))
-* **component-testing:** make sure vite html is published on npm ([#15379](https://github.com/cypress-io/cypress/issues/15379)) ([325a7ec](https://github.com/cypress-io/cypress/commit/325a7ec56e9dd91e25f39184407751daf3b9a371))
-* **component-testing:** vite server dependency refresh ([#15366](https://github.com/cypress-io/cypress/issues/15366)) ([59dbed9](https://github.com/cypress-io/cypress/commit/59dbed90dcfd6c71d3478cd61d0228cff702087f))
-
-
-### Features
-
-* create-cypress-tests installation wizard ([#9563](https://github.com/cypress-io/cypress/issues/9563)) ([c405ee8](https://github.com/cypress-io/cypress/commit/c405ee89ef5321df6151fdeec1e917ac952c0d38)), closes [#9116](https://github.com/cypress-io/cypress/issues/9116)
-* rollup-dev-server for CT ([#15215](https://github.com/cypress-io/cypress/issues/15215)) ([6f02719](https://github.com/cypress-io/cypress/commit/6f02719511459ebe682ec85eecc02f6b418d233a))
-
-# [@cypress/vite-dev-server-v1.0.2](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v1.0.1...@cypress/vite-dev-server-v1.0.2) (2021-03-10)
-
-
-### Bug Fixes
-
-* trigger release of the packages ([#15405](https://github.com/cypress-io/cypress/issues/15405)) ([1ce5755](https://github.com/cypress-io/cypress/commit/1ce57554e260850472cf753de68858f47b3f7b3d))
-
-# [@cypress/vite-dev-server-v1.0.1](https://github.com/cypress-io/cypress/compare/@cypress/vite-dev-server-v1.0.0...@cypress/vite-dev-server-v1.0.1) (2021-02-17)
-
-
-### Bug Fixes
-
-* trigger semantic release ([#15128](https://github.com/cypress-io/cypress/issues/15128)) ([3a6f3b1](https://github.com/cypress-io/cypress/commit/3a6f3b1928277f7086062b1107f424e5a0247e00))
-
-# @cypress/vite-dev-server-v1.0.0 (2021-02-16)
-
-
-### Features
-
-* adding vite-dev-server plugin ([#14839](https://github.com/cypress-io/cypress/issues/14839)) ([0225406](https://github.com/cypress-io/cypress/commit/022540605139545d137125dbb6a85eb995053fcb))

package/dist/makeCypressPlugin.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="node" />
-/// <reference types="cypress" />
-import { Plugin } from 'vite';
-interface Spec {
-    absolute: string;
-    relative: string;
-}
-export declare const makeCypressPlugin: (projectRoot: string, supportFilePath: string | false, devServerEvents: NodeJS.EventEmitter, specs: Spec[]) => Plugin;
-export {};

package/dist/makeCypressPlugin.js

@@ -1,123 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeCypressPlugin = void 0;
-const path_1 = require("path");
-const fs_1 = require("fs");
-const util_1 = require("util");
-const debug_1 = __importDefault(require("debug"));
-const debug = (0, debug_1.default)('cypress:vite-dev-server:plugin');
-const read = (0, util_1.promisify)(fs_1.readFile);
-const pluginName = 'cypress-transform-html';
-const OSSepRE = new RegExp(`\\${path_1.sep}`, 'g');
-function convertPathToPosix(path) {
-    return path_1.sep === '/'
-        ? path
-        : path.replace(OSSepRE, '/');
-}
-const INIT_FILEPATH = (0, path_1.resolve)(__dirname, '../client/initCypressTests.js');
-const HMR_DEPENDENCY_LOOKUP_MAX_ITERATION = 50;
-function getSpecsPathsSet(specs) {
-    return new Set(specs.map((spec) => spec.absolute));
-}
-const makeCypressPlugin = (projectRoot, supportFilePath, devServerEvents, specs) => {
-    let base = '/';
-    let specsPathsSet = getSpecsPathsSet(specs);
-    devServerEvents.on('dev-server:specs:changed', (specs) => {
-        specsPathsSet = getSpecsPathsSet(specs);
-    });
-    const posixSupportFilePath = supportFilePath ? convertPathToPosix((0, path_1.resolve)(projectRoot, supportFilePath)) : undefined;
-    const normalizedSupportFilePath = posixSupportFilePath ? `${base}@fs/${posixSupportFilePath}` : undefined;
-    return {
-        name: pluginName,
-        enforce: 'pre',
-        config(_, env) {
-            if (env) {
-                return {
-                    define: {
-                        'import.meta.env.__cypress_supportPath': JSON.stringify(normalizedSupportFilePath),
-                        'import.meta.env.__cypress_originAutUrl': JSON.stringify(`__cypress/iframes/${convertPathToPosix(projectRoot)}/`),
-                    },
-                };
-            }
-        },
-        configResolved(config) {
-            base = config.base;
-        },
-        transformIndexHtml() {
-            debug('transformIndexHtml with base', base);
-            return [
-                // load the script at the end of the body
-                // script has to be loaded when the vite client is connected
-                {
-                    tag: 'script',
-                    injectTo: 'body',
-                    attrs: { type: 'module' },
-                    children: `import(${JSON.stringify(`${base}@fs/${INIT_FILEPATH}`)})`,
-                },
-            ];
-        },
-        configureServer: async (server) => {
-            const indexHtml = await read((0, path_1.resolve)(__dirname, '..', 'index.html'), { encoding: 'utf8' });
-            const transformedIndexHtml = await server.transformIndexHtml(base, indexHtml);
-            server.middlewares.use(`${base}index.html`, (req, res) => res.end(transformedIndexHtml));
-        },
-        handleHotUpdate: ({ server, file }) => {
-            debug('handleHotUpdate - file', file);
-            // get the graph node for the file that just got updated
-            let moduleImporters = server.moduleGraph.fileToModulesMap.get(file);
-            let iterationNumber = 0;
-            const exploredFiles = new Set();
-            // until we reached a point where the current module is imported by no other
-            while (moduleImporters === null || moduleImporters === void 0 ? void 0 : moduleImporters.size) {
-                if (iterationNumber > HMR_DEPENDENCY_LOOKUP_MAX_ITERATION) {
-                    debug(`max hmr iteration reached: ${HMR_DEPENDENCY_LOOKUP_MAX_ITERATION}; Rerun will not happen on this file change.`);
-                    return [];
-                }
-                // as soon as we find one of the specs, we trigger the re-run of tests
-                for (const mod of moduleImporters.values()) {
-                    debug('handleHotUpdate - mod.file', mod.file);
-                    if (mod.file === supportFilePath) {
-                        debug('handleHotUpdate - support compile success');
-                        devServerEvents.emit('dev-server:compile:success');
-                        // if we update support we know we have to re-run it all
-                        // no need to ckeck further
-                        return [];
-                    }
-                    if (mod.file && specsPathsSet.has(mod.file)) {
-                        debug('handleHotUpdate - spec compile success', mod.file);
-                        devServerEvents.emit('dev-server:compile:success', { specFile: mod.file });
-                        // if we find one spec, does not mean we are done yet,
-                        // there could be other spec files to re-run
-                        // see https://github.com/cypress-io/cypress/issues/17691
-                    }
-                }
-                // get all the modules that import the current one
-                moduleImporters = getImporters(moduleImporters, exploredFiles);
-                iterationNumber += 1;
-            }
-            return [];
-        },
-    };
-};
-exports.makeCypressPlugin = makeCypressPlugin;
-/**
- * Gets all the modules that import the set of modules passed in parameters
- * @param modules the set of module whose dependents to return
- * @param alreadyExploredFiles set of files that have already been looked at and should be avoided in case of circular dependency
- * @returns a set of ModuleMode that import directly the current modules
- */
-function getImporters(modules, alreadyExploredFiles) {
-    const allImporters = new Set();
-    modules.forEach((m) => {
-        if (m.file && !alreadyExploredFiles.has(m.file)) {
-            alreadyExploredFiles.add(m.file);
-            m.importers.forEach((imp) => {
-                allImporters.add(imp);
-            });
-        }
-    });
-    return allImporters;
-}

package/dist/startServer.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="cypress" />
-import { ViteDevServer, InlineConfig } from 'vite';
-export interface StartDevServerOptions {
-    /**
-     * the Cypress dev server configuration object
-     */
-    options: Cypress.DevServerConfig;
-    /**
-     * By default, vite will use your vite.config file to
-     * Start the server. If you need additional plugins or
-     * to override some options, you can do so using this.
-     * @optional
-     */
-    viteConfig?: Omit<InlineConfig, 'base' | 'root'>;
-}
-export declare function start(devServerOptions: StartDevServerOptions): Promise<ViteDevServer>;

package/dist/startServer.js

@@ -1,66 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.start = void 0;
-const debug_1 = __importDefault(require("debug"));
-const vite_1 = require("vite");
-const path_1 = require("path");
-const get_port_1 = __importDefault(require("get-port"));
-const makeCypressPlugin_1 = require("./makeCypressPlugin");
-const debug = (0, debug_1.default)('cypress:vite-dev-server:start');
-const resolveServerConfig = async ({ viteConfig, options }) => {
-    const { projectRoot, supportFile } = options.config;
-    const requiredOptions = {
-        base: '/__cypress/src/',
-        root: projectRoot,
-    };
-    const finalConfig = { ...viteConfig, ...requiredOptions };
-    finalConfig.plugins = [...(finalConfig.plugins || []), (0, makeCypressPlugin_1.makeCypressPlugin)(projectRoot, supportFile, options.devServerEvents, options.specs)];
-    // This alias is necessary to avoid a "prefixIdentifiers" issue from slots mounting
-    // only cjs compiler-core accepts using prefixIdentifiers in slots which vue test utils use.
-    // Could we resolve this usage in test-utils?
-    try {
-        finalConfig.resolve = finalConfig.resolve || {};
-        finalConfig.resolve.alias = {
-            ...finalConfig.resolve.alias,
-            '@vue/compiler-core': (0, path_1.resolve)((0, path_1.dirname)(require.resolve('@vue/compiler-core')), 'dist', 'compiler-core.cjs.js'),
-        };
-    }
-    catch (e) {
-        // Vue 3 is not installed
-    }
-    finalConfig.server = finalConfig.server || {};
-    finalConfig.server.port = await (0, get_port_1.default)({ port: finalConfig.server.port || 3000 }),
-        // Ask vite to pre-optimize all dependencies of the specs
-        finalConfig.optimizeDeps = finalConfig.optimizeDeps || {};
-    // pre-optimize all the specs
-    if ((options.specs && options.specs.length)) {
-        // fix: we must preserve entries configured on target project
-        const existingOptimizeDepsEntries = finalConfig.optimizeDeps.entries;
-        if (existingOptimizeDepsEntries) {
-            finalConfig.optimizeDeps.entries = [...existingOptimizeDepsEntries, ...options.specs.map((spec) => spec.relative)];
-        }
-        else {
-            finalConfig.optimizeDeps.entries = [...options.specs.map((spec) => spec.relative)];
-        }
-        // only optimize a supportFile is it is not false or undefined
-        if (supportFile) {
-            // fix: on windows we need to replace backslashes with slashes
-            finalConfig.optimizeDeps.entries.push(supportFile.replace(/\\/g, '/'));
-        }
-    }
-    debug(`the resolved server config is ${JSON.stringify(finalConfig, null, 2)}`);
-    return finalConfig;
-};
-async function start(devServerOptions) {
-    if (!devServerOptions.viteConfig) {
-        debug('User did not pass in any Vite dev server configuration');
-        devServerOptions.viteConfig = {};
-    }
-    debug('starting vite dev server');
-    const resolvedConfig = await resolveServerConfig(devServerOptions);
-    return (0, vite_1.createServer)(resolvedConfig);
-}
-exports.start = start;

package/index.html

@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <title>AUT Frame</title>
-  </head>
-  <body>
-    <div id="__cy_root"></div>
-  </body>
-</html>