fix: Add babel configuration for Playwright to handle TypeScript declare fields

[snomiao]

Summary

• Fixes babel configuration for Playwright tests to handle TypeScript declare fields
• Adds module resolution for the @ alias
• Implements Vue/CSS file stubbing to prevent parsing errors during test runs

Changes

• Added babel.config.json with TypeScript preset configured with allowDeclareFields: true
• Created custom babel plugin babel-plugin-stub-vue-imports to stub Vue and CSS imports
• Added browser globals polyfill using happy-dom in scripts/setup-browser-globals.js
• Updated playwright.i18n.config.ts with babel plugins configuration
• Installed necessary babel dependencies (@babel/core, @babel/preset-typescript, etc.)

Test plan

• Run pnpm collect-i18n - babel transformations now work correctly
• The tests still require a ComfyUI backend to fully pass, but the babel configuration issues are resolved

Related Issues

Fixes issues with pnpm collect-i18n failing due to TypeScript declare fields not being properly transformed by babel.

🤖 Generated with Claude Code

┆Issue is synchronized with this Notion page by Unito

[github-actions]

🎭 Playwright Test Results

✅ Tests completed successfully!

⏰ Completed at: 09/12/2025, 08:57:37 AM UTC

📊 Test Reports by Browser

• ✅ chromium: View Report
• ✅ chromium-2x: View Report
• ✅ chromium-0.5x: View Report
• ✅ mobile-chrome: View Report

---

🎉 Click on the links above to view detailed test results for each browser configuration.

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	babel-helper-vue-jsx-merge-props@​2.0.3
	babel-plugin-syntax-jsx@​6.18.0
	babel-plugin-transform-import-ignore@​1.1.0
	babel-plugin-transform-vue-jsx@​3.7.0
	@​babel/​plugin-transform-typescript@​7.27.1 ⏵ 7.28.0	+1		+2	+1
	babel-preset-typescript-vue3@​2.1.1
	@​babel/​core@​7.27.1 ⏵ 7.28.4	+1		+2	+1
	babel-plugin-module-resolver@​5.0.2
	babel-preset-env@​1.7.0
	@​vue/​babel-plugin-jsx@​1.4.0 ⏵ 1.5.0				-2

View full report

[socket-security]

Warning

Review the following alerts detected in dependencies.

According to your organization's Security Policy, it is recommended to resolve "Warn" alerts. Learn more about Socket for GitHub.

Action	Severity	Alert  (click "▶" to expand/collapse)
Warn		[email protected] has a Critical CVE. CVE: GHSA-67hx-6x53-jw92 Babel vulnerable to arbitrary code execution when compiling specifically crafted malicious code (CRITICAL) Affected versions: >= 0 Patched version: No patched versions From: pnpm-lock.yaml → npm/[email protected] → npm/[email protected] ℹ Read more on: This package | This alert | What is a critical CVE? Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at [email protected]. Suggestion: Remove or replace dependencies that include known critical CVEs. Consumers can use dependency overrides or npm audit fix --force to remove vulnerable dependencies. Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment @SocketSecurity ignore npm/[email protected]. You can also ignore all packages with @SocketSecurity ignore-all. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.

View full report