@defra/forms-engine-plugin 4.3.0 → 4.5.0

package/.server/client/javascripts/map.d.ts

@@ -0,0 +1,199 @@
+/**
+ * Converts lat long to easting and northing
+ * @param {object} param
+ * @param {number} param.lat
+ * @param {number} param.long
+ * @returns {{ easting: number, northing: number }}
+ */
+export function latLongToEastingNorthing({ lat, long }: {
+    lat: number;
+    long: number;
+}): {
+    easting: number;
+    northing: number;
+};
+/**
+ * Converts easting and northing to lat long
+ * @param {object} param
+ * @param {number} param.easting
+ * @param {number} param.northing
+ * @returns {{ lat: number, long: number }}
+ */
+export function eastingNorthingToLatLong({ easting, northing }: {
+    easting: number;
+    northing: number;
+}): {
+    lat: number;
+    long: number;
+};
+/**
+ * Converts lat long to an ordnance survey grid reference
+ * @param {object} param
+ * @param {number} param.lat
+ * @param {number} param.long
+ * @returns {string}
+ */
+export function latLongToOsGridRef({ lat, long }: {
+    lat: number;
+    long: number;
+}): string;
+/**
+ * Converts an ordnance survey grid reference to lat long
+ * @param {string} osGridRef
+ * @returns {{ lat: number, long: number }}
+ */
+export function osGridRefToLatLong(osGridRef: string): {
+    lat: number;
+    long: number;
+};
+/**
+ * Get the grid ref from the first coordinate of a long/lat feature
+ * @param {Feature} feature
+ */
+export function getCoordinateGridRef(feature: Feature): any;
+/**
+ * Get the centroid grid ref from a long/lat feature
+ * @param {Feature} feature
+ */
+export function getCentroidGridRef(feature: Feature): any;
+/**
+ * Make a form submit handler that only allows submissions from allowed buttons
+ * @param {HTMLButtonElement[]} buttons - the form buttons to allow submissions
+ */
+export function formSubmitFactory(buttons: HTMLButtonElement[]): (e: SubmitEvent) => void;
+/**
+ * Initialise location maps
+ * @param {Partial<MapsEnvironmentConfig>} config - the map configuration
+ */
+export function initMaps(config?: Partial<MapsEnvironmentConfig>): void;
+/**
+ * OS API request proxy factory
+ * @param {string} apiPath - the root API path
+ */
+export function makeTileRequestTransformer(apiPath: string): (url: string, resourceType: string) => {
+    url: string;
+    headers: {};
+};
+/**
+ * Create a Defra map instance
+ * @param {string} mapId - the map id
+ * @param {InteractiveMapInitConfig} initConfig - the map initial configuration
+ * @param {MapsEnvironmentConfig} mapsConfig - the map environment params
+ */
+export function createMap(mapId: string, initConfig: InteractiveMapInitConfig, mapsConfig: MapsEnvironmentConfig): {
+    map: InteractiveMap;
+    interactPlugin: any;
+};
+/**
+ * Updates the marker position and moves the map view port the new location
+ * @param {InteractiveMap} map - the map component instance (of InteractiveMap)
+ * @param {MapLibreMap} mapProvider - the map provider instance (of MapLibreMap)
+ * @param {MapCenter} center - the point
+ */
+export function centerMap(map: InteractiveMap, mapProvider: MapLibreMap, center: MapCenter): void;
+/** @type {InteractiveMapInitConfig} */
+export const defaultConfig: InteractiveMapInitConfig;
+export namespace EVENTS {
+    let mapReady: string;
+    let interactMarkerChange: string;
+    let drawReady: string;
+    let drawCreated: string;
+    let drawEdited: string;
+    let drawCancelled: string;
+}
+/**
+ * - an instance of a InteractiveMap
+ */
+export type InteractiveMap = {
+    /**
+     * - register callback listeners to map events
+     */
+    on: Function;
+    /**
+     * - adds a new panel to the map
+     */
+    addPanel: Function;
+    /**
+     * - adds/updates a marker
+     */
+    addMarker: Function;
+    /**
+     * - removes a marker
+     */
+    removeMarker: Function;
+    /**
+     * - adds/updates a button
+     */
+    addButton: Function;
+    /**
+     * - toggle the state of a button
+     */
+    toggleButtonState: Function;
+};
+export type MapLibreMap = {
+    /**
+     * - pans/zooms to a new location
+     */
+    flyTo: Function;
+    /**
+     * - fits the my to the new bounds
+     */
+    fitBounds: Function;
+};
+/**
+ * - Map center point as [long, lat]
+ */
+export type MapCenter = [number, number];
+/**
+ * - additional config that can be provided to InteractiveMap
+ */
+export type InteractiveMapInitConfig = {
+    /**
+     * - the zoom level of the map
+     */
+    zoom: string;
+    /**
+     * - the center point of the map
+     */
+    center: MapCenter;
+    /**
+     * - the markers to add to the map
+     */
+    markers?: {
+        id: string;
+        coords: MapCenter;
+    }[] | undefined;
+    /**
+     * - additional plugins
+     */
+    plugins?: any[] | undefined;
+};
+export type TileData = {
+    /**
+     * - the outdoor tile URL
+     */
+    VTS_OUTDOOR_URL: string;
+    /**
+     * - the dark tile URL
+     */
+    VTS_DARK_URL: string;
+    /**
+     * - the black and white tile URL
+     */
+    VTS_BLACK_AND_WHITE_URL: string;
+};
+export type MapsEnvironmentConfig = {
+    /**
+     * - the root asset path
+     */
+    assetPath: string;
+    /**
+     * - the root API path
+     */
+    apiPath: string;
+    /**
+     * - the tile data config
+     */
+    data: TileData;
+};
+import type { Feature } from '~/src/server/plugins/engine/types.js';

package/.server/client/javascripts/map.js

@@ -0,0 +1,384 @@
+import { centroid } from '@turf/centroid';
+// @ts-expect-error - no types
+import OsGridRef, { LatLon } from 'geodesy/osgridref.js';
+import { processGeospatial } from "./geospatial-map.js";
+import { processLocation } from "./location-map.js";
+
+// Center of UK
+const DEFAULT_LAT = 53.825564;
+const DEFAULT_LONG = -2.421975;
+const COMPANY_SYMBOL_CODE = 169;
+const defaultData = {
+  VTS_OUTDOOR_URL: '/api/maps/vts/OS_VTS_3857_Outdoor.json',
+  VTS_DARK_URL: '/api/maps/vts/OS_VTS_3857_Dark.json',
+  VTS_BLACK_AND_WHITE_URL: '/api/maps/vts/OS_VTS_3857_Black_and_White.json'
+};
+
+/**
+ * Converts lat long to easting and northing
+ * @param {object} param
+ * @param {number} param.lat
+ * @param {number} param.long
+ * @returns {{ easting: number, northing: number }}
+ */
+export function latLongToEastingNorthing({
+  lat,
+  long
+}) {
+  const point = new LatLon(lat, long);
+  return point.toOsGrid();
+}
+
+/**
+ * Converts easting and northing to lat long
+ * @param {object} param
+ * @param {number} param.easting
+ * @param {number} param.northing
+ * @returns {{ lat: number, long: number }}
+ */
+export function eastingNorthingToLatLong({
+  easting,
+  northing
+}) {
+  const point = new OsGridRef(easting, northing);
+  const latLong = point.toLatLon();
+  return {
+    lat: latLong.latitude,
+    long: latLong.longitude
+  };
+}
+
+/**
+ * Converts lat long to an ordnance survey grid reference
+ * @param {object} param
+ * @param {number} param.lat
+ * @param {number} param.long
+ * @returns {string}
+ */
+export function latLongToOsGridRef({
+  lat,
+  long
+}) {
+  const point = new LatLon(lat, long);
+  return point.toOsGrid().toString();
+}
+
+/**
+ * Converts an ordnance survey grid reference to lat long
+ * @param {string} osGridRef
+ * @returns {{ lat: number, long: number }}
+ */
+export function osGridRefToLatLong(osGridRef) {
+  const point = OsGridRef.parse(osGridRef);
+  const latLong = point.toLatLon();
+  return {
+    lat: latLong.latitude,
+    long: latLong.longitude
+  };
+}
+
+/**
+ * Get the grid ref from the first coordinate of a long/lat feature
+ * @param {Feature} feature
+ */
+export function getCoordinateGridRef(feature) {
+  if (feature.geometry.type === 'Point') {
+    const [long, lat] = feature.geometry.coordinates;
+    const point = new LatLon(lat, long);
+    return point.toOsGrid().toString();
+  } else if (feature.geometry.type === 'LineString') {
+    const [long, lat] = feature.geometry.coordinates[0];
+    const point = new LatLon(lat, long);
+    return point.toOsGrid().toString();
+  } else {
+    const [long, lat] = feature.geometry.coordinates[0][0];
+    const point = new LatLon(lat, long);
+    return point.toOsGrid().toString();
+  }
+}
+
+/**
+ * Get the centroid grid ref from a long/lat feature
+ * @param {Feature} feature
+ */
+export function getCentroidGridRef(feature) {
+  if (feature.geometry.type === 'Point') {
+    const [long, lat] = feature.geometry.coordinates;
+    const point = new LatLon(lat, long);
+    return point.toOsGrid().toString();
+  } else {
+    const centre = centroid(feature);
+    const [long, lat] = centre.geometry.coordinates;
+    const point = new LatLon(lat, long);
+    return point.toOsGrid().toString();
+  }
+}
+
+/** @type {InteractiveMapInitConfig} */
+export const defaultConfig = {
+  zoom: '6',
+  center: [DEFAULT_LONG, DEFAULT_LAT]
+};
+export const EVENTS = {
+  mapReady: 'map:ready',
+  interactMarkerChange: 'interact:markerchange',
+  drawReady: 'draw:ready',
+  drawCreated: 'draw:created',
+  drawEdited: 'draw:edited',
+  drawCancelled: 'draw:cancelled'
+};
+
+/**
+ * Make a form submit handler that only allows submissions from allowed buttons
+ * @param {HTMLButtonElement[]} buttons - the form buttons to allow submissions
+ */
+export function formSubmitFactory(buttons) {
+  /**
+   * The submit handler
+   * @param {SubmitEvent} e
+   */
+  const onFormSubmit = function (e) {
+    if (!(e.submitter instanceof HTMLButtonElement) || !buttons.includes(e.submitter)) {
+      e.preventDefault();
+    }
+  };
+  return onFormSubmit;
+}
+
+/**
+ * Initialise location maps
+ * @param {Partial<MapsEnvironmentConfig>} config - the map configuration
+ */
+export function initMaps(config = {}) {
+  const {
+    assetPath = '/assets',
+    apiPath = '/form/api',
+    data = defaultData
+  } = config;
+  const locations = document.querySelectorAll('.app-location-field');
+  const geospatials = document.querySelectorAll('.app-geospatial-field');
+
+  // TODO: Fix this in `interactive-map`
+  // If there are location components on the page fix up the main form submit
+  // handler so it doesn't fire when using the integrated map search feature
+  if (locations.length) {
+    const form = locations[0].closest('form');
+    if (form === null) {
+      return;
+    }
+    const buttons = Array.from(form.querySelectorAll('button'));
+    form.addEventListener('submit', formSubmitFactory(buttons), false);
+  }
+  if (geospatials.length) {
+    const form = geospatials[0].closest('form');
+    if (form === null) {
+      return;
+    }
+    const buttons = Array.from(form.querySelectorAll('button'));
+    form.addEventListener('submit', formSubmitFactory(buttons), false);
+  }
+  locations.forEach((location, index) => {
+    processLocation({
+      assetPath,
+      apiPath,
+      data
+    }, location, index);
+  });
+  geospatials.forEach((geospatial, index) => {
+    processGeospatial({
+      assetPath,
+      apiPath,
+      data
+    }, geospatial, index);
+  });
+}
+
+/**
+ * OS API request proxy factory
+ * @param {string} apiPath - the root API path
+ */
+export function makeTileRequestTransformer(apiPath) {
+  /**
+   * Proxy OS API requests via our server
+   * @param {string} url - the request URL
+   * @param {string} resourceType - the resource type
+   */
+  return function transformTileRequest(url, resourceType) {
+    if (url.startsWith('https://api.os.uk')) {
+      if (resourceType === 'Tile') {
+        return {
+          url: url.replace('https://api.os.uk/maps/vector/v1/vts', `${window.location.origin}${apiPath}`),
+          headers: {}
+        };
+      }
+      if (resourceType !== 'Style') {
+        return {
+          url: `${apiPath}/map-proxy?url=${encodeURIComponent(url)}`,
+          headers: {}
+        };
+      }
+    }
+    const spritesPath = 'https://raw.githubusercontent.com/OrdnanceSurvey/OS-Vector-Tile-API-Stylesheets/main';
+
+    // Proxy sprite requests
+    if (url.startsWith(spritesPath)) {
+      const path = url.substring(spritesPath.length);
+      return {
+        url: `${apiPath}/maps/vts${path}`,
+        headers: {}
+      };
+    }
+    return {
+      url,
+      headers: {}
+    };
+  };
+}
+
+/**
+ * Create a Defra map instance
+ * @param {string} mapId - the map id
+ * @param {InteractiveMapInitConfig} initConfig - the map initial configuration
+ * @param {MapsEnvironmentConfig} mapsConfig - the map environment params
+ */
+export function createMap(mapId, initConfig, mapsConfig) {
+  const {
+    assetPath,
+    apiPath,
+    data = defaultData
+  } = mapsConfig;
+  const logoAltText = 'Ordnance survey logo';
+
+  // @ts-expect-error - Defra namespace currently comes from UMD support files
+  const defra = window.defra;
+  const interactPlugin = defra.interactPlugin({
+    markerColor: {
+      outdoor: '#ff0000',
+      dark: '#00ff00'
+    },
+    interactionMode: 'marker',
+    multiSelect: false
+  });
+
+  /** @type {InteractiveMap} */
+  const map = new defra.InteractiveMap(mapId, {
+    enableFullscreen: true,
+    autoColorScheme: false,
+    mapProvider: defra.maplibreProvider(),
+    reverseGeocodeProvider: defra.openNamesProvider({
+      url: `${apiPath}/reverse-geocode-proxy?easting={easting}&northing={northing}`
+    }),
+    behaviour: 'inline',
+    minZoom: 6,
+    maxZoom: 18,
+    containerHeight: '400px',
+    enableZoomControls: true,
+    transformRequest: makeTileRequestTransformer(apiPath),
+    ...initConfig,
+    plugins: [defra.mapStylesPlugin({
+      mapStyles: [{
+        id: 'outdoor',
+        label: 'Outdoor',
+        url: data.VTS_OUTDOOR_URL,
+        thumbnail: `${assetPath}/interactive-map/assets/images/outdoor-map-thumb.jpg`,
+        logo: `${assetPath}/interactive-map/assets/images/os-logo.svg`,
+        logoAltText,
+        attribution: `Contains OS data ${String.fromCodePoint(COMPANY_SYMBOL_CODE)} Crown copyright and database rights ${new Date().getFullYear()}`,
+        backgroundColor: '#f5f5f0'
+      }, {
+        id: 'dark',
+        label: 'Dark',
+        url: data.VTS_DARK_URL,
+        mapColorScheme: 'dark',
+        appColorScheme: 'dark',
+        thumbnail: `${assetPath}/interactive-map/assets/images/dark-map-thumb.jpg`,
+        logo: `${assetPath}/interactive-map/assets/images/os-logo-white.svg`,
+        logoAltText,
+        attribution: `Contains OS data ${String.fromCodePoint(COMPANY_SYMBOL_CODE)} Crown copyright and database rights ${new Date().getFullYear()}`
+      }, {
+        id: 'black-and-white',
+        label: 'Black/White',
+        url: data.VTS_BLACK_AND_WHITE_URL,
+        thumbnail: `${assetPath}/interactive-map/assets/images/black-and-white-map-thumb.jpg`,
+        logo: `${assetPath}/interactive-map/assets/images/os-logo-black.svg`,
+        logoAltText,
+        attribution: `Contains OS data ${String.fromCodePoint(COMPANY_SYMBOL_CODE)} Crown copyright and database rights ${new Date().getFullYear()}`
+      }]
+    }), interactPlugin, defra.searchPlugin({
+      osNamesURL: `${apiPath}/geocode-proxy?query={query}`,
+      width: '300px',
+      showMarker: false
+    }), defra.scaleBarPlugin({
+      units: 'metric'
+    }), ...(initConfig.plugins ?? [])]
+  });
+  return {
+    map,
+    interactPlugin
+  };
+}
+
+/**
+ * Updates the marker position and moves the map view port the new location
+ * @param {InteractiveMap} map - the map component instance (of InteractiveMap)
+ * @param {MapLibreMap} mapProvider - the map provider instance (of MapLibreMap)
+ * @param {MapCenter} center - the point
+ */
+export function centerMap(map, mapProvider, center) {
+  // Move the 'location' marker to the new point
+  map.addMarker('location', center);
+
+  // Pan & zoom the map to the new valid location
+  mapProvider.flyTo({
+    center,
+    zoom: 14,
+    essential: true
+  });
+}
+
+/**
+ * @typedef {object} InteractiveMap - an instance of a InteractiveMap
+ * @property {Function} on - register callback listeners to map events
+ * @property {Function} addPanel - adds a new panel to the map
+ * @property {Function} addMarker - adds/updates a marker
+ * @property {Function} removeMarker - removes a marker
+ * @property {Function} addButton - adds/updates a button
+ * @property {Function} toggleButtonState - toggle the state of a button
+ */
+
+/**
+ * @typedef {object} MapLibreMap
+ * @property {Function} flyTo - pans/zooms to a new location
+ * @property {Function} fitBounds - fits the my to the new bounds
+ */
+
+/**
+ * @typedef {[number, number]} MapCenter - Map center point as [long, lat]
+ */
+
+/**
+ * @typedef {object} InteractiveMapInitConfig - additional config that can be provided to InteractiveMap
+ * @property {string} zoom - the zoom level of the map
+ * @property {MapCenter} center - the center point of the map
+ * @property {{ id: string, coords: MapCenter }[]} [markers] - the markers to add to the map
+ * @property {any[]} [plugins] - additional plugins
+ */
+
+/**
+ * @typedef {object} TileData
+ * @property {string} VTS_OUTDOOR_URL - the outdoor tile URL
+ * @property {string} VTS_DARK_URL - the dark tile URL
+ * @property {string} VTS_BLACK_AND_WHITE_URL - the black and white tile URL
+ */
+
+/**
+ * @typedef {object} MapsEnvironmentConfig
+ * @property {string} assetPath - the root asset path
+ * @property {string} apiPath - the root API path
+ * @property {TileData} data - the tile data config
+ */
+
+/**
+ * @import { Feature } from '~/src/server/plugins/engine/types.js'
+ */
+//# sourceMappingURL=map.js.map

package/.server/client/javascripts/map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map.js","names":["centroid","OsGridRef","LatLon","processGeospatial","processLocation","DEFAULT_LAT","DEFAULT_LONG","COMPANY_SYMBOL_CODE","defaultData","VTS_OUTDOOR_URL","VTS_DARK_URL","VTS_BLACK_AND_WHITE_URL","latLongToEastingNorthing","lat","long","point","toOsGrid","eastingNorthingToLatLong","easting","northing","latLong","toLatLon","latitude","longitude","latLongToOsGridRef","toString","osGridRefToLatLong","osGridRef","parse","getCoordinateGridRef","feature","geometry","type","coordinates","getCentroidGridRef","centre","defaultConfig","zoom","center","EVENTS","mapReady","interactMarkerChange","drawReady","drawCreated","drawEdited","drawCancelled","formSubmitFactory","buttons","onFormSubmit","e","submitter","HTMLButtonElement","includes","preventDefault","initMaps","config","assetPath","apiPath","data","locations","document","querySelectorAll","geospatials","length","form","closest","Array","from","addEventListener","forEach","location","index","geospatial","makeTileRequestTransformer","transformTileRequest","url","resourceType","startsWith","replace","window","origin","headers","encodeURIComponent","spritesPath","path","substring","createMap","mapId","initConfig","mapsConfig","logoAltText","defra","interactPlugin","markerColor","outdoor","dark","interactionMode","multiSelect","map","InteractiveMap","enableFullscreen","autoColorScheme","mapProvider","maplibreProvider","reverseGeocodeProvider","openNamesProvider","behaviour","minZoom","maxZoom","containerHeight","enableZoomControls","transformRequest","plugins","mapStylesPlugin","mapStyles","id","label","thumbnail","logo","attribution","String","fromCodePoint","Date","getFullYear","backgroundColor","mapColorScheme","appColorScheme","searchPlugin","osNamesURL","width","showMarker","scaleBarPlugin","units","centerMap","addMarker","flyTo","essential"],"sources":["../../../src/client/javascripts/map.js"],"sourcesContent":["import { centroid } from '@turf/centroid'\n// @ts-expect-error - no types\nimport OsGridRef, { LatLon } from 'geodesy/osgridref.js'\n\nimport { processGeospatial } from '~/src/client/javascripts/geospatial-map.js'\nimport { processLocation } from '~/src/client/javascripts/location-map.js'\n\n// Center of UK\nconst DEFAULT_LAT = 53.825564\nconst DEFAULT_LONG = -2.421975\nconst COMPANY_SYMBOL_CODE = 169\n\nconst defaultData = {\n  VTS_OUTDOOR_URL: '/api/maps/vts/OS_VTS_3857_Outdoor.json',\n  VTS_DARK_URL: '/api/maps/vts/OS_VTS_3857_Dark.json',\n  VTS_BLACK_AND_WHITE_URL: '/api/maps/vts/OS_VTS_3857_Black_and_White.json'\n}\n\n/**\n * Converts lat long to easting and northing\n * @param {object} param\n * @param {number} param.lat\n * @param {number} param.long\n * @returns {{ easting: number, northing: number }}\n */\nexport function latLongToEastingNorthing({ lat, long }) {\n  const point = new LatLon(lat, long)\n\n  return point.toOsGrid()\n}\n\n/**\n * Converts easting and northing to lat long\n * @param {object} param\n * @param {number} param.easting\n * @param {number} param.northing\n * @returns {{ lat: number, long: number }}\n */\nexport function eastingNorthingToLatLong({ easting, northing }) {\n  const point = new OsGridRef(easting, northing)\n  const latLong = point.toLatLon()\n\n  return { lat: latLong.latitude, long: latLong.longitude }\n}\n\n/**\n * Converts lat long to an ordnance survey grid reference\n * @param {object} param\n * @param {number} param.lat\n * @param {number} param.long\n * @returns {string}\n */\nexport function latLongToOsGridRef({ lat, long }) {\n  const point = new LatLon(lat, long)\n\n  return point.toOsGrid().toString()\n}\n\n/**\n * Converts an ordnance survey grid reference to lat long\n * @param {string} osGridRef\n * @returns {{ lat: number, long: number }}\n */\nexport function osGridRefToLatLong(osGridRef) {\n  const point = OsGridRef.parse(osGridRef)\n  const latLong = point.toLatLon()\n\n  return { lat: latLong.latitude, long: latLong.longitude }\n}\n\n/**\n * Get the grid ref from the first coordinate of a long/lat feature\n * @param {Feature} feature\n */\nexport function getCoordinateGridRef(feature) {\n  if (feature.geometry.type === 'Point') {\n    const [long, lat] = feature.geometry.coordinates\n    const point = new LatLon(lat, long)\n\n    return point.toOsGrid().toString()\n  } else if (feature.geometry.type === 'LineString') {\n    const [long, lat] = feature.geometry.coordinates[0]\n    const point = new LatLon(lat, long)\n\n    return point.toOsGrid().toString()\n  } else {\n    const [long, lat] = feature.geometry.coordinates[0][0]\n    const point = new LatLon(lat, long)\n\n    return point.toOsGrid().toString()\n  }\n}\n\n/**\n * Get the centroid grid ref from a long/lat feature\n * @param {Feature} feature\n */\nexport function getCentroidGridRef(feature) {\n  if (feature.geometry.type === 'Point') {\n    const [long, lat] = feature.geometry.coordinates\n    const point = new LatLon(lat, long)\n\n    return point.toOsGrid().toString()\n  } else {\n    const centre = centroid(feature)\n    const [long, lat] = centre.geometry.coordinates\n    const point = new LatLon(lat, long)\n\n    return point.toOsGrid().toString()\n  }\n}\n\n/** @type {InteractiveMapInitConfig} */\nexport const defaultConfig = {\n  zoom: '6',\n  center: [DEFAULT_LONG, DEFAULT_LAT]\n}\n\nexport const EVENTS = {\n  mapReady: 'map:ready',\n  interactMarkerChange: 'interact:markerchange',\n  drawReady: 'draw:ready',\n  drawCreated: 'draw:created',\n  drawEdited: 'draw:edited',\n  drawCancelled: 'draw:cancelled'\n}\n\n/**\n * Make a form submit handler that only allows submissions from allowed buttons\n * @param {HTMLButtonElement[]} buttons - the form buttons to allow submissions\n */\nexport function formSubmitFactory(buttons) {\n  /**\n   * The submit handler\n   * @param {SubmitEvent} e\n   */\n  const onFormSubmit = function (e) {\n    if (\n      !(e.submitter instanceof HTMLButtonElement) ||\n      !buttons.includes(e.submitter)\n    ) {\n      e.preventDefault()\n    }\n  }\n\n  return onFormSubmit\n}\n\n/**\n * Initialise location maps\n * @param {Partial<MapsEnvironmentConfig>} config - the map configuration\n */\nexport function initMaps(config = {}) {\n  const {\n    assetPath = '/assets',\n    apiPath = '/form/api',\n    data = defaultData\n  } = config\n  const locations = document.querySelectorAll('.app-location-field')\n  const geospatials = document.querySelectorAll('.app-geospatial-field')\n\n  // TODO: Fix this in `interactive-map`\n  // If there are location components on the page fix up the main form submit\n  // handler so it doesn't fire when using the integrated map search feature\n  if (locations.length) {\n    const form = locations[0].closest('form')\n\n    if (form === null) {\n      return\n    }\n\n    const buttons = Array.from(form.querySelectorAll('button'))\n    form.addEventListener('submit', formSubmitFactory(buttons), false)\n  }\n\n  if (geospatials.length) {\n    const form = geospatials[0].closest('form')\n\n    if (form === null) {\n      return\n    }\n\n    const buttons = Array.from(form.querySelectorAll('button'))\n    form.addEventListener('submit', formSubmitFactory(buttons), false)\n  }\n\n  locations.forEach((location, index) => {\n    processLocation({ assetPath, apiPath, data }, location, index)\n  })\n\n  geospatials.forEach((geospatial, index) => {\n    processGeospatial({ assetPath, apiPath, data }, geospatial, index)\n  })\n}\n\n/**\n * OS API request proxy factory\n * @param {string} apiPath - the root API path\n */\nexport function makeTileRequestTransformer(apiPath) {\n  /**\n   * Proxy OS API requests via our server\n   * @param {string} url - the request URL\n   * @param {string} resourceType - the resource type\n   */\n  return function transformTileRequest(url, resourceType) {\n    if (url.startsWith('https://api.os.uk')) {\n      if (resourceType === 'Tile') {\n        return {\n          url: url.replace(\n            'https://api.os.uk/maps/vector/v1/vts',\n            `${window.location.origin}${apiPath}`\n          ),\n          headers: {}\n        }\n      }\n\n      if (resourceType !== 'Style') {\n        return {\n          url: `${apiPath}/map-proxy?url=${encodeURIComponent(url)}`,\n          headers: {}\n        }\n      }\n    }\n\n    const spritesPath =\n      'https://raw.githubusercontent.com/OrdnanceSurvey/OS-Vector-Tile-API-Stylesheets/main'\n\n    // Proxy sprite requests\n    if (url.startsWith(spritesPath)) {\n      const path = url.substring(spritesPath.length)\n      return {\n        url: `${apiPath}/maps/vts${path}`,\n        headers: {}\n      }\n    }\n\n    return { url, headers: {} }\n  }\n}\n\n/**\n * Create a Defra map instance\n * @param {string} mapId - the map id\n * @param {InteractiveMapInitConfig} initConfig - the map initial configuration\n * @param {MapsEnvironmentConfig} mapsConfig - the map environment params\n */\nexport function createMap(mapId, initConfig, mapsConfig) {\n  const { assetPath, apiPath, data = defaultData } = mapsConfig\n  const logoAltText = 'Ordnance survey logo'\n\n  // @ts-expect-error - Defra namespace currently comes from UMD support files\n  const defra = window.defra\n\n  const interactPlugin = defra.interactPlugin({\n    markerColor: { outdoor: '#ff0000', dark: '#00ff00' },\n    interactionMode: 'marker',\n    multiSelect: false\n  })\n\n  /** @type {InteractiveMap} */\n  const map = new defra.InteractiveMap(mapId, {\n    enableFullscreen: true,\n    autoColorScheme: false,\n    mapProvider: defra.maplibreProvider(),\n    reverseGeocodeProvider: defra.openNamesProvider({\n      url: `${apiPath}/reverse-geocode-proxy?easting={easting}&northing={northing}`\n    }),\n    behaviour: 'inline',\n    minZoom: 6,\n    maxZoom: 18,\n    containerHeight: '400px',\n    enableZoomControls: true,\n    transformRequest: makeTileRequestTransformer(apiPath),\n    ...initConfig,\n    plugins: [\n      defra.mapStylesPlugin({\n        mapStyles: [\n          {\n            id: 'outdoor',\n            label: 'Outdoor',\n            url: data.VTS_OUTDOOR_URL,\n            thumbnail: `${assetPath}/interactive-map/assets/images/outdoor-map-thumb.jpg`,\n            logo: `${assetPath}/interactive-map/assets/images/os-logo.svg`,\n            logoAltText,\n            attribution: `Contains OS data ${String.fromCodePoint(COMPANY_SYMBOL_CODE)} Crown copyright and database rights ${new Date().getFullYear()}`,\n            backgroundColor: '#f5f5f0'\n          },\n          {\n            id: 'dark',\n            label: 'Dark',\n            url: data.VTS_DARK_URL,\n            mapColorScheme: 'dark',\n            appColorScheme: 'dark',\n            thumbnail: `${assetPath}/interactive-map/assets/images/dark-map-thumb.jpg`,\n            logo: `${assetPath}/interactive-map/assets/images/os-logo-white.svg`,\n            logoAltText,\n            attribution: `Contains OS data ${String.fromCodePoint(COMPANY_SYMBOL_CODE)} Crown copyright and database rights ${new Date().getFullYear()}`\n          },\n          {\n            id: 'black-and-white',\n            label: 'Black/White',\n            url: data.VTS_BLACK_AND_WHITE_URL,\n            thumbnail: `${assetPath}/interactive-map/assets/images/black-and-white-map-thumb.jpg`,\n            logo: `${assetPath}/interactive-map/assets/images/os-logo-black.svg`,\n            logoAltText,\n            attribution: `Contains OS data ${String.fromCodePoint(COMPANY_SYMBOL_CODE)} Crown copyright and database rights ${new Date().getFullYear()}`\n          }\n        ]\n      }),\n      interactPlugin,\n      defra.searchPlugin({\n        osNamesURL: `${apiPath}/geocode-proxy?query={query}`,\n        width: '300px',\n        showMarker: false\n      }),\n      defra.scaleBarPlugin({\n        units: 'metric'\n      }),\n      ...(initConfig.plugins ?? [])\n    ]\n  })\n\n  return { map, interactPlugin }\n}\n\n/**\n * Updates the marker position and moves the map view port the new location\n * @param {InteractiveMap} map - the map component instance (of InteractiveMap)\n * @param {MapLibreMap} mapProvider - the map provider instance (of MapLibreMap)\n * @param {MapCenter} center - the point\n */\nexport function centerMap(map, mapProvider, center) {\n  // Move the 'location' marker to the new point\n  map.addMarker('location', center)\n\n  // Pan & zoom the map to the new valid location\n  mapProvider.flyTo({\n    center,\n    zoom: 14,\n    essential: true\n  })\n}\n\n/**\n * @typedef {object} InteractiveMap - an instance of a InteractiveMap\n * @property {Function} on - register callback listeners to map events\n * @property {Function} addPanel - adds a new panel to the map\n * @property {Function} addMarker - adds/updates a marker\n * @property {Function} removeMarker - removes a marker\n * @property {Function} addButton - adds/updates a button\n * @property {Function} toggleButtonState - toggle the state of a button\n */\n\n/**\n * @typedef {object} MapLibreMap\n * @property {Function} flyTo - pans/zooms to a new location\n * @property {Function} fitBounds - fits the my to the new bounds\n */\n\n/**\n * @typedef {[number, number]} MapCenter - Map center point as [long, lat]\n */\n\n/**\n * @typedef {object} InteractiveMapInitConfig - additional config that can be provided to InteractiveMap\n * @property {string} zoom - the zoom level of the map\n * @property {MapCenter} center - the center point of the map\n * @property {{ id: string, coords: MapCenter }[]} [markers] - the markers to add to the map\n * @property {any[]} [plugins] - additional plugins\n */\n\n/**\n * @typedef {object} TileData\n * @property {string} VTS_OUTDOOR_URL - the outdoor tile URL\n * @property {string} VTS_DARK_URL - the dark tile URL\n * @property {string} VTS_BLACK_AND_WHITE_URL - the black and white tile URL\n */\n\n/**\n * @typedef {object} MapsEnvironmentConfig\n * @property {string} assetPath - the root asset path\n * @property {string} apiPath - the root API path\n * @property {TileData} data - the tile data config\n */\n\n/**\n * @import { Feature } from '~/src/server/plugins/engine/types.js'\n */\n"],"mappings":"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","ignoreList":[]}

package/.server/client/javascripts/shared.d.ts

@@ -2,7 +2,9 @@
  * Initialise all clientside components (but not maps as this will be an opt-in for now given the additional UMD assets that are required)
  */
 export function initAll(): void;
-export { initMaps } from "~/src/client/javascripts/location-map.js";
+export { initMaps } from "~/src/client/javascripts/map.js";
+export * as map from "~/src/client/javascripts/map.js";
+export * as geospatialMap from "~/src/client/javascripts/geospatial-map.js";
 export const initAllGovuk: typeof initAllGovukImp;
 export const initAllAutocomplete: typeof initAllAutocompleteImp;
 export const initFileUpload: typeof initFileUploadImp;

package/.server/client/javascripts/shared.js

@@ -2,7 +2,9 @@ import { initAllAutocomplete as initAllAutocompleteImp } from "./autocomplete.js
 import { initFileUpload as initFileUploadImp } from "./file-upload.js";
 import { initAllGovuk as initAllGovukImp } from "./govuk.js";
 import { initPreviewCloseLink as initPreviewCloseLinkImp } from "./preview-close-link.js";
-export { initMaps } from "./location-map.js";
+export { initMaps } from "./map.js";
+export * as map from "./map.js";
+export * as geospatialMap from "./geospatial-map.js";
 export const initAllGovuk = initAllGovukImp;
 export const initAllAutocomplete = initAllAutocompleteImp;
 export const initFileUpload = initFileUploadImp;

package/.server/client/javascripts/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","names":["initAllAutocomplete","initAllAutocompleteImp","initFileUpload","initFileUploadImp","initAllGovuk","initAllGovukImp","initPreviewCloseLink","initPreviewCloseLinkImp","initMaps","initAll"],"sources":["../../../src/client/javascripts/shared.js"],"sourcesContent":["import { initAllAutocomplete as initAllAutocompleteImp } from '~/src/client/javascripts/autocomplete.js'\nimport { initFileUpload as initFileUploadImp } from '~/src/client/javascripts/file-upload.js'\nimport { initAllGovuk as initAllGovukImp } from '~/src/client/javascripts/govuk.js'\nimport { initPreviewCloseLink as initPreviewCloseLinkImp } from '~/src/client/javascripts/preview-close-link.js'\nexport { initMaps } from '~/src/client/javascripts/location-map.js'\n\nexport const initAllGovuk = initAllGovukImp\nexport const initAllAutocomplete = initAllAutocompleteImp\nexport const initFileUpload = initFileUploadImp\nexport const initPreviewCloseLink = initPreviewCloseLinkImp\n\n/**\n * Initialise all clientside components (but not maps as this will be an opt-in for now given the additional UMD assets that are required)\n */\nexport function initAll() {\n  initAllGovuk()\n  initAllAutocomplete()\n  initFileUpload()\n  initPreviewCloseLink()\n}\n"],"mappings":"AAAA,SAASA,mBAAmB,IAAIC,sBAAsB;AACtD,SAASC,cAAc,IAAIC,iBAAiB;AAC5C,SAASC,YAAY,IAAIC,eAAe;AACxC,SAASC,oBAAoB,IAAIC,uBAAuB;AACxD,SAASC,QAAQ;AAEjB,OAAO,MAAMJ,YAAY,GAAGC,eAAe;AAC3C,OAAO,MAAML,mBAAmB,GAAGC,sBAAsB;AACzD,OAAO,MAAMC,cAAc,GAAGC,iBAAiB;AAC/C,OAAO,MAAMG,oBAAoB,GAAGC,uBAAuB;;AAE3D;AACA;AACA;AACA,OAAO,SAASE,OAAOA,CAAA,EAAG;EACxBL,YAAY,CAAC,CAAC;EACdJ,mBAAmB,CAAC,CAAC;EACrBE,cAAc,CAAC,CAAC;EAChBI,oBAAoB,CAAC,CAAC;AACxB","ignoreList":[]}
+{"version":3,"file":"shared.js","names":["initAllAutocomplete","initAllAutocompleteImp","initFileUpload","initFileUploadImp","initAllGovuk","initAllGovukImp","initPreviewCloseLink","initPreviewCloseLinkImp","initMaps","map","geospatialMap","initAll"],"sources":["../../../src/client/javascripts/shared.js"],"sourcesContent":["import { initAllAutocomplete as initAllAutocompleteImp } from '~/src/client/javascripts/autocomplete.js'\nimport { initFileUpload as initFileUploadImp } from '~/src/client/javascripts/file-upload.js'\nimport { initAllGovuk as initAllGovukImp } from '~/src/client/javascripts/govuk.js'\nimport { initPreviewCloseLink as initPreviewCloseLinkImp } from '~/src/client/javascripts/preview-close-link.js'\nexport { initMaps } from '~/src/client/javascripts/map.js'\nexport * as map from '~/src/client/javascripts/map.js'\nexport * as geospatialMap from '~/src/client/javascripts/geospatial-map.js'\n\nexport const initAllGovuk = initAllGovukImp\nexport const initAllAutocomplete = initAllAutocompleteImp\nexport const initFileUpload = initFileUploadImp\nexport const initPreviewCloseLink = initPreviewCloseLinkImp\n\n/**\n * Initialise all clientside components (but not maps as this will be an opt-in for now given the additional UMD assets that are required)\n */\nexport function initAll() {\n  initAllGovuk()\n  initAllAutocomplete()\n  initFileUpload()\n  initPreviewCloseLink()\n}\n"],"mappings":"AAAA,SAASA,mBAAmB,IAAIC,sBAAsB;AACtD,SAASC,cAAc,IAAIC,iBAAiB;AAC5C,SAASC,YAAY,IAAIC,eAAe;AACxC,SAASC,oBAAoB,IAAIC,uBAAuB;AACxD,SAASC,QAAQ;AACjB,OAAO,KAAKC,GAAG;AACf,OAAO,KAAKC,aAAa;AAEzB,OAAO,MAAMN,YAAY,GAAGC,eAAe;AAC3C,OAAO,MAAML,mBAAmB,GAAGC,sBAAsB;AACzD,OAAO,MAAMC,cAAc,GAAGC,iBAAiB;AAC/C,OAAO,MAAMG,oBAAoB,GAAGC,uBAAuB;;AAE3D;AACA;AACA;AACA,OAAO,SAASI,OAAOA,CAAA,EAAG;EACxBP,YAAY,CAAC,CAAC;EACdJ,mBAAmB,CAAC,CAAC;EACrBE,cAAc,CAAC,CAAC;EAChBI,oBAAoB,CAAC,CAAC;AACxB","ignoreList":[]}

package/.server/client/stylesheets/shared.scss

@@ -16,6 +16,13 @@
   visibility: hidden;
 }
 
+.js-enabled {
+  .js-hidden {
+    display: none;
+    visibility: hidden;
+  }
+}
+
 // Used in postcode lookup
 .govuk-button--link {
   @extend %govuk-link;