@jupytergis/base 0.5.0 → 0.6.1

package/lib/annotations/components/Annotation.d.ts

@@ -1,11 +1,11 @@
 import { IAnnotationModel } from '@jupytergis/schema';
 import React from 'react';
-import { IControlPanelModel } from '../../types';
+import { IControlPanelModel } from "../../types";
 export interface IAnnotationProps {
     itemId: string;
     annotationModel: IAnnotationModel;
     rightPanelModel?: IControlPanelModel;
     children?: JSX.Element[] | JSX.Element;
 }
-declare const Annotation: ({ itemId, annotationModel, rightPanelModel, children }: IAnnotationProps) => React.JSX.Element;
+declare const Annotation: React.FC<IAnnotationProps>;
 export default Annotation;

package/lib/annotations/components/Annotation.js

@@ -1,10 +1,10 @@
-import { faTrash, faPaperPlane, faArrowsToDot } from '@fortawesome/free-solid-svg-icons';
+import { faTrash, faPaperPlane, faArrowsToDot, } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { showDialog, Dialog } from '@jupyterlab/apputils';
 import { Button } from '@jupyterlab/ui-components';
 import React, { useMemo, useState } from 'react';
 import { Message } from './Message';
-const Annotation = ({ itemId, annotationModel, rightPanelModel, children }) => {
+const Annotation = ({ itemId, annotationModel, rightPanelModel, children, }) => {
     const [messageContent, setMessageContent] = useState('');
     const [jgisModel, setJgisModel] = useState(rightPanelModel === null || rightPanelModel === void 0 ? void 0 : rightPanelModel.jGISModel);
     const annotation = annotationModel.getAnnotation(itemId);
@@ -29,7 +29,7 @@ const Annotation = ({ itemId, annotationModel, rightPanelModel, children }) => {
         const result = await showDialog({
             title: 'Delete Annotation',
             body: 'Are you sure you want to delete this annotation?',
-            buttons: [Dialog.cancelButton(), Dialog.okButton({ label: 'Delete' })]
+            buttons: [Dialog.cancelButton(), Dialog.okButton({ label: 'Delete' })],
         });
         if (result.button.accept) {
             annotationModel.removeAnnotation(itemId);

package/lib/annotations/components/AnnotationFloater.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IAnnotationProps } from './Annotation';
-declare const AnnotationFloater: ({ itemId, annotationModel: model }: IAnnotationProps) => React.JSX.Element;
+declare const AnnotationFloater: React.FC<IAnnotationProps>;
 export default AnnotationFloater;

package/lib/annotations/components/AnnotationFloater.js

@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
 import { faWindowMinimize } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import React, { useState } from 'react';
 import Annotation from './Annotation';
-const AnnotationFloater = ({ itemId, annotationModel: model }) => {
+const AnnotationFloater = ({ itemId, annotationModel: model, }) => {
     const annotation = model.getAnnotation(itemId);
     const [isOpen, setIsOpen] = useState(annotation === null || annotation === void 0 ? void 0 : annotation.open);
     // Function that either

package/lib/annotations/components/Message.d.ts

@@ -1,8 +1,9 @@
 import { User } from '@jupyterlab/services';
+import React from 'react';
 interface IProps {
     message: string;
     self: boolean;
     user?: User.IIdentity;
 }
-export declare const Message: (props: IProps) => JSX.Element;
+export declare const Message: React.FC<IProps>;
 export {};

package/lib/annotations/components/Message.js

@@ -1,15 +1,15 @@
 import React from 'react';
-export const Message = (props) => {
+export const Message = props => {
     var _a, _b, _c;
     const { self, message, user } = props;
     const color = (_a = user === null || user === void 0 ? void 0 : user.color) !== null && _a !== void 0 ? _a : 'black';
     const author = (_b = user === null || user === void 0 ? void 0 : user.display_name) !== null && _b !== void 0 ? _b : '';
     const initials = (_c = user === null || user === void 0 ? void 0 : user.initials) !== null && _c !== void 0 ? _c : '';
     return (React.createElement("div", { className: "jGIS-Annotation-Message", style: {
-            flexFlow: self ? 'row' : 'row-reverse'
+            flexFlow: self ? 'row' : 'row-reverse',
         } },
         React.createElement("div", { className: "jGIS-Annotation-User-Icon", style: {
-                backgroundColor: color
+                backgroundColor: color,
             }, title: author },
             React.createElement("span", { style: { width: 24, textAlign: 'center' } }, initials)),
         React.createElement("div", { className: "jGIS-Annotation-Message-Content" },

package/lib/annotations/model.js

@@ -31,7 +31,7 @@ export class AnnotationModel {
         var _a;
         const rawData = (_a = this._model) === null || _a === void 0 ? void 0 : _a.sharedModel.getMetadata(id);
         if (rawData) {
-            return JSON.parse(rawData);
+            return rawData;
         }
     }
     getAnnotationIds() {
@@ -46,7 +46,7 @@ export class AnnotationModel {
     }
     addAnnotation(key, value) {
         var _a;
-        (_a = this._model) === null || _a === void 0 ? void 0 : _a.sharedModel.setMetadata(`annotation_${key}`, JSON.stringify(value));
+        (_a = this._model) === null || _a === void 0 ? void 0 : _a.sharedModel.setMetadata(`annotation_${key}`, value);
     }
     updateAnnotation(id, updates) {
         var _a;
@@ -54,7 +54,7 @@ export class AnnotationModel {
         if (!existing) {
             return;
         }
-        (_a = this._model) === null || _a === void 0 ? void 0 : _a.sharedModel.setMetadata(id, JSON.stringify(Object.assign(Object.assign({}, existing), updates)));
+        (_a = this._model) === null || _a === void 0 ? void 0 : _a.sharedModel.setMetadata(id, Object.assign(Object.assign({}, existing), updates));
         this._updateSignal.emit(null);
     }
     removeAnnotation(key) {
@@ -65,12 +65,12 @@ export class AnnotationModel {
         var _a;
         const newContent = {
             value,
-            user: this._user
+            user: this._user,
         };
         const currentAnnotation = this.getAnnotation(id);
         if (currentAnnotation) {
             const newAnnotation = Object.assign(Object.assign({}, currentAnnotation), { contents: [...currentAnnotation.contents, newContent] });
-            (_a = this._model) === null || _a === void 0 ? void 0 : _a.sharedModel.setMetadata(id, JSON.stringify(newAnnotation));
+            (_a = this._model) === null || _a === void 0 ? void 0 : _a.sharedModel.setMetadata(id, newAnnotation);
         }
     }
 }

package/lib/commands/BaseCommandIDs.d.ts

@@ -0,0 +1,32 @@
+export declare const createNew = "jupytergis:create-new-jGIS-file";
+export declare const redo = "jupytergis:redo";
+export declare const undo = "jupytergis:undo";
+export declare const symbology = "jupytergis:symbology";
+export declare const identify = "jupytergis:identify";
+export declare const temporalController = "jupytergis:temporalController";
+export declare const getGeolocation = "jupytergis:getGeolocation";
+export declare const openLayerBrowser = "jupytergis:openLayerBrowser";
+export declare const newRasterEntry = "jupytergis:newRasterEntry";
+export declare const newVectorTileEntry = "jupytergis:newVectorTileEntry";
+export declare const newShapefileEntry = "jupytergis:newShapefileEntry";
+export declare const newGeoJSONEntry = "jupytergis:newGeoJSONEntry";
+export declare const newHillshadeEntry = "jupytergis:newHillshadeEntry";
+export declare const newImageEntry = "jupytergis:newImageEntry";
+export declare const newVideoEntry = "jupytergis:newVideoEntry";
+export declare const newGeoTiffEntry = "jupytergis:newGeoTiffEntry";
+export declare const renameLayer = "jupytergis:renameLayer";
+export declare const removeLayer = "jupytergis:removeLayer";
+export declare const renameGroup = "jupytergis:renameGroup";
+export declare const removeGroup = "jupytergis:removeGroup";
+export declare const moveLayersToGroup = "jupytergis:moveLayersToGroup";
+export declare const moveLayerToNewGroup = "jupytergis:moveLayerToNewGroup";
+export declare const renameSource = "jupytergis:renameSource";
+export declare const removeSource = "jupytergis:removeSource";
+export declare const toggleConsole = "jupytergis:toggleConsole";
+export declare const invokeCompleter = "jupytergis:invokeConsoleCompleter";
+export declare const removeConsole = "jupytergis:removeConsole";
+export declare const executeConsole = "jupytergis:executeConsole";
+export declare const selectCompleter = "jupytergis:selectConsoleCompleter";
+export declare const addAnnotation = "jupytergis:addAnnotation";
+export declare const zoomToLayer = "jupytergis:zoomToLayer";
+export declare const downloadGeoJSON = "jupytergis:downloadGeoJSON";

package/lib/commands/BaseCommandIDs.js

@@ -0,0 +1,43 @@
+/* This file is not an exhaustive list of commands.
+ *
+ * See the documentation for more details.
+ */
+export const createNew = 'jupytergis:create-new-jGIS-file';
+export const redo = 'jupytergis:redo';
+export const undo = 'jupytergis:undo';
+export const symbology = 'jupytergis:symbology';
+export const identify = 'jupytergis:identify';
+export const temporalController = 'jupytergis:temporalController';
+// geolocation
+export const getGeolocation = 'jupytergis:getGeolocation';
+// Layers and sources creation commands
+export const openLayerBrowser = 'jupytergis:openLayerBrowser';
+// Layer and source
+export const newRasterEntry = 'jupytergis:newRasterEntry';
+export const newVectorTileEntry = 'jupytergis:newVectorTileEntry';
+export const newShapefileEntry = 'jupytergis:newShapefileEntry';
+export const newGeoJSONEntry = 'jupytergis:newGeoJSONEntry';
+export const newHillshadeEntry = 'jupytergis:newHillshadeEntry';
+export const newImageEntry = 'jupytergis:newImageEntry';
+export const newVideoEntry = 'jupytergis:newVideoEntry';
+export const newGeoTiffEntry = 'jupytergis:newGeoTiffEntry';
+// Layer and group actions
+export const renameLayer = 'jupytergis:renameLayer';
+export const removeLayer = 'jupytergis:removeLayer';
+export const renameGroup = 'jupytergis:renameGroup';
+export const removeGroup = 'jupytergis:removeGroup';
+export const moveLayersToGroup = 'jupytergis:moveLayersToGroup';
+export const moveLayerToNewGroup = 'jupytergis:moveLayerToNewGroup';
+// Source actions
+export const renameSource = 'jupytergis:renameSource';
+export const removeSource = 'jupytergis:removeSource';
+// Console commands
+export const toggleConsole = 'jupytergis:toggleConsole';
+export const invokeCompleter = 'jupytergis:invokeConsoleCompleter';
+export const removeConsole = 'jupytergis:removeConsole';
+export const executeConsole = 'jupytergis:executeConsole';
+export const selectCompleter = 'jupytergis:selectConsoleCompleter';
+// Map Commands
+export const addAnnotation = 'jupytergis:addAnnotation';
+export const zoomToLayer = 'jupytergis:zoomToLayer';
+export const downloadGeoJSON = 'jupytergis:downloadGeoJSON';

package/lib/{commands.d.ts → commands/index.d.ts}

@@ -3,7 +3,7 @@ import { JupyterFrontEnd } from '@jupyterlab/application';
 import { ICompletionProviderManager } from '@jupyterlab/completer';
 import { IStateDB } from '@jupyterlab/statedb';
 import { ITranslator } from '@jupyterlab/translation';
-import { JupyterGISTracker } from './types';
+import { JupyterGISTracker } from '../types';
 /**
  * Add the commands to the application's command registry.
  */

package/lib/{commands.js → commands/index.js}

@@ -1,21 +1,22 @@
 import { showErrorMessage } from '@jupyterlab/apputils';
-import { CommandIDs, icons } from './constants';
-import { LayerCreationFormDialog } from './dialogs/layerCreationFormDialog';
-import { LayerBrowserWidget } from './dialogs/layerBrowserDialog';
-import { SymbologyWidget } from './dialogs/symbology/symbologyDialog';
-import keybindings from './keybindings.json';
-import { JupyterGISDocumentWidget } from './widget';
-import { getGeoJSONDataFromLayerSource, downloadFile } from './tools';
-import { ProcessingFormDialog } from './dialogs/ProcessingFormDialog';
-import { getSingleSelectedLayer, selectedLayerIsOfType, processSelectedLayer } from './processing';
 import { fromLonLat } from 'ol/proj';
-import { targetWithCenterIcon } from './icons';
+import { CommandIDs, icons } from '../constants';
+import { ProcessingFormDialog } from '../dialogs/ProcessingFormDialog';
+import { LayerBrowserWidget } from '../dialogs/layerBrowserDialog';
+import { LayerCreationFormDialog } from '../dialogs/layerCreationFormDialog';
+import { SymbologyWidget } from '../dialogs/symbology/symbologyDialog';
+import { targetWithCenterIcon } from '../icons';
+import keybindings from '../keybindings.json';
+import { getSingleSelectedLayer } from '../processing/index';
+import { addProcessingCommands } from '../processing/processingCommands';
+import { getGeoJSONDataFromLayerSource, downloadFile } from '../tools';
+import { JupyterGISDocumentWidget } from '../widget';
 function loadKeybindings(commands, keybindings) {
     keybindings.forEach(binding => {
         commands.addKeyBinding({
             command: binding.command,
             keys: binding.keys,
-            selector: binding.selector
+            selector: binding.selector,
         });
     });
 }
@@ -47,7 +48,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
                 'VectorLayer',
                 'VectorTileLayer',
                 'WebGlLayer',
-                'HeatmapLayer'
+                'HeatmapLayer',
             ].includes(layer.type);
             return isValidLayer;
         }, execute: Private.createSymbologyDialog(tracker, state) }, icons.get(CommandIDs.symbology)));
@@ -83,7 +84,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             const canIdentify = [
                 'VectorLayer',
                 'ShapefileLayer',
-                'WebGlLayer'
+                'WebGlLayer',
             ].includes(selectedLayer.type);
             const isIdentifying = current.model.isIdentifying;
             if (isIdentifying && !canIdentify) {
@@ -176,11 +177,11 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             createSource: true,
             sourceData: {
                 minZoom: 0,
-                maxZoom: 24
+                maxZoom: 24,
             },
             layerData: { name: 'Custom Raster Tile Layer' },
             sourceType: 'RasterSource',
-            layerType: 'RasterLayer'
+            layerType: 'RasterLayer',
         }) }, icons.get(CommandIDs.newRasterEntry)));
     commands.addCommand(CommandIDs.newVectorTileEntry, Object.assign({ label: trans.__('New Vector Tile Layer'), isEnabled: () => {
             return tracker.currentWidget
@@ -195,53 +196,8 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             sourceData: { minZoom: 0, maxZoom: 24 },
             layerData: { name: 'Custom Vector Tile Layer' },
             sourceType: 'VectorTileSource',
-            layerType: 'VectorTileLayer'
+            layerType: 'VectorTileLayer',
         }) }, icons.get(CommandIDs.newVectorTileEntry)));
-    commands.addCommand(CommandIDs.buffer, {
-        label: trans.__('Buffer'),
-        isEnabled: () => selectedLayerIsOfType(['VectorLayer'], tracker),
-        execute: async () => {
-            await processSelectedLayer(tracker, formSchemaRegistry, 'Buffer', {
-                sqlQueryFn: (layerName, bufferDistance) => `
-          SELECT ST_Union(ST_Buffer(geometry, ${bufferDistance})) AS geometry, *
-          FROM "${layerName}"
-        `,
-                gdalFunction: 'ogr2ogr',
-                options: (sqlQuery) => [
-                    '-f',
-                    'GeoJSON',
-                    '-dialect',
-                    'SQLITE',
-                    '-sql',
-                    sqlQuery,
-                    'output.geojson'
-                ]
-            }, app);
-        }
-    });
-    commands.addCommand(CommandIDs.dissolve, {
-        label: trans.__('Dissolve'),
-        isEnabled: () => selectedLayerIsOfType(['VectorLayer'], tracker),
-        execute: async () => {
-            await processSelectedLayer(tracker, formSchemaRegistry, 'Dissolve', {
-                sqlQueryFn: (layerName, dissolveField) => `
-          SELECT ST_Union(geometry) AS geometry, ${dissolveField}
-          FROM "${layerName}"
-          GROUP BY ${dissolveField}
-        `,
-                gdalFunction: 'ogr2ogr',
-                options: (sqlQuery) => [
-                    '-f',
-                    'GeoJSON',
-                    '-dialect',
-                    'SQLITE',
-                    '-sql',
-                    sqlQuery,
-                    'output.geojson'
-                ]
-            }, app);
-        }
-    });
     commands.addCommand(CommandIDs.newGeoJSONEntry, Object.assign({ label: trans.__('New GeoJSON layer'), isEnabled: () => {
             return tracker.currentWidget
                 ? tracker.currentWidget.model.sharedModel.editable
@@ -254,8 +210,10 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             createSource: true,
             layerData: { name: 'Custom GeoJSON Layer' },
             sourceType: 'GeoJSONSource',
-            layerType: 'VectorLayer'
+            layerType: 'VectorLayer',
         }) }, icons.get(CommandIDs.newGeoJSONEntry)));
+    //Add processing commands
+    addProcessingCommands(app, commands, tracker, trans, formSchemaRegistry);
     commands.addCommand(CommandIDs.newHillshadeEntry, Object.assign({ label: trans.__('New Hillshade layer'), isEnabled: () => {
             return tracker.currentWidget
                 ? tracker.currentWidget.model.sharedModel.editable
@@ -268,7 +226,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             createSource: true,
             layerData: { name: 'Custom Hillshade Layer' },
             sourceType: 'RasterDemSource',
-            layerType: 'HillshadeLayer'
+            layerType: 'HillshadeLayer',
         }) }, icons.get(CommandIDs.newHillshadeEntry)));
     commands.addCommand(CommandIDs.newImageEntry, Object.assign({ label: trans.__('New Image layer'), isEnabled: () => {
             return tracker.currentWidget
@@ -287,12 +245,12 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
                     [-80.425, 46.437],
                     [-71.516, 46.437],
                     [-71.516, 37.936],
-                    [-80.425, 37.936]
-                ]
+                    [-80.425, 37.936],
+                ],
             },
             layerData: { name: 'Custom Image Layer' },
             sourceType: 'ImageSource',
-            layerType: 'ImageLayer'
+            layerType: 'ImageLayer',
         }) }, icons.get(CommandIDs.newImageEntry)));
     commands.addCommand(CommandIDs.newVideoEntry, Object.assign({ label: trans.__('New Video layer'), isEnabled: () => {
             return tracker.currentWidget
@@ -308,18 +266,18 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
                 name: 'Custom Video Source',
                 urls: [
                     'https://static-assets.mapbox.com/mapbox-gl-js/drone.mp4',
-                    'https://static-assets.mapbox.com/mapbox-gl-js/drone.webm'
+                    'https://static-assets.mapbox.com/mapbox-gl-js/drone.webm',
                 ],
                 coordinates: [
                     [-122.51596391201019, 37.56238816766053],
                     [-122.51467645168304, 37.56410183312965],
                     [-122.51309394836426, 37.563391708549425],
-                    [-122.51423120498657, 37.56161849366671]
-                ]
+                    [-122.51423120498657, 37.56161849366671],
+                ],
             },
             layerData: { name: 'Custom Video Layer' },
             sourceType: 'VideoSource',
-            layerType: 'RasterLayer'
+            layerType: 'RasterLayer',
         }) }, icons.get(CommandIDs.newVideoEntry)));
     commands.addCommand(CommandIDs.newGeoTiffEntry, Object.assign({ label: trans.__('New GeoTiff layer'), isEnabled: () => {
             return tracker.currentWidget
@@ -333,11 +291,11 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             createSource: true,
             sourceData: {
                 name: 'Custom GeoTiff Source',
-                urls: [{}]
+                urls: [{}],
             },
             layerData: { name: 'Custom GeoTiff Layer' },
             sourceType: 'GeoTiffSource',
-            layerType: 'WebGlLayer'
+            layerType: 'WebGlLayer',
         }) }, icons.get(CommandIDs.newGeoTiffEntry)));
     commands.addCommand(CommandIDs.newShapefileEntry, Object.assign({ label: trans.__('New Shapefile Layer'), isEnabled: () => {
             return tracker.currentWidget
@@ -352,7 +310,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             sourceData: { name: 'Custom Shapefile Source' },
             layerData: { name: 'Custom Shapefile Layer' },
             sourceType: 'ShapefileSource',
-            layerType: 'VectorLayer'
+            layerType: 'VectorLayer',
         }) }, icons.get(CommandIDs.newShapefileEntry)));
     /**
      * LAYERS and LAYER GROUP actions.
@@ -369,7 +327,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
                     model === null || model === void 0 ? void 0 : model.sharedModel.updateLayer(layerId, layer);
                 }
             });
-        }
+        },
     });
     commands.addCommand(CommandIDs.removeLayer, {
         label: trans.__('Remove Layer'),
@@ -379,7 +337,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             Private.removeSelectedItems(model, 'layer', selection => {
                 model === null || model === void 0 ? void 0 : model.removeLayer(selection);
             });
-        }
+        },
     });
     commands.addCommand(CommandIDs.renameGroup, {
         label: trans.__('Rename Group'),
@@ -389,7 +347,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             await Private.renameSelectedItem(model, 'group', (groupName, newName) => {
                 model === null || model === void 0 ? void 0 : model.renameLayerGroup(groupName, newName);
             });
-        }
+        },
     });
     commands.addCommand(CommandIDs.removeGroup, {
         label: trans.__('Remove Group'),
@@ -399,7 +357,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             Private.removeSelectedItems(model, 'group', selection => {
                 model === null || model === void 0 ? void 0 : model.removeLayerGroup(selection);
             });
-        }
+        },
     });
     commands.addCommand(CommandIDs.moveLayersToGroup, {
         label: args => args['label'] ? args['label'] : trans.__('Move to Root'),
@@ -412,7 +370,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
                 return;
             }
             model.moveItemsToGroup(Object.keys(selectedLayers), groupName);
-        }
+        },
     });
     commands.addCommand(CommandIDs.moveLayerToNewGroup, {
         label: trans.__('Move Selected Layers to New Group'),
@@ -463,10 +421,10 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             });
             const newLayerGroup = {
                 name: newName,
-                layers: layers
+                layers: layers,
             };
             model.addNewLayerGroup(selectedLayers, newLayerGroup);
-        }
+        },
     });
     /**
      * Source actions
@@ -483,7 +441,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
                     model === null || model === void 0 ? void 0 : model.sharedModel.updateSource(sourceId, source);
                 }
             });
-        }
+        },
     });
     commands.addCommand(CommandIDs.removeSource, {
         label: trans.__('Remove Source'),
@@ -499,7 +457,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
                     showErrorMessage('Remove source error', 'The source is used by a layer.');
                 }
             });
-        }
+        },
     });
     // Console commands
     commands.addCommand(CommandIDs.toggleConsole, {
@@ -522,7 +480,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
         execute: async () => {
             await Private.toggleConsole(tracker);
             commands.notifyCommandChanged(CommandIDs.toggleConsole);
-        }
+        },
     });
     commands.addCommand(CommandIDs.executeConsole, {
         label: trans.__('Execute console'),
@@ -532,7 +490,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
                 ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         },
-        execute: () => Private.executeConsole(tracker)
+        execute: () => Private.executeConsole(tracker),
     });
     commands.addCommand(CommandIDs.removeConsole, {
         label: trans.__('Remove console'),
@@ -542,7 +500,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
                 ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         },
-        execute: () => Private.removeConsole(tracker)
+        execute: () => Private.removeConsole(tracker),
     });
     commands.addCommand(CommandIDs.invokeCompleter, {
         label: trans.__('Display the completion helper.'),
@@ -559,7 +517,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             if (id) {
                 return completionProviderManager.invoke(id);
             }
-        }
+        },
     });
     commands.addCommand(CommandIDs.selectCompleter, {
         label: trans.__('Select the completion suggestion.'),
@@ -576,7 +534,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             if (id) {
                 return completionProviderManager.select(id);
             }
-        }
+        },
     });
     commands.addCommand(CommandIDs.zoomToLayer, {
         label: trans.__('Zoom to Layer'),
@@ -594,7 +552,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             }
             const layerId = Object.keys(selectedItems)[0];
             model.centerOnPosition(layerId);
-        }
+        },
     });
     commands.addCommand(CommandIDs.downloadGeoJSON, {
         label: trans.__('Download as GeoJSON'),
@@ -612,7 +570,9 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             }
             const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model;
             const sources = (_b = model.sharedModel.sources) !== null && _b !== void 0 ? _b : {};
-            const exportSchema = Object.assign({}, formSchemaRegistry.getSchemas().get('ExportGeoJSONSchema'));
+            const exportSchema = Object.assign({}, formSchemaRegistry
+                .getSchemas()
+                .get('ExportGeoJSONSchema'));
             const formValues = await new Promise(resolve => {
                 const dialog = new ProcessingFormDialog({
                     title: 'Download GeoJSON',
@@ -624,7 +584,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
                     syncData: (props) => {
                         resolve(props);
                         dialog.dispose();
-                    }
+                    },
                 });
                 dialog.launch();
             });
@@ -639,7 +599,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
                 return;
             }
             downloadFile(geojsonString, `${exportFileName}.geojson`, 'application/geo+json');
-        }
+        },
     });
     commands.addCommand(CommandIDs.getGeolocation, {
         label: trans.__('Center on Geolocation'),
@@ -649,16 +609,16 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             const options = {
                 enableHighAccuracy: true,
                 timeout: 5000,
-                maximumAge: 0
+                maximumAge: 0,
             };
             const success = (pos) => {
                 const location = fromLonLat([
                     pos.coords.longitude,
-                    pos.coords.latitude
+                    pos.coords.latitude,
                 ]);
                 const Jgislocation = {
                     x: location[0],
-                    y: location[1]
+                    y: location[1],
                 };
                 if (viewModel) {
                     viewModel.geolocationChanged.emit(Jgislocation);
@@ -669,7 +629,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             };
             navigator.geolocation.getCurrentPosition(success, error, options);
         },
-        icon: targetWithCenterIcon
+        icon: targetWithCenterIcon,
     });
     loadKeybindings(commands, keybindings);
 }
@@ -684,7 +644,7 @@ var Private;
             const dialog = new LayerBrowserWidget({
                 model: current.model,
                 registry: layerBrowserRegistry.getRegistryLayers(),
-                formSchemaRegistry
+                formSchemaRegistry,
             });
             await dialog.launch();
         };
@@ -698,13 +658,13 @@ var Private;
             }
             const dialog = new SymbologyWidget({
                 model: current.model,
-                state
+                state,
             });
             await dialog.launch();
         };
     }
     Private.createSymbologyDialog = createSymbologyDialog;
-    function createEntry({ tracker, formSchemaRegistry, title, createLayer, createSource, sourceData, layerData, sourceType, layerType }) {
+    function createEntry({ tracker, formSchemaRegistry, title, createLayer, createSource, sourceData, layerData, sourceType, layerType, }) {
         return async () => {
             const current = tracker.currentWidget;
             if (!current) {
@@ -719,7 +679,7 @@ var Private;
                 sourceType,
                 layerData,
                 layerType,
-                formSchemaRegistry
+                formSchemaRegistry,
             });
             await dialog.launch();
         };

package/lib/console/consoleview.d.ts

@@ -1,9 +1,9 @@
+import { IEditorMimeTypeService } from '@jupyterlab/codeeditor';
 import { ConsolePanel } from '@jupyterlab/console';
-import { ServiceManager } from '@jupyterlab/services';
-import { BoxPanel, Widget } from '@lumino/widgets';
 import { IRenderMimeRegistry } from '@jupyterlab/rendermime';
-import { IEditorMimeTypeService } from '@jupyterlab/codeeditor';
+import { ServiceManager } from '@jupyterlab/services';
 import { CommandRegistry } from '@lumino/commands';
+import { BoxPanel, Widget } from '@lumino/widgets';
 export declare class ConsoleView extends BoxPanel {
     constructor(options: ConsoleView.IOptions);
     get consolePanel(): ConsolePanel;