Be able to load single sketch onto browse page (#608)

* initial attempt at differentiating when loading

* differentiate more nicely and remove unused imports

* Npm run fmt

* remove logging

* Always clear error message if not throwing

* Update footer - header needs some thought

* Use now-merged govuk svelte library

* Match current behaviour for not showing schemes by default

---------

Co-authored-by: Peter York <peter.york@dft.gov.uk>

Author: Pete-Y-CS

package-lock.json

@@ -8,15 +8,24 @@
     SecondaryButton,
     Select,
   } from "govuk-svelte";
-  import { appVersion, Legend, WarningIcon } from "lib/common";
-  import { downloadGeneratedFile } from "lib/common/files";
+  import {
+    appVersion,
+    getAuthoritiesGeoJson,
+    Legend,
+    WarningIcon,
+  } from "lib/common";
+  import { downloadGeneratedFile, importFile } from "lib/common/files";
   import { constructMatchExpression } from "lib/maplibre";
   import type { DataDrivenPropertyValueSpecification } from "maplibre-gl";
   import { colorInterventionsBySchema, schemaLegend } from "schemas";
   import LayerControl from "../layers/LayerControl.svelte";
   import { showHideLayer } from "../layers/url";
   import { atfFundingProgrammes, currentMilestones } from "./colors";
-  import { importAllLocalSketches, setupSchemes } from "./data";
+  import {
+    importAllLocalSketches,
+    isSingleSketchFile,
+    setupSchemes,
+  } from "./data";
   import Filters from "./Filters.svelte";
   import InterventionLayer from "./InterventionLayer.svelte";
   import LoadRemoteSchemeData from "./LoadRemoteSchemeData.svelte";
@@ -63,18 +72,31 @@
 
   function loadMainFile(filename: string, text: string) {
     try {
-      setupSchemes(
-        JSON.parse(text),
-        atfSchemes,
-        lcwipSchemes,
-        finalInspectionsSchemes,
-      );
+      const geojson = JSON.parse(text);
+      if (isSingleSketchFile(geojson)) {
+        loadSketchFile(filename, text);
+      } else {
+        setupSchemes(
+          geojson,
+          atfSchemes,
+          lcwipSchemes,
+          finalInspectionsSchemes,
+        );
+      }
       errorMessage = "";
     } catch (err) {
       errorMessage = `The file you loaded is broken: ${err}`;
     }
   }
 
+  async function loadSketchFile(filename: string, text: string) {
+    const authoritiesGj = await getAuthoritiesGeoJson();
+
+    importFile(filename, text, authoritiesGj);
+
+    importLocalSketches();
+  }
+
   function importLocalSketches() {
     $localSchemes = importAllLocalSketches();
     $localShow = true;

src/lib/browse/schemes/SchemesLayer.svelte

@@ -1,6 +1,15 @@
 import type { Writable } from "svelte/store";
 import type { Feature, SchemeData, Schemes } from "types";
 
+export function isSingleSketchFile(gj: Schemes): boolean {
+  const filteredSchemes = Object.entries(gj.schemes).filter(
+    ([scheme_reference, scheme]) => {
+      return scheme.browse === undefined || scheme.browse === null;
+    },
+  );
+  return filteredSchemes.length > 0;
+}
+
 // Takes a GeoJSON file representing a bunch of scheme files combined into one.
 // Populates the two stores for each of ATF and LCWIP schemes.
 export function setupSchemes(

src/lib/browse/schemes/data.ts

@@ -104,4 +104,5 @@
   aboutHref="about.html"
   privacyHref="privacy.html"
   accessibilityHref="accessibility.html"
+  footerTopBarColour="#007161"
 />

src/pages/About.svelte

@@ -136,4 +136,5 @@
   aboutHref="about.html"
   privacyHref="privacy.html"
   accessibilityHref="accessibility.html"
+  footerTopBarColour="#007161"
 />

src/pages/AccessibilityStatement.svelte

@@ -120,4 +120,5 @@
   aboutHref="about.html"
   privacyHref="privacy.html"
   accessibilityHref="accessibility.html"
+  footerTopBarColour="#007161"
 />

src/pages/CleanLocalStorage.svelte

@@ -53,4 +53,5 @@
   aboutHref="about.html"
   privacyHref="privacy.html"
   accessibilityHref="accessibility.html"
+  footerTopBarColour="#007161"
 />

src/pages/LandingPage.svelte

@@ -207,6 +207,7 @@
   aboutHref="about.html"
   privacyHref="privacy.html"
   accessibilityHref="accessibility.html"
+  footerTopBarColour="#007161"
 />
 
 <style>

src/pages/ManageFiles.svelte

@@ -111,4 +111,5 @@
   aboutHref="about.html"
   privacyHref="privacy.html"
   accessibilityHref="accessibility.html"
+  footerTopBarColour="#007161"
 />