ember-cli-update to 6.11 (#2532)

* ember-cli-update to 6.11

* Update index.d.ts

* Fix types

* TS progress

* Fix remaining type errors

- Make oncomplete handlers accept optional InputEvent to match ember-inputmask types
- Type nearest-color from() with overloads accepting string or RGB input

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* Fix unhandled AbortError from skipped view transitions

Rapid successive route transitions cause the View Transitions API to
skip the in-flight transition, rejecting its ready/finished promises
with 'AbortError: Transition was skipped'. Catch those rejections and
skip view transitions entirely in tests, where they only add timing
nondeterminism.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* Temporary: debug electron binary install in CI

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* Override yauzl to v3 to fix Electron binary install on Node 24.16+

extract-zip's yauzl 2.x silently aborts extraction on Node 24.16.0+,
leaving node_modules/electron without its binary and path.txt
(electron/electron#51619).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* Remove temporary CI debug step

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* Update electron to 40.10.3 for the upstream Node 24.16+ install fix

Electron >= 40.10.3 replaces extract-zip with a fixed extractor in its
install script (electron/electron#51886). The yauzl override stays:
@electron/packager 18.4.4 (pinned by electron-forge) still extracts the
Electron zip with extract-zip + yauzl 2, which is broken on Node 24.16+.
Drop the override once forge ships @electron/packager >= 19.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

---------

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>

Author: RobbieTheWagner

.editorconfig

@@ -1,6 +1,6 @@
 # EditorConfig helps developers define and maintain consistent
 # coding styles between different editors and IDEs
-# editorconfig.org
+# https://editorconfig.org/
 
 root = true
 

.gitignore

@@ -2,7 +2,6 @@
 
 # compiled output
 /dist/
-/declarations/
 /tmp/
 
 # dependencies

.stylelintrc.cjs .stylelintrc.mjs.stylelintrc.cjs renamed to .stylelintrc.mjs

@@ -1,6 +1,4 @@
-'use strict';
-
-module.exports = {
+export default {
   extends: ['stylelint-config-standard'],
   rules: {
     'at-rule-no-deprecated': [true, { ignoreAtRules: ['/^view/', 'apply'] }],

app/components/alpha-input.gts

@@ -55,18 +55,24 @@ export default class AlphaInputComponent extends Component<AlphaInputSignature>
   }
 
   @action
-  isComplete(buffer: Buffer, opts: { regex: string }): boolean {
+  isComplete(buffer: Array<string>, opts: { regex?: string }): boolean {
     const value = buffer.join('');
 
-    return Boolean(value.length) && new RegExp(opts.regex).test(value);
+    return (
+      Boolean(value.length) && new RegExp(opts.regex as string).test(value)
+    );
   }
 
   /**
    * When the rgb input value passes the regex, set the value, and update the hex values and color.
    * @param {Event} event
    */
   @action
-  onComplete(event: InputEvent): void {
+  onComplete(event?: InputEvent): void {
+    if (!event) {
+      return;
+    }
+
     const { selectedColor } = this.args;
     let value = parseFloat((<HTMLInputElement>event.target).value);
 

app/components/hex-input.gts

@@ -51,16 +51,20 @@ export default class HexInputComponent extends Component<HexInputSignature> {
   }
 
   @action
-  isComplete(buffer: Buffer, opts: { regex: string }): boolean {
-    return new RegExp(opts.regex).test(buffer.join(''));
+  isComplete(buffer: Array<string>, opts: { regex?: string }): boolean {
+    return new RegExp(opts.regex as string).test(buffer.join(''));
   }
 
   /**
    * Executes whenever the hex value matches the regex. We can use this to change the color values only when valid.
    * @param {Event} event The event when the hex matches the regex and is valid
    */
   @action
-  onComplete(event: InputEvent): void {
+  onComplete(event?: InputEvent): void {
+    if (!event) {
+      return;
+    }
+
     const tinyColor = new TinyColor((<HTMLInputElement>event.target).value);
     const { r, g, b, a } = tinyColor.toRgb();
     const hex = rgbaToHex(r, g, b, a);

app/components/rgb-input.gts

@@ -76,18 +76,24 @@ export default class RgbaInputComponent extends Component<RgbaInputSignature> {
   }
 
   @action
-  isComplete(buffer: Buffer, opts: { regex: string }): boolean {
+  isComplete(buffer: Array<string>, opts: { regex?: string }): boolean {
     const value = buffer.join('');
 
-    return Boolean(value.length) && new RegExp(opts.regex).test(value);
+    return (
+      Boolean(value.length) && new RegExp(opts.regex as string).test(value)
+    );
   }
 
   /**
    * When the rgb input value passes the regex, set the value, and update the hex values and color.
    * @param {Event} event
    */
   @action
-  onComplete(event: InputEvent): void {
+  onComplete(event?: InputEvent): void {
+    if (!event) {
+      return;
+    }
+
     const selectedColor: SelectedColorModel = this.args
       .selectedColor as SelectedColorModel;
     const { type } = this.args;

app/services/.gitkeep

@@ -1,12 +1,10 @@
 import Service from '@ember/service';
 
 import { colornames } from 'color-name-list';
-import nearestColor from 'nearest-color';
+import nearestColor, { type ColorMatch, type RGB } from 'nearest-color';
 
 export default class NearestColorService extends Service {
-  nearest: ({ r, g, b }: { r: number; g: number; b: number }) => {
-    name: string;
-  };
+  nearest: (color: string | RGB) => ColorMatch;
 
   constructor() {
     super(...arguments);

app/services/nearest-color.ts

@@ -1,12 +1,20 @@
+import { isTesting } from '@embroider/macros';
+
 export default function viewTransitions() {
-  if (!document.startViewTransition) {
+  if (isTesting() || !document.startViewTransition) {
     return;
   }
 
   return new Promise<void>((resolve) => {
     // eslint-disable-next-line @typescript-eslint/require-await
-    document.startViewTransition(async () => {
+    const transition = document.startViewTransition(async () => {
       resolve();
     });
+
+    // A transition gets skipped when another starts before it finishes;
+    // its `ready`/`finished` promises reject with an AbortError that would
+    // otherwise surface as an unhandled rejection.
+    transition.ready.catch(() => {});
+    transition.finished.catch(() => {});
   });
 }

app/utils/view-transitions.ts

@@ -1,9 +1,12 @@
-const {
+import { dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import {
   babelCompatSupport,
   templateCompatSupport,
-} = require('@embroider/compat/babel');
+} from '@embroider/compat/babel';
 
-module.exports = {
+export default {
   plugins: [
     [
       '@babel/plugin-transform-typescript',
@@ -16,7 +19,6 @@ module.exports = {
     [
       'babel-plugin-ember-template-compilation',
       {
-        compilerPath: 'ember-source/dist/ember-template-compiler.js',
         enableLegacyModules: [
           'ember-cli-htmlbars',
           'ember-cli-htmlbars-inline-precompile',
@@ -29,14 +31,14 @@ module.exports = {
       'module:decorator-transforms',
       {
         runtime: {
-          import: require.resolve('decorator-transforms/runtime-esm'),
+          import: import.meta.resolve('decorator-transforms/runtime-esm'),
         },
       },
     ],
     [
       '@babel/plugin-transform-runtime',
       {
-        absoluteRuntime: __dirname,
+        absoluteRuntime: dirname(fileURLToPath(import.meta.url)),
         useESModules: true,
         regenerator: false,
       },