frontend: ember 6.4

frontend/.gitignore

@@ -14,12 +14,5 @@
 /testem.log
 /yarn-error.log
 
-# ember-try
-/.node_modules.ember-try/
-/npm-shrinkwrap.json.ember-try
-/package.json.ember-try
-/package-lock.json.ember-try
-/yarn.lock.ember-try
-
 # broccoli-debug
 /DEBUG/

frontend/.prettierignore

@@ -8,6 +8,6 @@
 /coverage/
 !.*
 .*/
-
-# ember-try
-/.node_modules.ember-try/
+/pnpm-lock.yaml
+ember-cli-update.json
+*.html

frontend/.prettierrc.js

@@ -0,0 +1,16 @@
+"use strict";
+
+module.exports = {
+  plugins: [
+    "prettier-plugin-ember-template-tag",
+    "prettier-plugin-tailwindcss",
+  ],
+  overrides: [
+    {
+      files: "*.{js,gjs,ts,gts,mjs,mts,cjs,cts}",
+      options: {
+        templateSingleQuote: false,
+      },
+    },
+  ],
+};

frontend/.stylelintignore

@@ -3,6 +3,3 @@
 
 # compiled output
 /dist/
-
-# addons
-/.node_modules.ember-try/

frontend/.stylelintrc.js

@@ -1,8 +1,7 @@
 "use strict";
 
 module.exports = {
-  plugins: ["stylelint-prettier"],
-  extends: ["stylelint-prettier/recommended", "stylelint-config-standard"],
+  extends: ["stylelint-config-standard"],
   rules: {
     "custom-property-empty-line-before": null, // we use empty lines to group/order properties
     "at-rule-empty-line-before": ["never", { ignoreAtRules: ["import"] }], // we use empty lines to group/order imports (su)

frontend/app/app.js

@@ -1,4 +1,5 @@
 import Application from "@ember/application";
+import { importSync, isDevelopingApp, macroCondition } from "@embroider/macros";
 import * as Sentry from "@sentry/ember";
 import loadInitializers from "ember-load-initializers";
 import { registerDateLibrary } from "ember-power-calendar";
@@ -60,12 +61,28 @@ if (config["@sentry/ember"]) {
 
 // simplebar setup end
 
+if (macroCondition(isDevelopingApp())) {
+  importSync("./deprecation-workflow");
+}
+
 registerDateLibrary(DateUtils);
 
+const extendResolver = (resolver) => {
+  return class EmberCanResolver extends resolver {
+    /**
+     * @type {Record<string, string>}
+     **/
+    pluralizedTypes = {
+      ...this.pluralizedTypes,
+      ability: "abilities",
+    };
+  };
+};
+
 export default class App extends Application {
   modulePrefix = config.modulePrefix;
   podModulePrefix = config.podModulePrefix;
-  Resolver = Resolver;
+  Resolver = extendResolver(Resolver);
 }
 
 loadInitializers(App, config.modulePrefix);

frontend/app/components/sort-header.hbs

@@ -1,4 +1,3 @@
-{{! template-lint-disable}}
 <Table::Th
   @light={{true}}
   class="sort-header cursor-pointer whitespace-nowrap align-bottom"

frontend/app/deprecation-workflow.js

@@ -0,0 +1,24 @@
+import setupDeprecationWorkflow from "ember-cli-deprecation-workflow";
+
+/**
+ * Docs: https://github.com/ember-cli/ember-cli-deprecation-workflow
+ */
+setupDeprecationWorkflow({
+  /**
+    false by default, but if a developer / team wants to be more aggressive about being proactive with
+    handling their deprecations, this should be set to "true"
+  */
+  throwOnUnhandled: false,
+  workflow: [
+    /* ... handlers ... */
+    /* to generate this list, run your app for a while (or run the test suite),
+     * and then run in the browser console:
+     *
+     *    deprecationWorkflow.flushDeprecations()
+     *
+     * And copy the handlers here
+     */
+    /* example: */
+    /* { handler: 'silence', matchId: 'template-action' }, */
+  ],
+});

frontend/app/helpers/media.js

@@ -0,0 +1,13 @@
+import Helper from "@ember/component/helper";
+import { service } from "@ember/service";
+
+export default class Media extends Helper {
+  @service media;
+
+  constructor(...args) {
+    super(...args);
+    this.media.on("mediaChanged", () => this.recompute());
+  }
+
+  compute = ([prop]) => this.media[prop];
+}