Merge branch 'main' into share-via-email

.github/release.yml

@@ -14,4 +14,4 @@ changelog:
         - bug
     - title: Other 🗄
       labels:
-        - "*"
+        - "*"

.github/workflows/check_build.yml

@@ -13,7 +13,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 18.x
+          node-version-file: ".node-version"
       - name: Build
         env:
           NODE_OPTIONS: "--max_old_space_size=4096"

.github/workflows/check_formatting.yml

@@ -0,0 +1,34 @@
+name: Check formatting
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+permissions:
+  contents: read
+
+# This allows a subsequently queued workflow run to interrupt previous runs
+concurrency:
+  group: "${{ github.workflow }} @ ${{ github.event.pull_request.head.label || github.head_ref || github.ref }}"
+  cancel-in-progress: true
+
+jobs:
+  format:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.JS
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: ".node-version"
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Verify formatting
+        run: npm run format:check

.github/workflows/check_linting.yml

@@ -0,0 +1,34 @@
+name: Check linting
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+permissions:
+  contents: read
+
+# This allows a subsequently queued workflow run to interrupt previous runs
+concurrency:
+  group: "${{ github.workflow }} @ ${{ github.event.pull_request.head.label || github.head_ref || github.ref }}"
+  cancel-in-progress: true
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.JS
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: ".node-version"
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Verify linter
+        run: npm run lint:check

.github/workflows/deploy_gh_pages.yml

@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 18.x
+          node-version-file: ".node-version"
       - name: Build component
         env:
           NODE_OPTIONS: "--max_old_space_size=4096"

.github/workflows/release.yml

@@ -2,7 +2,7 @@ name: Release to GitHub Pages
 
 on:
   push:
-    tags: ['*']
+    tags: ["*"]
 
 jobs:
   release:
@@ -12,7 +12,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 18.x
+          node-version-file: ".node-version"
       - name: Build component
         env:
           NODE_OPTIONS: "--max_old_space_size=4096"

.github/workflows/test.yml

@@ -0,0 +1,29 @@
+name: Run tests
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+permissions:
+  contents: read
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.JS
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: ".node-version"
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run tests
+        run: npm run test

.node-version

@@ -0,0 +1 @@
+22.x

README.md

@@ -13,7 +13,9 @@ To use the component, include the following script in your HTML file. Replace `<
 Then, add the `<self-assessment>` tag to your HTML file.
 
 ```html
-<self-assessment dataurl="https://pkic.github.io/self-assessment/<version>/assessment-data.yaml"></self-assessment>
+<self-assessment
+  dataurl="https://pkic.github.io/self-assessment/<version>/assessment-data.yaml"
+></self-assessment>
 ```
 
 ## Development
@@ -71,4 +73,4 @@ You can customize the styles of the component by adding the following CSS to you
 
 ## License
 
-This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

eslint.config.mjs

@@ -0,0 +1,37 @@
+import typescriptEslint from "@typescript-eslint/eslint-plugin";
+import github from "eslint-plugin-github";
+import typescriptParser from "@typescript-eslint/parser";
+import path from "path";
+
+export default [
+  {
+    ignores: ["dist/"],
+  },
+  {
+    files: ["**/*.ts", "**/*.tsx"],
+    plugins: {
+      "@typescript-eslint": typescriptEslint,
+      github,
+    },
+    languageOptions: {
+      parser: typescriptParser,
+      ecmaVersion: 2020,
+      sourceType: "module",
+      parserOptions: {
+        project: path.resolve("./tsconfig.json"),
+      },
+      globals: {
+        es2020: true,
+      },
+    },
+    rules: {
+      ...typescriptEslint.configs.recommended.rules,
+      semi: "error",
+      "prefer-const": "error",
+      "@typescript-eslint/no-unused-vars": [
+        "error",
+        { args: "after-used", argsIgnorePattern: "^_" },
+      ],
+    },
+  },
+];

jest.config.js

@@ -0,0 +1,5 @@
+/** @type {import('ts-jest').JestConfigWithTsJest} */
+module.exports = {
+  preset: "ts-jest",
+  testEnvironment: "node",
+};