Ember Upgrade to 3.24 (#13443)

* Update browserslist

* Add browserslistrc

* ember-cli-update --to 3.26, fix conflicts

* Run codemodes that start with ember-*

* More codemods - before cp*

* More codemods (curly data-test-*)

* WIP ember-basic-dropdown template errors

* updates ember-basic-dropdown and related deps to fix build issues

* updates basic dropdown instances to new version API

* updates more deps -- ember-template-lint is working again

* runs no-implicit-this codemod

* creates and runs no-quoteless-attributes codemod

* runs angle brackets codemod

* updates lint:hbs globs to only touch hbs files

* removes yield only templates

* creates and runs deprecated args transform

* supresses lint error for invokeAction on LinkTo component

* resolves remaining ambiguous path lint errors

* resolves simple-unless lint errors

* adds warnings for deprecated tagName arg on LinkTo components

* adds warnings for remaining curly component invocation

* updates global template lint rules

* resolves remaining template lint errors

* disables some ember specfic lint rules that target pre octane patterns

* js lint fix run

* resolves remaining js lint errors

* fixes test run

* adds npm-run-all dep

* fixes test attribute issues

* fixes console acceptance tests

* fixes tests

* adds yield only wizard/tutorial-active template

* fixes more tests

* attempts to fix more flaky tests

* removes commented out settled in transit test

* updates deprecations workflow and adds initializer to filter by version

* updates flaky policies acl old test

* updates to flaky transit test

* bumps ember deps down to LTS version

* runs linters after main merge

* fixes client count tests after bad merge conflict fixes

* fixes client count history test

* more updates to lint config

* another round of hbs lint fixes after extending stylistic rule

* updates lint-staged commands

* removes indent eslint rule since it seems to break things

* fixes bad attribute in transform-edit-form template

* test fixes

* fixes enterprise tests

* adds changelog

* removes deprecated ember-concurrency-test-waiters dep and adds @ember/test-waiters

* flaky test fix

Co-authored-by: hashishaw <cshaw@hashicorp.com>

Author: zofskeez

changelog/13443.txt

@@ -0,0 +1,3 @@
+```release-note:change
+ui: Upgrade Ember to version 3.24
+```

ui/.browserslistrc

@@ -0,0 +1,3 @@
+defaults
+not IE 11
+maintained node versions

ui/.eslintignore

@@ -16,6 +16,8 @@
 
 # misc
 /coverage/
+!.*
+.eslintcache
 
 # ember-try
 /.node_modules.ember-try/

ui/.eslintrc.js

@@ -12,32 +12,39 @@ module.exports = {
       legacyDecorators: true,
     },
   },
-  plugins: ['ember', 'prettier'],
-  extends: ['eslint:recommended', 'plugin:ember/recommended', 'prettier'],
+  plugins: ['ember'],
+  extends: ['eslint:recommended', 'plugin:ember/recommended', 'plugin:prettier/recommended'],
   env: {
     browser: true,
-    es6: true,
   },
   rules: {
-    // TODO revisit once figure out how to replace, added during upgrade to 3.20
-    'ember/no-new-mixins': 'off',
-    'ember/no-mixins': 'off',
+    'no-console': 'warn',
+    'ember/no-mixins': 'warn',
+    'ember/no-new-mixins': 'off', // should be warn but then every line of the mixin is green
+    // need to be fully glimmerized before these rules can be turned on
+    'ember/no-classic-classes': 'off',
+    'ember/no-classic-components': 'off',
+    'ember/no-actions-hash': 'off',
+    'ember/require-tagless-components': 'off',
+    'ember/no-component-lifecycle-hooks': 'off',
   },
   overrides: [
     // node files
     {
       files: [
+        '.eslintrc.js',
+        '.prettierrc.js',
         '.template-lintrc.js',
         'ember-cli-build.js',
         'testem.js',
         'blueprints/*/index.js',
         'config/**/*.js',
         'lib/*/index.js',
         'scripts/start-vault.js',
+        'server/**/*.js',
       ],
       parserOptions: {
         sourceType: 'script',
-        ecmaVersion: 2018,
       },
       env: {
         browser: false,

ui/.gitignore

@@ -11,6 +11,7 @@
 
 # misc
 /.sass-cache
+/.eslintcache
 /connect.lock
 /coverage/
 /libpeerconnection.log

ui/.prettierignore

@@ -0,0 +1,21 @@
+# unconventional js
+/blueprints/*/files/
+/vendor/
+
+# compiled output
+/dist/
+/tmp/
+
+# dependencies
+/bower_components/
+/node_modules/
+
+# misc
+/coverage/
+!.*
+.eslintcache
+
+# ember-try
+/.node_modules.ember-try/
+/bower.json.ember-try
+/package.json.ember-try

ui/.prettierrc

@@ -0,0 +1,16 @@
+'use strict';
+
+module.exports = {
+  singleQuote: true,
+  trailingComma: 'es5',
+  printWidth: 110,
+  overrides: [
+    {
+      files: '*.hbs',
+      options: {
+        singleQuote: false,
+        printWidth: 125,
+      },
+    },
+  ],
+};

ui/.prettierrc.js

@@ -7,16 +7,16 @@ function loadStories() {
   // automatically import all files ending in *.stories.js
   const appStories = require.context('../stories', true, /.stories.js$/);
   const addonAndRepoStories = require.context('../lib', true, /.stories.js$/);
-  appStories.keys().forEach(filename => appStories(filename));
-  addonAndRepoStories.keys().forEach(filename => addonAndRepoStories(filename));
+  appStories.keys().forEach((filename) => appStories(filename));
+  addonAndRepoStories.keys().forEach((filename) => addonAndRepoStories(filename));
 }
 
 addParameters({
   viewport: { viewports: INITIAL_VIEWPORTS },
   options: { theme },
 });
 
-addDecorator(storyFn => {
+addDecorator((storyFn) => {
   const { template, context } = storyFn();
 
   // flight icon sprite must be inserted into dom for icon lookup via use element

ui/.storybook/config.js

@@ -1,27 +1,17 @@
 'use strict';
 
 module.exports = {
-  extends: 'recommended',
+  extends: ['octane', 'stylistic'],
   rules: {
-    // should definitely move to template only
-    // glimmer components for this one
-    'no-partial': false,
-
-    // these need to be looked into, but
-    // may be a bigger change
-    'no-invalid-interactive': false,
-    'simple-unless': false,
-
-    'self-closing-void-elements': false,
-    'no-unnecessary-concat': false,
-    'no-quoteless-attributes': false,
-    'no-nested-interactive': false,
-
-    // not sure we'll ever want these on,
-    // would be nice but if prettier isn't doing
-    // it for us, then not sure it's worth it
-    'attribute-indentation': false,
-    'block-indentation': false,
-    quotes: false,
+    'no-bare-strings': 'off',
+    'no-action': 'off',
+    'no-duplicate-landmark-elements': 'warn',
+    'no-implicit-this': {
+      allow: ['supported-auth-backends'],
+    },
+    'require-input-label': 'off',
+    'no-down-event-binding': 'warn',
+    'self-closing-void-elements': 'off',
   },
+  ignore: ['lib/story-md', 'tests/**'],
 };