@gisatcz/deckgl-geolib 0.0.4 → 1.2.1-dev.0

package/dist/esm/types/cogbitmaplayer/CogBitmapLayer.d.ts

@@ -0,0 +1,13 @@
+import { CompositeLayer } from '@deck.gl/core';
+import { GeoImageOptions } from '../geoimage/geoimage';
+declare class CogBitmapLayer extends CompositeLayer<any> {
+    static layerName: string;
+    id: string;
+    url: string;
+    static displayName: string;
+    constructor(id: string, url: string, options: GeoImageOptions);
+    initializeState(): void;
+    init(url: string): Promise<void>;
+    renderLayers(): any;
+}
+export default CogBitmapLayer;

package/dist/esm/types/cogterrainlayer/CogTerrainLayer.d.ts

@@ -0,0 +1,15 @@
+import { CompositeLayer } from '@deck.gl/core';
+import { GeoImageOptions } from '../geoimage/geoimage';
+declare class CogTerrainLayer extends CompositeLayer<any> {
+    static layerName: string;
+    bitmapUrl: string;
+    urlType: 'none' | 'tile' | 'cog';
+    id: string;
+    terrainUrl: string;
+    static displayName: string;
+    constructor(id: string, terrainUrl: string, terrainOptions: GeoImageOptions, bitmapUrl?: string, bitmapOptions?: GeoImageOptions);
+    initializeState(): void;
+    init(terrainUrl: string): Promise<void>;
+    renderLayers(): any[];
+}
+export default CogTerrainLayer;

package/dist/esm/types/cogtiles/cogtiles.d.ts

@@ -0,0 +1,29 @@
+import { CogTiff, CogTiffImage } from '@cogeotiff/core';
+import LZWDecoder from './lzw';
+import GeoImage, { GeoImageOptions } from '../geoimage/geoimage';
+declare class CogTiles {
+    cog: CogTiff;
+    zoomRange: number[];
+    tileSize: number;
+    lowestOriginTileOffset: number[];
+    lowestOriginTileSize: number;
+    loaded: boolean;
+    geo: GeoImage;
+    lzw: LZWDecoder;
+    options: GeoImageOptions;
+    constructor(options: GeoImageOptions);
+    initializeCog(url: string): Promise<CogTiff>;
+    getTileSize(cog: CogTiff): number;
+    getZoomRange(cog: CogTiff): number[];
+    getBoundsAsLatLon(cog: CogTiff): [number, number, number, number];
+    getOriginAsLatLon(cog: CogTiff): number[];
+    getImageTileIndex(img: CogTiffImage): number[];
+    getResolutionFromZoomLevel(tileSize: number, z: number): number;
+    getZoomLevelFromResolution(tileSize: number, resolution: number): number;
+    getLatLon(input: number[]): number[];
+    getTile(x: number, y: number, z: number): Promise<string>;
+    getFormat(sampleFormat: number[] | number, bitsPerSample: number[] | number): any;
+    getNoDataValue(tags: any): number;
+    testCog(): Promise<void>;
+}
+export default CogTiles;

package/dist/esm/types/geoimage/geoimage.d.ts

@@ -0,0 +1,49 @@
+import { GeoTIFFImage } from 'geotiff';
+import chroma from 'chroma-js';
+export type GeoImageOptions = {
+    type: 'image' | 'terrain';
+    format?: 'uint8' | 'uint16' | 'uint32' | 'int8' | 'int16' | 'int32' | 'float32' | 'float64';
+    useHeatMap?: boolean;
+    useColorsBasedOnValues?: boolean;
+    useAutoRange?: boolean;
+    useDataForOpacity?: boolean;
+    useChannel?: number | null;
+    useSingleColor?: boolean;
+    clipLow?: number | null;
+    clipHigh?: number | null;
+    multiplier?: number;
+    color?: Array<number> | chroma.Color;
+    colorScale?: Array<string> | Array<chroma.Color>;
+    colorScaleValueRange?: number[];
+    colorsBasedOnValues?: [number | undefined, chroma.Color][];
+    alpha?: number;
+    noDataValue?: number;
+    numOfChannels?: number;
+    nullColor?: Array<number> | chroma.Color;
+    unidentifiedColor?: Array<number> | chroma.Color;
+    clippedColor?: Array<number> | chroma.Color;
+};
+export default class GeoImage {
+    data: GeoTIFFImage | undefined;
+    scale: (num: number, inMin: number, inMax: number, outMin: number, outMax: number) => number;
+    setUrl(url: string): Promise<void>;
+    getMap(input: string | {
+        width: number;
+        height: number;
+        rasters: any[];
+    }, options: GeoImageOptions): Promise<any>;
+    getHeightmap(input: string | {
+        width: number;
+        height: number;
+        rasters: any[];
+    }, options: GeoImageOptions): Promise<any>;
+    getBitmap(input: string | {
+        width: number;
+        height: number;
+        rasters: any[];
+    }, options: GeoImageOptions): Promise<any>;
+    getMinMax(array: any, options: any): any[];
+    getColorValue(dataArray: [], options: GeoImageOptions, arrayLength: number, numOfChannels?: number): any[];
+    getDefaultColor(size: any, nullColor: any): any[];
+    getColorFromChromaType(colorDefinition: any): any[];
+}

package/dist/esm/types/index.d.ts

@@ -0,0 +1,11 @@
+import CogBitmapLayer from './cogbitmaplayer/CogBitmapLayer';
+import CogTerrainLayer from './cogterrainlayer/CogTerrainLayer';
+import cogtiles from './cogtiles/cogtiles';
+import GeoImage from './geoimage/geoimage';
+declare const _default: {
+    CogBitmapLayer: typeof CogBitmapLayer;
+    CogTerrainLayer: typeof CogTerrainLayer;
+    cogtiles: typeof cogtiles;
+    GeoImage: typeof GeoImage;
+};
+export default _default;

package/dist/esm/types/utilities/tileurls.d.ts

@@ -0,0 +1,4 @@
+declare function isTileServiceUrl(url: string): boolean;
+declare function isCogUrl(url: string): boolean;
+declare function getTileUrl(service: string, x: number, y: number, z: number): string;
+export { isTileServiceUrl, isCogUrl, getTileUrl };

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@gisatcz/deckgl-geolib",
-  "version": "0.0.4",
+  "version": "1.2.1-dev.0",
   "private": false,
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
+  "sideEffects": false,
   "scripts": {
     "rollup": "rollup -c",
     "start": "yarn && yarn rollup",
@@ -16,12 +17,10 @@
     "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@rollup/plugin-typescript": "^11.1.1",
-    "@typescript-eslint/eslint-plugin": "^5.59.9",
-    "@typescript-eslint/parser": "^5.59.9",
+    "@types/pako": "^2.0.0",
     "eslint": "^8.42.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^8.3.0",
-    "eslint-config-standard": "^16.0.3",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-node": "^11.1.0",
@@ -29,7 +28,6 @@
     "eslint-plugin-promise": "^5.2.0",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "prettier": "^2.5.1",
     "rollup-plugin-dts": "^5.3.0",
     "rollup-plugin-terser": "^7.0.2",
     "typescript": "^5.0.4"
@@ -42,12 +40,15 @@
     "@deck.gl/geo-layers": "^8.9.18",
     "@deck.gl/layers": "^8.9.18",
     "@deck.gl/mesh-layers": "^8.9.18",
+    "@fortawesome/fontawesome-svg-core": "^6.4.0",
     "@math.gl/web-mercator": "^3.6.3",
     "@types/chroma-js": "^2.4.0",
     "chroma-js": "^2.4.2",
+    "eslint": "^8.42.0",
     "geotiff": "^2.0.7",
     "jpeg-js": "^0.4.4",
     "pako": "^2.1.0",
-    "rollup": "^3.25.1"
+    "rollup": "^3.25.1",
+    "url": "^0.11.1"
   }
 }

package/rollup.config.mjs

@@ -4,12 +4,11 @@ import typescript from '@rollup/plugin-typescript';
 // import dts from 'rollup-plugin-dts';
 import { terser } from 'rollup-plugin-terser';
 import json from '@rollup/plugin-json';
-
-// import resolve from 'rollup-plugin-node-resolve';
+import path from 'path';
 
 const packageJson = {
-  main: './dist/cjs/index.js',
-  module: './dist/esm/index.js',
+  main: './dist/cjs/',
+  module: './dist/esm/',
 };
 
 export default [
@@ -25,26 +24,42 @@ export default [
       '@deck.gl/layers',
       '@luma.gl/constants',
       '@luma.gl/core',
-      '@loaders.gl/core'],
+      '@loaders.gl/core',
+    ],
     input: './src/index.ts',
-    inlineDynamicImports: true,
     output: [
       {
-        file: packageJson.main,
+        file: path.join(packageJson.main, 'index.js'),
+        format: 'cjs',
+        sourcemap: true,
+        inlineDynamicImports: true,
+      },
+      {
+        file: path.join(packageJson.main, 'index.min.js'),
         format: 'cjs',
         sourcemap: true,
         plugins: [terser()],
+        inlineDynamicImports: true,
+      },
+      {
+        file: path.join(packageJson.module, 'index.js'),
+        format: 'esm',
+        sourcemap: true,
+        inlineDynamicImports: true,
       },
       {
-        file: packageJson.module,
+        file: path.join(packageJson.module, 'index.min.js'),
         format: 'esm',
         sourcemap: true,
         plugins: [terser()],
+        inlineDynamicImports: true,
       },
     ],
     plugins: [
       json(),
-      resolve(),
+      resolve({
+        preferBuiltins: true,
+      }),
       commonjs(),
       typescript({ tsconfig: './tsconfig.json', exclude: ['**.js'] }),
     ],

package/src/cogbitmaplayer/CogBitmapLayer.ts

@@ -1,7 +1,6 @@
 import { CompositeLayer } from '@deck.gl/core';
 import { TileLayer } from '@deck.gl/geo-layers';
 import { BitmapLayer } from '@deck.gl/layers';
-import { log } from 'geotiff/dist-node/logging';
 import CogTiles from '../cogtiles/cogtiles';
 
 import { GeoImageOptions } from '../geoimage/geoimage';
@@ -23,6 +22,8 @@ class CogBitmapLayer extends CompositeLayer<any> {
 
   url: string;
 
+  static displayName: string;
+
   constructor(id:string, url:string, options:GeoImageOptions) {
     super({});
     this.id = id;
@@ -98,4 +99,6 @@ class CogBitmapLayer extends CompositeLayer<any> {
   }
 }
 
+CogBitmapLayer.displayName = 'CogBitmapLayer';
+
 export default CogBitmapLayer;

package/src/cogterrainlayer/CogTerrainLayer.ts

@@ -3,7 +3,7 @@ import { TileLayer, TerrainLayer } from '@deck.gl/geo-layers';
 
 // FIXME
 // eslint-disable-next-line
-import { getTileUrl, isCogUrl, isTileServiceUrl } from 'example/src/utilities/tileurls';
+import { getTileUrl, isCogUrl, isTileServiceUrl } from '../utilities/tileurls';
 import CogTiles from '../cogtiles/cogtiles';
 
 import { GeoImageOptions } from '../geoimage/geoimage';
@@ -27,6 +27,8 @@ class CogTerrainLayer extends CompositeLayer<any> {
 
   terrainUrl: string;
 
+  static displayName: string;
+
   constructor(
     id:string,
     terrainUrl: string,
@@ -167,4 +169,6 @@ class CogTerrainLayer extends CompositeLayer<any> {
   }
 }
 
+CogTerrainLayer.displayName = 'CogTerrainLayer';
+
 export default CogTerrainLayer;

package/src/cogtiles/cogtiles.ts

@@ -7,10 +7,10 @@ import { SourceUrl } from '@chunkd/source-url';
 import { inflate } from 'pako';
 import jpeg from 'jpeg-js';
 import { worldToLngLat } from '@math.gl/web-mercator';
-import LZWDecoder from './lzw'; // TODO: remove absolute path
+import LZWDecoder from './lzw';
 
 // Bitmap styling
-import { GeoImage, GeoImageOptions } from '../geoimage/geoimage'; // TODO: remove absolute path
+import GeoImage, { GeoImageOptions } from '../geoimage/geoimage'; // TODO: remove absolute path
 
 const EARTH_CIRCUMFERENCE = 40075000.0;
 const EARTH_HALF_CIRCUMFERENCE = 20037500.0;
@@ -41,9 +41,14 @@ class CogTiles {
   }
 
   async initializeCog(url: string) {
-    // console.log("Initializing CogTiles...")
+    // Set native fetch instead node-fetch to SourceUrl
+    SourceUrl.fetch = async (input, init) => {
+      const res = await fetch(input, init);
+      return res;
+    };
 
-    this.cog = await CogTiff.create(new SourceUrl(url));
+    const sourceUrl = new SourceUrl(url);
+    this.cog = await CogTiff.create(sourceUrl);
 
     this.cog.images.forEach((image:CogTiffImage) => {
       image.loadGeoTiffTags();

package/src/geoimage/geoimage.ts

@@ -52,7 +52,7 @@ const DefaultGeoImageOptions: GeoImageOptions = {
   clippedColor: [0, 0, 0, 0],
 };
 
-export class GeoImage {
+export default class GeoImage {
   data: GeoTIFFImage | undefined;
 
   scale = (
@@ -317,7 +317,7 @@ export class GeoImage {
     let maxValue = options.maxValue ? options.maxValue : Number.MIN_VALUE;
     let minValue = options.minValue ? options.minValue : Number.MAX_VALUE;
     for (let idx = 0; idx < array.length; idx += 1) {
-      if (!options.noDataValue || array[idx] !== options.noDataValue) {
+      if (options.noDataValue === undefined || array[idx] !== options.noDataValue) {
         if (array[idx] > maxValue) maxValue = array[idx];
         if (array[idx] < minValue) minValue = array[idx];
       }
@@ -336,7 +336,7 @@ export class GeoImage {
 
     for (let i = 0; i < arrayLength; i += 4) {
       let pixelColor = options.nullColor;
-      if (!options.noDataValue || dataArray[pixel] !== options.noDataValue) {
+      if (options.noDataValue === undefined || dataArray[pixel] !== options.noDataValue) {
         if (
           (options.clipLow != null && dataArray[pixel] <= options.clipLow)
                 || (options.clipHigh != null && dataArray[pixel] >= options.clipHigh)

package/src/index.ts

@@ -1,4 +1,11 @@
-export * from './cogbitmaplayer/CogBitmapLayer';
-export * from './cogterrainlayer/CogTerrainLayer';
-export * from './cogtiles/cogtiles';
-export * from './geoimage/geoimage';
+import CogBitmapLayer from './cogbitmaplayer/CogBitmapLayer';
+import CogTerrainLayer from './cogterrainlayer/CogTerrainLayer';
+import cogtiles from './cogtiles/cogtiles';
+import GeoImage from './geoimage/geoimage';
+
+export default {
+  CogBitmapLayer,
+  CogTerrainLayer,
+  cogtiles,
+  GeoImage,
+};

package/src/utilities/tileurls.ts

@@ -0,0 +1,21 @@
+function isTileServiceUrl(url:string) {
+  if (url.includes('{x}') && url.includes('{y}') && url.includes('{z}')) {
+    return true;
+  }
+  return false;
+}
+
+function isCogUrl(url:string) {
+  if (url.includes('.tif') || url.includes('.tiff') || url.includes('.TIF') || url.includes('.TIFF')) {
+    return true;
+  }
+  return false;
+}
+
+function getTileUrl(service:string, x:number, y:number, z:number) {
+  const url = service.replace('{x}', String(x)).replace('{y}', String(y)).replace('{z}', String(z));
+
+  return url;
+}
+
+export { isTileServiceUrl, isCogUrl, getTileUrl };

package/tsconfig.json

@@ -1,3 +1,3 @@
 {
-  "extends": "../tsconfig.json"
+  "extends": "../tsconfig.json",
 }