Node, gem, and package updates

.eslintrc.js

@@ -3,9 +3,7 @@ module.exports = {
   env: {
     node: true
   },
-  plugins: [
-    'vuejs-accessibility'
-  ],
+  plugins: ['vuejs-accessibility'],
   extends: [
     '@vue/airbnb',
     '@vue/typescript/recommended',
@@ -19,40 +17,48 @@ module.exports = {
     }
   },
   rules: {
-    '@typescript-eslint/consistent-type-assertions': ['error', { assertionStyle: 'angle-bracket' }],
-    '@typescript-eslint/no-loss-of-precision': 'off',
-    '@typescript-eslint/no-non-null-assertion': 'off',
     'arrow-parens': ['error', 'as-needed'],
+    'class-methods-use-this': 'off',
     'comma-dangle': ['error', 'never'],
+    'dot-location': ['error', 'object'],
     'implicit-arrow-linebreak': 'off',
-    'import/no-import-module-exports': 'off',
+    'import/extensions': 'off',
     'import/no-named-default': 'off',
     'import/order': ['error', { groups: ['builtin', 'external', 'parent', 'sibling', 'index'] }],
     'max-classes-per-file': 'off',
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-plusplus': 'off',
+    'no-shadow': 'off',
+    'no-undef': 'off',
     'no-useless-constructor': 'off',
     'vue/script-indent': ['error', 2, { baseIndent: 1 }],
+    'vuejs-accessibility/label-has-for': ['error', { required: { some: ['nesting', 'id'] } }],
+    'vuejs-accessibility/no-static-element-interactions': 'off',
     semi: ['error', 'never']
   },
   overrides: [
     {
       files: ['*.vue'],
       rules: {
-        indent: 'off',
-        'class-methods-use-this': 'off',
-        'vuejs-accessibility/label-has-for': 'off' // doesn't work with `b-input`
+        indent: 'off'
       }
     },
     {
-      files: [
-        '**/__tests__/*.{j,t}s?(x)',
-        '**/tests/unit/**/*.spec.{j,t}s?(x)'
-      ],
-      env: {
-        mocha: true
+      files: ['.ts', '.tsx'],
+      rules: {
+        '@typescript-eslint/consistent-type-assertions': ['error', { assertionStyle: 'angle-bracket' }],
+        '@typescript-eslint/no-loss-of-precision': 'off',
+        '@typescript-eslint/no-non-null-assertion': 'off'
+      },
+      parserOptions: {
+        project: './tsconfig.json'
       }
     }
-  ]
+  ],
+  settings: {
+    'import/resolver': {
+      typescript: {}
+    }
+  }
 }

.github/workflows/ci.yml

@@ -0,0 +1,50 @@
+# This workflow will do a clean install of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
+
+name: CI
+
+on:
+  push:
+    branches: [ master ]
+  pull_request:
+    branches: [ master ]
+
+jobs:
+  unit:
+    name: Unit Tests
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+      with:
+        submodules: true
+    - name: Enable Corepack
+      run: corepack enable
+    - name: Set up Node.js
+      uses: actions/setup-node@v4
+      with:
+        cache: yarn
+        node-version: 20.x
+    - name: Install dependencies
+      run: yarn install
+    - name: Run unit tests
+      run: yarn test:unit
+  lint:
+    name: Linters
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+      with:
+        submodules: true
+    - name: Enable Corepack
+      run: corepack enable
+    - name: Set up Node.js
+      uses: actions/setup-node@v4
+      with:
+        cache: yarn
+        node-version: 20.x
+    - name: Install dependencies
+      run: yarn install
+    - name: Run ESLint
+      run: npx vue-cli-service lint
+    - name: Run Stylelint
+      run: npx stylelint src/**/*.css src/**/*.vue src/**/*.scss

.gitignore

@@ -1,25 +1,14 @@
-.DS_Store
-node_modules
 /dist
+/docs
 
 /tests/e2e/videos/
 /tests/e2e/screenshots/
 
-# local env files
-.env.local
-.env.*.local
-
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
+# Yarn
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.nvmrc

@@ -1 +1 @@
-v16
+v20

.stylelintrc.json

@@ -1,12 +1,11 @@
 {
   "extends": [
-    "stylelint-config-recommended-scss",
+    "stylelint-config-standard-scss",
     "stylelint-config-recommended-vue/scss"
   ],
-  "rules": {
-    "function-parentheses-space-inside": "never-single-line",
-    "max-nesting-depth": null,
-    "selector-max-id": null,
-    "selector-no-qualifying-type": null
+  "rules":   {
+    "max-nesting-depth":   null,
+    "selector-id-pattern": null,
+    "selector-max-id":     null
   }
 }

.yarnrc.yml

@@ -1,6 +1,3 @@
 nodeLinker: node-modules
-yarnPath: .yarn/releases/yarn-3.4.1.cjs
-packageExtensions:
-  "stylelint-config-recommended-vue@*":
-    dependencies:
-      stylelint-config-recommended: "^6"
+
+yarnPath: .yarn/releases/yarn-4.1.0.cjs

babel.config.js

@@ -1,5 +1,3 @@
 module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
+  presets: ['@vue/cli-plugin-babel/preset']
 }

cypress.config.ts

@@ -0,0 +1,18 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  projectId: 'fkaj3f',
+  fixturesFolder: 'tests/fixtures',
+  screenshotsFolder: 'tests/e2e/screenshots',
+  videosFolder: 'tests/e2e/videos',
+  e2e: {
+    // We've imported your old cypress plugins here.
+    // You may want to clean this up later by importing these.
+    setupNodeEvents(on, config) {
+      return require('./tests/e2e/plugins/index.js')(on, config)
+    },
+    baseUrl: 'http://localhost:5100',
+    specPattern: 'tests/e2e/specs/**/*.{js,jsx,ts,tsx}',
+    supportFile: 'tests/e2e/support/index.js',
+  },
+})