refactor: bump to Ember 4.12

.ember-cli.js

@@ -9,7 +9,6 @@ module.exports = () => {
     Setting `disableAnalytics` to true will prevent any data from being sent.
   */
     liveReload: false,
-    yarn: true,
     disableAnalytics: false,
     /**
   Setting `isTypeScriptProject` to true will force the blueprint generators to generate TypeScript

.eslintrc.js

@@ -1,78 +1,35 @@
+'use strict';
+
 module.exports = {
   root: true,
   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'],
   extends: ['eslint:recommended', 'plugin:ember/recommended', 'plugin:prettier/recommended'],
   env: {
     browser: true,
   },
-
   rules: {
-    'import/extensions': 'off',
-    'import/no-unresolved': 'off',
-    'no-underscore-dangle': 'off',
+    'no-unused-vars': 'off',
     'no-undef': 'off',
-    'func-names': 'off',
-    eqeqeq: 'off',
-    'one-var': 'off',
-    'prefer-rest-params': 'off',
-    // eventually re-enable these:
-    'max-len': 'off',
-    'prefer-destructuring': 'off',
-    'no-plusplus': 'off',
+    'no-useless-escape': 'off',
     'no-prototype-builtins': 'off',
-    'no-restricted-properties': 'off',
-    'prefer-const': 'off',
-    'block-scoped-var': 'off',
-    'vars-on-top': 'off',
-    'no-console': 'off',
-    'no-shadow': 'off',
-    'no-unused-vars': 'off',
-    'no-var': 'off',
     'no-redeclare': 'off',
-    'guard-for-in': 'off',
-    'no-restricted-syntax': 'off',
-    'no-param-reassign': 'off',
-    'import/first': 'off',
-    'no-mixed-operators': 'off',
-    'no-throw-literal': 'off',
-    'consistent-return': 'off',
-    'import/no-extraneous-dependencies': 'off',
-    'no-restricted-globals': 'off',
-    'comma-dangle': 'off',
-    'array-callback-return': 'off',
-    'no-lonely-if': 'off',
-    'no-useless-escape': 'off',
-    'class-methods-use-this': 'off',
-    'generator-star-spacing': 'off',
-    // we're not enabling this yet
-    // 'ember/no-jquery': 'error'
   },
-  ignorePatterns: [
-    '.eslintrc.js',
-    '.prettierrc.js',
-    '.template-lintrc.js',
-    'ember-cli-build.js',
-    'testem.js',
-    'blueprints/*/index.js',
-    'config/**/*.js',
-    'lib/*/index.js',
-    'server/**/*.js',
-    'dist/**/*',
-  ],
   overrides: [
     // node files
     {
       files: [
         './.eslintrc.js',
         './.prettierrc.js',
+        './.stylelintrc.js',
         './.template-lintrc.js',
         './ember-cli-build.js',
         './testem.js',
@@ -88,17 +45,12 @@ module.exports = {
         browser: false,
         node: true,
       },
+      extends: ['plugin:n/recommended'],
     },
-    // ember tests
     {
+      // test files
       files: ['tests/**/*-test.{js,ts}'],
       extends: ['plugin:qunit/recommended'],
-      rules: {
-        'prefer-arrow-callback': 'off',
-        // this can be removed once the following is fixed
-        // https://github.com/mysticatea/eslint-plugin-node/issues/77
-        'node/no-unpublished-require': 'off',
-      },
     },
   ],
 };

.github/actions/build-pass-ui/action.yml

@@ -15,27 +15,32 @@ inputs:
 runs:
   using: composite
   steps:
+    - name: Install pnpm
+      uses: pnpm/action-setup@v4
+      with:
+        version: 9
+
     - name: Grab pass-docker's .env file and export to environment
       run: |
         wget ${{ inputs.env-file }}
         export $(grep -v '^[#|SIGNING|PASS_CORE_POLICY]' .env | xargs -d '\n')
       shell: bash
 
-    - run: yarn install --frozen-lockfile
+    - run: pnpm install --frozen-lockfile
       shell: bash
 
     - name: Production build
-      run: yarn run build
+      run: pnpm run build
       if: ${{ inputs.is-prod == 'true' }}
       shell: bash
 
     - name: Dev build
       if: ${{ inputs.is-prod == 'false' }}
-      run: yarn run build:dev
+      run: pnpm run build:dev
       shell: bash
 
-    - run: yarn run build:docker
+    - run: pnpm run build:docker
       shell: bash
 
-    - run: yarn run build:latest
+    - run: pnpm run build:latest
       shell: bash

.github/workflows/ci.yml

@@ -12,16 +12,19 @@ jobs:
     timeout-minutes: 10
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Install Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: 18.x
-          cache: yarn
+          node-version: 20.x
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile
+        run: pnpm install
       - name: Lint
-        run: yarn lint
+        run: pnpm run lint
 
   test:
     name: "Test"
@@ -30,38 +33,36 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [ 18 ]
+        node-version: [ 20 ]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Install Node ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
-          cache: yarn
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile
+        run: pnpm install
       - name: Run Tests
-        run: yarn test
+        run: pnpm run test:no-serve
 
   acceptance-test:
     name: "Acceptance test"
     runs-on: ubuntu-latest
     timeout-minutes: 10
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: 18
-          cache: yarn
-
-      - name: Install dependencies
-        run: yarn install --frozen-lockfile
-        shell: bash
+          node-version: 20
 
       - name: Build local image
         uses: ./.github/actions/build-pass-ui

.github/workflows/release.yml

@@ -20,23 +20,22 @@ jobs:
       DOCKER_IMAGE_NAME: ghcr.io/eclipse-pass/pass-ui
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Config git user
         run: |
           git config user.name ${{ github.actor }}
           git config user.email "${{ github.actor }}@users.noreply.github.com"
 
-      - name: Setup Node & Yarn
-        uses: actions/setup-node@v3
+      - name: Setup Node & pnpm
+        uses: actions/setup-node@v4
         with:
-          node-version: 18
-          cache: 'yarn'
+          node-version: 20
 
       - name: Update project version
         run: |
-          yarn install --frozen-lockfile
-          yarn version --new-version ${{ inputs.releaseversion }}
+          pnpm install --frozen-lockfile
+          pnpm version --new-version ${{ inputs.releaseversion }}
 
       - name: Tag release
         run: git tag ${{ inputs.releaseversion }}
@@ -60,7 +59,7 @@ jobs:
           docker push $DOCKER_IMAGE_NAME:${{ inputs.releaseversion }}
 
       - name: Update project version
-        run: yarn version --new-version ${{ inputs.nextversion }}
+        run: pnpm version --new-version ${{ inputs.nextversion }}
 
       - name: Build next dev version
         uses: ./.github/actions/build-pass-ui

.github/workflows/update-docker-image.yml

@@ -16,20 +16,24 @@ jobs:
       ENV_FILE: https://raw.githubusercontent.com/eclipse-pass/pass-docker/main/.env
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
-      - name: Use Node.js 18
-        uses: actions/setup-node@v2
+      - name: Use Node.js 20
+        uses: actions/setup-node@v4
         with:
-          node-version: 18
-          cache: 'yarn'
+          node-version: 20
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9
 
       - name: Get current project version
         id: project-version
         run: echo "VERSION=`npx -c 'echo $npm_package_version'`" >> $GITHUB_OUTPUT
 
       - name: Install dependencies
-        run: yarn install --frozen-lockfile
+        run: pnpm install --frozen-lockfile
 
       - name: Build pass-ui
         uses: ./.github/actions/build-pass-ui

.prettierrc.js

@@ -10,5 +10,11 @@ module.exports = {
         singleQuote: false,
       },
     },
+    {
+      files: '*.{js,ts}',
+      options: {
+        singleQuote: true,
+      },
+    },
   ],
 };

.stylelintignore

@@ -0,0 +1,12 @@
+# unconventional files
+/blueprints/*/files/
+
+# compiled output
+/dist/
+
+# addons
+/.node_modules.ember-try/
+
+# files which we didn't create/build
+public/coreUI.css
+app/styles/font-awesome-5-0-13.css

.stylelintrc.js

@@ -0,0 +1,5 @@
+'use strict';
+
+module.exports = {
+  extends: ['stylelint-config-standard', 'stylelint-prettier/recommended'],
+};

.template-lintrc.js

@@ -3,4 +3,8 @@
 module.exports = {
   plugins: ['ember-template-lint-plugin-prettier'],
   extends: ['recommended', 'ember-template-lint-plugin-prettier:recommended'],
+  rules: {
+    'no-at-ember-render-modifiers': 'off',
+    'no-builtin-form-components': 'off',
+  },
 };

.tool-versions

@@ -1 +1 @@
-nodejs 18.15.0
+nodejs 21.7.3

app/components/choice-repositories-card/index.js

@@ -18,7 +18,7 @@ export default class ChoiceRepositoriesCard extends Component {
   @action
   toggleRepository(repository, selected) {
     const checkboxes = Array.from(
-      document.querySelectorAll('.choice-repository-card-list > li > input[type="checkbox"]')
+      document.querySelectorAll('.choice-repository-card-list > li > input[type="checkbox"]'),
     ).filter((input) => input.checked);
     if (!selected && checkboxes.length === 0) {
       event.target.checked = true;

app/components/submission-action-cell/index.js

@@ -48,7 +48,7 @@ export default class SubmissionActionCell extends Component {
       await this.submissionHandler.deleteSubmission(submission);
     } catch (e) {
       this.flashMessages.danger(
-        'We encountered an error deleting this draft submission. Please try again later or contact your administrator'
+        'We encountered an error deleting this draft submission. Please try again later or contact your administrator',
       );
     }
   }

app/components/workflow-basics-user-search/index.css

@@ -1,14 +1,14 @@
 .close-button {
   position: absolute;
-  right:15px;
-  top:15px;
-  border:none;
+  right: 15px;
+  top: 15px;
+  border: none;
 }
 
 .pagination {
   justify-content: center;
 }
 
 .user-search-container {
-  min-height:300px;
+  min-height: 300px;
 }

app/components/workflow-basics-user-search/index.js

@@ -42,7 +42,7 @@ export default class WorkflowBasicsUserSearch extends Component {
   userFilter(input) {
     const match = `=ini="*${input}*"`;
     return [`firstName${match}`, `middleName${match}`, `lastName${match}`, `email${match}`, `displayName${match}`].join(
-      ','
+      ',',
     );
   }