From 9ad36e2ce2a63535b7071acd26bc819d989b2f17 Mon Sep 17 00:00:00 2001
From: marc tobias <mtmail@gmx.net>
Date: Mon, 26 Jun 2023 22:14:32 +0200
Subject: [PATCH] cut lines at 100, spacing changes for linter

---
 src/components/DetailsLink.svelte          |  4 +-
 src/components/DetailsOneRow.svelte        | 12 +++-
 src/components/DetailsPostcodeHint.svelte  | 20 ++++--
 src/components/Error.svelte                |  5 +-
 src/components/Header.svelte               | 29 +++++++--
 src/components/LastUpdated.svelte          |  4 +-
 src/components/MapPosition.svelte          |  3 -
 src/components/PageLink.svelte             |  4 +-
 src/components/ResultsList.svelte          | 11 +++-
 src/components/ReverseLink.svelte          |  6 +-
 src/components/SearchSection.svelte        | 76 +++++++++++++++-------
 src/components/SearchSectionDetails.svelte |  7 +-
 src/components/UrlSubmitForm.svelte        |  6 +-
 src/pages/AboutPage.svelte                 |  2 +-
 src/pages/DetailsPage.svelte               | 22 +++++--
 src/pages/StatusPage.svelte                |  6 +-
 16 files changed, 157 insertions(+), 60 deletions(-)

diff --git a/src/components/DetailsLink.svelte b/src/components/DetailsLink.svelte
index d914079..1785179 100644
--- a/src/components/DetailsLink.svelte
+++ b/src/components/DetailsLink.svelte
@@ -49,4 +49,6 @@
   }
 </script>
 
-<a on:click|preventDefault|stopPropagation={handleClick} href={href} class={extra_classes}><slot></slot></a>
+<a on:click|preventDefault|stopPropagation={handleClick} href={href} class={extra_classes}>
+  <slot></slot>
+</a>
diff --git a/src/components/DetailsOneRow.svelte b/src/components/DetailsOneRow.svelte
index 67c5152..cbbad24 100644
--- a/src/components/DetailsOneRow.svelte
+++ b/src/components/DetailsOneRow.svelte
@@ -28,11 +28,17 @@
   <td>{@html formatDistance(addressLine.distance, bDistanceInMeters)}</td>
   <td>
     {#if addressLine.osm_id}
-      <DetailsLink feature={addressLine}>details</DetailsLink>
+      <DetailsLink feature={addressLine}>
+        details
+      </DetailsLink>
     {:else if !reverse_only && addressLine.type.match(/^country/)}
-      <PageLink page='search' params_hash={{ country: addressLine.localname }}>search by name</PageLink>
+      <PageLink page='search' params_hash={{ country: addressLine.localname }}>
+        search by name
+      </PageLink>
     {:else if !reverse_only && addressLine.type === 'postcode'}
-      <PageLink page='search' params_hash={{ postalcode: addressLine.localname }}>search by name</PageLink>
+      <PageLink page='search' params_hash={{ postalcode: addressLine.localname }}>
+        search by name
+      </PageLink>
     {/if}
   </td>
 </tr>
diff --git a/src/components/DetailsPostcodeHint.svelte b/src/components/DetailsPostcodeHint.svelte
index 5946d2a..13ac99b 100644
--- a/src/components/DetailsPostcodeHint.svelte
+++ b/src/components/DetailsPostcodeHint.svelte
@@ -47,17 +47,25 @@
 (<a href="#openHint" on:click|preventDefault|stopPropagation={openHint}>how?</a>)
 
 <div id="postcode-hint" class="my-2 p-2">
-  <button type="button" class="btn-close float-end m-1" aria-label="Close" on:click|stopPropagation={closeHint} />
-
+  <button type="button"
+          class="btn-close float-end m-1"
+          aria-label="Close"
+          on:click|stopPropagation={closeHint}
+  />
   <p>
     Nightly calculated from nearby places having this postcode.
-    <a href="https://nominatim.org/release-docs/latest/admin/Maintenance/#updating-postcodes">Documentation</a>.
+    <a href="https://nominatim.org/release-docs/latest/admin/Maintenance/#updating-postcodes">
+      Documentation
+    </a>.
   </p>
   <p>
-    You can search for those with an <a href={url} target="_blank" rel="noreferrer">Overpass Turbo query</a>.
+    You can search for those with an
+    <a href={url} target="_blank" rel="noreferrer">Overpass Turbo query</a>.
   </p>
   <p>
-    <a href="https://nominatim.org/2022/06/26/state-of-postcodes.html" target="_blank" rel="noreferrer">How Nominatim uses postcodes</a>.
+    <a href="https://nominatim.org/2022/06/26/state-of-postcodes.html"
+       target="_blank" rel="noreferrer">How Nominatim uses postcodes</a>.
+  </p>
 </div>
 
 <style>
@@ -66,4 +74,4 @@
     background-color: #ededff;
     display: none;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/Error.svelte b/src/components/Error.svelte
index e8702b9..fad20eb 100644
--- a/src/components/Error.svelte
+++ b/src/components/Error.svelte
@@ -14,6 +14,9 @@
   <div id="error" class="container-fluid alert-danger py-3 px-4">
     {error_message}
 
-    <button type="button" class="btn-close float-end" aria-label="dismiss" on:click={dismiss_message}></button>
+    <button type="button"
+            class="btn-close float-end"
+            aria-label="dismiss"
+            on:click={dismiss_message}></button>
   </div>
 {/if}
diff --git a/src/components/Header.svelte b/src/components/Header.svelte
index 0fbead9..97cbebd 100644
--- a/src/components/Header.svelte
+++ b/src/components/Header.svelte
@@ -74,7 +74,13 @@
         </PageLink>
       </div>
       <!-- Toggler (hamburger button) -->
-      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+      <button class="navbar-toggler"
+              type="button"
+              data-bs-toggle="collapse"
+              data-bs-target="#navbarSupportedContent"
+              aria-controls="navbarSupportedContent"
+              aria-expanded="false"
+              aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
       </button>
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
@@ -82,21 +88,34 @@
         <ul class="navbar-nav me-auto">
           {#if !reverse_only}
             <li class="nav-item">
-              <PageLink page="search" extra_classes="nav-link {view === 'search' ? 'active' : ''}">Search</PageLink>
+              <PageLink page="search"
+                        extra_classes="nav-link {view === 'search' ? 'active' : ''}">
+                Search
+              </PageLink>
             </li>
           {/if}
           <li class="nav-item">
-            <ReverseLink lat={map_lat} lon={map_lon} extra_classes="nav-link {view === 'reverse' ? 'active' : ''}">Reverse</ReverseLink>
+            <ReverseLink lat={map_lat}
+                         lon={map_lon}
+                         extra_classes="nav-link {view === 'reverse' ? 'active' : ''}">
+              Reverse
+            </ReverseLink>
           </li>
           <li class="nav-item">
-            <PageLink page="details" extra_classes="nav-link {view === 'details' ? 'active' : ''}">Search By ID</PageLink>
+            <PageLink page="details"
+                      extra_classes="nav-link {view === 'details' ? 'active' : ''}">
+              Search By ID
+            </PageLink>
           </li>
         </ul>
       </div>
       <!-- Right aligned links -->
       <ul class="navbar-nav">
         <li class="nav-item">
-          <PageLink page="about" extra_classes="nav-link {view === 'about' ? 'active' : ''}">About & Help</PageLink>
+          <PageLink page="about"
+                    extra_classes="nav-link {view === 'about' ? 'active' : ''}">
+            About & Help
+          </PageLink>
         </li>
       </ul>
     </div>
diff --git a/src/components/LastUpdated.svelte b/src/components/LastUpdated.svelte
index 08be5d9..0d7768d 100644
--- a/src/components/LastUpdated.svelte
+++ b/src/components/LastUpdated.svelte
@@ -65,7 +65,9 @@
     <div class="col-sm-6 text-end">
       {#if last_updated_date}
         Data last updated:
-        <abbr id="data-date" title="{last_updated_date} (UTC timezone)">{timeago.format(new Date(last_updated_date))}</abbr>
+        <abbr id="data-date" title="{last_updated_date} (UTC timezone)">
+          {timeago.format(new Date(last_updated_date))}
+        </abbr>
       {/if}
       (<PageLink page="status">Details</PageLink>)
     </div>
diff --git a/src/components/MapPosition.svelte b/src/components/MapPosition.svelte
index 30d6bd9..074774d 100644
--- a/src/components/MapPosition.svelte
+++ b/src/components/MapPosition.svelte
@@ -115,9 +115,6 @@
     text-align: right;
   }
 
-  
-  
-
   @media (max-width: 768px) {
     #map-position {
       top: 20px;
diff --git a/src/components/PageLink.svelte b/src/components/PageLink.svelte
index df124f7..0e2920a 100644
--- a/src/components/PageLink.svelte
+++ b/src/components/PageLink.svelte
@@ -16,4 +16,6 @@
   }
 </script>
 
-<a on:click|preventDefault|stopPropagation={handleClick} href={href} class={extra_classes}><slot></slot></a>
+<a on:click|preventDefault|stopPropagation={handleClick} href={href} class={extra_classes}>
+  <slot></slot>
+</a>
diff --git a/src/components/ResultsList.svelte b/src/components/ResultsList.svelte
index 2fc6828..3b6c713 100644
--- a/src/components/ResultsList.svelte
+++ b/src/components/ResultsList.svelte
@@ -56,7 +56,10 @@
   <div id="searchresults">
 
     {#each aSearchResults as aResult, iResNum}
-      <div class="result" class:highlight={iResNum === iHighlightNum} data-position="{iResNum}" on:click|stopPropagation={handleClick}>
+      <div class="result"
+           class:highlight={iResNum === iHighlightNum}
+           data-position="{iResNum}"
+           on:click|stopPropagation={handleClick}>
         <div style="float:right">
           <MapIcon aPlace={aResult} />
         </div>
@@ -64,7 +67,9 @@
         <span class="type">{formatLabel(aResult)}</span>
         <p class="coords">{aResult.lat},{aResult.lon}</p>
 
-        <DetailsLink extra_classes="btn btn-outline-secondary btn-sm" feature={aResult}>details</DetailsLink>
+        <DetailsLink extra_classes="btn btn-outline-secondary btn-sm" feature={aResult}>
+          details
+        </DetailsLink>
       </div>
     {/each}
 
@@ -119,7 +124,7 @@
   }
 
   .result .coords {
-    display: none;  
+    display: none;
   }
 
   .noresults{
diff --git a/src/components/ReverseLink.svelte b/src/components/ReverseLink.svelte
index bbd54d7..cfea7c1 100644
--- a/src/components/ReverseLink.svelte
+++ b/src/components/ReverseLink.svelte
@@ -30,4 +30,8 @@ $: {
 }
 </script>
 
-<a on:click|preventDefault|stopPropagation={() => refresh_page('reverse', params)} href={href} class={extra_classes}><slot></slot></a>
+<a on:click|preventDefault|stopPropagation={() => refresh_page('reverse', params)}
+    href={href}
+    class={extra_classes}>
+  <slot></slot>
+</a>
diff --git a/src/components/SearchSection.svelte b/src/components/SearchSection.svelte
index e50bbdf..a43ad75 100644
--- a/src/components/SearchSection.svelte
+++ b/src/components/SearchSection.svelte
@@ -79,10 +79,14 @@
 
 <ul class="nav nav-tabs">
   <li class="nav-item">
-    <a class="nav-link" class:active={!bStructuredSearch} data-bs-toggle="tab" href="#simple">Simple</a>
+    <a class="nav-link" class:active={!bStructuredSearch} data-bs-toggle="tab" href="#simple">
+      Simple
+    </a>
   </li>
   <li class="nav-item">
-    <a class="nav-link" class:active={bStructuredSearch} data-bs-toggle="tab" href="#structured">Structured</a>
+    <a class="nav-link" class:active={bStructuredSearch} data-bs-toggle="tab" href="#structured">
+      Structured
+    </a>
   </li>
 </ul>
 
@@ -100,14 +104,21 @@
       </div>
       <div class="col-auto">
         <button type="submit" class="btn btn-primary btn-sm mx-1">Search</button>
-        <input type="hidden" name="viewbox" value="{sViewBox || ''}" />
-        <input type="hidden" name="dedupe" value="{api_request_params.dedupe === 0 ? 0 : 1}" />
-        <input type="hidden" name="bounded" value="{api_request_params.bounded ? 1 : ''}" />
-        <input type="hidden" name="accept-language" value="{api_request_params['accept-language'] || ''}" />
-        <input type="hidden" name="countrycodes" value="{api_request_params.countrycodes || ''}"
-                                                      pattern="^[a-zA-Z]{'{2}'}(,[a-zA-Z]{'{2}'})*$" />
-        <input type="hidden" name="limit" value="{api_request_params.limit || ''}" />
-        <input type="hidden" name="polygon_threshold" value="{api_request_params.polygon_threshold || ''}" />
+        <input type="hidden"
+               name="viewbox" value="{sViewBox || ''}" />
+        <input type="hidden"
+               name="dedupe" value="{api_request_params.dedupe === 0 ? 0 : 1}" />
+        <input type="hidden"
+               name="bounded" value="{api_request_params.bounded ? 1 : ''}" />
+        <input type="hidden"
+               name="accept-language"value="{api_request_params['accept-language'] || ''}" />
+        <input type="hidden"
+               name="countrycodes" value="{api_request_params.countrycodes || ''}"
+                                   pattern="^[a-zA-Z]{'{2}'}(,[a-zA-Z]{'{2}'})*$" />
+        <input type="hidden"
+               name="limit" value="{api_request_params.limit || ''}" />
+        <input type="hidden"
+               name="polygon_threshold" value="{api_request_params.polygon_threshold || ''}" />
       </div>
     </UrlSubmitForm>
   </div>
@@ -145,14 +156,21 @@
       </div>
       <div class="col-auto">
         <button type="submit" class="btn btn-primary btn-sm">Search</button>
-        <input type="hidden" name="viewbox" value="{sViewBox || ''}" />
-        <input type="hidden" name="dedupe" value="{api_request_params.dedupe === 0 ? 0 : 1}" />
-        <input type="hidden" name="bounded" value="{api_request_params.bounded ? 1 : ''}" />
-        <input type="hidden" name="accept-language" value="{api_request_params['accept-language'] || ''}" />
-        <input type="hidden" name="countrycodes" value="{api_request_params.countrycodes || ''}"
-                                                pattern="^[a-zA-Z]{'{2}'}(,[a-zA-Z]{'{2}'})*$" />
-        <input type="hidden" name="limit" value="{api_request_params.limit || ''}" />
-        <input type="hidden" name="polygon_threshold" value="{api_request_params.polygon_threshold || ''}" />
+        <input type="hidden"
+               name="viewbox" value="{sViewBox || ''}" />
+        <input type="hidden"
+               name="dedupe" value="{api_request_params.dedupe === 0 ? 0 : 1}" />
+        <input type="hidden"
+               name="bounded" value="{api_request_params.bounded ? 1 : ''}" />
+        <input type="hidden"
+               name="accept-language" value="{api_request_params['accept-language'] || ''}" />
+        <input type="hidden"
+               name="countrycodes" value="{api_request_params.countrycodes || ''}"
+                                   pattern="^[a-zA-Z]{'{2}'}(,[a-zA-Z]{'{2}'})*$" />
+        <input type="hidden"
+               name="limit" value="{api_request_params.limit || ''}" />
+        <input type="hidden"
+               name="polygon_threshold" value="{api_request_params.polygon_threshold || ''}" />
       </div>
     </UrlSubmitForm>
   </div>
@@ -181,14 +199,18 @@
     <li>
       <div class="form-check form-check-inline">
         <label class="form-check-label" for="option_dedupe">deduplicate results</label>
-        <input type="checkbox" class="form-check-input api-param-setting"
-               id="option_dedupe" checked={api_request_params.dedupe === 0 ? 0 : 1} on:change={set_dedupe}>
+        <input type="checkbox"
+               class="form-check-input api-param-setting"
+               id="option_dedupe"
+               checked={api_request_params.dedupe === 0 ? 0 : 1}
+               on:change={set_dedupe}>
       </div>
     </li>
 
     <li>
       <label for="option_limit">Maximum number of results</label>
-      <input type="number" class="form-control form-control-sm d-inline w-auto api-param-setting"
+      <input type="number"
+             class="form-control form-control-sm d-inline w-auto api-param-setting"
              data-api-param="limit" id="option_limit" min="1" max="50"
              value="{api_request_params.limit || ''}"
              on:change={set_api_param}>
@@ -196,15 +218,18 @@
 
     <li>
       <label for="option_polygon_threshold">Polygon simplification</label>
-      <input type="number" class="form-control form-control-sm d-inline w-auto api-param-setting"
-             data-api-param="polygon_threshold" id="option_polygon_threshold" min="0.0"  max="1.0" step="0.001"
+      <input type="number"
+             class="form-control form-control-sm d-inline w-auto api-param-setting"
+             data-api-param="polygon_threshold" id="option_polygon_threshold"
+             min="0.0" max="1.0" step="0.001"
              value="{api_request_params.polygon_threshold || ''}"
              on:change={set_api_param}>
     </li>
 
     <li>
       <label for="accept_lang">Languages</label>
-      <input type="text" placeholder="e.g. en,zh-Hant" class="form-control form-control-sm d-inline w-auto api-param-setting"
+      <input type="text" placeholder="e.g. en,zh-Hant"
+             class="form-control form-control-sm d-inline w-auto api-param-setting"
              data-api-param="accept-language" id="accept_lang" size="15"
              value="{api_request_params['accept-language'] || ''}"
              on:change={set_api_param}>
@@ -212,7 +237,8 @@
 
     <li>
       <label for="option_ccode">Country Codes</label>
-      <input type="text" placeholder="e.g. de,gb" class="form-control form-control-sm d-inline w-auto api-param-setting"
+      <input type="text" placeholder="e.g. de,gb"
+            class="form-control form-control-sm d-inline w-auto api-param-setting"
              data-api-param="countrycodes" id="option_ccode" size="15"
              value="{api_request_params.countrycodes || ''}"
              pattern="^[a-zA-Z]{'{2}'}(,[a-zA-Z]{'{2}'})*$"
diff --git a/src/components/SearchSectionDetails.svelte b/src/components/SearchSectionDetails.svelte
index c30f057..276b56a 100644
--- a/src/components/SearchSectionDetails.svelte
+++ b/src/components/SearchSectionDetails.svelte
@@ -39,7 +39,12 @@
   </div>
 </form>
 <small class="form-text text-muted">
-  OSM type+id (<em>N123</em>, <em>n123</em>, <em>W123</em>, <em>w123</em>, <em>R123</em>, <em>r123</em>),
+  OSM type+id (<em>N123</em>,
+               <em>n123</em>,
+               <em>W123</em>,
+               <em>w123</em>,
+               <em>R123</em>,
+               <em>r123</em>),
   Place id (<em>1234</em>) or
   URL (<em>https://openstreetmap.org/way/123</em>)
 </small>
diff --git a/src/components/UrlSubmitForm.svelte b/src/components/UrlSubmitForm.svelte
index 01feea1..01f5a57 100644
--- a/src/components/UrlSubmitForm.svelte
+++ b/src/components/UrlSubmitForm.svelte
@@ -48,7 +48,11 @@
   }
 </script>
 
-<form on:submit|preventDefault={handle_submit} class="form-inline" role="search" accept-charset="UTF-8" action="">
+<form on:submit|preventDefault={handle_submit}
+      class="form-inline"
+      role="search"
+      accept-charset="UTF-8"
+      action="">
   <div class="row g-2">
     <slot></slot>
   </div>
diff --git a/src/pages/AboutPage.svelte b/src/pages/AboutPage.svelte
index e480730..6ce6a93 100644
--- a/src/pages/AboutPage.svelte
+++ b/src/pages/AboutPage.svelte
@@ -16,4 +16,4 @@
     max-width: 800px;
     padding: 4em;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/pages/DetailsPage.svelte b/src/pages/DetailsPage.svelte
index e5325e2..1f6d84e 100644
--- a/src/pages/DetailsPage.svelte
+++ b/src/pages/DetailsPage.svelte
@@ -106,7 +106,9 @@
               <InfoRow title="Admin Level">{aPlace.admin_level}</InfoRow>
             {/if}
             <InfoRow title="Search Rank">{aPlace.rank_search}</InfoRow>
-            <InfoRow title="Address Rank">{aPlace.rank_address} ({formatAddressRank(aPlace.rank_address)})</InfoRow>
+            <InfoRow title="Address Rank">
+              {aPlace.rank_address} ({formatAddressRank(aPlace.rank_address)})
+            </InfoRow>
             {#if aPlace.calculated_importance}
               <InfoRow title="Importance">
                   {aPlace.calculated_importance}
@@ -120,7 +122,9 @@
             <InfoRow title="OSM">{@html osmLink(aPlace)}</InfoRow>
             <InfoRow title="Place Id">
                {aPlace.place_id}
-               (<a href="https://nominatim.org/release-docs/develop/api/Output/#place_id-is-not-a-persistent-id">on this server</a>)
+               (<a href="https://nominatim.org/release-docs/develop/api/Output/#place_id-is-not-a-persistent-id">
+                 on this server
+               </a>)
             </InfoRow>
             {#if aPlace.calculated_wikipedia}
               <InfoRow title="Wikipedia Calculated">{@html wikipediaLink(aPlace)}</InfoRow>
@@ -128,7 +132,9 @@
             <InfoRow title="Computed Postcode">
               {#if aPlace.calculated_postcode}
                 {aPlace.calculated_postcode}
-                <DetailsPostcodeHint postcode={aPlace.calculated_postcode} lat={aPlace.centroid.coordinates[1]} lon={aPlace.centroid.coordinates[0]} />
+                <DetailsPostcodeHint postcode={aPlace.calculated_postcode}
+                                     lat={aPlace.centroid.coordinates[1]}
+                                     lon={aPlace.centroid.coordinates[0]} />
               {/if}
             </InfoRow>
             <InfoRow title="Address Tags"><InfoRowList items={aPlace.addresstags} /></InfoRow>
@@ -160,14 +166,18 @@
           <tbody>
             {#if aPlace.address}
               {#each aPlace.address as addressLine}
-                <DetailsOneRow addressLine={addressLine} bMarkUnusedLines={true} bDistanceInMeters={false} />
+                <DetailsOneRow addressLine={addressLine}
+                               bMarkUnusedLines={true}
+                               bDistanceInMeters={false} />
               {/each}
             {/if}
 
             {#if aPlace.linked_places}
               <tr class="all-columns"><td colspan="7"><h2>Linked Places</h2></td></tr>
               {#each aPlace.linked_places as addressLine}
-                <DetailsOneRow addressLine={addressLine} bMarkUnusedLines={true} bDistanceInMeters={true} />
+                <DetailsOneRow addressLine={addressLine}
+                               bMarkUnusedLines={true}
+                               bDistanceInMeters={true} />
               {/each}
             {/if}
 
@@ -267,7 +277,7 @@
   }
 
   tr.all-columns {
-    background-color: white !important; 
+    background-color: white !important;
     border: none;
   }
   tr.all-columns td {
diff --git a/src/pages/StatusPage.svelte b/src/pages/StatusPage.svelte
index c3bfb78..1a29d56 100644
--- a/src/pages/StatusPage.svelte
+++ b/src/pages/StatusPage.svelte
@@ -24,7 +24,11 @@
 
       <dl>
         <dt>API Endpoint</dt>
-        <dd><a href={configuration.Nominatim_API_Endpoint}>{configuration.Nominatim_API_Endpoint}</a></dd>
+        <dd>
+          <a href={configuration.Nominatim_API_Endpoint}>
+            {configuration.Nominatim_API_Endpoint}
+          </a>
+        </dd>
 
         <dt>Software version</dt>
         <dd>{aStatusData.software_version}</dd>
-- 
2.45.1