Revert to dist build type

The dist-custom-elements build doesn't let us bundle everything
into a single script the way we want (consumers would still have
to use importmaps, and things get weird).

The dist build works correctly, but due to a bug
(stenciljs/core#4231), we can't build
the deck.gl-based COG viewer.

This disables the deck.gl viewer for now so that the package can
build.

Author: thatbudakguy

package.json

@@ -3,8 +3,8 @@
   "version": "0.2.0",
   "description": "A web-based viewer for previewing OpenGeoMetadata records",
   "main": "dist/index.cjs.js",
-  "module": "dist/components/index.js",
-  "types": "dist/components/index.d.ts",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
   "unpkg": "dist/ogm-viewer/ogm-viewer.esm.js",

src/lib/previewers/index.ts

@@ -1,12 +1,10 @@
-import CogSource from '../sources/cog';
 import GeoJSONSource from '../sources/geojson';
 import OpenIndexMapSource from '../sources/openindexmap';
 import PMTilesSource from '../sources/pmtiles';
 import Source from '../sources/source';
 import WmsSource from '../sources/wms';
 
 import RasterSource from '../sources/raster';
-import CogPreviewer from './cog';
 import GeoJSONPreviewer from './geojson';
 import MapLibrePreviewer from './maplibre';
 import OpenIndexMapPreviewer from './openindexmap';
@@ -17,7 +15,7 @@ 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: Source[], map: maplibregl.Map, options: any) => {
-  const previewers = [] as (MapLibrePreviewer | CogPreviewer)[];
+  const previewers = [] as MapLibrePreviewer[];
 
   for (const source of sources) {
     if (source instanceof OpenIndexMapSource) previewers.push(new OpenIndexMapPreviewer(source, map, options));
@@ -26,7 +24,6 @@ export const getMapPreviewers = async (sources: Source[], map: maplibregl.Map, o
       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));
     else if (source instanceof RasterSource) previewers.push(new RasterPreviewer(source, map, options));
   }
 

stencil.config.ts

@@ -7,7 +7,8 @@ export const config: Config = {
   outputTargets: [
     // This is the build target used by apps that will consume the viewer.
     {
-      type: 'dist-custom-elements',
+      type: 'dist',
+      esmLoaderPath: '../loader',
       isPrimaryPackageOutputTarget: true,
       copy: [{ src: '../assets', dest: 'assets' }],
     },

vitest-setup.ts

@@ -1,10 +1,6 @@
 // Load Stencil components and register them as custom elements.
-import { defineCustomElement as defineOgmMetadata } from './dist/components/ogm-metadata.js';
-import { defineCustomElement as defineOgmMenubar } from './dist/components/ogm-menubar.js';
-
-defineOgmMetadata();
-defineOgmMenubar();
-
+import { defineCustomElements } from './dist/esm/loader.js';
+defineCustomElements();
 export {};
 
 // Note: you may need `buildDist: true` in your stencil.config