import { toHtmlFragment } from "@wsdot/geospatial-metadata";

/**
 * Gets a metadata XML document, converts it to an HTMLDocumentFragment,
 * then appends the fragment to the document body.
 * @param {string} url - Metadata URL.
 * @returns {Promise}
 */
async function getMetadataHtml(url) {
    const response = await fetch(url);
    const xml = await response.text();
    const frag = toHtmlFragment(xml);
    document.body.append(frag);
}

// URL to retrieve XML metadata via ArcGIS Server SOE.
// See https://github.com/WSDOT-GIS/LayerMetadataSoe
const url = "https://data.wsdot.wa.gov/arcgis/rest/services/Shared/CityLimits/MapServer/exts/LayerMetadata/metadata/0?f=xml";

getMetadataHtml(url).then(() => {
    console.log(`Successfully added metadata from ${url}.`);
}, error => {
    console.error(`Error adding metadata from ${url}`, error);
});