🎨 [style] Improve code formatting and consistency across multiple files

 - Refactor spacing and indentation in `strava-balance/messages.js` for better readability.
 - Standardize formatting in `strava-balance/strava-fit-parser.js`, ensuring consistent use of spaces and line breaks.
 - Clean up whitespace and line breaks in `zwiftbikes/zwiftBikeCalculator.js` and `zwiftbikes/zwiftBikeGallery.js` for improved clarity.
 - Adjust event listener syntax in `zwiftbikes/zwiftBikeCalculator.js` and `zwiftbikes/zwiftBikeGallery.js` to use concise arrow functions.
✨ [feat] Add TypeScript configuration file
 - Introduce `tsconfig.json` to enable TypeScript support and improve type safety across the project.
 - Configure various compiler options to enhance development experience and enforce strict type checking.

Signed-off-by: Nick2bad4u <[email protected]>

Author: Nick2bad4u

.github/ISSUE_TEMPLATE/bug_report.md

@@ -5,28 +5,29 @@ title: ''
 labels: bug
 assignees: Nick2bad4u
 ---
+
 ### What Userstyle or Script are you opening this for?
 
 List the name of the UserStyle or UserScript.
 
 ### Provide the Website URL
 
-[https://example.com](https://example.com "https://example.com")
+[https://example.com](https://example.com 'https://example.com')
 
 ### Describe the bug
 
 A clear and concise description of what the bug is, as best as you can.
 
 ### Provide the URL to the page the bug is occurring on
 
-[https://example.com/website/webpage](https://example.com/website/webpage "https://example.com/website/webpage")
+[https://example.com/website/webpage](https://example.com/website/webpage 'https://example.com/website/webpage')
 
 ### Steps to Reproduce
 
-1. *Go to '...'*
-2. *Click on '...'*
-3. *Scroll down to '...'*
-4. *See error*
+1. _Go to '...'_
+2. _Click on '...'_
+3. _Scroll down to '...'_
+4. _See error_
 
 ### Expected behavior
 

.github/ISSUE_TEMPLATE/feature_request.md

@@ -12,7 +12,7 @@ List the name of the UserStyle or UserScript.
 
 ### Provide the Website URL
 
-[https://example.com](https://example.com "https://example.com")
+[https://example.com](https://example.com 'https://example.com')
 
 ### Describe the feature you'd like
 

.github/PULL_REQUEST_TEMPLATE/ISSUE_TEMPLATE/bug_report.md

@@ -4,14 +4,14 @@ about: Create a report to help us improve
 title: ''
 labels: ''
 assignees: ''
-
 ---
 
 **Describe the bug**
 A clear and concise description of what the bug is.
 
 **To Reproduce**
 Steps to reproduce the behavior:
+
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
@@ -24,15 +24,17 @@ A clear and concise description of what you expected to happen.
 If applicable, add screenshots to help explain your problem.
 
 **Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
+
+- OS: [e.g. iOS]
+- Browser [e.g. chrome, safari]
+- Version [e.g. 22]
 
 **Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
+
+- Device: [e.g. iPhone6]
+- OS: [e.g. iOS8.1]
+- Browser [e.g. stock browser, safari]
+- Version [e.g. 22]
 
 **Additional context**
 Add any other context about the problem here.

.github/PULL_REQUEST_TEMPLATE/ISSUE_TEMPLATE/feature_request.md

@@ -4,7 +4,6 @@ about: Suggest an idea for this project
 title: ''
 labels: ''
 assignees: ''
-
 ---
 
 **Is your feature request related to a problem? Please describe.**

.github/dependabot.yml

@@ -11,51 +11,51 @@ version: 2
 enable-beta-ecosystems: true
 
 multi-ecosystem-groups:
-    dependabot-all:
-        schedule:
-            interval: "monthly"
+  dependabot-all:
+    schedule:
+      interval: 'semiannually'
 
 updates:
-    - package-ecosystem: github-actions
-      directory: /
-      allow:
-          # Allow both direct and indirect updates for all packages
-          - dependency-type: "all"
-      labels:
-          - "github-actions"
-      multi-ecosystem-group: dependabot-all
-      patterns:
-          - "*"
+  - package-ecosystem: github-actions
+    directory: /
+    allow:
+      # Allow both direct and indirect updates for all packages
+      - dependency-type: 'all'
+    labels:
+      - 'github-actions'
+    multi-ecosystem-group: dependabot-all
+    patterns:
+      - '*'
 
-    - package-ecosystem: bundler
-      directory: /
-      allow:
-          # Allow both direct and indirect updates for all packages
-          - dependency-type: "all"
-      labels:
-          - "bundler"
-      multi-ecosystem-group: dependabot-all
-      patterns:
-          - "*"
+  - package-ecosystem: bundler
+    directory: /
+    allow:
+      # Allow both direct and indirect updates for all packages
+      - dependency-type: 'all'
+    labels:
+      - 'bundler'
+    multi-ecosystem-group: dependabot-all
+    patterns:
+      - '*'
 
-    - package-ecosystem: npm
-      directory: /
-      allow:
-          # Allow both direct and indirect updates for all packages
-          - dependency-type: "all"
-      labels:
-          - "npm"
-      multi-ecosystem-group: dependabot-all
-      patterns:
-          - "*"
+  - package-ecosystem: npm
+    directory: /
+    allow:
+      # Allow both direct and indirect updates for all packages
+      - dependency-type: 'all'
+    labels:
+      - 'npm'
+    multi-ecosystem-group: dependabot-all
+    patterns:
+      - '*'
 
-    - package-ecosystem: pip
-      directory: /
-      allow:
-          # Allow both direct and indirect updates for all packages
-          - dependency-type: "all"
-      labels:
-          - "pip"
-      multi-ecosystem-group: dependabot-all
-      patterns:
-          - "*"
+  - package-ecosystem: pip
+    directory: /
+    allow:
+      # Allow both direct and indirect updates for all packages
+      - dependency-type: 'all'
+    labels:
+      - 'pip'
+    multi-ecosystem-group: dependabot-all
+    patterns:
+      - '*'

.github/labeler.yml

@@ -26,12 +26,12 @@
 
 root:
   - changed-files:
-      - any-glob-to-any-file: "*"
+      - any-glob-to-any-file: '*'
 
 # Add 'AnyChange' label to any changes within the entire repository
 AnyChange:
   - changed-files:
-      - any-glob-to-any-file: "**"
+      - any-glob-to-any-file: '**'
 
 # Add 'Actions' label to any changes within '.workflows' folder or any subfolders
 Actions:
@@ -48,60 +48,60 @@ Style:
 
 CSS:
   - changed-files:
-      - any-glob-to-any-file: "**/*.css"
+      - any-glob-to-any-file: '**/*.css'
 
 JavaScript:
   - changed-files:
-      - any-glob-to-any-file: "**/*.js"
+      - any-glob-to-any-file: '**/*.js'
 
 HTML:
   - changed-files:
-      - any-glob-to-any-file: "**/*.html"
+      - any-glob-to-any-file: '**/*.html'
 
 PNG:
   - changed-files:
-      - any-glob-to-any-file: "**/*.png"
+      - any-glob-to-any-file: '**/*.png'
 
 SVG:
   - changed-files:
-      - any-glob-to-any-file: "**/*.svg"
+      - any-glob-to-any-file: '**/*.svg'
 
 JPG:
   - changed-files:
-      - any-glob-to-any-file: "**/*.jpg"
+      - any-glob-to-any-file: '**/*.jpg'
 
 GIF:
   - changed-files:
-      - any-glob-to-any-file: "**/*.gif"
+      - any-glob-to-any-file: '**/*.gif'
 
 JSON:
   - changed-files:
-      - any-glob-to-any-file: "**/*.json"
+      - any-glob-to-any-file: '**/*.json'
 
 XML:
   - changed-files:
-      - any-glob-to-any-file: "**/*.xml"
+      - any-glob-to-any-file: '**/*.xml'
 
 Markdown:
   - changed-files:
-      - any-glob-to-any-file: "**/*.md"
+      - any-glob-to-any-file: '**/*.md'
 
 YAML:
   - changed-files:
-      - any-glob-to-any-file: "**/*.yaml"
+      - any-glob-to-any-file: '**/*.yaml'
 
 TypeScript:
   - changed-files:
-      - any-glob-to-any-file: "**/*.ts"
+      - any-glob-to-any-file: '**/*.ts'
 
 SCSS:
   - changed-files:
-      - any-glob-to-any-file: "**/*.scss"
+      - any-glob-to-any-file: '**/*.scss'
 
 # Add 'feature' label to any PR where the head branch name starts with `feature` or has a `feature` section in the name
 feature:
-  - head-branch: ["^feature", "feature"]
+  - head-branch: ['^feature', 'feature']
 
 # Add 'release' label to any PR that is opened against the `main` branch
 release:
-  - base-branch: "main"
+  - base-branch: 'main'

.github/workflows/Snake.yml

@@ -19,7 +19,7 @@ name: Snake
 on:
   # run automatically every day at midnight
   schedule:
-    - cron: "0 0 * * *"
+    - cron: '0 0 * * *'
   # allows to manually run the job at any time
   workflow_dispatch:
 

.github/workflows/ci.yml

@@ -0,0 +1,74 @@
+# CI — Lint, Test, Coverage
+#
+# Runs on every push and pull-request to main.
+# Steps:
+#   1. Lint CSS (stylelint)
+#   2. Lint JS (ESLint with TypeScript-aware rules)
+#   3. Run Jest unit tests with coverage
+#   4. Upload LCOV report to Codecov
+
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+
+concurrency:
+  group: ci-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  ci:
+    name: Lint · Test · Coverage
+    runs-on: ubuntu-latest
+
+    steps:
+      # ── Security hardening ────────────────────────────────────────────────
+      - name: Harden runner
+        uses: step-security/harden-runner@a90bcbc6539c36a85cdfeb73f7e2f433735f215b # v2.15.0
+        with:
+          egress-policy: audit
+
+      # ── Source checkout ───────────────────────────────────────────────────
+      - name: Checkout repository
+        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
+
+      # ── Node.js setup ─────────────────────────────────────────────────────
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+          cache: npm
+
+      # ── Install dependencies ──────────────────────────────────────────────
+      - name: Install dependencies
+        run: npm ci --legacy-peer-deps
+
+      # ── CSS lint ──────────────────────────────────────────────────────────
+      - name: Lint CSS (stylelint)
+        run: npm run lint:css
+
+      # ── JS lint ───────────────────────────────────────────────────────────
+      - name: Lint JS (ESLint)
+        run: npm run lint:js
+
+      # ── Unit tests + coverage ─────────────────────────────────────────────
+      - name: Run tests with coverage
+        run: npm run test:coverage
+
+      # ── Upload to Codecov ─────────────────────────────────────────────────
+      - name: Upload coverage to Codecov
+        uses: codecov/codecov-action@v4
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
+          files: ./coverage/lcov.info
+          flags: unittests
+          name: UserStyles-coverage
+          fail_ci_if_error: false
+          verbose: true

.github/workflows/codeql.yml

@@ -30,16 +30,16 @@
 # the `language` matrix defined below to confirm you have the correct set of
 # supported CodeQL languages.
 #
-name: "CodeQL"
+name: 'CodeQL'
 
 on:
   push:
-    branches: ["main"]
+    branches: ['main']
   pull_request:
     # The branches below must be a subset of the branches above
-    branches: ["main"]
+    branches: ['main']
   schedule:
-    - cron: "0 0 * * 1"
+    - cron: '0 0 * * 1'
 
 permissions:
   contents: read
@@ -60,7 +60,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        language: ["javascript", "ruby"]
+        language: ['javascript', 'ruby']
         # CodeQL supports [ $supported-codeql-languages ]
         # Learn more about CodeQL language support at https://aka.ms/codeql-docs/language-support
 
@@ -100,4 +100,4 @@ jobs:
       - name: Perform CodeQL Analysis
         uses: github/codeql-action/analyze@89a39a4e59826350b863aa6b6252a07ad50cf83e # v3.29.5
         with:
-          category: "/language:${{matrix.language}}"
+          category: '/language:${{matrix.language}}'