feat(showcase): add modern eslint & prettier

Author: aklkv

package.json

@@ -19,7 +19,7 @@
     "@glint/core": "^1.5.2",
     "dotenv": "^16.4.7"
   },
-  "packageManager": "pnpm@10.4.1+sha512.c753b6c3ad7afa13af388fa6d808035a008e30ea9993f58c6663e2bc5ff21679aa834db094987129aa4d488b86df57f7b634981b2f827cdcacc698cc0cfb88af",
+  "packageManager": "pnpm@10.11.0+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977",
   "engines": {
     "pnpm": ">= 10.0.0"
   },

pnpm-lock.yaml

@@ -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/

showcase/.eslintignore

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

showcase/.eslintrc.js

@@ -2,19 +2,17 @@
 
 module.exports = {
   plugins: ['prettier-plugin-ember-template-tag'],
-  templateSingleQuote: false,
-  trailingComma: 'es5',
   overrides: [
     {
-      files: '*.{js,ts,gjs,gts}',
+      files: '*.{js,gjs,ts,gts,mjs,mts,cjs,cts}',
       options: {
         singleQuote: true,
+        templateSingleQuote: false,
       },
     },
     {
       files: '*.hbs',
       options: {
-        singleQuote: false,
         printWidth: 120,
       },
     },

showcase/.gitignore

@@ -1,8 +1,7 @@
 'use strict';
 
 module.exports = {
-  plugins: ['ember-template-lint-plugin-prettier'],
-  extends: ['recommended', 'ember-template-lint-plugin-prettier:recommended'],
+  extends: ['recommended'],
   rules: {
     'no-html-comments': false,
     'no-trailing-spaces': true,
@@ -15,14 +14,4 @@ module.exports = {
     'no-builtin-form-components': false,
   },
   ignore: ['blueprints/**', 'tests/**'],
-  overrides: [
-    // temporary fix until the prettier plugin works with `.gts/gjs` files
-    // https://github.com/ember-template-lint/ember-template-lint-plugin-prettier/issues/268
-    {
-      files: ['**/*.{gjs,gts}'],
-      rules: {
-        prettier: false,
-      },
-    },
-  ],
 };

showcase/.prettierignore

@@ -471,7 +471,7 @@ const SAMPLE_MODEL = [
 
 const updateModelWithSelectAllState = (
   modelData: HdsAdvancedTableSignature['Args']['model'],
-  selectAllState: boolean
+  selectAllState: boolean,
 ) => {
   modelData.forEach((modelRow) => {
     modelRow['isSelected'] = selectAllState;
@@ -480,10 +480,10 @@ const updateModelWithSelectAllState = (
 
 const updateModelWithSelectableRowsStates = (
   modelData: HdsAdvancedTableSignature['Args']['model'],
-  selectableRowsStates: HdsAdvancedTableOnSelectionChangeSignature['selectableRowsStates']
+  selectableRowsStates: HdsAdvancedTableOnSelectionChangeSignature['selectableRowsStates'],
 ) => {
   const modelDataMap = new Map(
-    modelData.map((modelRow) => [modelRow['id'], modelRow])
+    modelData.map((modelRow) => [modelRow['id'], modelRow]),
   );
   selectableRowsStates.forEach((row) => {
     // safe to assume that there is always a record for the "selectionKey" since it's coming from the model (the selectable "rows" are a subset of the model dataset)
@@ -505,6 +505,7 @@ export default class MockAppMainGenericAdvancedTable extends Component<MockAppMa
     selectionCheckboxElement,
     selectableRowsStates,
   }: HdsAdvancedTableOnSelectionChangeSignature) {
+    // eslint-disable-next-line prefer-rest-params
     console.log(...arguments);
 
     if (selectionKey === 'all' && this.demoModel) {

showcase/.prettierrc.js

@@ -35,7 +35,7 @@ export default class ShwFrameComponent extends Component<ShwFrameSignature> {
     if (!src.match(/$\//)) {
       assert(
         `@src for "Shw::Frame" must be an absolute path (starting with '/') - Provided: ${src}`,
-        true
+        true,
       );
     }
 
@@ -51,7 +51,7 @@ export default class ShwFrameComponent extends Component<ShwFrameSignature> {
     // we accept only px or percentage
     assert(
       `@width for "Shw::Frame" must be a number or a percentage - Provided: ${width}`,
-      width.match(/^[\d]+%?$/)
+      width.match(/^[\d]+%?$/),
     );
 
     return width.match(/^[\d]+$/) ? `${width}px` : width;
@@ -66,7 +66,7 @@ export default class ShwFrameComponent extends Component<ShwFrameSignature> {
     // we accept only px
     assert(
       `@height for "Shw::Frame" must be a number - Provided: ${height}`,
-      height.match(/^[\d]+?$/)
+      height.match(/^[\d]+?$/),
     );
 
     return `${height}px`;