ember-learn · mansona · Mar 27, 2026 · Mar 24, 2026 · Mar 27, 2026 · Mar 27, 2026
diff --git a/.ember-cli b/.ember-cli
@@ -5,5 +5,11 @@
 
     Setting `disableAnalytics` to true will prevent any data from being sent.
   */
-  "disableAnalytics": false
+  "disableAnalytics": false,
+
+  /**
+    Setting `isTypeScriptProject` to true will force the blueprint generators to generate TypeScript
+    rather than JavaScript by default, when a TypeScript version of a given blueprint is available.
+  */
+  "isTypeScriptProject": false
 }
diff --git a/.eslintignore b/.eslintignore
@@ -19,4 +19,7 @@
 # ember-try
 /.node_modules.ember-try/
 /bower.json.ember-try
+/npm-shrinkwrap.json.ember-try
 /package.json.ember-try
+/package-lock.json.ember-try
+/yarn.lock.ember-try
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -2,12 +2,15 @@
 
 module.exports = {
   root: true,
-  parser: 'babel-eslint',
+  parser: '@babel/eslint-parser',
   parserOptions: {
-    ecmaVersion: 2018,
+    ecmaVersion: 'latest',
     sourceType: 'module',
-    ecmaFeatures: {
-      legacyDecorators: true,
+    requireConfigFile: false,
+    babelOptions: {
+      plugins: [
+        ['@babel/plugin-proposal-decorators', { decoratorsBeforeExport: true }],
+      ],
     },
   },
   plugins: ['ember'],
@@ -30,6 +33,7 @@ module.exports = {
       files: [
         './.eslintrc.js',
         './.prettierrc.js',
+        './.stylelintrc.js',
         './.template-lintrc.js',
         './ember-cli-build.js',
         './testem.js',
@@ -45,16 +49,10 @@ module.exports = {
         browser: false,
         node: true,
       },
-      plugins: ['node'],
-      extends: ['plugin:node/recommended'],
-      rules: {
-        // this can be removed once the following is fixed
-        // https://github.com/mysticatea/eslint-plugin-node/issues/77
-        'node/no-unpublished-require': 'off',
-      },
+      extends: ['plugin:n/recommended'],
     },
     {
-      // Test files:
+      // test files
       files: ['tests/**/*-test.{js,ts}'],
       extends: ['plugin:qunit/recommended'],
       rules: {

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -4,7 +4,7 @@ on:
   push:
     branches:
       - main
-  pull_request:
+  pull_request: {}
 
 concurrency:
   group: ci-${{ github.head_ref || github.ref }}

diff --git a/.gitignore b/.gitignore
@@ -26,8 +26,14 @@ jsconfig.json
 # ember-try
 /.node_modules.ember-try/
 /bower.json.ember-try
+/npm-shrinkwrap.json.ember-try
 /package.json.ember-try
+/package-lock.json.ember-try
+/yarn.lock.ember-try
 
 /.lighthouseci/
 
 /.idea/
+
+# broccoli-debug
+/DEBUG/
diff --git a/.prettierignore b/.prettierignore
@@ -14,8 +14,12 @@
 /coverage/
 !.*
 .eslintcache
+.lint-todo/
 
 # ember-try
 /.node_modules.ember-try/
 /bower.json.ember-try
+/npm-shrinkwrap.json.ember-try
 /package.json.ember-try
+/package-lock.json.ember-try
+/yarn.lock.ember-try
diff --git a/.prettierrc.js b/.prettierrc.js
@@ -1,5 +1,12 @@
 'use strict';
 
 module.exports = {
-  singleQuote: true,
+  overrides: [
+    {
+      files: '*.{js,ts}',
+      options: {
+        singleQuote: true,
+      },
+    },
+  ],
 };
diff --git a/.stylelintignore b/.stylelintignore
@@ -0,0 +1,8 @@
+# unconventional files
+/blueprints/*/files/
+
+# compiled output
+/dist/
+
+# addons
+/.node_modules.ember-try/
diff --git a/.stylelintrc b/.stylelintrc
diff --git a/.stylelintrc.js b/.stylelintrc.js
@@ -0,0 +1,5 @@
+'use strict';
+
+module.exports = {
+  extends: ['stylelint-config-standard', 'stylelint-prettier/recommended'],
+};
diff --git a/README.md b/README.md
@@ -11,8 +11,8 @@ Components come from [ember-styleguide](https://github.com/ember-learn/ember-sty
 You will need the following things properly installed on your computer.
 
 * [Git](https://git-scm.com/)
-* [Node.js](https://nodejs.org/)
-* [Ember CLI](https://ember-cli.com/)
+* [Node.js](https://nodejs.org/) (with npm)
+* [Ember CLI](https://cli.emberjs.com/release/)
 * [Google Chrome](https://google.com/chrome/)
 
 ## Installation
@@ -52,7 +52,7 @@ The app is continuously deployed to Netlify when a pull request is merged and pa
 ## Further Reading / Useful Links
 
 * [ember.js](https://emberjs.com/)
-* [ember-cli](https://ember-cli.com/)
+* [ember-cli](https://cli.emberjs.com/release/)
 * Development Browser Extensions
   * [ember inspector for chrome](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi)
   * [ember inspector for firefox](https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/)

diff --git a/app/components/cta-emberconf.hbs b/app/components/cta-emberconf.hbs
@@ -1,3 +1,4 @@
+{{! template-lint-disable no-redundant-role }}
 <div class="container layout">
   <div class="emberconf-announcement lg:col-4 lg:start-2">
     <div class="inner">

diff --git a/app/components/ember-community-survey/introduction.hbs b/app/components/ember-community-survey/introduction.hbs
@@ -1,3 +1,4 @@
+{{! template-lint-disable no-empty-headings }}
 <div class="bg-dark bg-shape-boxes">
   <div class="container">
     <h1>

diff --git a/app/components/index/ember-addons.hbs b/app/components/index/ember-addons.hbs
@@ -3,7 +3,6 @@
     class="addon-tabs--header"
     role="tablist"
   >
-    {{!-- template-lint-disable "no-down-event-binding" --}}
     {{#each this.emberAddons as |emberAddon index|}}
       <Index::EmberAddons::Tab
         @currentTabId={{this.currentTabId}}

diff --git a/app/index.html b/app/index.html
@@ -2,7 +2,6 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="description" content="Ember.js helps developers be more productive out of the box. Designed with developer ergonomics in mind, its friendly APIs help you get your job done—fast.">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta property="og:description" content="Ember.js helps developers be more productive out of the box. Designed with developer ergonomics in mind, its friendly APIs help you get your job done—fast." />

diff --git a/app/styles/app.css b/app/styles/app.css
@@ -1,3 +1,4 @@
+/* stylelint-disable import-notation */
 @import "components/addon-tabs.css";
 @import "components/brand-logos.css";
 @import "components/community-trends.css";

diff --git a/app/styles/components/addon-tabs.css b/app/styles/components/addon-tabs.css
@@ -1,3 +1,4 @@
+/* stylelint-disable alpha-value-notation, color-function-notation, prettier/prettier, selector-class-pattern */
 .addon-tabs {
   background: linear-gradient(0deg, rgba(52, 55, 62, 1) 0%, rgba(66, 69, 77, 1) 100%);
   border-radius: 15px;

diff --git a/app/styles/components/brand-logos.css b/app/styles/components/brand-logos.css
@@ -1,3 +1,4 @@
+/* stylelint-disable alpha-value-notation, color-function-notation, prettier/prettier */
 .branding-section {
   margin-bottom: var(--spacing-4);
 }

diff --git a/app/styles/components/callout-banner.css b/app/styles/components/callout-banner.css
@@ -1,3 +1,4 @@
+/* stylelint-disable prettier/prettier */
 .callout-banner {
   position: relative;
   display: flex;

diff --git a/app/styles/components/community-trends.css b/app/styles/components/community-trends.css
@@ -1,3 +1,4 @@
+/* stylelint-disable media-feature-range-notation, prettier/prettier */
 .uwu-logo {
   position: fixed;
   right: 50%;

diff --git a/app/styles/components/cta-emberconf.css b/app/styles/components/cta-emberconf.css
@@ -1,3 +1,4 @@
+/* stylelint-disable media-feature-range-notation */
 .emberconf-announcement {
   display: flex;
   justify-content: center;

diff --git a/app/styles/components/ecosystem-icons.css b/app/styles/components/ecosystem-icons.css
@@ -1,3 +1,4 @@
+/* stylelint-disable media-feature-range-notation */
 .ecosystem-icons-container {
   position: relative;
 }

diff --git a/app/styles/components/homepage-hero-callout.css b/app/styles/components/homepage-hero-callout.css
@@ -1,3 +1,4 @@
+/* stylelint-disable prettier/prettier */
 .hero-callout {
   margin-top: -25px;
   font-size: 16px;

diff --git a/app/styles/components/homepage-image-grid.css b/app/styles/components/homepage-image-grid.css
@@ -1,3 +1,4 @@
+/* stylelint-disable declaration-block-no-redundant-longhand-properties, no-descending-specificity, prettier/prettier, selector-attribute-quotes, selector-class-pattern */
 .homepage-image-grid {
   overflow-x: auto;
 }

diff --git a/app/styles/components/survey-section.css b/app/styles/components/survey-section.css
@@ -1,3 +1,4 @@
+/* stylelint-disable declaration-block-no-redundant-longhand-properties, prettier/prettier, selector-class-pattern */
 .survey-section__container:nth-child(2n + 1) {
   /* Definition of .bg-light-muted */
   background-color: var(--color-gray-200);

diff --git a/app/styles/components/surveys.css b/app/styles/components/surveys.css
@@ -1,3 +1,4 @@
+/* stylelint-disable prettier/prettier */
 .survey-logo {
   height: 160px;
 }

diff --git a/app/styles/components/terminal-code.css b/app/styles/components/terminal-code.css
@@ -1,3 +1,4 @@
+/* stylelint-disable color-function-notation */
 .terminal-code {
   border-radius: 4px;
   min-height: 50px;

diff --git a/app/styles/legacy/form.css b/app/styles/legacy/form.css
@@ -1,3 +1,4 @@
+/* stylelint-disable alpha-value-notation, color-function-notation, media-feature-range-notation, prettier/prettier, selector-attribute-quotes */
 
 .tomster-form {
   margin-top: 1.5em;

diff --git a/app/templates/about/legal.hbs b/app/templates/about/legal.hbs
@@ -1,3 +1,4 @@
+{{! template-lint-disable no-redundant-role }}
 {{page-title "Legal"}}
 <section class="container" aria-labelledby="legal">
   <h1 id="legal">Legal</h1>

diff --git a/app/templates/community/index.hbs b/app/templates/community/index.hbs
@@ -1,3 +1,4 @@
+{{! template-lint-disable no-redundant-role }}
 <section class="container layout" aria-labelledby="section-community">
   <h1 id="section-community">Get Involved: Join the Growing Ember.js Community</h1>
 

diff --git a/app/templates/community/meetups/assets.hbs b/app/templates/community/meetups/assets.hbs
@@ -1,3 +1,4 @@
+{{! template-lint-disable no-redundant-role }}
 {{page-title "Assets"}}
 <section class="container" aria-labelledby="ember-meetup-resources">
   <h1 id="ember-meetup-resources">

diff --git a/app/templates/community/meetups/index.hbs b/app/templates/community/meetups/index.hbs
@@ -1,3 +1,4 @@
+{{! template-lint-disable no-redundant-role }}
 {{page-title "Meetups"}}
 <div class="container">
   <h1 class="mb-3">Meetups Around the World</h1>

diff --git a/app/templates/editions/index.hbs b/app/templates/editions/index.hbs
@@ -1,3 +1,4 @@
+{{! template-lint-disable no-redundant-role }}
 <section class="container" aria-labelledby="ember-editions">
   <h1 id="ember-editions">Ember Editions</h1>
   <p>

diff --git a/app/templates/index.hbs b/app/templates/index.hbs
@@ -1,3 +1,4 @@
+{{! template-lint-disable no-redundant-role }}
 {{page-title "Ember.js - A framework for ambitious web developers" replace=true}}
 
 <section aria-labelledby="hero-title" class="bg-shape-boxes-bottom bg-dark">

diff --git a/app/templates/learn/index.hbs b/app/templates/learn/index.hbs
@@ -1,3 +1,4 @@
+{{! template-lint-disable no-redundant-role }}
 {{page-title "Learn"}}
 <div class="container" aria-labelledby="learning-emberjs">
   <h1 id="learning-emberjs">Learning Ember.js</h1>

diff --git a/app/templates/mascots/commission.hbs b/app/templates/mascots/commission.hbs
@@ -1,3 +1,4 @@
+{{! template-lint-disable no-redundant-role }}
 <section class="container layout">
   <div class="lg:col-4">
     <h1>Mascot Commission Requests</h1>

diff --git a/app/templates/mascots/payment.hbs b/app/templates/mascots/payment.hbs
@@ -1,4 +1,4 @@
-{{!-- template-lint-disable "no-html-comments" --}}
+{{! template-lint-disable "no-html-comments" no-pointer-down-event-binding no-redundant-role }}
 <section class="container layout">
   <div class="lg:col-4">
     <h1>Tomster and Zoey Commission Payment</h1>
@@ -269,7 +269,6 @@
               value="4MEwuslashIt71HHTl4RHHwuBejVv47f4wuslashdPwuBeUDhWl3a811Scy1w="
             />
 
-            {{!-- template-lint-disable "no-down-event-binding" --}}
             <input
               id="saveForm"
               name="saveForm"

diff --git a/app/templates/survey/2020.hbs b/app/templates/survey/2020.hbs
@@ -1,3 +1,4 @@
+{{! template-lint-disable no-whitespace-for-layout }}
 {{page-title "Ember Community Survey 2020"}}
 
 <EmberCommunitySurvey::Introduction

diff --git a/config/ember-cli-update.json b/config/ember-cli-update.json
@@ -3,7 +3,7 @@
   "packages": [
     {
       "name": "ember-cli",
-      "version": "3.28.4",
+      "version": "4.12.3",
       "blueprints": [
         {
           "name": "app",

diff --git a/config/environment.js b/config/environment.js
@@ -1,21 +1,18 @@
 'use strict';
 
 module.exports = function (environment) {
-  let ENV = {
+  const ENV = {
     modulePrefix: 'ember-website',
     environment,
     rootURL: '/',
     locationType: 'trailing-history',
     historySupportMiddleware: true,
     EmberENV: {
+      EXTEND_PROTOTYPES: false,
       FEATURES: {
         // Here you can enable experimental features on an ember canary build
         // e.g. EMBER_NATIVE_DECORATOR_SUPPORT: true
       },
-      EXTEND_PROTOTYPES: {
-        // Prevent Ember Data from overriding Date.parse.
-        Date: false,
-      },
     },
 
     APP: {

diff --git a/config/fastboot.js b/config/fastboot.js
@@ -0,0 +1,22 @@
+module.exports = function () {
+  return {
+    buildSandboxGlobals(defaultGlobals) {
+      return Object.assign({}, defaultGlobals, {
+        AbortController,
+        ReadableStream:
+          typeof ReadableStream !== 'undefined'
+            ? ReadableStream
+            : require('node:stream/web').ReadableStream,
+        WritableStream:
+          typeof WritableStream !== 'undefined'
+            ? WritableStream
+            : require('node:stream/web').WritableStream,
+        TransformStream:
+          typeof TransformStream !== 'undefined'
+            ? TransformStream
+            : require('node:stream/web').TransformStream,
+        Headers: typeof Headers !== 'undefined' ? Headers : undefined,
+      });
+    },
+  };
+};
diff --git a/config/targets.js b/config/targets.js
@@ -6,21 +6,6 @@ const browsers = [
   'last 1 Safari versions',
 ];
 
-// Ember's browser support policy is changing, and IE11 support will end in
-// v4.0 onwards.
-//
-// See https://deprecations.emberjs.com/v3.x#toc_3-0-browser-support-policy
-//
-// If you need IE11 support on a version of Ember that still offers support
-// for it, uncomment the code block below.
-//
-// const isCI = Boolean(process.env.CI);
-// const isProduction = process.env.EMBER_ENV === 'production';
-//
-// if (isCI || isProduction) {
-//   browsers.push('ie 11');
-// }
-
 module.exports = {
   browsers,
   node: 'current',

diff --git a/ember-cli-build.js b/ember-cli-build.js
@@ -3,7 +3,7 @@
 const EmberApp = require('ember-cli/lib/broccoli/ember-app');
 
 module.exports = function (defaults) {
-  let app = new EmberApp(defaults, {
+  const app = new EmberApp(defaults, {
     babel: {
       plugins: [require.resolve('ember-auto-import/babel-plugin')],
     },