Updated dependencies and ember-try scenarios (#408)

* chore: Updated dependencies

* chore: Updated configurations for dummy app

* chore: Simplified scripts for lint and test

* chore: Updated lint configurations

* chore: Ran lint:hbs:fix

* chore: Ran lint:js:fix

* chore: Ignored remaining lint errors

* refactor: Removed classic layout from dummy app

* chore: Replaced ember-prism (deprecated, incompatible with newer dependencies) with ember-shiki

* chore: Patched ember-shiki to run on older Ember versions

* bugfix: Downgraded liquid-* packages to versions set in tag 4.1.4

* chore: Updated ember-try scenarios

* chore: Added lockfile

* bugfix: Forced the original perf-primitives to be installed for dummy app

* chore: Updated lockfile

---------

Co-authored-by: ijlee2 <ijlee2@users.noreply.github.com>

Author: ijlee2

.eslintignore

@@ -1,26 +1,15 @@
 # unconventional js
 /blueprints/*/files/
-/vendor/
 
 # compiled output
+/declarations/
 /dist/
-/tmp/
-
-# dependencies
-/bower_components/
-/node_modules/
 
 # misc
 /coverage/
 !.*
 .*/
-.eslintcache
 
 # 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
 /pnpm-lock.yaml.ember-try

.eslintrc.js

@@ -2,12 +2,20 @@
 
 module.exports = {
   root: true,
-  parser: 'babel-eslint',
+  parser: '@babel/eslint-parser',
   parserOptions: {
-    ecmaVersion: 2020,
+    ecmaVersion: 'latest',
     sourceType: 'module',
-    ecmaFeatures: {
-      legacyDecorators: true,
+    requireConfigFile: false,
+    babelOptions: {
+      plugins: [
+        [
+          '@babel/plugin-proposal-decorators',
+          {
+            decoratorsBeforeExport: true,
+          },
+        ],
+      ],
     },
   },
   plugins: ['ember'],
@@ -19,30 +27,24 @@ module.exports = {
   env: {
     browser: true,
   },
-  globals: {
-    globalThis: 'readonly',
-  },
   rules: {
     'no-setter-return': 'off',
     'ember/classic-decorator-no-classic-methods': 'warn',
     'ember/classic-decorator-hooks': 'warn',
-    'ember/no-actions-hash': 'warn',
     'ember/no-classic-classes': 'warn',
     'ember/no-classic-components': 'warn',
     'ember/no-component-lifecycle-hooks': 'warn',
     'ember/no-computed-properties-in-native-classes': 'warn',
-    'ember/no-get': 'warn',
     'ember/no-observers': 'warn',
-    'ember/require-computed-macros': 'warn',
     'ember/require-tagless-components': 'warn',
-    'ember/no-jquery': 'error',
   },
   overrides: [
     // node files
     {
       files: [
         './.eslintrc.js',
         './.prettierrc.js',
+        './.stylelintrc.js',
         './.template-lintrc.js',
         './ember-cli-build.js',
         './index.js',
@@ -58,8 +60,7 @@ module.exports = {
         browser: false,
         node: true,
       },
-      plugins: ['node'],
-      extends: ['plugin:node/recommended'],
+      extends: ['plugin:n/recommended'],
     },
     {
       // test files

.github/workflows/ci.yml

@@ -18,6 +18,7 @@ jobs:
   test:
     name: "Tests"
     runs-on: ubuntu-latest
+    timeout-minutes: 5
 
     steps:
       - uses: actions/checkout@v4
@@ -46,11 +47,12 @@ jobs:
       - name: Lint
         run: pnpm lint
       - name: Run Tests
-        run: pnpm test:ember
+        run: pnpm test
 
   floating:
     name: "Floating Dependencies"
     runs-on: ubuntu-latest
+    timeout-minutes: 5
 
     steps:
       - uses: actions/checkout@v4
@@ -77,29 +79,25 @@ jobs:
         shell: bash
         run: pnpm store prune
       - name: Run Tests
-        run: pnpm test:ember
+        run: pnpm test
 
   try-scenarios:
     name: ${{ matrix.try-scenario }}
     runs-on: ubuntu-latest
-    needs: 'test'
+    timeout-minutes: 5
 
     strategy:
       fail-fast: false
       matrix:
         try-scenario:
-          - ember-lts-3.24
           - ember-lts-3.28
-          - ember-lts-4.4
-          - ember-lts-4.8
           - ember-lts-4.12
-          - ember-lts-5.4
-          - ember-lts-5.8
+          - ember-lts-5.12
           - ember-release
           - ember-beta
           - ember-canary
           - embroider-safe
-          - embroider-optimized
+          # - embroider-optimized
 
     steps:
       - uses: actions/checkout@v4
@@ -126,4 +124,4 @@ jobs:
         shell: bash
         run: pnpm store prune
       - name: Run Tests
-        run: ./node_modules/.bin/ember try:one ${{ matrix.try-scenario }}
+        run: pnpm test:ember-compatibility ${{ matrix.try-scenario }} --- pnpm test

.gitignore

@@ -1,30 +1,26 @@
-# See https://help.github.com/ignore-files/ for more about ignoring files.
-
 # compiled output
 /dist/
-/tmp/
+/declarations/
 
 # dependencies
-/bower_components/
 /node_modules/
 
 # misc
 /.env*
 /.pnp*
-/.sass-cache
 /.eslintcache
-/connect.lock
 /coverage/
-/libpeerconnection.log
 /npm-debug.log*
 /testem.log
 /yarn-error.log
 
 # 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
 /pnpm-lock.yaml.ember-try
+
+# broccoli-debug
+/DEBUG/

.npmignore

@@ -2,11 +2,7 @@
 /dist/
 /tmp/
 
-# dependencies
-/bower_components/
-
 # misc
-/.bowerrc
 /.editorconfig
 /.ember-cli
 /.env*
@@ -18,23 +14,23 @@
 /.gitignore
 /.prettierignore
 /.prettierrc.js
+/.stylelintignore
+/.stylelintrc.js
 /.template-lintrc.js
-/.travis.yml
 /.watchmanconfig
-/bower.json
-/config/ember-try.js
 /CONTRIBUTING.md
 /ember-cli-build.js
 /testem.js
 /tests/
+/tsconfig.declarations.json
+/tsconfig.json
 /yarn-error.log
 /yarn.lock
 /pnpm-lock.yaml
 .gitkeep
 
 # ember-try
 /.node_modules.ember-try/
-/bower.json.ember-try
 /npm-shrinkwrap.json.ember-try
 /package.json.ember-try
 /package-lock.json.ember-try

.prettierignore

@@ -1,26 +1,14 @@
 # unconventional js
 /blueprints/*/files/
-/vendor/
 
 # compiled output
 /dist/
-/tmp/
-
-# dependencies
-/bower_components/
-/node_modules/
 
 # misc
 /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
 /pnpm-lock.yaml.ember-try

.prettierrc.js

@@ -1,5 +1,20 @@
 'use strict';
 
 module.exports = {
-  singleQuote: true,
+  overrides: [
+    {
+      files: '*.hbs',
+      options: {
+        printWidth: 64,
+        singleQuote: false,
+      },
+    },
+    {
+      files: '*.{js,ts}',
+      options: {
+        printWidth: 80,
+        singleQuote: true,
+      },
+    },
+  ],
 };

.template-lintrc.js

@@ -1,10 +1,17 @@
 'use strict';
 
 module.exports = {
-  extends: 'recommended',
+  plugins: ['ember-template-lint-plugin-prettier'],
+  extends: ['recommended', 'ember-template-lint-plugin-prettier:recommended'],
   rules: {
     'no-action': false,
-    'no-curly-component-invocation': false,
-    'require-button-type': false,
   },
+  overrides: [
+    {
+      files: ['tests/**/*-test.{js,ts}'],
+      rules: {
+        prettier: 'off',
+      },
+    },
+  ],
 };

addon/components/basic-dialog.js

@@ -36,7 +36,7 @@ export default class BasicDialog extends Component {
     'attachmentClass',
     'containerClass',
     'containerClassNames.{[],join}',
-    'targetAttachmentClass'
+    'targetAttachmentClass',
   )
   get containerClassNamesString() {
     let classNames =
@@ -72,7 +72,7 @@ export default class BasicDialog extends Component {
     'targetAttachmentClass',
     'variantWrapperClass',
     'wrapperClass',
-    'wrapperClassNames.{[],join}'
+    'wrapperClassNames.{[],join}',
   )
   get wrapperClassNamesString() {
     let classNames =
@@ -100,7 +100,7 @@ export default class BasicDialog extends Component {
     // Convert tether-styled values like 'middle right' to 'right'
     targetAttachment = targetAttachment.split(' ').slice(-1)[0];
     return `ember-modal-dialog-target-attachment-${dasherize(
-      targetAttachment
+      targetAttachment,
     )} emd-target-attachment-${dasherize(targetAttachment)}`;
   }
 

addon/components/liquid-tether-dialog.js

@@ -13,7 +13,7 @@ export default class LiquidTetherDialog extends BasicDialog {
     // Convert tether-styled values like 'middle right' to 'right'
     targetAttachment = targetAttachment.split(' ').slice(-1)[0];
     return `ember-modal-dialog-target-attachment-${dasherize(
-      targetAttachment
+      targetAttachment,
     )} emd-target-attachment-${dasherize(targetAttachment)}`;
   }