@jupytergis/base 0.1.1 → 0.1.3

package/lib/dialogs/symbologyDialog.js

@@ -3,6 +3,7 @@ import { PromiseDelegate } from '@lumino/coreutils';
 import { Signal } from '@lumino/signaling';
 import React, { useEffect, useState } from 'react';
 import BandRendering from './components/symbology/BandRendering';
+import VectorRendering from './components/symbology/VectorRendering';
 const SymbologyDialog = ({ context, state, okSignalPromise, cancel }) => {
     const [selectedLayer, setSelectedLayer] = useState(null);
     const [componentToRender, setComponentToRender] = useState(null);
@@ -33,6 +34,10 @@ const SymbologyDialog = ({ context, state, okSignalPromise, cancel }) => {
         }
         // TODO WebGlLayers can also be used for other layers, need a better way to determine source + layer combo
         switch (layer.type) {
+            case 'VectorLayer':
+            case 'VectorTileLayer':
+                LayerSymbology = (React.createElement(VectorRendering, { context: context, state: state, okSignalPromise: okSignalPromise, cancel: cancel, layerId: selectedLayer }));
+                break;
             case 'WebGlLayer':
                 LayerSymbology = (React.createElement(BandRendering, { context: context, state: state, okSignalPromise: okSignalPromise, cancel: cancel, layerId: selectedLayer }));
                 break;

package/lib/formbuilder/objectform/vectorlayerform.js

@@ -43,10 +43,8 @@ export class VectorLayerPropertiesForm extends LayerPropertiesForm {
         this.fetchSourceLayers(this.currentFormData, source.parameters);
     }
     processSchema(data, schema, uiSchema) {
+        this.removeFormEntry('color', data, schema, uiSchema);
         super.processSchema(data, schema, uiSchema);
-        uiSchema['color'] = {
-            'ui:widget': 'color'
-        };
         if (!data) {
             return;
         }

package/lib/gdal.d.ts

@@ -0,0 +1 @@
+export declare function getGdal(): Promise<Gdal>;

package/lib/gdal.js

@@ -0,0 +1,15 @@
+import initGdalJs from 'gdal3.js';
+export async function getGdal() {
+    const dataurl = new URL('./gdal3WebAssembly.data', import.meta.url);
+    const wasmurl = new URL('./gdal3WebAssembly.wasm', import.meta.url);
+    // TODO Pass gdal JS too and run gdal in a worker?
+    return await initGdalJs({
+        paths: {
+            wasm: wasmurl.href,
+            data: dataurl.href
+        },
+        useWorker: false
+    });
+}
+// Early load gdal
+getGdal();