chore: refactoring, linting, removing obsolete files

src/UI/Base/DirectionIndicator.svelte

@@ -16,7 +16,6 @@
   import { ariaLabelStore } from "../../Utils/ariaLabel"
   import type { SpecialVisualizationState } from "../SpecialVisualization"
   import Center from "../../assets/svg/Center.svelte"
-  import Tr from "./Tr.svelte"
 
   export let state: SpecialVisualizationState
   export let feature: Feature

src/UI/Base/FloatOver.svelte

@@ -1,8 +1,5 @@
 <script lang="ts">
   import { createEventDispatcher } from "svelte"
-  import { ariaLabel } from "../../Utils/ariaLabel"
-  import Translations from "../i18n/Translations"
-  import { XCircleIcon } from "@babeard/svelte-heroicons/solid"
   import { CloseButton } from "flowbite-svelte"
 
   /**

src/UI/Base/Img.ts

@@ -1,5 +1,6 @@
 import { Utils } from "../../Utils"
 import BaseUIElement from "../BaseUIElement"
+
 /**
  * @deprecated
  */
@@ -56,7 +57,6 @@ export default class Img extends BaseUIElement {
     }
 
     protected InnerConstructElement(): HTMLElement {
-        const self = this
         if (this._rawSvg) {
             const e = document.createElement("div")
             e.innerHTML = this._src
@@ -69,12 +69,12 @@ export default class Img extends BaseUIElement {
             el.style.opacity = "1"
         }
         el.onerror = () => {
-            if (self._options?.fallbackImage) {
-                if (el.src === self._options.fallbackImage) {
+            if (this._options?.fallbackImage) {
+                if (el.src === this._options.fallbackImage) {
                     // Sigh... nothing to be done anymore
                     return
                 }
-                el.src = self._options.fallbackImage
+                el.src = this._options.fallbackImage
             }
         }
         return el

src/UI/Base/SubtleButton.ts

@@ -1,8 +1,5 @@
 import BaseUIElement from "../BaseUIElement"
-import { Store } from "../../Logic/UIEventSource"
 import { UIElement } from "../UIElement"
-import SvelteUIElement from "./SvelteUIElement"
-import SubtleLink from "./SubtleLink.svelte"
 import Translations from "../i18n/Translations"
 import Combine from "./Combine"
 import Img from "./Img"
@@ -13,44 +10,24 @@ import Img from "./Img"
 export class SubtleButton extends UIElement {
     private readonly imageUrl: string | BaseUIElement
     private readonly message: string | BaseUIElement
-    private readonly options: {
-        url?: string | Store<string>
-        newTab?: boolean
-        imgSize?: string
-        extraClasses?: string
-    }
 
     constructor(
         imageUrl: string | BaseUIElement,
-        message: string | BaseUIElement,
-        options: {
-            url?: string | Store<string>
-            newTab?: boolean
-            imgSize?: "h-11 w-11" | string
-            extraClasses?: string
-        } = {}
+        message: string | BaseUIElement
     ) {
         super()
         this.imageUrl = imageUrl
         this.message = message
-        this.options = options
     }
 
     protected InnerRender(): string | BaseUIElement {
-        if (this.options.url !== undefined) {
-            return new SvelteUIElement(SubtleLink, {
-                href: this.options.url,
-                newTab: this.options.newTab,
-            })
-        }
-
         const classes = "button"
         const message = Translations.W(this.message)?.SetClass(
             "block overflow-ellipsis no-images flex-shrink"
         )
         let img
         const imgClasses =
-            "block justify-center flex-none mr-4 " + (this.options?.imgSize ?? "h-11 w-11")
+            "block justify-center flex-none mr-4 h-11 w-11"
         if ((this.imageUrl ?? "") === "") {
             img = undefined
         } else if (typeof this.imageUrl === "string") {

src/UI/Base/SubtleLink.svelte

@@ -1,50 +0,0 @@
-<script lang="ts">
-  import { onMount } from "svelte"
-  import { twJoin, twMerge } from "tailwind-merge"
-  import BaseUIElement from "../BaseUIElement"
-  import Img from "./Img"
-
-  export let imageUrl: string | BaseUIElement = undefined
-  export let href: string
-  export let newTab = false
-  export let options: {
-    imgSize?: string
-    extraClasses?: string
-  } = {}
-
-  let imgElem: HTMLElement
-  let imgClasses = twJoin("block justify-center shrink-0 mr-4", options?.imgSize ?? "h-11 w-11")
-
-  onMount(() => {
-    // Image
-    if (imgElem && imageUrl) {
-      let img: BaseUIElement
-
-      if ((imageUrl ?? "") === "") {
-        img = undefined
-      } else if (typeof imageUrl !== "string") {
-        img = imageUrl?.SetClass(imgClasses)
-      }
-      if (img) imgElem.replaceWith(img.ConstructElement())
-    }
-  })
-</script>
-
-<a
-  class={twMerge(options.extraClasses, "button text-ellipsis")}
-  {href}
-  target={newTab ? "_blank" : undefined}
-  rel={newTab ? "noopener" : undefined}
->
-  <slot name="image">
-    {#if imageUrl !== undefined}
-      {#if typeof imageUrl === "string"}
-        <Img src={imageUrl} class={imgClasses} />
-      {:else}
-        <template bind:this={imgElem} />
-      {/if}
-    {/if}
-  </slot>
-
-  <slot />
-</a>

src/UI/BigComponents/PrivacyPolicy.svelte

@@ -5,9 +5,10 @@
   import type { SpecialVisualizationState } from "../SpecialVisualization"
   import UserRelatedState from "../../Logic/State/UserRelatedState"
   import type { Feature } from "geojson"
+  import { ImmutableStore } from "../../Logic/UIEventSource"
 
   const t = Translations.t.privacy
-  export let state: SpecialVisualizationState
+  export let state: Partial<SpecialVisualizationState>
   const usersettings = UserRelatedState.usersettingsConfig
   const editPrivacy = usersettings.tagRenderings.find((tr) => tr.id === "more_privacy")
   const editThemeHistory = usersettings.tagRenderings.find((tr) => tr.id === "sync-visited-themes")
@@ -22,7 +23,7 @@
     properties: { id: "settings" },
     geometry: { type: "Point", coordinates: [0, 0] },
   }
-  const isLoggedIn = state.osmConnection.isLoggedIn
+  const isLoggedIn = state?.osmConnection?.isLoggedIn ?? new ImmutableStore(false)
 </script>
 
 <div class="link-underline flex flex-col">

src/UI/BigComponents/VisualFeedbackPanel.svelte

@@ -30,7 +30,7 @@
   state.mapProperties.onKeyNavigationEvent((event) => {
     lastAction.setData(event)
   })
-  lastAction.stabilized(750).addCallbackAndRunD((_) => lastAction.setData(undefined))
+  lastAction.stabilized(750).addCallbackAndRunD(() => lastAction.setData(undefined))
 </script>
 
 <div aria-live="assertive" class="m-1 rounded bg-white p-1">

src/UI/BigComponents/WelcomeBack.svelte

@@ -28,7 +28,7 @@
   {#if $userdetails !== undefined}
     <div style="width: max-content" class="flex items-center">
       {#if $userdetails.img}
-        <img src={$userdetails.img} alt="profile picture" class="mr-4 h-8 w-8 rounded-full" />
+        <img src={$userdetails.img} alt="avatar" class="mr-4 h-8 w-8 rounded-full" />
       {/if}
       <div>
         <div>Welcome back</div>

src/UI/Comparison/ComparisonState.ts

@@ -1,6 +1,5 @@
 import { Store, UIEventSource } from "../../Logic/UIEventSource"
 import { OsmTags } from "../../Models/OsmFeature"
-import { SpecialVisualizationState } from "../SpecialVisualization"
 
 export class ComparisonState {
     public readonly hasDifferencesAtStart: boolean

src/UI/DownloadFlow/DownloadPanel.svelte

@@ -9,7 +9,6 @@
   import ThemeViewState from "../../Models/ThemeViewState"
   import DownloadPdf from "./DownloadPdf.svelte"
   import { PngMapCreator } from "../../Utils/pngMapCreator"
-  import { UIEventSource } from "../../Logic/UIEventSource"
   import ValidatedInput from "../InputElement/ValidatedInput.svelte"
   import { LocalStorageSource } from "../../Logic/Web/LocalStorageSource"
 

src/UI/Image/LinkableImage.svelte

@@ -19,8 +19,6 @@
   import ThemeViewState from "../../Models/ThemeViewState"
   import { MenuState } from "../../Models/MenuState"
   import { LicenseInfo } from "../../Logic/ImageProviders/LicenseInfo"
-  import Tr from "../Base/Tr.svelte"
-  import { ExternalLinkIcon } from "@rgossiaux/svelte-heroicons/solid"
 
   export let tags: UIEventSource<OsmTags>
   export let state: ThemeViewState

src/UI/InputElement/Helpers/SimpleTagInput.svelte

@@ -5,7 +5,6 @@
   import { UIEventSource } from "../../../Logic/UIEventSource"
   import BasicTagInput from "../../Studio/TagInput/BasicTagInput.svelte"
   import { TagUtils } from "../../../Logic/Tags/TagUtils"
-  import FromHtml from "../../Base/FromHtml.svelte"
   import Markdown from "../../Base/Markdown.svelte"
   export let value: UIEventSource<undefined | string>
   export let args: string[] = []

src/UI/InputElement/Helpers/TranslationInput.svelte

@@ -3,7 +3,6 @@
   import LanguageUtils from "../../../Utils/LanguageUtils"
   import { createEventDispatcher, onDestroy } from "svelte"
   import ValidatedInput from "../ValidatedInput.svelte"
-  import { del } from "idb-keyval"
 
   export let value: UIEventSource<Record<string, string>> = new UIEventSource<
     Record<string, string>

src/UI/InputElement/ValidatedInput.svelte

@@ -13,7 +13,6 @@
   import { twMerge } from "tailwind-merge"
   import type { ValueRange } from "../../Models/ThemeConfig/TagRenderingConfig"
   import Translations from "../i18n/Translations"
-  import FloatValidator from "./Validators/FloatValidator"
   import BaseUIElement from "../BaseUIElement"
 
   export let type: ValidatorType

src/UI/Map/BingRasterLayer.ts

@@ -66,7 +66,7 @@ export class BingRasterLayerProperties implements Partial<RasterLayerProperties>
 
 export class BingRasterLayer implements RasterLayerPolygon {
     private static singleton: RasterLayerPolygon | "error"
-    readonly type: "Feature" = "Feature"
+    readonly type: "Feature" = "Feature" as const
     readonly geometry: Polygon = BBox.global.asGeometry()
     readonly id = "bing"
     readonly properties: RasterLayerProperties

src/UI/Map/DefaultIcon.svelte

@@ -1,8 +1,6 @@
 <script lang="ts">
   import LayerConfig from "../../Models/ThemeConfig/LayerConfig"
-  import DynamicIcon from "./DynamicIcon.svelte"
   import DynamicMarker from "./DynamicMarker.svelte"
-  import Marker from "./Marker.svelte"
   import { ImmutableStore } from "../../Logic/UIEventSource"
 
   /**

src/UI/Map/Icon.svelte

@@ -61,121 +61,109 @@
 </script>
 
 {#if icon}
-  {#if icon === "pin"}
-    <Pin {color} class={clss} />
-  {:else if icon === "square"}
-    <Square {color} class={clss} />
-  {:else if icon === "square_rounded"}
-    <Square_rounded {color} class={clss} />
+  {#if icon === "addSmall"}
+    <AddSmall {color} class={clss} />
+  {:else if icon === "airport"}
+    <Airport {color} class={clss} />
+  {:else if icon === "brick_wall_round"}
+    <Brick_wall_round {color} class={clss} />
+  {:else if icon === "brick_wall_square"}
+    <Brick_wall_square {color} class={clss} />
   {:else if icon === "bug"}
     <Bug {color} class={clss} />
-  {:else if icon === "circle"}
-    <Circle {color} class={clss} />
+  {:else if icon === "building_office_2"}
+    <BuildingOffice2 class={clss} {color} />
+  {:else if icon === "building_storefront"}
+    <BuildingStorefront {color} class={clss} />
   {:else if icon === "checkmark"}
     <Checkmark {color} class={clss} />
+  {:else if icon === "circle"}
+    <Circle {color} class={clss} />
   {:else if icon === "clock"}
     <Clock {color} class={clss} />
   {:else if icon === "close"}
     <Close {color} class={clss} />
+  {:else if icon === "computer"}
+    <DesktopComputerIcon class={"m-0 " + clss} {color} />
+  {:else if icon === "confirm"}
+    <Confirm class={clss} {color} />
+  {:else if icon === "cross_bottom_right"}
+    <Cross_bottom_right {color} class={"m-0 " + clss} />
   {:else if icon === "crosshair"}
     <Crosshair {color} class={clss} />
+  {:else if icon === "direction" || icon === "direction_gradient"}
+    <Direction_gradient class={clss} {color} />
+  {:else if icon === "gear"}
+    <Gear {color} class={clss} />
+  {:else if icon === "globe_alt"}
+    <GlobeAltIcon class={clss} {color} />
+  {:else if icon === "gps_arrow"}
+    <Gps_arrow {color} class={clss} />
+  {:else if icon === "heart"}
+    <HeartIcon style="--svg-color: {color}" class={twMerge(clss, "apply-fill")} />
+  {:else if icon === "heart_outline"}
+    <HeartOutlineIcon style="--svg-color: {color}" class={twMerge(clss, "apply-fill")} />
   {:else if icon === "help"}
     <Help {color} class={clss} />
   {:else if icon === "home"}
     <Home {color} class={clss} />
+  {:else if icon === "house"}
+    <HomeIcon class={clss} {color} />
   {:else if icon === "invalid"}
     <Invalid {color} class={clss} />
-  {:else if icon === "location"}
-    <Location {color} class={clss} />
+  {:else if icon === "key"}
+    <Key class={clss} {color} />
+  {:else if icon === "link"}
+    <LinkIcon style="--svg-color: {color}" class={twMerge(clss, "apply-fill")} />
   {:else if icon === "location_empty"}
     <Location_empty {color} class={clss} />
+  {:else if icon === "location"}
+    <Location {color} class={clss} />
   {:else if icon === "location_locked"}
     <Location_locked {color} class={clss} />
+  {:else if icon === "lock"}
+    <LockClosed class={clss} {color} />
+  {:else if icon === "mastodon"}
+    <Mastodon {color} class={clss} />
   {:else if icon === "note"}
     <Note {color} class={clss} />
+  {:else if icon === "not_found"}
+    <Not_found class={twMerge(clss, "no-image-background")} {color} />
+  {:else if icon === "party"}
+    <Party {color} class={clss} />
+  {:else if icon === "pencil"}
+    <PencilIcon class={clss} {color} />
+  {:else if icon === "pin"}
+    <Pin {color} class={clss} />
+  {:else if icon === "popout"}
+    <LinkIcon style="--svg-color: {color}" />
+  {:else if icon === "relocation"}
+    <Relocation class={clss} {color} />
   {:else if icon === "resolved"}
     <Resolved {color} class={clss} />
   {:else if icon === "ring"}
     <Ring {color} class={clss} />
   {:else if icon === "scissors"}
     <Scissors {color} class={clss} />
+  {:else if icon === "snap"}
+    <Snap class={clss} />
+  {:else if icon === "square_rounded"}
+    <Square_rounded {color} class={clss} />
+  {:else if icon === "square"}
+    <Square {color} class={clss} />
   {:else if icon === "teardrop"}
     <Teardrop {color} class={clss} />
   {:else if icon === "teardrop_with_hole_green"}
     <Teardrop_with_hole_green {color} class={clss} />
-  {:else if icon === "triangle"}
-    <Triangle {color} class={clss} />
-  {:else if icon === "brick_wall_square"}
-    <Brick_wall_square {color} class={clss} />
-  {:else if icon === "brick_wall_round"}
-    <Brick_wall_round {color} class={clss} />
-  {:else if icon === "gps_arrow"}
-    <Gps_arrow {color} class={clss} />
-  {:else if icon === "checkmark"}
-    <Checkmark {color} class={clss} />
-  {:else if icon === "help"}
-    <Help {color} class={clss} />
-  {:else if icon === "close"}
-    <Close {color} class={clss} />
-  {:else if icon === "invalid"}
-    <Invalid {color} class={clss} />
-  {:else if icon === "heart"}
-    <HeartIcon style="--svg-color: {color}" class={twMerge(clss, "apply-fill")} />
-  {:else if icon === "heart_outline"}
-    <HeartOutlineIcon style="--svg-color: {color}" class={twMerge(clss, "apply-fill")} />
-  {:else if icon === "confirm"}
-    <Confirm class={clss} {color} />
-  {:else if icon === "direction" || icon === "direction_gradient"}
-    <Direction_gradient class={clss} {color} />
-  {:else if icon === "not_found"}
-    <Not_found class={twMerge(clss, "no-image-background")} {color} />
-  {:else if icon === "mastodon"}
-    <Mastodon {color} class={clss} />
-  {:else if icon === "party"}
-    <Party {color} class={clss} />
-  {:else if icon === "cross_bottom_right"}
-    <Cross_bottom_right {color} class={"m-0 " + clss} />
-  {:else if icon === "addSmall"}
-    <AddSmall {color} class={clss} />
-  {:else if icon === "gear"}
-    <Gear {color} class={clss} />
-  {:else if icon === "link"}
-    <LinkIcon style="--svg-color: {color}" class={twMerge(clss, "apply-fill")} />
-  {:else if icon === "popout"}
-    <LinkIcon style="--svg-color: {color}" />
-  {:else if icon === "wifi"}
-    <WifiIcon class={"m-0 " + clss} {color} />
-  {:else if icon === "computer"}
-    <DesktopComputerIcon class={"m-0 " + clss} {color} />
-  {:else if icon === "relocation"}
-    <Relocation class={clss} {color} />
-  {:else if icon === "pencil"}
-    <PencilIcon class={clss} {color} />
-  {:else if icon === "user_circle"}
-    <UserCircleIcon class={clss} {color} />
-  {:else if icon === "lock"}
-    <LockClosed class={clss} {color} />
-  {:else if icon === "key"}
-    <Key class={clss} {color} />
-  {:else if icon === "globe_alt"}
-    <GlobeAltIcon class={clss} {color} />
-  {:else if icon === "building_office_2"}
-    <BuildingOffice2 class={clss} {color} />
-  {:else if icon === "house"}
-    <HomeIcon class={clss} {color} />
   {:else if icon === "train"}
     <Train {color} class={clss} />
-  {:else if icon === "airport"}
-    <Airport {color} class={clss} />
-  {:else if icon === "building_storefront"}
-    <BuildingStorefront {color} class={clss} />
-  {:else if icon === "snap"}
-    <Snap class={clss} />
-  {:else if Utils.isEmoji(icon)}
-    <span style={`font-size: ${emojiHeight}; line-height: ${emojiHeight}`}>
-      {icon}
-    </span>
-  {:else}
-    <img class={clss ?? "h-full w-full"} src={icon} aria-hidden="true" alt="" />
+  {:else if icon === "triangle"}
+    <Triangle {color} class={clss} />
+  {:else if icon === "user_circle"}
+    <UserCircleIcon class={clss} {color} />
+  {:else if icon === "wifi"}
+    <WifiIcon class={"m-0 " + clss} {color} />
+  {:else if Utils.isEmoji(icon)}<span style={`font-size: ${emojiHeight}; line-height: ${emojiHeight}`}>  {icon}</span>
+  {:else}<img class={clss ?? "h-full w-full"} src={icon} aria-hidden="true" alt="" />
   {/if}
 {/if}

src/UI/Map/MaplibreMap.svelte

@@ -65,7 +65,7 @@
     _map.on("load", function () {
       _map.resize()
       const canvas = _map.getCanvas()
-      canvas.addEventListener("webglcontextlost", (e) => {
+      canvas.addEventListener("webglcontextlost", () => {
         try {
           _map?.remove()
         } catch (e) {

src/UI/Popup/ExportFeatureButton.svelte

@@ -4,7 +4,6 @@
   import Translations from "../i18n/Translations"
   import { Store } from "../../Logic/UIEventSource"
   import LayerConfig from "../../Models/ThemeConfig/LayerConfig"
-  import { GeoOperations } from "../../Logic/GeoOperations"
   import type { Feature, LineString } from "geojson"
   import { Utils } from "../../Utils"
   import { Translation } from "../i18n/Translation"

src/UI/Popup/LanguageElement/LanguageQuestion.svelte

@@ -80,7 +80,7 @@
     <button
       class="primary"
       class:disabled={$selectedLanguages.length === 0}
-      on:click={(_) => applySelectedLanguages()}
+      on:click={() => applySelectedLanguages()}
     >
       <Tr t={Translations.t.general.save} />
     </button>

src/UI/Popup/MultiApply.ts

@@ -35,14 +35,13 @@ class MultiApplyExecutor {
         }
 
         if (p.autoapply) {
-            const self = this
             const relevantValues = p.tagsSource.map((tags) => {
                 const currentValues = p.keysToApply.map((key) => tags[key])
                 // By stringifying, we have a very clear ping when they changec
                 return JSON.stringify(currentValues)
             })
-            relevantValues.addCallbackD((_) => {
-                self.applyTaggingOnOtherFeatures()
+            relevantValues.addCallbackD(() => {
+                this.applyTaggingOnOtherFeatures()
             })
         }
     }

src/UI/Popup/TagRendering/TagRenderingQuestionDynamic.svelte

@@ -12,12 +12,7 @@
   import type { SpecialVisualizationState } from "../../SpecialVisualization"
   import LayerConfig from "../../../Models/ThemeConfig/LayerConfig"
   import TagRenderingQuestion from "./TagRenderingQuestion.svelte"
-  import type { UploadableTag } from "../../../Logic/Tags/TagUtils"
-  import { writable } from "svelte/store"
-  import Translations from "../../i18n/Translations"
-  import { twJoin } from "tailwind-merge"
-  import Tr from "../../Base/Tr.svelte"
-  import { TrashIcon } from "@rgossiaux/svelte-heroicons/solid"
+  import type { UploadableTag } from "../../../Logic/Tags/TagTypes"
   import Loading from "../../Base/Loading.svelte"
 
   export let config: TagRenderingConfig

src/UI/PrivacyGui.svelte

@@ -3,18 +3,16 @@
   import Tr from "./Base/Tr.svelte"
   import { EyeIcon } from "@rgossiaux/svelte-heroicons/solid"
   import Translations from "./i18n/Translations"
-  import { Utils } from "../Utils"
   import Add from "../assets/svg/Add.svelte"
   import LanguagePicker from "./InputElement/LanguagePicker.svelte"
   import type { SpecialVisualizationState } from "./SpecialVisualization"
   import { OsmConnection } from "../Logic/Osm/OsmConnection"
   import UserRelatedState from "../Logic/State/UserRelatedState"
-  import Title from "./Popup/Title.svelte"
   import TitledPanel from "./Base/TitledPanel.svelte"
   import Back from "../assets/svg/Back.svelte"
 
   const osmConnection = new OsmConnection()
-  let state: SpecialVisualizationState = {
+  let state: Partial<SpecialVisualizationState> = {
     osmConnection,
     userRelatedState: new UserRelatedState(osmConnection),
   }

src/UI/Reviews/ImportReviewIdentity.svelte

@@ -66,7 +66,7 @@
       reader.readAsText(files[0], "UTF-8")
 
       // here we tell the reader what to do when it's done reading...
-      const content = await new Promise<string>((resolve, reject) => {
+      const content = await new Promise<string>(resolve => {
         reader.onload = (readerEvent) => {
           resolve(<string>readerEvent.target.result)
         }

src/UI/Reviews/StarsBar.svelte

@@ -12,7 +12,7 @@
 </script>
 
 {#if score !== undefined}
-  <div class="flex" on:mouseout>
+  <div class="flex" on:mouseout on:blur>
     {#each cutoffs as cutoff, i}
       <StarElement {readonly} {score} {i} {cutoff} {starSize} on:hover on:click />
     {/each}

src/UI/Status/StatusGUI.svelte

@@ -26,8 +26,8 @@
     }
 
     check()
-    recheckSignal.addCallback((_) => check())
-    checkSignal.addCallback((_) => {
+    recheckSignal.addCallback(() => check())
+    checkSignal.addCallback(() => {
       if (autoCheckAgain.data) {
         check()
       }

src/UI/Studio/SchemaBasedTranslationInput.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
   import EditLayerState from "./EditLayerState"
-  import type { ConfigMeta } from "./configMeta"
   import { UIEventSource } from "../../Logic/UIEventSource"
   import TranslationInput from "../InputElement/Helpers/TranslationInput.svelte"
 

src/UI/Studio/StudioHashSetter.ts

@@ -1,4 +1,4 @@
-import { Store, UIEventSource } from "../../Logic/UIEventSource"
+import { Store } from "../../Logic/UIEventSource"
 import Hash from "../../Logic/Web/Hash"
 
 export default class StudioHashSetter {

src/UI/Studio/TagInput/BasicTagInput.svelte

@@ -6,7 +6,6 @@
   import { TagUtils } from "../../../Logic/Tags/TagUtils"
   import TagInfoStats from "../TagInfoStats.svelte"
   import { Translation } from "../../i18n/Translation"
-  import InformationCircle from "@babeard/svelte-heroicons/outline/InformationCircle"
   import QuestionMarkCircle from "@babeard/svelte-heroicons/outline/QuestionMarkCircle"
 
   export let tag: UIEventSource<string> = new UIEventSource<string>(undefined)
@@ -20,8 +19,6 @@
    */
   export let silent: boolean = false
 
-  export let selected: UIEventSource<boolean> = new UIEventSource<boolean>(false)
-
   let feedbackGlobal = tag.map((tag) => {
     if (!tag) {
       return undefined
@@ -76,14 +73,14 @@
     }
   }
 
-  onDestroy(valueValue.addCallbackAndRun(setTag))
-  onDestroy(keyValue.addCallbackAndRun(setTag))
+  onDestroy(valueValue.addCallbackAndRun(() => setTag()))
+  onDestroy(keyValue.addCallbackAndRun(() => setTag()))
 
   $: {
-    setTag(mode)
+    setTag()
   }
 
-  function setTag(_) {
+  function setTag() {
     const k = keyValue.data
     const v = valueValue.data ?? ""
     if (k === undefined || k === "") {

src/UI/Studio/TagRenderingFreeformInput.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-  import EditLayerState from "./EditLayerState"
-  import TagRenderingConfig from "../../Models/ThemeConfig/TagRenderingConfig"
-
-  export let state: EditLayerState
-  export let path: (number | string)[]
-
-  let schema: TagRenderingConfig
-</script>
-
-XYZ

src/UI/ThemeViewGUI.svelte

@@ -43,7 +43,7 @@
   import Hash from "../Logic/Web/Hash"
   import Searchbar from "./Base/Searchbar.svelte"
   import ChevronRight from "@babeard/svelte-heroicons/mini/ChevronRight"
-  import { Drawer, Popover } from "flowbite-svelte"
+  import { Drawer } from "flowbite-svelte"
   import { linear } from "svelte/easing"
   import DefaultIcon from "./Map/DefaultIcon.svelte"
   import Loading from "./Base/Loading.svelte"

src/UI/Walkthrough/Walkthrough.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import { createEventDispatcher } from "svelte"
   import WalkthroughStep from "./WalkthroughStep.svelte"
-  import FromHtml from "../Base/FromHtml.svelte"
   import Markdown from "../Base/Markdown.svelte"
 
   /**

src/UI/Wikipedia/WikidatapreviewWithLoading.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import Wikidata, { WikidataResponse } from "../../Logic/Web/Wikidata"
   import Translations from "../i18n/Translations"
-  import { FixedUiElement } from "../Base/FixedUiElement"
   import { Store } from "../../Logic/UIEventSource"
   import Wikidatapreview from "./Wikidatapreview.svelte"
   import Tr from "../Base/Tr.svelte"