@mapcomponents/react-maplibre 0.1.66 → 0.1.68

package/coverage/lcov-report/src/hooks/useLayerHoverPopup/useLayerHoverPopup.tsx.html

@@ -145,7 +145,9 @@
 <a name='L80'></a><a href='#L80'>80</a>
 <a name='L81'></a><a href='#L81'>81</a>
 <a name='L82'></a><a href='#L82'>82</a>
-<a name='L83'></a><a href='#L83'>83</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L83'></a><a href='#L83'>83</a>
+<a name='L84'></a><a href='#L84'>84</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -229,8 +231,9 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useRef, useEffect } from 'react';
 import useMap from '../../hooks/useMap';
+import { GeoJSONFeature } from 'maplibre-gl';
 import {
-	GeoJSONFeature,
+	LngLatLike,
 	Popup,
 	MapEventType,
 } from 'maplibre-gl';
@@ -270,7 +273,7 @@ const useLayerHoverPopup = (props: useLayerHoverPopupProps) =&gt; {
 			props.layerId,
 <span class="fstat-no" title="function not covered" >			(</span>
 				e: MapEventType &amp; {
-					features?: GeoJSONFeature[] | undefined;
+					features?: ({[key:string]:string} &amp; { geometry:{coordinates:[number,number]}})[] | undefined;
 					lngLat: { lng: number; lat: number };
 				}
 			) =&gt; {
@@ -281,7 +284,7 @@ const useLayerHoverPopup = (props: useLayerHoverPopupProps) =&gt; {
 				//const description = e.features[0].properties.desc;
 				let content = <span class="cstat-no" title="statement not covered" >'';</span>
 <span class="cstat-no" title="statement not covered" >				if (e?.features?.[0] &amp;&amp; typeof props.getPopupContent === 'function') {</span>
-<span class="cstat-no" title="statement not covered" >					content = props.getPopupContent(e.features[0]);</span>
+<span class="cstat-no" title="statement not covered" >					content = props.getPopupContent(e.features[0] as unknown as GeoJSONFeature);</span>
 				}
 &nbsp;
 <span class="cstat-no" title="statement not covered" >				if (coordinates?.[0]) {</span>
@@ -295,7 +298,7 @@ const useLayerHoverPopup = (props: useLayerHoverPopupProps) =&gt; {
 					// Populate the popup and set its coordinates
 &nbsp;
 					// based on the feature found.
-<span class="cstat-no" title="statement not covered" >					popup.current.setLngLat(coordinates).setHTML(content).addTo(mapHook.map.map);</span>
+<span class="cstat-no" title="statement not covered" >					popup.current.setLngLat(coordinates as LngLatLike).setHTML(content).addTo(mapHook.map.map);</span>
 				}
 			},
 			mapHook.componentId
@@ -316,7 +319,7 @@ export default useLayerHoverPopup;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-01-23T12:34:46.087Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useMap.ts.html

@@ -247,7 +247,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useContext, useState, useEffect, useRef } from "react";
 import { v4 as uuidv4 } from "uuid";
-import MapContext from "../contexts/MapContext";
+import MapContext, { MapContextType } from "../contexts/MapContext";
 import useMapState from "./useMapState";
 import MapLibreGlWrapper, { LayerState } from "../components/MapLibreMap/lib/MapLibreGlWrapper";
 &nbsp;
@@ -343,7 +343,7 @@ export type { useMapType };
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-01-23T12:34:46.087Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useMapState.ts.html

@@ -245,21 +245,7 @@
 <a name='L180'></a><a href='#L180'>180</a>
 <a name='L181'></a><a href='#L181'>181</a>
 <a name='L182'></a><a href='#L182'>182</a>
-<a name='L183'></a><a href='#L183'>183</a>
-<a name='L184'></a><a href='#L184'>184</a>
-<a name='L185'></a><a href='#L185'>185</a>
-<a name='L186'></a><a href='#L186'>186</a>
-<a name='L187'></a><a href='#L187'>187</a>
-<a name='L188'></a><a href='#L188'>188</a>
-<a name='L189'></a><a href='#L189'>189</a>
-<a name='L190'></a><a href='#L190'>190</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L183'></a><a href='#L183'>183</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -444,7 +430,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useContext, useCallback, useState, useEffect, useRef } from "react";
 import PropTypes from "prop-types";
 import { v4 as uuidv4 } from "uuid";
-import MapContext from "../contexts/MapContext";
+import MapContext, { MapContextType } from "../contexts/MapContext";
 import MapLibreGlWrapper, {
 	LayerState,
 	ViewportState,
@@ -454,13 +440,6 @@ type useMapStateType = {
 	layers: (LayerState | undefined)[];
 	viewport: ViewportState | undefined;
 };
-type MapContext = {
-	mapIds: [string?];
-	mapExists: Function;
-	maps: [];
-	getMap: Function;
-	setMap: Function;
-};
 &nbsp;
 /**
  * React hook that allows subscribing to map state changes
@@ -501,8 +480,8 @@ function useMapState(props: {
 	 * @param {object} layer
 	 */
 	const layerIdFilter = useCallback(
-<span class="fstat-no" title="function not covered" >		(l</span>ayer) =&gt; {
-<span class="cstat-no" title="statement not covered" >			if (!props?.filter?.includeBaseLayers &amp;&amp; layer.baseLayer) {</span>
+<span class="fstat-no" title="function not covered" >		(l</span>ayer:LayerState) =&gt; {
+<span class="cstat-no" title="statement not covered" >			if (!props?.filter?.includeBaseLayers &amp;&amp; layer?.baseLayer) {</span>
 <span class="cstat-no" title="statement not covered" >				return false;</span>
 			}
 &nbsp;
@@ -522,8 +501,8 @@ function useMapState(props: {
 	const refreshLayerState = useCallback(() =&gt; {
 		<span class="missing-if-branch" title="if path not taken" >I</span>if (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span>
 &nbsp;
-		let _layerState = mapRef.current.wrapper.layerState.filter(layerIdFilter);
-		let _layerStateString = JSON.stringify(_layerState);
+		const _layerState = mapRef.current.wrapper.layerState.filter(layerIdFilter);
+		const _layerStateString = JSON.stringify(_layerState);
 		<span class="missing-if-branch" title="else path not taken" >E</span>if (layersRef.current !== _layerStateString) {
 			layersRef.current = _layerStateString;
 			setLayers(_layerState);
@@ -531,7 +510,7 @@ function useMapState(props: {
 	}, [layerIdFilter]);
 &nbsp;
 	useEffect(() =&gt; {
-		let _componentId = componentId.current;
+		const _componentId = componentId.current;
 &nbsp;
 		return () =&gt; {
 			// cleanup all event listeners
@@ -637,7 +616,7 @@ export default useMapState;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-01-23T12:34:46.087Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useSource.ts.html

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">79.31% </span>
+                <span class="strong">75.86% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>23/29</span>
+                <span class='fraction'>22/29</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">55% </span>
+                <span class="strong">54.54% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>11/20</span>
+                <span class='fraction'>12/22</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">80.76% </span>
+                <span class="strong">76.92% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>21/26</span>
+                <span class='fraction'>20/26</span>
             </div>
         
             
@@ -211,7 +211,7 @@
 <span class="cline-any cline-yes">20x</span>
 <span class="cline-any cline-yes">15x</span>
 <span class="cline-any cline-yes">15x</span>
-<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -294,8 +294,8 @@ function useSource(props: useSourceProps): useSourceType {
 	useEffect(() =&gt; {
 		return () =&gt; {
 			initializedRef.current = false;
-			if (mapHook.map) {
-				for (const [layerId, layer] of Object.entries(mapHook.map.map.style._layers)) {
+			<span class="missing-if-branch" title="if path not taken" >I</span>if (mapHook.map &amp;&amp; mapHook.map?.map?.style?._layers) {
+<span class="cstat-no" title="statement not covered" >				for (const [layerId, layer] of Object.entries(mapHook.map.map.style._layers)) {</span>
 <span class="cstat-no" title="statement not covered" >					if (layer.source === sourceId.current) {</span>
 <span class="cstat-no" title="statement not covered" >						mapHook.map.map.removeLayer(layerId);</span>
 					}
@@ -322,7 +322,7 @@ export default useSource;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-01-23T12:34:46.087Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useWms.ts.html

@@ -382,7 +382,7 @@ export default useWms;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-01-23T12:34:46.087Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-01-23T12:34:46.087Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/index.ts.html

@@ -109,7 +109,38 @@
 <a name='L44'></a><a href='#L44'>44</a>
 <a name='L45'></a><a href='#L45'>45</a>
 <a name='L46'></a><a href='#L46'>46</a>
-<a name='L47'></a><a href='#L47'>47</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L47'></a><a href='#L47'>47</a>
+<a name='L48'></a><a href='#L48'>48</a>
+<a name='L49'></a><a href='#L49'>49</a>
+<a name='L50'></a><a href='#L50'>50</a>
+<a name='L51'></a><a href='#L51'>51</a>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</a>
+<a name='L55'></a><a href='#L55'>55</a>
+<a name='L56'></a><a href='#L56'>56</a>
+<a name='L57'></a><a href='#L57'>57</a>
+<a name='L58'></a><a href='#L58'>58</a>
+<a name='L59'></a><a href='#L59'>59</a>
+<a name='L60'></a><a href='#L60'>60</a>
+<a name='L61'></a><a href='#L61'>61</a>
+<a name='L62'></a><a href='#L62'>62</a>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</a>
+<a name='L65'></a><a href='#L65'>65</a>
+<a name='L66'></a><a href='#L66'>66</a>
+<a name='L67'></a><a href='#L67'>67</a>
+<a name='L68'></a><a href='#L68'>68</a>
+<a name='L69'></a><a href='#L69'>69</a>
+<a name='L70'></a><a href='#L70'>70</a>
+<a name='L71'></a><a href='#L71'>71</a>
+<a name='L72'></a><a href='#L72'>72</a>
+<a name='L73'></a><a href='#L73'>73</a>
+<a name='L74'></a><a href='#L74'>74</a>
+<a name='L75'></a><a href='#L75'>75</a>
+<a name='L76'></a><a href='#L76'>76</a>
+<a name='L77'></a><a href='#L77'>77</a>
+<a name='L78'></a><a href='#L78'>78</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -155,22 +186,65 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export { default as MapLibreMap } from "./components/MapLibreMap/MapLibreMap";
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export { default as MapLibreGlWrapper} from './components/MapLibreMap/lib/MapLibreGlWrapper';
+export { default as MapLibreMap } from "./components/MapLibreMap/MapLibreMap";
+&nbsp;
+export { default as MlCenterPosition } from "./components/MlCenterPosition/MlCenterPosition";
+&nbsp;
 export { default as MlComponentTemplate } from "./components/MlComponentTemplate/MlComponentTemplate";
+&nbsp;
 export { default as MlCreatePdfButton } from "./components/MlCreatePdfButton/MlCreatePdfButton";
+&nbsp;
 export { default as MlCreatePdfForm } from "./components/MlCreatePdfForm/MlCreatePdfForm";
 export { default as MlPdfPreview } from "./components/MlCreatePdfForm/lib/PdfPreview";
+export { default as PdfContext } from "./components/MlCreatePdfForm/lib/PdfContext";
+export { default as PdfForm } from "./components/MlCreatePdfForm/lib/PdfForm";
+&nbsp;
 export { default as MlFeatureEditor } from "./components/MlFeatureEditor/MlFeatureEditor";
+&nbsp;
 export { default as MlFillExtrusionLayer } from "./components/MlFillExtrusionLayer/MlFillExtrusionLayer";
+&nbsp;
 export { default as MlFollowGps } from "./components/MlFollowGps/MlFollowGps";
+&nbsp;
 export { default as MlGeoJsonLayer } from "./components/MlGeoJsonLayer/MlGeoJsonLayer";
+&nbsp;
 export { default as MlImageMarkerLayer } from "./components/MlImageMarkerLayer/MlImageMarkerLayer";
+&nbsp;
 export { default as MlMeasureTool } from "./components/MlMeasureTool/MlMeasureTool";
 export { default as MlNavigationTools } from "./components/MlNavigationTools/MlNavigationTools";
 export { default as MlNavigationCompass } from "./components/MlNavigationCompass/MlNavigationCompass";
 export { default as MlLayer } from "./components/MlLayer/MlLayer";
-export { default as MlVectorTileLayer } from "./components/MlVectorTileLayer/MlVectorTileLayer";
-export { default as MlWmsLayer } from "./components/MlWmsLayer/MlWmsLayer";
 export { default as MlScaleReference } from "./components/MlScaleReference/MlScaleReference";
 &nbsp;
 export { default as MlLayerMagnify } from "./components/MlLayerMagnify/MlLayerMagnify";
@@ -179,36 +253,55 @@ export { default as MlLayerSwipe } from "./components/MlLayerSwipe/MlLayerSwipe"
 export { default as MlTransitionGeoJsonLayer } from "./components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer";
 export { default as MlMarker } from "./components/MlMarker/MlMarker";
 &nbsp;
+export { default as MlOsmLayer } from "./components/MlOsmLayer/MlOsmLayer.js";
+&nbsp;
 export { default as MlGpxViewer } from "./components/MlGpxViewer/MlGpxViewer";
 export { default as GeoJsonProvider } from "./components/MlGpxViewer/util/GeoJsonProvider";
 export { default as GeoJsonContext } from "./components/MlGpxViewer/util/GeoJsonContext";
 &nbsp;
+export { default as MlShareMapState } from "./components/MlShareMapState/MlShareMapState";
+&nbsp;
 export { default as MlSpatialElevationProfile } from "./components/MlSpatialElevationProfile/MlSpatialElevationProfile";
+export { default as MlVectorTileLayer } from "./components/MlVectorTileLayer/MlVectorTileLayer";
+&nbsp;
+export { default as MlWmsFeatureInfoPopup } from "./components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup";
+export { default as MlWmsLayer } from "./components/MlWmsLayer/MlWmsLayer";
+export { default as MlWmsLoader } from "./components/MlWmsLoader/MlWmsLoader"
 &nbsp;
-export { default as MlOsmLayer } from "./components/MlOsmLayer/MlOsmLayer.js";
 export { default as MlBasicComponent } from "./components/MlBasicComponent.js";
 &nbsp;
+export { default as useCameraFollowPath } from "./hooks/useCameraFollowPath/useCameraFollowPath";
+export { default as useExportMap } from "./hooks/useExportMap";
+export { default as useGpx } from "./hooks/useGpx/useGpx";
+export { default as useLayerFilter } from "./hooks/useLayerFilter/useLayerFilter";
+export { default as useLayerHoverPopup } from "./hooks/useLayerHoverPopup/useLayerHoverPopup";
 export { default as useLayer } from "./hooks/useLayer";
-export { default as useMapState } from "./hooks/useMapState";
+export { default as useLayerEvent } from "./hooks/useLayerEvent";
 export { default as useMap } from "./hooks/useMap";
-export { default as useWms } from "./hooks/useWms";
+export { default as useMapState } from "./hooks/useMapState";
 export { default as useSource } from "./hooks/useSource";
-export { default as useExportMap } from "./hooks/useExportMap";
-export { default as useCameraFollowPath } from "./hooks/useCameraFollowPath/useCameraFollowPath";
-export { default as useLayerFilter } from "./hooks/useLayerFilter/useLayerFilter";
+export { default as useWms } from "./hooks/useWms";
 &nbsp;
 export { MapComponentsProvider } from "./contexts/MapContext";
 export { default as MapContext } from "./contexts/MapContext";
 export { default as SimpleDataProvider } from "./contexts/SimpleDataProvider";
 export { default as SimpleDataContext } from "./contexts/SimpleDataContext";
-&nbsp;</pre></td></tr></table></pre>
+&nbsp;
+export { default as getTheme } from './ui_components/MapcomponentsTheme';
+&nbsp;
+export { default as LayerList } from './ui_components/LayerList/LayerList';
+export { default as LayerListItem } from './ui_components/LayerList/LayerListItem';
+export { default as LayerListFolder } from './ui_components/LayerList/LayerListFolder';
+export { default as LayerPropertyForm } from './ui_components/LayerList/util/LayerPropertyForm';
+export { default as LayerListItemVectorLayer } from './ui_components/LayerList/util/LayerListItemVectorLayer';
+export { default as ColorPicker } from './ui_components/LayerList/util/input/ColorPicker';</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-01-23T12:34:46.087Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../prettify.js"></script>
         <script>