ember-freestyle 0.23.1 → 0.24.0

package/CHANGELOG.md

@@ -8,6 +8,18 @@ All notable changes to this project will be documented in this file.
 
 
 
+
+## v0.24.0 (2026-04-21)
+
+#### :boom: Breaking Change
+* [#1028](https://github.com/chrislopresto/ember-freestyle/pull/1028) Raise floor to Ember 4.4 / Node 20 and drop stale polyfills ([@lukemelia](https://github.com/lukemelia))
+
+#### :memo: Documentation
+* [#1028](https://github.com/chrislopresto/ember-freestyle/pull/1028) Raise floor to Ember 4.4 / Node 20 and drop stale polyfills ([@lukemelia](https://github.com/lukemelia))
+
+#### Committers: 1
+- Luke Melia ([@lukemelia](https://github.com/lukemelia))
+
 ## v0.23.1 (2026-04-21)
 
 #### :house: Internal

package/README.md

@@ -23,9 +23,9 @@ To see Ember Freestyle in action, visit [https://chrislopresto.github.io/ember-f
 
 ## Compatibility
 
-* Ember.js v3.24 or above
-* Ember CLI v3.24 or above
-* Node.js v18 or above
+* Ember.js v4.4 or above
+* Ember CLI v4.4 or above
+* Node.js v20 or above
 * Ember Auto Import v2 or above
 
 ember-freestyle includes TypeScript types, and provides a template registry that can be imported from `ember-freestyle/template-registry` for Glint usage.

package/lib/ast-transform.js

@@ -2,52 +2,6 @@
 
 const stripIndent = require('strip-indent');
 
-function hasNamedBlocksPolyfillSyntax(node) {
-  return (
-    node.children.length === 1 &&
-    node.children[0].path &&
-    node.children[0].path.original === 'if' &&
-    node.children[0].params[0].path.original === '-is-named-block-invocation'
-  );
-}
-
-function extractFromNamedBlocksPolyfillSyntax(node) {
-  if (node.children[0].params[0].params[1].value === 'example') {
-    return node.children[0].program;
-  } else if (
-    node.children[0].inverse.body[0].params[0].params[1].value === 'example'
-  ) {
-    return node.children[0].inverse.body[0].program;
-  } else if (
-    node.children[0].inverse.body[0].inverse.body[0].params[0].params[1]
-      .value == 'example'
-  ) {
-    return node.children[0].inverse.body[0].inverse.body[0].program;
-  }
-}
-
-function cleanupNamedBlocksPolyfillSyntax(sourceString) {
-  sourceString = sourceString.trim();
-  sourceString = sourceString.replace(
-    /({{#if \(-is-named-block-invocation __arg0 "(.+?)"\)}})(\s*)(.*?)(\s*){{\/if}}/gs,
-    '\n  <:$2>$3$4$5</:$2>\n',
-  );
-  sourceString = sourceString.replace(
-    / @namedBlocksInfo={{hash .+?=0}} as \|__arg0\|/,
-    '',
-  );
-  sourceString = sourceString.replace(/(\s\s+)/g, '\n$1');
-  sourceString = sourceString.replace(/ @(\w+)=/g, '\n  @$1=');
-  sourceString =
-    sourceString +
-    `
-
-  <!-- Formatting lost due to named-blocks-polyfill. Fallback re-formatting applied.
-       Original source code formatting will be available once the polyfill is no longer needed. -->
-  `;
-  return sourceString;
-}
-
 function escapeCurlyBraces(s) {
   return s.replace(/\{/g, '&#123;').replace(/\}/g, '&#125;');
 }
@@ -77,18 +31,10 @@ module.exports = function ({ contents, syntax }) {
           node.attributes.push(b.attr('@source', b.text(sourceString)));
         }
         if (['Freestyle::Usage', 'FreestyleUsage'].includes(node.tag)) {
-          // Note: if the ember-named-blocks-polyfill polyfill AST transform executed before ours, our code will not work
-          // Due to a bug in ember, the current way to ensure this is to configure freestyle to run *after* named-blocks-polyfill
-          // via the ember-addon section of freestyle's package.json. ¯\_(ツ)_/¯
           let exampleNode = node.children.find((n) => n.tag === ':example');
           let sourceString;
           if (exampleNode) {
             sourceString = extractSource(exampleNode.children, contents);
-          } else if (hasNamedBlocksPolyfillSyntax(node)) {
-            // Unfortunately, we may still run after the named-blocks-polyfill when in an Ember Addon, so we do the best we can here.
-            exampleNode = extractFromNamedBlocksPolyfillSyntax(node);
-            sourceString = extractSource(exampleNode.body, contents);
-            sourceString = cleanupNamedBlocksPolyfillSyntax(sourceString);
           } else {
             exampleNode = node; // not using named blocks
             sourceString = extractSource(exampleNode.children, contents);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-freestyle",
-  "version": "0.23.1",
+  "version": "0.24.0",
   "description": "Create a living styleguide for your Ember app.",
   "keywords": [
     "ember-addon"
@@ -39,13 +39,11 @@
     "@glimmer/component": "^1.1.2",
     "@glimmer/tracking": "^1.1.2",
     "ember-auto-import": "^2.4.3",
-    "ember-cached-decorator-polyfill": "^1.0.2",
     "ember-cli-babel": "^8.2.0",
     "ember-cli-htmlbars": "^6.3.0",
     "ember-cli-typescript": "^5.1.1",
     "ember-focus-trap": "^1.0.1",
     "ember-modifier": "^3.2.7 || ^4.0.0",
-    "ember-named-blocks-polyfill": "^0.2.5",
     "ember-truth-helpers": "^4.0.3",
     "json-formatter-js": "^2.3.4",
     "macro-decorators": "^0.1.2",
@@ -146,7 +144,7 @@
     }
   },
   "engines": {
-    "node": ">= 18"
+    "node": ">= 20"
   },
   "volta": {
     "node": "20.14.0",
@@ -162,11 +160,8 @@
     "configPath": "tests/dummy/config",
     "demoURL": "https://chrislopresto.github.io/ember-freestyle/",
     "versionCompatibility": {
-      "ember": ">= 2.4.0"
-    },
-    "after": [
-      "ember-named-blocks-polyfill"
-    ]
+      "ember": ">= 4.4.0"
+    }
   },
   "release-it": {
     "plugins": {
@@ -183,7 +178,7 @@
       "tokenRef": "GITHUB_AUTH"
     },
     "hooks": {
-      "after:release": "ember deploy production"
+      "after:release": "./node_modules/.bin/ember deploy production"
     }
   }
 }

package/types/glimmer-tracking-cached.d.ts

@@ -1,4 +1,5 @@
-// Type augmentation for @cached (provided at runtime by ember-cached-decorator-polyfill)
+// Type augmentation for @cached. Runtime is provided natively by @glimmer/tracking
+// on Ember 4.4+, but the standalone @glimmer/tracking@1.1.2 types don't yet export it.
 import '@glimmer/tracking';
 
 declare module '@glimmer/tracking' {