chore(test-project): Prepare for fully switching to ESM

[Tobbe]

No description provided.

[netlify]

✅ Deploy Preview for cedarjs canceled.

Name	Link
🔨 Latest commit	0435306
🔍 Latest deploy log	https://app.netlify.com/projects/cedarjs/deploys/695a711fc27b3b00084de691

[nx-cloud]

🤖 Nx Cloud AI Fix

Ensure the fix-ci command is configured to always run in your CI pipeline to get automatic fixes in future runs. For more information, please see https://nx.dev/ci/features/self-healing-ci

---

View your CI Pipeline Execution ↗ for commit 0435306

Command	Status	Duration	Result
nx run-many -t build:pack --exclude create-ceda...	✅ Succeeded	7s	View ↗
nx run-many -t build	✅ Succeeded	5s	View ↗
nx run-many -t test --minWorkers=1 --maxWorkers=4	✅ Succeeded	5s	View ↗
nx run-many -t test:types	✅ Succeeded	9s	View ↗

---

☁️ Nx Cloud last updated this comment at 2026-01-04 14:11:53 UTC

[nx-cloud]

🤖 Nx Cloud AI Fix

Ensure the fix-ci command is configured to always run in your CI pipeline to get automatic fixes in future runs. For more information, please see https://nx.dev/ci/features/self-healing-ci

---

View your CI Pipeline Execution ↗ for commit 0435306

Command	Status	Duration	Result
nx run-many -t build	✅ Succeeded	7s	View ↗

---

☁️ Nx Cloud last updated this comment at 2026-01-04 13:57:49 UTC

[greptile-apps]

Greptile Summary

Converts test-project maintenance scripts from CommonJS to ESM by renaming .js/.ts files to .mts, updating all imports to use .mjs extensions, and adding proper TypeScript types throughout. The conversion is part of a larger effort to fully switch the test-project tooling to ESM.

Key changes:

• Renamed 10+ files from .js/.ts to .mts for ESM compatibility
• Updated all relative imports to use .mjs extensions (required for Node.js ESM)
• Added __filename and __dirname polyfills using fileURLToPath and path.dirname
• Converted CommonJS require() to ESM import statements
• Replaced module.exports with named export statements
• Added TypeScript type annotations throughout (string, boolean, ExecaOptions, etc.)
• Updated package.json scripts to reference .mts files and use tsx consistently
• Added exclude for test-project/templates in tasks/tsconfig.json to prevent TypeScript errors
• Removed @ts-nocheck comments from codemod files as part of cleanup

Files needing attention:

• tasks/test-project/frameworkLinking.mts: The execa call syntax changed from string to array format - verify this works correctly with shell: true option

Confidence Score: 4/5

• This PR is safe to merge with minor verification recommended
• The ESM conversion is well-executed with proper TypeScript types and consistent patterns throughout. One minor concern is the execa API change in frameworkLinking.mts (string to array syntax) which should be verified to work correctly with shell: true, but this is likely correct usage. All other changes follow best practices for ESM migration.
• Pay attention to tasks/test-project/frameworkLinking.mts - verify the execa array syntax works with shell:true option

Important Files Changed

Filename	Overview
tasks/test-project/frameworkLinking.mts	Converted from CommonJS to ESM with proper TypeScript types; however, execa call changed from string to array syntax which may behave differently with shell: true
tasks/test-project/util.mts	Converted to ESM with new module-level state management functions (setOutputPath, setVerbose) and proper TypeScript typing throughout
tasks/test-project/tasks.mts	Large conversion from JS to TypeScript ESM with proper imports, type annotations, and improved error handling
package.json	Updated script paths to use .mts extensions and changed build:test-project to use tsx for consistency with other scripts
tasks/tsconfig.json	Added exclude for test-project/templates directory to prevent TypeScript from processing template files

Sequence Diagram

sequenceDiagram
    participant Dev as Developer
    participant Scripts as NPM Scripts
    participant TSX as TSX Runtime
    participant Utils as util.mts
    participant Tasks as tasks.mts
    participant Framework as frameworkLinking.mts
    participant Execa as execa
    
    Dev->>Scripts: yarn build:test-project
    Scripts->>TSX: tsx test-project.mts
    TSX->>Tasks: import { apiTasks, webTasks }
    Tasks->>Utils: import { getExecaOptions, exec }
    Tasks->>Framework: (optional) import for linking
    
    Note over Tasks,Utils: ESM imports now use .mjs extensions
    
    Tasks->>Utils: getExecaOptions(path)
    Utils-->>Tasks: ExecaOptions
    
    Tasks->>Execa: execa(cmd, args, options)
    Note over Tasks,Execa: Array syntax with shell:true
    
    Framework->>Execa: execa('yarn', ['project:deps'], options)
    Note over Framework,Execa: Changed from string to array syntax
    
    Execa-->>Framework: Process result
    Framework-->>Tasks: Completion
    Tasks-->>TSX: Task execution complete
    TSX-->>Scripts: Build complete

Loading

[greptile-apps]

_{15 files reviewed, 1 comment}

_{Edit Code Review Agent Settings | Greptile}

[greptile-apps]

style: changed from execa('yarn project:deps', options) (string command) to execa('yarn', ['project:deps'], options) (array syntax). verify this behaves the same with shell: true

Prompt To Fix With AI

This is a comment left during a code review.
Path: tasks/test-project/frameworkLinking.mts
Line: 19:19

Comment:
**style:** changed from `execa('yarn project:deps', options)` (string command) to `execa('yarn', ['project:deps'], options)` (array syntax). verify this behaves the same with `shell: true`

How can I resolve this? If you propose a fix, please make it concise.