Ember: Fix ember-template-compiler import for ember 6+

[leoeuclids]

What I did

Added the .js extension to the ember-template-compiler import, in the framework-preset-babel-ember.js file.
This change makes it compatible with ember-source@6 and above while keeping compatibility for older versions.

Reasoning

After the package.json changed in ember-source@6, it now requires the extension to properly find the file to be imported.

Greptile Summary

This PR adds the .js extension to the ember-template-compiler import in the Ember framework preset, ensuring compatibility with ember-source@6+ while maintaining support for older versions.

• Modified code/frameworks/ember/src/server/framework-preset-babel-ember.ts to include the .js extension in the import statement for ember-template-compiler
• The change addresses a breaking change in ember-source@6's package.json that now requires file extensions for imports
• Simple but critical fix that maintains backward compatibility while supporting newer Ember versions

_{💡 (1/5) You can manually trigger the bot by mentioning @greptileai in a comment!}

[greptile-apps]

LGTM

_{1 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings | Greptile}

[greptile-apps]

LGTM

_{1 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings | Greptile}

[gossi]

will it also work for ember < 6 ?

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 0734036.

Command	Status	Duration	Result
nx run-many -t build --parallel=3	✅ Succeeded	1m 54s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-03-09 01:10:01 UTC

[leoeuclids]

will it also work for ember < 6 ?

Yep, it's backward compatible, at least with version 5 (I've manually tested with this version), but should technically work for older versions as well

[greptile-apps]

LGTM

_{1 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings | Greptile}

[storybook-pr-benchmarking]

Package Benchmarks

^{Commit: 0734036, ran on 9 March 2025 at 01:28:37 UTC}

No significant changes detected, all good. 👏

[leoeuclids]

Hey @valentinpalkovic @shilman, anything missing for merging this? Please let me know if I can help in any way.

[shilman]

Hi @leoeuclids !! Thanks so much for putting this together. It's currently generating the following CI error. Any ideas?

src/server/framework-preset-babel-ember.ts:4:28 - error TS7016: Could not find a declaration file for module 'ember-source/dist/ember-template-compiler.js'. '/tmp/storybook/code/node_modules/ember-source/dist/ember-template-compiler.js' implicitly has an 'any' type.
Try npm i --save-dev @types/ember-source if it exists or add a new declaration (.d.ts) file containing declare module 'ember-source/dist/ember-template-compiler.js';

4 import { precompile } from 'ember-source/dist/ember-template-compiler.js';