Chore: linting

src/UI/Popup/AddNewPoint/AddNewPoint.svelte

@@ -365,7 +365,7 @@
         </div>
       </div>
     {:else}
-      <Loading><Tr t={Translations.t.general.add.creating}/> </Loading>
+      <Loading><Tr t={Translations.t.general.add.creating} /></Loading>
     {/if}
   </div>
 </LoginToggle>

src/UI/Popup/AllTagsPanel.svelte

@@ -4,7 +4,7 @@
   import LayerConfig from "../../Models/ThemeConfig/LayerConfig"
 
   export let tags: UIEventSource<Record<string, any>>
-  export let tagKeys = tags.map(tgs => tgs === undefined ? [] : Object.keys(tgs))
+  export let tagKeys = tags.map((tgs) => (tgs === undefined ? [] : Object.keys(tgs)))
 
   export let layer: LayerConfig | undefined = undefined
 

src/UI/Popup/AutoApplyButton.ts

@@ -110,7 +110,10 @@ class ApplyButton extends UIElement {
         mla.allowZooming.setData(false)
         mla.allowMoving.setData(false)
 
-        const previewMap = new SvelteUIElement(MaplibreMap, { mapProperties: mla, map: mlmap }).SetClass("h-48")
+        const previewMap = new SvelteUIElement(MaplibreMap, {
+            mapProperties: mla,
+            map: mlmap,
+        }).SetClass("h-48")
 
         const features = this.target_feature_ids.map((id) =>
             this.state.indexedFeatures.featuresById.data.get(id)

src/UI/Popup/MinimapViz.ts

@@ -109,7 +109,11 @@ export class MinimapViz implements SpecialVisualization {
             state.layout.layers
         )
 
-        return new SvelteUIElement(MaplibreMap, { interactive: false, map: mlmap, mapProperties: mla })
+        return new SvelteUIElement(MaplibreMap, {
+            interactive: false,
+            map: mlmap,
+            mapProperties: mla,
+        })
             .SetClass("h-40 rounded")
             .SetStyle("overflow: hidden; pointer-events: none;")
     }

src/UI/Popup/SplitRoadWizard.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-
   import { UIEventSource } from "../../Logic/UIEventSource"
   import type { Feature, Point } from "geojson"
   import type { SpecialVisualizationState } from "../SpecialVisualization"
@@ -19,18 +18,26 @@
   export let state: SpecialVisualizationState
   export let id: WayId
   const t = Translations.t.split
-  let step: "initial" | "loading_way" | "splitting" | "applying_split" | "has_been_split" | "deleted" = "initial"
+  let step:
+    | "initial"
+    | "loading_way"
+    | "splitting"
+    | "applying_split"
+    | "has_been_split"
+    | "deleted" = "initial"
   // Contains the points on the road that are selected to split on - contains geojson points with extra properties such as 'location' with the distance along the linestring
-  let splitPoints = new UIEventSource<Feature<
-    Point,
-    {
-      id: number
-      index: number
-      dist: number
-      location: number
-    }
-  >[]>([])
-  let splitpointsNotEmpty = splitPoints.map(sp => sp.length > 0)
+  let splitPoints = new UIEventSource<
+    Feature<
+      Point,
+      {
+        id: number
+        index: number
+        dist: number
+        location: number
+      }
+    >[]
+  >([])
+  let splitpointsNotEmpty = splitPoints.map((sp) => sp.length > 0)
 
   let osmWay: OsmWay
 
@@ -54,7 +61,7 @@
       {
         theme: state?.layout?.id,
       },
-      5,
+      5
     )
     await state.changes?.applyAction(splitAction)
     // We throw away the old map and splitpoints, and create a new map from scratch
@@ -64,10 +71,8 @@
     state.selectedElement?.setData(undefined)
     step = "has_been_split"
   }
-
 </script>
 
-
 <LoginToggle ignoreLoading={true} {state}>
   <Tr slot="not-logged-in" t={t.loginToSplit} />
 
@@ -75,38 +80,39 @@
     <!-- Empty -->
   {:else if step === "initial"}
     <button on:click={() => downloadWay()}>
-      <Scissors class="w-6 h-6 shrink-0" />
+      <Scissors class="h-6 w-6 shrink-0" />
       <Tr t={t.inviteToSplit} />
     </button>
   {:else if step === "loading_way"}
     <Loading />
-
   {:else if step === "splitting"}
-    <div class="flex flex-col interactive border-interactive p-2">
-      <div class="w-full h-80">
+    <div class="interactive border-interactive flex flex-col p-2">
+      <div class="h-80 w-full">
         <WaySplitMap {state} {splitPoints} {osmWay} />
       </div>
-      <div class="flex flex-wrap-reverse md:flex-nowrap w-full">
-        <BackButton clss="w-full" on:click={() => {
-          splitPoints.set([])
-          step = "initial"
-        }}>
+      <div class="flex w-full flex-wrap-reverse md:flex-nowrap">
+        <BackButton
+          clss="w-full"
+          on:click={() => {
+            splitPoints.set([])
+            step = "initial"
+          }}
+        >
           <Tr t={Translations.t.general.cancel} />
         </BackButton>
-        <NextButton clss={ ($splitpointsNotEmpty ? "": "disabled ") + "w-full primary"} on:click={() => doSplit()}>
+        <NextButton
+          clss={($splitpointsNotEmpty ? "" : "disabled ") + "w-full primary"}
+          on:click={() => doSplit()}
+        >
           <Tr t={t.split} />
         </NextButton>
       </div>
-
     </div>
   {:else if step === "has_been_split"}
-    <Tr cls="thanks" t={   t.hasBeenSplit.Clone().SetClass("font-bold thanks block w-full")} />
+    <Tr cls="thanks" t={t.hasBeenSplit.Clone().SetClass("font-bold thanks block w-full")} />
     <button on:click={() => downloadWay()}>
-      <Scissors class="w-6 h-6" />
+      <Scissors class="h-6 w-6" />
       <Tr t={t.splitAgain} />
     </button>
   {/if}
-
 </LoginToggle>
-
-

src/UI/Popup/TagApplyButton.ts

@@ -171,7 +171,7 @@ export default class TagApplyButton implements AutoAction, SpecialVisualization
         state: SpecialVisualizationState,
         tags: UIEventSource<Record<string, string>>,
         args: string[],
-        feature: Feature,
+        feature: Feature
     ): BaseUIElement {
         const tagsToApply = TagApplyButton.generateTagsToApply(args[0], tags)
         const msg = args[1]

src/UI/Popup/TagRendering/Questionbox.svelte

@@ -68,10 +68,14 @@
     },
     [skippedQuestions]
   )
-  let firstQuestion: UIEventSource<TagRenderingConfig> = new UIEventSource<TagRenderingConfig>(undefined)
-  let allQuestionsToAsk : UIEventSource<TagRenderingConfig[]> = new UIEventSource<TagRenderingConfig[]>([])
+  let firstQuestion: UIEventSource<TagRenderingConfig> = new UIEventSource<TagRenderingConfig>(
+    undefined
+  )
+  let allQuestionsToAsk: UIEventSource<TagRenderingConfig[]> = new UIEventSource<
+    TagRenderingConfig[]
+  >([])
 
-  async function calculateQuestions(){
+  async function calculateQuestions() {
     console.log("Applying questions to ask")
     const qta = questionsToAsk.data
     firstQuestion.setData(undefined)
@@ -81,12 +85,10 @@
     allQuestionsToAsk.setData(qta)
   }
 
-
-  onDestroy(questionsToAsk.addCallback(() =>calculateQuestions()))
+  onDestroy(questionsToAsk.addCallback(() => calculateQuestions()))
   onDestroy(showAllQuestionsAtOnce.addCallback(() => calculateQuestions()))
   calculateQuestions()
 
-  
   let answered: number = 0
   let skipped: number = 0
 

src/UI/Popup/TagRendering/TagRenderingQuestion.svelte

@@ -135,24 +135,25 @@
     // We want to (re)-initialize whenever the 'tags' or 'config' change - but not when 'checkedConfig' changes
     initialize($tags, config)
   }
-onDestroy(
-  freeformInput.subscribe((freeformValue) => {
-    if (!mappings || mappings?.length == 0 || config.freeform?.key === undefined) {
-      return
-    }
-    // If a freeform value is given, mark the 'mapping' as marked
-    if (config.multiAnswer) {
-      if (checkedMappings === undefined) {
-        // Initialization didn't yet run
+  onDestroy(
+    freeformInput.subscribe((freeformValue) => {
+      if (!mappings || mappings?.length == 0 || config.freeform?.key === undefined) {
         return
       }
-      checkedMappings[mappings.length] = freeformValue?.length > 0
-      return
-    }
-    if (freeformValue?.length > 0) {
-      selectedMapping = mappings.length
-    }
-  }))
+      // If a freeform value is given, mark the 'mapping' as marked
+      if (config.multiAnswer) {
+        if (checkedMappings === undefined) {
+          // Initialization didn't yet run
+          return
+        }
+        checkedMappings[mappings.length] = freeformValue?.length > 0
+        return
+      }
+      if (freeformValue?.length > 0) {
+        selectedMapping = mappings.length
+      }
+    })
+  )
 
   $: {
     if (
@@ -243,7 +244,9 @@ onDestroy(
     <form
       class="interactive border-interactive relative flex flex-col overflow-y-auto px-2"
       style="max-height: 75vh"
-      on:submit|preventDefault={() =>{ /*onSave(); This submit is not needed and triggers to early, causing bugs: see #1808*/}}
+      on:submit|preventDefault={() => {
+        /*onSave(); This submit is not needed and triggers to early, causing bugs: see #1808*/
+      }}
     >
       <fieldset>
         <legend>
@@ -399,7 +402,10 @@ onDestroy(
             <slot name="cancel" />
             <slot name="save-button" {selectedTags}>
               {#if allowDeleteOfFreeform && (mappings?.length ?? 0) === 0 && $freeformInput === undefined && $freeformInputUnvalidated === ""}
-                <button class="primary flex" on:click|stopPropagation|preventDefault={() => onSave()}>
+                <button
+                  class="primary flex"
+                  on:click|stopPropagation|preventDefault={() => onSave()}
+                >
                   <TrashIcon class="h-6 w-6 text-red-500" />
                   <Tr t={Translations.t.general.eraseValue} />
                 </button>