ogm-viewer 0.3.0 → 0.4.0

package/dist/types/lib/sources/maplibre.d.ts

@@ -0,0 +1,7 @@
+import type { SourceSpecification } from 'maplibre-gl';
+import Source from './source';
+export default abstract class MapLibreSource extends Source {
+    getMapLibreSourceUrl(): string;
+    abstract isVector(): Promise<boolean>;
+    abstract getMapLibreSourceType(): Promise<SourceSpecification['type']>;
+}

package/dist/types/lib/sources/openindexmap.d.ts

@@ -1,4 +1,5 @@
 import GeoJSONSource from './geojson';
 export default class OpenIndexMapSource extends GeoJSONSource {
     getVectorLayers(): Promise<string[]>;
+    label(): string;
 }

package/dist/types/lib/sources/pmtiles.d.ts

@@ -1,5 +1,6 @@
 import { Header } from 'pmtiles';
 import Source from './source';
+import { type LngLatBoundsLike } from 'maplibre-gl';
 interface VectorLayer {
     id: string;
 }
@@ -11,17 +12,18 @@ export default class PMTilesSource extends Source {
     private archive;
     private metadata;
     private header;
-    constructor(id: string, url: string);
+    constructor(id: string, url: string, bounds?: LngLatBoundsLike);
+    label(): string;
     protected getMetadata(): Promise<Metadata>;
     protected getHeader(): Promise<Header>;
     isVector(): Promise<boolean>;
-    getBounds(): Promise<[[number, number], [number, number]]>;
+    getBounds(): Promise<LngLatBoundsLike>;
     isOverlay(): Promise<boolean>;
     getVectorLayers(): Promise<string[]>;
     getVectorEncoding(): Promise<"mvt" | "mlt">;
-    getSourceUrl(): string;
+    getMapLibreSourceUrl(): string;
     getScheme(): any;
     getTileSize(): any;
-    getType(): Promise<"vector" | "raster">;
+    getMapLibreSourceType(): Promise<"vector" | "raster">;
 }
 export {};

package/dist/types/lib/sources/raster.d.ts

@@ -1,7 +1,7 @@
-import Source from './source';
-export default abstract class RasterSource extends Source {
+import MapLibreSource from './maplibre';
+export default abstract class RasterSource extends MapLibreSource {
     isVector(): Promise<boolean>;
     getTileSize(): number | undefined;
-    getType(): Promise<"raster">;
+    getMapLibreSourceType(): Promise<"raster">;
     abstract getScheme(): 'xyz' | 'tms' | undefined;
 }

package/dist/types/lib/sources/source.d.ts

@@ -1,10 +1,10 @@
-import type { SourceSpecification } from 'maplibre-gl';
+import type { LngLatBoundsLike } from 'maplibre-gl';
 export default abstract class Source {
     protected url: string;
+    protected bounds: LngLatBoundsLike | undefined;
     id: string;
-    constructor(id: string, url: string);
-    test(): Promise<void>;
-    getSourceUrl(): string;
-    abstract isVector(): Promise<boolean>;
-    abstract getType(): Promise<SourceSpecification['type']>;
+    constructor(id: string, url: string, bounds?: LngLatBoundsLike);
+    label(): string;
+    test(): Promise<boolean>;
+    getBounds(): Promise<LngLatBoundsLike | undefined>;
 }

package/dist/types/lib/sources/tilejson.d.ts

@@ -1,10 +1,11 @@
 import Source from './source';
 export default class TileJSONSource extends Source {
     private metadata;
+    label(): string;
     protected getMetadata(): Promise<any>;
     isVector(): Promise<boolean>;
-    getBounds(): Promise<[[number, number], [number, number]]>;
+    getBounds(): Promise<import("maplibre-gl").LngLatBoundsLike>;
     getVectorLayers(): Promise<any>;
     getVectorEncoding(): Promise<"mvt" | "mlt">;
-    getType(): Promise<"vector" | "raster">;
+    getMapLibreSourceType(): Promise<"vector" | "raster">;
 }

package/dist/types/lib/sources/tms.d.ts

@@ -1,4 +1,5 @@
 import RasterSource from './raster';
 export default class TmsSource extends RasterSource {
+    label(): string;
     getScheme(): "tms";
 }

package/dist/types/lib/sources/vector.d.ts

@@ -1,9 +1,8 @@
-import { LngLatLike, SourceSpecification } from 'maplibre-gl';
-import Source from './source';
-export default abstract class VectorSource extends Source {
+import { SourceSpecification } from 'maplibre-gl';
+import MapLibreSource from './maplibre';
+export default abstract class VectorSource extends MapLibreSource {
     isVector(): Promise<boolean>;
-    getType(): Promise<SourceSpecification['type']>;
-    abstract getBounds(): Promise<[LngLatLike, LngLatLike]>;
+    getMapLibreSourceType(): Promise<SourceSpecification['type']>;
     abstract getVectorLayers(): Promise<string[]>;
     abstract getVectorEncoding(): Promise<'mvt' | 'mlt' | undefined>;
 }

package/dist/types/lib/sources/wms.d.ts

@@ -1,3 +1,4 @@
+import { type LngLatBoundsLike } from 'maplibre-gl';
 import RasterSource from './raster';
 type WmsOptions = {
     layerIds: string[];
@@ -11,10 +12,10 @@ type WmsOptions = {
 export default class WmsSource extends RasterSource {
     private options;
     private metadata;
-    constructor(id: string, url: string, options: WmsOptions);
+    constructor(id: string, url: string, options: WmsOptions, bounds?: LngLatBoundsLike);
+    label(): string;
     protected getMetadata(): Promise<Document>;
-    getBounds(): Promise<[[number, number], [number, number]]>;
-    getSourceUrl(): string;
+    getMapLibreSourceUrl(): string;
     getScheme(): any;
     getTileSize(): number;
     private get tilesUrl();

package/dist/types/lib/sources/xyz.d.ts

@@ -1,4 +1,5 @@
 import RasterSource from './raster';
 export default class XyzSource extends RasterSource {
+    label(): string;
     getScheme(): "xyz";
 }

package/dist/types/lib/themes/maplibre.d.ts

@@ -0,0 +1,27 @@
+import type { SkySpecification } from 'maplibre-gl';
+import Theme from './theme';
+export type MapLibreStyle = {
+    padding: string;
+    opacity: number;
+    fillColor: string;
+    fillHighlightColor: string;
+    fillSelectedColor: string;
+    fillInvalidColor: string;
+    strokeColor: string;
+    strokeHighlightColor: string;
+    strokeSelectedColor: string;
+    strokeInvalidColor: string;
+    textColor: string;
+    textFont: string;
+    textSize: number;
+    fillOpacity: number;
+    fillHighlightOpacity: number;
+};
+export declare const darkBasemapStyle = "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json";
+export declare const lightBasemapStyle = "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json";
+export default class MapLibreTheme extends Theme {
+    getStyle(): MapLibreStyle;
+    getBaseMapStyle(): string;
+    dualCssColors(darkColor: string, lightColor: string): string;
+    getSkyStyle(): SkySpecification;
+}

package/dist/types/lib/themes/theme.d.ts

@@ -0,0 +1,7 @@
+export default abstract class Theme {
+    protected element: Element;
+    constructor(element: Element);
+    abstract getStyle(): Record<string, any>;
+    protected darkMode(): boolean;
+    protected readCssProperty: (property: string) => string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ogm-viewer",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "A web-based viewer for previewing OpenGeoMetadata records",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -60,12 +60,13 @@
     "@deck.gl/mesh-layers": "^9.3.1",
     "@developmentseed/deck.gl-geotiff": "^0.7.0",
     "@geomatico/maplibre-cog-protocol": "^0.9.0",
+    "@awesome.me/webawesome": "^3.10.0",
     "@iiif/presentation-2": "^1.0.4",
     "@iiif/presentation-3": "^2.2.3",
     "@luma.gl/core": "^9.3.3",
     "@mapbox/geojson-extent": "^1.0.1",
-    "@shoelace-style/shoelace": "^2.20.1",
     "@terraformer/wkt": "^2.2.1",
+    "autolinker": "^4.1.5",
     "d3-scale": "^4.0.2",
     "lerc": "^4.1.1",
     "maplibre-gl": "^5.24.0",

package/dist/cjs/ogm-image_7.cjs.entry.js

@@ -1,14 +0,0 @@
-'use strict';
-
-var ogmImage_ogmMap_ogmMenubar_ogmMetadata_ogmSettings_ogmSidebar_ogmViewer_entry = require('./ogm-image.ogm-map.ogm-menubar.ogm-metadata.ogm-settings.ogm-sidebar.ogm-viewer-ifPxRNEo.js');
-require('./index-CVTUnaNg.js');
-
-
-
-exports.ogm_image = ogmImage_ogmMap_ogmMenubar_ogmMetadata_ogmSettings_ogmSidebar_ogmViewer_entry.OgmImage;
-exports.ogm_map = ogmImage_ogmMap_ogmMenubar_ogmMetadata_ogmSettings_ogmSidebar_ogmViewer_entry.OgmMap;
-exports.ogm_menubar = ogmImage_ogmMap_ogmMenubar_ogmMetadata_ogmSettings_ogmSidebar_ogmViewer_entry.OgmMenubar;
-exports.ogm_metadata = ogmImage_ogmMap_ogmMenubar_ogmMetadata_ogmSettings_ogmSidebar_ogmViewer_entry.OgmMetadata;
-exports.ogm_settings = ogmImage_ogmMap_ogmMenubar_ogmMetadata_ogmSettings_ogmSidebar_ogmViewer_entry.OgmSettings;
-exports.ogm_sidebar = ogmImage_ogmMap_ogmMenubar_ogmMetadata_ogmSettings_ogmSidebar_ogmViewer_entry.OgmSidebar;
-exports.ogm_viewer = ogmImage_ogmMap_ogmMenubar_ogmMetadata_ogmSettings_ogmSidebar_ogmViewer_entry.OgmViewer;

package/dist/collection/lib/previewers/index.js

@@ -1,36 +0,0 @@
-import CogSource from "../sources/cog";
-import GeoJSONSource from "../sources/geojson";
-import OpenIndexMapSource from "../sources/openindexmap";
-import PMTilesSource from "../sources/pmtiles";
-import WmsSource from "../sources/wms";
-import RasterSource from "../sources/raster";
-import CogPreviewer from "./cog";
-import GeoJSONPreviewer from "./geojson";
-import OpenIndexMapPreviewer from "./openindexmap";
-import PMTilesRasterPreviewer from "./pmtiles-raster";
-import PMTilesVectorPreviewer from "./pmtiles-vector";
-import RasterPreviewer from "./raster";
-import WmsPreviewer from "./wms";
-// Given a list of sources, return a list of previewers that can be used to preview them on a map
-export const getMapPreviewers = async (sources, map, options) => {
-    const previewers = [];
-    for (const source of sources) {
-        if (source instanceof OpenIndexMapSource)
-            previewers.push(new OpenIndexMapPreviewer(source, map, options));
-        else if (source instanceof GeoJSONSource)
-            previewers.push(new GeoJSONPreviewer(source, map, options));
-        else if (source instanceof PMTilesSource) {
-            if (await source.isVector())
-                previewers.push(new PMTilesVectorPreviewer(source, map, options));
-            else
-                previewers.push(new PMTilesRasterPreviewer(source, map, options));
-        }
-        else if (source instanceof WmsSource)
-            previewers.push(new WmsPreviewer(source, map, options));
-        else if (source instanceof CogSource)
-            previewers.push(new CogPreviewer(source, map, options));
-        else if (source instanceof RasterSource)
-            previewers.push(new RasterPreviewer(source, map, options));
-    }
-    return previewers;
-};

package/dist/collection/lib/sources/index.js

@@ -1,29 +0,0 @@
-import GeoJSONSource from "./geojson";
-import OpenIndexMapSource from "./openindexmap";
-import WMSSource from "./wms";
-import TMSSource from "./tms";
-import XYZSource from "./xyz";
-import PMTilesSource from "./pmtiles";
-import TileJSONSource from "./tilejson";
-import CogSource from "./cog";
-// Given a record, get all of the valid sources that can be used to preview it on a map
-export const getSources = (record) => {
-    const sources = [];
-    if (record.references.pmtilesUrl)
-        sources.push(new PMTilesSource(record.id, record.references.pmtilesUrl));
-    if (record.references.tilejsonUrl)
-        sources.push(new TileJSONSource(record.id, record.references.tilejsonUrl));
-    if (record.references.indexMapUrl)
-        sources.push(new OpenIndexMapSource(record.id, record.references.indexMapUrl));
-    if (record.references.geojsonUrl)
-        sources.push(new GeoJSONSource(record.id, record.references.geojsonUrl));
-    if (record.references.cogUrl)
-        sources.push(new CogSource(record.id, record.references.cogUrl));
-    if (record.references.tmsUrl)
-        sources.push(new TMSSource(record.id, record.references.tmsUrl));
-    if (record.references.xyzUrl)
-        sources.push(new XYZSource(record.id, record.references.xyzUrl));
-    if (record.references.wmsUrl && record.wxsIdentifier)
-        sources.push(new WMSSource(record.id, record.references.wmsUrl, { layerIds: [record.wxsIdentifier] }));
-    return sources;
-};

package/dist/esm/ogm-image_7.entry.js

@@ -1,2 +0,0 @@
-export { O as ogm_image, b as ogm_map, c as ogm_menubar, d as ogm_metadata, e as ogm_settings, f as ogm_sidebar, h as ogm_viewer } from './ogm-image.ogm-map.ogm-menubar.ogm-metadata.ogm-settings.ogm-sidebar.ogm-viewer-r5w_49n3.js';
-import './index-BdFT_kJa.js';

package/dist/ogm-viewer/p-0b81e024.entry.js

@@ -1 +0,0 @@
-export{O as ogm_image,b as ogm_map,c as ogm_menubar,d as ogm_metadata,e as ogm_settings,f as ogm_sidebar,h as ogm_viewer}from"./p-33R3d9fV.js";import"./p-BdFT_kJa.js";