refactored code and added parcel bundler

.editorconfig

@@ -0,0 +1,13 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = crlf
+insert_final_newline = false
+indent_style = space
+indent_size = 2
+tab_width = 2
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintignore

@@ -0,0 +1 @@
+node_modules/

.eslintrc.yaml

@@ -0,0 +1,246 @@
+root: true
+
+env:
+  es6: true
+  browser: true
+
+extends:
+  - eslint:recommended
+
+parserOptions:
+  ecmaVersion": latest
+  sourceType: module
+
+rules:
+  array-bracket-newline:
+    - error
+    - consistent
+
+  array-bracket-spacing:
+    - error
+    - never
+
+  array-callback-return: error
+  arrow-parens:
+    - error
+    - always
+
+  arrow-spacing:
+    - error
+    - before: true
+      after: true
+
+  block-scoped-var: error
+  block-spacing: error
+  brace-style:
+    - error
+    - stroustrup
+
+  comma-dangle:
+    - error
+    - arrays: never
+      objects: never
+      imports: never
+      exports: never
+      functions: never
+
+  comma-spacing:
+    - error
+    - before: false
+      after: true
+
+  comma-style:
+    - error
+    - last
+
+  computed-property-spacing: error
+  curly:
+    - error
+    - all
+
+  dot-location:
+    - error
+    - property
+
+  eol-last:
+    - error
+    - never
+
+  eqeqeq: error
+  func-call-spacing: error
+  func-name-matching: error
+  func-style:
+    - error
+    - declaration
+    - allowArrowFunctions: true
+
+  indent:
+    - error
+    - 2
+
+  key-spacing:
+    - error
+    - beforeColon: false
+      afterColon: true
+
+  keyword-spacing:
+    - error
+    - before: true
+      after: true
+
+  linebreak-style:
+    - error
+    - unix
+
+  lines-between-class-members: error
+  max-nested-callbacks: error
+  max-statements-per-line: error
+  new-parens: error
+  no-array-constructor: error
+  no-await-in-loop: error
+  no-caller: error
+  no-constant-condition:
+    - error
+    - checkLoops: false
+
+  no-div-regex: error
+  no-empty: error
+  no-extra-bind: error
+  no-extra-parens:
+    - error
+    - all
+    - conditionalAssign: false
+      nestedBinaryExpressions: false
+      returnAssign: false
+
+  no-implicit-coercion:
+    - error
+    - allow:
+      - '!!'
+
+  no-invalid-this: error
+  no-iterator: error
+  no-label-var: error
+  no-lonely-if: error
+  no-loop-func: error
+  no-new-object: error
+  no-new-wrappers: error
+  no-octal-escape: error
+  no-proto: error
+  no-prototype-builtins: 'off'
+  no-restricted-properties:
+    - error
+    - object: Lang
+      property: copyProperties
+      message: Use Object.assign()
+    - object: Lang
+      property: bind
+      message: Use arrow notation or Function.prototype.bind()
+    - object: Lang
+      property: Class
+      message: Use ES6 classes
+
+  no-return-assign: error
+  no-return-await: error
+  no-self-compare: error
+  no-shadow: error
+  no-shadow-restricted-names: error
+  no-template-curly-in-string: error
+  no-throw-literal: error
+  no-trailing-spaces: error
+  no-undef-init: error
+  no-unneeded-ternary: error
+  no-unused-expressions: error
+  no-unused-vars: off
+  no-useless-call: error
+  no-useless-computed-key: error
+  no-useless-concat: error
+  no-useless-constructor: error
+  no-useless-rename: error
+  no-useless-return: error
+  no-whitespace-before-property: error
+  no-with: error
+  nonblock-statement-body-position:
+    - error
+    - below
+
+  object-curly-newline:
+    - error
+    - consistent: true
+
+  object-curly-spacing:
+    - error
+    - always
+
+  object-shorthand: error
+  operator-assignment: error
+  operator-linebreak: error
+  padded-blocks:
+    - error
+    - never
+
+  prefer-const: error
+  prefer-numeric-literals: error
+  prefer-promise-reject-errors: error
+  prefer-rest-params: error
+  prefer-spread: error
+  prefer-template: error
+  quotes:
+    - error
+    - single
+
+  require-await: error
+  rest-spread-spacing:
+    - error
+    - never
+
+  semi:
+    - error
+    - never
+
+  semi-spacing:
+    - error
+    - before: false
+      after: true
+
+  semi-style: error
+  space-before-blocks: error
+  space-before-function-paren:
+    - error
+    - named: never
+      anonymous: always
+      asyncArrow: always
+
+  space-in-parens: error
+  space-infix-ops:
+    - error
+    - int32Hint: false
+
+  space-unary-ops: error
+  spaced-comment: error
+  switch-colon-spacing: error
+  symbol-description: error
+  template-curly-spacing: error
+  template-tag-spacing: error
+  unicode-bom: error
+  wrap-iife:
+    - error
+    - inside
+
+  yield-star-spacing: error
+  yoda: error
+  no-duplicate-imports: error
+  no-use-before-define:
+    - error
+    - functions: false
+
+  no-unused-private-class-members: error
+  no-unmodified-loop-condition: error
+  no-promise-executor-return: error
+  require-atomic-updates: error
+  arrow-body-style:
+    - error
+    - as-needed
+
+  consistent-return: error
+  default-case-last: error

.github/workflows/codeql.yml

@@ -0,0 +1,44 @@
+name: Run codeql
+
+on:
+  push:
+    paths:
+     - 'src/**/*.js'
+     - 'src/**/*.py'
+  pull_request:
+    paths:
+     - 'src/**/*.js'
+     - 'src/**/*.py'
+
+jobs:
+  analyze:
+    runs-on: ubuntu-latest
+    timeout-minutes: 360
+    permissions:
+      actions: read
+      contents: read
+      security-events: write
+
+    strategy:
+      fail-fast: false
+      matrix:
+        language:
+         - 'javascript'
+         - 'python'
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v4
+
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v2
+      with:
+        languages: ${{ matrix.language }}
+
+    - name: Autobuild
+      uses: github/codeql-action/autobuild@v2
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v2
+      with:
+        category: "/language:${{matrix.language}}"

.github/workflows/lighthouse.yml

@@ -0,0 +1,27 @@
+name: Lighthouse CI
+
+on:
+  push:
+    paths:
+     - 'src/**/*.js'
+     - 'src/**/*.css'
+     - 'src/**/*.html'
+  pull_request:
+    paths:
+     - 'src/**/*.js'
+     - 'src/**/*.css'
+     - 'src/**/*.html'
+
+jobs:
+  lighthouse:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Audit URLs using Lighthouse
+        uses: treosh/lighthouse-ci-action@v10
+        with:
+          urls: |
+            https://baumkataster-flensburg.de
+          uploadArtifacts: false
+          temporaryPublicStorage: true

.github/workflows/lint-css.yml

@@ -0,0 +1,42 @@
+name: Lint css files
+
+on:
+  push:
+    branches-ignore:
+      - 'dependabot/**'
+    paths:
+      - 'package.json'
+      - '.stylelintignore'
+      - '.stylelintrc.json'
+      - 'src/**/*.css'
+  pull_request:
+    paths:
+      - 'package.json'
+      - '.stylelintignore'
+      - '.stylelintrc.json'
+      - 'src/**/*.css'
+
+env:
+  NODE_VERSION: 20
+
+jobs:
+  lint-js:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v4
+
+      - name: Install latest nodejs
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+
+      - name: Install faster package manager
+        run: npm i -g pnpm
+
+      - name: Install dependencies from package.json
+        run: pnpm install
+
+      - name: Run lint specified in package.json
+        run: pnpm run lint:css