\r\n
\r\n )}\r\n \r\n );\r\n}\r\n","import { loadModules } from \"esri-loader\";\r\nimport NProgress from \"nprogress\";\r\nimport { getConfig } from \"./request\";\r\n\r\n// NOTE: module, not global scope\r\nlet _Graphic;\r\n\r\n// lazy load the ArcGIS API modules and CSS\r\n// then create a new map view at an element\r\nexport async function loadMap(element) {\r\n const config = await getConfig();\r\n NProgress.start();\r\n const [WebMap, MapView, Graphic, LayerList, Expand] = await loadModules(\r\n [\r\n \"esri/WebMap\",\r\n \"esri/views/MapView\",\r\n \"esri/Graphic\",\r\n \"esri/widgets/LayerList\",\r\n \"esri/widgets/Expand\",\r\n ],\r\n {\r\n css: true,\r\n }\r\n );\r\n if (!element) {\r\n // component or app was likely destroyed\r\n return;\r\n }\r\n // hold onto the graphic class for later use\r\n _Graphic = Graphic;\r\n\r\n // create the Map\r\n const map = new WebMap({\r\n portalItem: {\r\n id: config.webMapId,\r\n },\r\n });\r\n\r\n // show the map at the element\r\n let view = new MapView({\r\n map,\r\n container: element,\r\n });\r\n // wait for the view to load\r\n return view.when(() => {\r\n const expand = new Expand({\r\n view: view,\r\n content: new LayerList({\r\n view: view,\r\n container: document.createElement(\"div\"),\r\n }),\r\n });\r\n\r\n view.ui.add(expand, \"top-right\");\r\n\r\n // //run updateXY on map click\r\n // view.on('click', (e) => {\r\n // const location = { x: e.mapPoint.longitude, y: e.mapPoint.latitude };\r\n // updateXY(location);\r\n // });\r\n view.on(\"mouse-wheel\", function (evt) {\r\n evt.stopPropagation();\r\n });\r\n\r\n NProgress.done();\r\n // return a reference to the view\r\n return view;\r\n });\r\n}\r\n\r\nexport function addPoint(view, center) {\r\n if (!_Graphic) {\r\n throw new Error(\"You must load a map before creating new graphics\");\r\n }\r\n if (!view || !view.ready) {\r\n return;\r\n }\r\n // clear any existing graphics (if any)\r\n view.graphics.removeAll();\r\n const { x, y } = center;\r\n const marker = {\r\n type: \"simple-marker\",\r\n style: \"circle\",\r\n size: 12,\r\n color: [22, 30, 46],\r\n outline: {\r\n color: [244, 244, 244],\r\n width: 1,\r\n },\r\n };\r\n const pointGraphic = new _Graphic({\r\n geometry: {\r\n type: \"point\",\r\n x,\r\n y,\r\n },\r\n symbol: marker,\r\n });\r\n view.graphics.addMany([pointGraphic]);\r\n view.goTo({ center: [x, y], zoom: 15 }, { duration: 1000 });\r\n}\r\n","function status(response) {\r\n if (response.status >= 200 && response.status < 300) {\r\n return Promise.resolve(response);\r\n } else {\r\n return Promise.reject(new Error(response.statusText));\r\n }\r\n}\r\n\r\nfunction handleResponse(handleAs, response) {\r\n switch (handleAs) {\r\n case 'text':\r\n return response.text();\r\n default:\r\n return response.json();\r\n }\r\n}\r\n\r\nfunction objectToUrlSearchParams(obj) {\r\n const body = new URLSearchParams();\r\n for (var prop in obj) {\r\n if (obj.hasOwnProperty(prop)) {\r\n body.append(prop, obj[prop]);\r\n }\r\n }\r\n\r\n // add f=json if not included\r\n if (!body.has('f')) {\r\n body.append('f', 'json');\r\n }\r\n\r\n return body.toString();\r\n}\r\n\r\nfunction getHeaders(isFormData) {\r\n const headers = {};\r\n\r\n if (!isFormData) {\r\n headers['content-type'] = 'application/x-www-form-urlencoded';\r\n }\r\n\r\n return new Headers(headers);\r\n}\r\n\r\nfunction getRequestBody(data, isFormData) {\r\n // if formdata, make formdata\r\n if (isFormData) {\r\n return this.objectToFormData(data);\r\n }\r\n\r\n // Not formdata, make url param\r\n return objectToUrlSearchParams(data);\r\n}\r\n\r\n/**\r\n * Make a request using fetch()\r\n * @param { Object } params Object containing key/value parameters to pass to fetch()\r\n * @return { Promise} Promise returned by fetch()\r\n */\r\nexport function makeRequest(params) {\r\n return new Promise((resolve, reject) => {\r\n let url = params.url;\r\n const data = params.data || {};\r\n const headers = getHeaders(params.isFormData);\r\n const options = {\r\n method: params.method || 'get',\r\n headers,\r\n };\r\n\r\n if (!params.hideCredentials) {\r\n options.credentials = 'include';\r\n }\r\n\r\n let body = getRequestBody(data, params.isFormData);\r\n\r\n if (options.method === 'get') {\r\n url = `${url}?${body}`;\r\n } else {\r\n options.body = body;\r\n }\r\n\r\n fetch(url, options)\r\n .then(status)\r\n .then(handleResponse.bind(null, params.handleAs))\r\n .then(function (data) {\r\n // Handle successful requests that are actually errors...\r\n if (data.error) {\r\n reject(data.error);\r\n return;\r\n }\r\n resolve(data);\r\n })\r\n .catch(function (error) {\r\n reject(error);\r\n });\r\n });\r\n}\r\n\r\nexport function getConfig() {\r\n return new Promise((resolve, reject) => {\r\n makeRequest({\r\n url: `/locdesc/config.json`,\r\n method: 'get',\r\n }).then((resp) => resolve(resp));\r\n });\r\n}\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport { Card } from 'semantic-ui-react';\r\nimport { loadMap, addPoint } from '../utils/map';\r\n\r\nconst styles = {\r\n mapDiv: {\r\n height: '500px',\r\n width: '100',\r\n position: 'relative',\r\n outline: 'none',\r\n },\r\n};\r\nfunction EsriMap({ center, updateXY }) {\r\n const viewdivRef = useRef();\r\n const [view, setView] = useState(null);\r\n useEffect(() => {\r\n loadMap(viewdivRef.current, updateXY).then((view) => {\r\n setView(view);\r\n });\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n useEffect(() => {\r\n if (view && center) {\r\n addPoint(view, center);\r\n }\r\n }, [view, center]);\r\n return (\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n ![\"logo\"](\"/logo.png\")
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default App;\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.0/8 are considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl, {\r\n headers: { 'Service-Worker': 'script' },\r\n })\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready\r\n .then(registration => {\r\n registration.unregister();\r\n })\r\n .catch(error => {\r\n console.error(error.message);\r\n });\r\n }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport 'semantic-ui-css/semantic.min.css';\r\nimport 'nprogress/nprogress.css';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\n\r\nReactDOM.render(\r\n \r\n {config?.title}
\r\n \r\n\r\n {mapCenter && !isEmpty(attributes) ? (\r\n \r\n Please search for Baltimore City address above.\r\n \r\n )}\r\n
\r\n \r\n