feat: support vite.config.mts and vite.config.cts

[sodatea]

It's added in Vite 3.0:
vitejs/vite#8729

User facing changelog

Features:

• Support vite.config.mts and vite.config.cts

Additional details

• Why was this change necessary?

As of Vite 3.0, .mts and .cts extensions are properly supported.
Not sure what's happening here, but seems an issue due to the config file transformation in Vite 3 in combination with the ts-node used internally in Cypress.

So, in a package without "type": "module", using import.meta in a plain .ts file is equivalent to using it in a .cts file, which leads to a syntax error.

The fix is to either convert the package to type: "module" as a whole (which would bring many unexpected side effects), or use a proper .mts extension (which Cypress 10.3.0 doesn't yet support). Thus this PR.

Steps to test

How has the user experience changed?

PR Tasks

• [na] Have tests been added/updated?
• [na] Has the original issue (or this PR, if no issue exists) been tagged with a release in ZenHub? (user-facing changes only)
• [na] Has a PR for user-facing changes been opened in cypress-documentation?
• [na] Have API changes been updated in the type definitions?

[cypress-bot]

Thanks for taking the time to open a PR!

• Create a Draft Pull Request if your PR is not ready for review. Mark the PR as Ready for Review when you're ready for a Cypress team member to review the PR.
• Become familiar with the Code Review Checklist for guidelines on coding standards and what needs to be done before a PR can be merged.

[CLAassistant]

All committers have signed the CLA.

[lmiller1990]

Hi, thanks! Are you able to sign the CLA? #22782 (comment)

I think we still need more work for proper Vite 3 support, which I am tracking here: #22784, but we can merge this in the mean time, once the CLA is 🖊️ and the CI is ✔️

[sodatea]

Signed 😄

[lmiller1990]

Cool, I triggered CI, should be ✔️, will keep an eye on it.

In the meantime I am looking at Vite 3 support, hopefully it won't be too many changes 👌

[astone123]

👍🏻

[cypress]

---

Test summary

37721 • 0 • 456 • 0 • 13

---

Run details

Project	cypress
Status	Passed
Commit	da9636f
Started	Jul 15, 2022 2:44 PM
Ended	Jul 15, 2022 3:03 PM
Duration	18:19 💡
OS	Linux Debian - 10.11
Browser	Multiple

View run in Cypress Dashboard ➡️

---

Flakiness

	actions/click.cy.js		1
1	... > scroll-behavior > can scroll to and click elements in html with scroll-behavior: smooth
	xhr.cy.js		4
1	... > logs request + response headers
2	... > logs Method, Status, URL, and XHR
3	... > logs response
4	... > no status when request isnt forced 404
This comment includes only the first 5 flaky tests. See all 13 flaky tests in the Cypress Dashboard.

---

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard