@jupytergis/base 0.2.1 → 0.4.0

package/lib/commands.js

@@ -3,6 +3,17 @@ import { CommandIDs, icons } from './constants';
 import { CreationFormDialog } from './dialogs/formdialog';
 import { LayerBrowserWidget } from './dialogs/layerBrowserDialog';
 import { SymbologyWidget } from './dialogs/symbology/symbologyDialog';
+import keybindings from './keybindings.json';
+import { JupyterGISDocumentWidget } from './widget';
+function loadKeybindings(commands, keybindings) {
+    keybindings.forEach(binding => {
+        commands.addKeyBinding({
+            command: binding.command,
+            keys: binding.keys,
+            selector: binding.selector
+        });
+    });
+}
 /**
  * Add the commands to the application's command registry.
  */
@@ -12,7 +23,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
     const { commands } = app;
     commands.addCommand(CommandIDs.symbology, Object.assign({ label: trans.__('Edit Symbology'), isEnabled: () => {
             var _a, _b;
-            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.context.model;
+            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model;
             const localState = model === null || model === void 0 ? void 0 : model.sharedModel.awareness.getLocalState();
             if (!model || !localState || !((_b = localState['selected']) === null || _b === void 0 ? void 0 : _b.value)) {
                 return false;
@@ -30,36 +41,37 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             const isValidLayer = [
                 'VectorLayer',
                 'VectorTileLayer',
-                'WebGlLayer'
+                'WebGlLayer',
+                'HeatmapLayer'
             ].includes(layer.type);
             return isValidLayer;
         }, execute: Private.createSymbologyDialog(tracker, state) }, icons.get(CommandIDs.symbology)));
     commands.addCommand(CommandIDs.redo, Object.assign({ label: trans.__('Redo'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: () => {
             const current = tracker.currentWidget;
             if (current) {
-                return current.context.model.sharedModel.redo();
+                return current.model.sharedModel.redo();
             }
         } }, (_a = icons.get(CommandIDs.redo)) === null || _a === void 0 ? void 0 : _a.icon));
     commands.addCommand(CommandIDs.undo, Object.assign({ label: trans.__('Undo'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: () => {
             const current = tracker.currentWidget;
             if (current) {
-                return current.context.model.sharedModel.undo();
+                return current.model.sharedModel.undo();
             }
         } }, icons.get(CommandIDs.undo)));
     commands.addCommand(CommandIDs.identify, Object.assign({ label: trans.__('Identify'), isToggled: () => {
             var _a;
-            return ((_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.context.model.isIdentifying) || false;
+            return ((_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model.isIdentifying) || false;
         }, isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: args => {
             const current = tracker.currentWidget;
@@ -70,22 +82,58 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             if (luminoEvent) {
                 const keysPressed = luminoEvent.keys;
                 if (keysPressed === null || keysPressed === void 0 ? void 0 : keysPressed.includes('Escape')) {
-                    current.context.model.isIdentifying = false;
+                    current.model.isIdentifying = false;
                     current.node.classList.remove('jGIS-identify-tool');
                     commands.notifyCommandChanged(CommandIDs.identify);
                     return;
                 }
             }
             current.node.classList.toggle('jGIS-identify-tool');
-            current.context.model.toggleIdentify();
+            current.model.toggleIdentify();
             commands.notifyCommandChanged(CommandIDs.identify);
         } }, icons.get(CommandIDs.identify)));
+    commands.addCommand(CommandIDs.temporalController, Object.assign({ label: trans.__('Temporal Controller'), isToggled: () => {
+            var _a;
+            return ((_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model.isTemporalControllerActive) || false;
+        }, isEnabled: () => {
+            var _a, _b, _c, _d;
+            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model;
+            if (!model) {
+                return false;
+            }
+            const selectedLayers = (_c = (_b = model.localState) === null || _b === void 0 ? void 0 : _b.selected) === null || _c === void 0 ? void 0 : _c.value;
+            if (!selectedLayers) {
+                return false;
+            }
+            const layerId = Object.keys(selectedLayers)[0];
+            const layerType = (_d = model.getLayer(layerId)) === null || _d === void 0 ? void 0 : _d.type;
+            if (!layerType) {
+                return false;
+            }
+            // Selection should only be one vector or heatmap layer
+            const isSelectionValid = Object.keys(selectedLayers).length === 1 &&
+                !model.getSource(layerId) &&
+                ['VectorLayer', 'HeatmapLayer'].includes(layerType);
+            if (!isSelectionValid && model.isTemporalControllerActive) {
+                model.toggleTemporalController();
+                commands.notifyCommandChanged(CommandIDs.temporalController);
+                return false;
+            }
+            return true;
+        }, execute: () => {
+            const current = tracker.currentWidget;
+            if (!current) {
+                return;
+            }
+            current.model.toggleTemporalController();
+            commands.notifyCommandChanged(CommandIDs.temporalController);
+        } }, icons.get(CommandIDs.temporalController)));
     /**
      * SOURCES and LAYERS creation commands.
      */
     commands.addCommand(CommandIDs.openLayerBrowser, Object.assign({ label: trans.__('Open Layer Browser'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createLayerBrowser(tracker, layerBrowserRegistry, formSchemaRegistry) }, icons.get(CommandIDs.openLayerBrowser)));
     /**
@@ -93,7 +141,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
      */
     commands.addCommand(CommandIDs.newRasterEntry, Object.assign({ label: trans.__('New Raster Layer'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -111,7 +159,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
         }) }, icons.get(CommandIDs.newRasterEntry)));
     commands.addCommand(CommandIDs.newVectorTileEntry, Object.assign({ label: trans.__('New Vector Tile Layer'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -126,7 +174,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
         }) }, icons.get(CommandIDs.newVectorTileEntry)));
     commands.addCommand(CommandIDs.newGeoJSONEntry, Object.assign({ label: trans.__('New GeoJSON layer'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -140,7 +188,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
         }) }, icons.get(CommandIDs.newGeoJSONEntry)));
     commands.addCommand(CommandIDs.newHillshadeEntry, Object.assign({ label: trans.__('New Hillshade layer'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -154,7 +202,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
         }) }, icons.get(CommandIDs.newHillshadeEntry)));
     commands.addCommand(CommandIDs.newImageEntry, Object.assign({ label: trans.__('New Image layer'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -164,7 +212,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             createSource: true,
             sourceData: {
                 name: 'Custom Image Source',
-                url: 'https://maplibre.org/maplibre-gl-js/docs/assets/radar.gif',
+                path: 'https://maplibre.org/maplibre-gl-js/docs/assets/radar.gif',
                 coordinates: [
                     [-80.425, 46.437],
                     [-71.516, 46.437],
@@ -178,7 +226,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
         }) }, icons.get(CommandIDs.newImageEntry)));
     commands.addCommand(CommandIDs.newVideoEntry, Object.assign({ label: trans.__('New Video layer'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -207,7 +255,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             ? trans.__('Shapefile')
             : trans.__('Add Shapefile Source'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -220,7 +268,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
         }) }, icons.get(CommandIDs.newShapefileSource)));
     commands.addCommand(CommandIDs.newGeoTiffEntry, Object.assign({ label: trans.__('New GeoTiff layer'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -243,7 +291,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             ? trans.__('Raster')
             : trans.__('New Raster Source'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -258,7 +306,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             ? trans.__('Raster DEM')
             : trans.__('New Raster DEM Source'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -273,7 +321,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             ? trans.__('Vector')
             : trans.__('New Vector Source'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -288,7 +336,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             ? trans.__('GeoJSON')
             : trans.__('Add GeoJSON data from file'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -303,7 +351,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             ? trans.__('Image')
             : trans.__('Add Image Source'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -318,7 +366,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             ? trans.__('Video')
             : trans.__('Add Video Source'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -334,7 +382,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             ? trans.__('Raster')
             : trans.__('Add Raster layer'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -352,7 +400,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             ? trans.__('Vector')
             : trans.__('Add New Vector layer'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -370,7 +418,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             ? trans.__('Hillshade')
             : trans.__('Add Hillshade layer'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -388,7 +436,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             ? trans.__('Image')
             : trans.__('Add Image layer'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -406,7 +454,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             ? trans.__('Video')
             : trans.__('Add Video layer'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -422,7 +470,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
         }) }, icons.get(CommandIDs.newVideoLayer)));
     commands.addCommand(CommandIDs.newShapefileLayer, Object.assign({ label: trans.__('New Shapefile Layer'), isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
@@ -435,6 +483,22 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             sourceType: 'ShapefileSource',
             layerType: 'VectorLayer'
         }) }, icons.get(CommandIDs.newShapefileLayer)));
+    commands.addCommand(CommandIDs.newHeatmapLayer, Object.assign({ label: args => args.from === 'contextMenu'
+            ? trans.__('Heatmap')
+            : trans.__('Add HeatmapLayer'), isEnabled: () => {
+            return tracker.currentWidget
+                ? tracker.currentWidget.model.sharedModel.editable
+                : false;
+        }, execute: Private.createEntry({
+            tracker,
+            formSchemaRegistry,
+            title: 'Create Heatmap Layer',
+            createLayer: true,
+            createSource: false,
+            layerData: { name: 'Custom Heatmap Layer' },
+            sourceType: 'GeoJSONSource',
+            layerType: 'HeatmapLayer'
+        }) }, icons.get(CommandIDs.newHeatmapLayer)));
     /**
      * LAYERS and LAYER GROUP actions.
      */
@@ -442,7 +506,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
         label: trans.__('Rename Layer'),
         execute: async () => {
             var _a;
-            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.context.model;
+            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model;
             await Private.renameSelectedItem(model, 'layer', (layerId, newName) => {
                 const layer = model === null || model === void 0 ? void 0 : model.getLayer(layerId);
                 if (layer) {
@@ -456,7 +520,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
         label: trans.__('Remove Layer'),
         execute: () => {
             var _a;
-            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.context.model;
+            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model;
             Private.removeSelectedItems(model, 'layer', selection => {
                 model === null || model === void 0 ? void 0 : model.removeLayer(selection);
             });
@@ -466,7 +530,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
         label: trans.__('Rename Group'),
         execute: async () => {
             var _a;
-            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.context.model;
+            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model;
             await Private.renameSelectedItem(model, 'group', (groupName, newName) => {
                 model === null || model === void 0 ? void 0 : model.renameLayerGroup(groupName, newName);
             });
@@ -476,7 +540,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
         label: trans.__('Remove Group'),
         execute: async () => {
             var _a;
-            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.context.model;
+            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model;
             Private.removeSelectedItems(model, 'group', selection => {
                 model === null || model === void 0 ? void 0 : model.removeLayerGroup(selection);
             });
@@ -486,7 +550,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
         label: args => args['label'] ? args['label'] : trans.__('Move to Root'),
         execute: args => {
             var _a, _b, _c;
-            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.context.model;
+            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model;
             const groupName = args['label'];
             const selectedLayers = (_c = (_b = model === null || model === void 0 ? void 0 : model.localState) === null || _b === void 0 ? void 0 : _b.selected) === null || _c === void 0 ? void 0 : _c.value;
             if (!selectedLayers) {
@@ -499,7 +563,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
         label: trans.__('Move Selected Layers to New Group'),
         execute: async () => {
             var _a, _b, _c;
-            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.context.model;
+            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model;
             const selectedLayers = (_c = (_b = model === null || model === void 0 ? void 0 : model.localState) === null || _b === void 0 ? void 0 : _b.selected) === null || _c === void 0 ? void 0 : _c.value;
             if (!selectedLayers) {
                 return;
@@ -556,7 +620,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
         label: trans.__('Rename Source'),
         execute: async () => {
             var _a;
-            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.context.model;
+            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model;
             await Private.renameSelectedItem(model, 'source', (sourceId, newName) => {
                 const source = model === null || model === void 0 ? void 0 : model.getSource(sourceId);
                 if (source) {
@@ -570,7 +634,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
         label: trans.__('Remove Source'),
         execute: () => {
             var _a;
-            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.context.model;
+            const model = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model;
             Private.removeSelectedItems(model, 'source', selection => {
                 var _a;
                 if (!((_a = model === null || model === void 0 ? void 0 : model.getLayersBySource(selection).length) !== null && _a !== void 0 ? _a : true)) {
@@ -585,37 +649,43 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
     // Console commands
     commands.addCommand(CommandIDs.toggleConsole, {
         label: trans.__('Toggle console'),
+        isVisible: () => tracker.currentWidget instanceof JupyterGISDocumentWidget,
         isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         },
         execute: async () => await Private.toggleConsole(tracker)
     });
     commands.addCommand(CommandIDs.executeConsole, {
         label: trans.__('Execute console'),
+        isVisible: () => tracker.currentWidget instanceof JupyterGISDocumentWidget,
         isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         },
         execute: () => Private.executeConsole(tracker)
     });
     commands.addCommand(CommandIDs.removeConsole, {
         label: trans.__('Remove console'),
+        isVisible: () => tracker.currentWidget instanceof JupyterGISDocumentWidget,
         isEnabled: () => {
             return tracker.currentWidget
-                ? tracker.currentWidget.context.model.sharedModel.editable
+                ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         },
         execute: () => Private.removeConsole(tracker)
     });
     commands.addCommand(CommandIDs.invokeCompleter, {
         label: trans.__('Display the completion helper.'),
+        isVisible: () => tracker.currentWidget instanceof JupyterGISDocumentWidget,
         execute: () => {
             var _a;
             const currentWidget = tracker.currentWidget;
-            if (!currentWidget || !completionProviderManager) {
+            if (!currentWidget ||
+                !completionProviderManager ||
+                !(currentWidget instanceof JupyterGISDocumentWidget)) {
                 return;
             }
             const id = (_a = currentWidget.content.consolePanel) === null || _a === void 0 ? void 0 : _a.id;
@@ -626,10 +696,13 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
     });
     commands.addCommand(CommandIDs.selectCompleter, {
         label: trans.__('Select the completion suggestion.'),
+        isVisible: () => tracker.currentWidget instanceof JupyterGISDocumentWidget,
         execute: () => {
             var _a;
             const currentWidget = tracker.currentWidget;
-            if (!currentWidget || !completionProviderManager) {
+            if (!currentWidget ||
+                !completionProviderManager ||
+                !(currentWidget instanceof JupyterGISDocumentWidget)) {
                 return;
             }
             const id = (_a = currentWidget.content.consolePanel) === null || _a === void 0 ? void 0 : _a.id;
@@ -638,6 +711,25 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             }
         }
     });
+    commands.addCommand(CommandIDs.zoomToLayer, {
+        label: trans.__('Zoom to Layer'),
+        execute: () => {
+            var _a;
+            const currentWidget = tracker.currentWidget;
+            if (!currentWidget || !completionProviderManager) {
+                return;
+            }
+            console.log('zooming');
+            const model = tracker.currentWidget.model;
+            const selectedItems = (_a = model.localState) === null || _a === void 0 ? void 0 : _a.selected.value;
+            if (!selectedItems) {
+                return;
+            }
+            const layerId = Object.keys(selectedItems)[0];
+            model.centerOnPosition(layerId);
+        }
+    });
+    loadKeybindings(commands, keybindings);
 }
 var Private;
 (function (Private) {
@@ -648,7 +740,7 @@ var Private;
                 return;
             }
             const dialog = new LayerBrowserWidget({
-                context: current.context,
+                model: current.model,
                 registry: layerBrowserRegistry.getRegistryLayers(),
                 formSchemaRegistry
             });
@@ -663,7 +755,7 @@ var Private;
                 return;
             }
             const dialog = new SymbologyWidget({
-                context: current.context,
+                model: current.model,
                 state
             });
             await dialog.launch();
@@ -677,7 +769,7 @@ var Private;
                 return;
             }
             const dialog = new CreationFormDialog({
-                context: current.context,
+                model: current.model,
                 title,
                 createLayer,
                 createSource,
@@ -720,8 +812,8 @@ var Private;
     }
     Private.getUserInputForRename = getUserInputForRename;
     function removeSelectedItems(model, itemTypeToRemove, removeFunction) {
-        var _a;
-        const selected = (_a = model === null || model === void 0 ? void 0 : model.localState) === null || _a === void 0 ? void 0 : _a.selected.value;
+        var _a, _b;
+        const selected = (_b = (_a = model === null || model === void 0 ? void 0 : model.localState) === null || _a === void 0 ? void 0 : _a.selected) === null || _b === void 0 ? void 0 : _b.value;
         if (!selected) {
             console.info('Nothing selected');
             return;
@@ -775,7 +867,7 @@ var Private;
     Private.renameSelectedItem = renameSelectedItem;
     function executeConsole(tracker) {
         const current = tracker.currentWidget;
-        if (!current) {
+        if (!current || !(current instanceof JupyterGISDocumentWidget)) {
             return;
         }
         current.content.executeConsole();
@@ -783,7 +875,7 @@ var Private;
     Private.executeConsole = executeConsole;
     function removeConsole(tracker) {
         const current = tracker.currentWidget;
-        if (!current) {
+        if (!current || !(current instanceof JupyterGISDocumentWidget)) {
             return;
         }
         current.content.removeConsole();
@@ -791,18 +883,10 @@ var Private;
     Private.removeConsole = removeConsole;
     async function toggleConsole(tracker) {
         const current = tracker.currentWidget;
-        if (!current) {
+        if (!current || !(current instanceof JupyterGISDocumentWidget)) {
             return;
         }
-        const currentPath = current.context.path.split(':');
-        let realPath = '';
-        if (currentPath.length > 1) {
-            realPath = currentPath[1];
-        }
-        else {
-            realPath = currentPath[0];
-        }
-        await current.content.toggleConsole(realPath);
+        await current.content.toggleConsole(current.model.filePath);
     }
     Private.toggleConsole = toggleConsole;
 })(Private || (Private = {}));

package/lib/constants.d.ts

@@ -8,6 +8,7 @@ export declare namespace CommandIDs {
     const undo = "jupytergis:undo";
     const symbology = "jupytergis:symbology";
     const identify = "jupytergis:identify";
+    const temporalController = "jupytergis:temporalController";
     const openLayerBrowser = "jupytergis:openLayerBrowser";
     const newRasterEntry = "jupytergis:newRasterEntry";
     const newVectorTileEntry = "jupytergis:newVectorTileEntry";
@@ -31,6 +32,7 @@ export declare namespace CommandIDs {
     const newVideoLayer = "jupytergis:newVideoLayer";
     const newShapefileLayer = "jupytergis:newShapefileLayer";
     const newWebGlTileLayer = "jupytergis:newWebGlTileLayer";
+    const newHeatmapLayer = "jupytergis:newHeatmapLayer";
     const renameLayer = "jupytergis:renameLayer";
     const removeLayer = "jupytergis:removeLayer";
     const renameGroup = "jupytergis:renameGroup";
@@ -45,6 +47,7 @@ export declare namespace CommandIDs {
     const executeConsole = "jupytergis:executeConsole";
     const selectCompleter = "jupytergis:selectConsoleCompleter";
     const addAnnotation = "jupytergis:addAnnotation";
+    const zoomToLayer = "jupytergis:zoomToLayer";
 }
 interface IRegisteredIcon {
     icon?: LabIcon;

package/lib/constants.js

@@ -10,6 +10,7 @@ export var CommandIDs;
     CommandIDs.undo = 'jupytergis:undo';
     CommandIDs.symbology = 'jupytergis:symbology';
     CommandIDs.identify = 'jupytergis:identify';
+    CommandIDs.temporalController = 'jupytergis:temporalController';
     // Layers and sources creation commands
     CommandIDs.openLayerBrowser = 'jupytergis:openLayerBrowser';
     // Layer and source
@@ -37,6 +38,7 @@ export var CommandIDs;
     CommandIDs.newVideoLayer = 'jupytergis:newVideoLayer';
     CommandIDs.newShapefileLayer = 'jupytergis:newShapefileLayer';
     CommandIDs.newWebGlTileLayer = 'jupytergis:newWebGlTileLayer';
+    CommandIDs.newHeatmapLayer = 'jupytergis:newHeatmapLayer';
     // Layer and group actions
     CommandIDs.renameLayer = 'jupytergis:renameLayer';
     CommandIDs.removeLayer = 'jupytergis:removeLayer';
@@ -55,6 +57,7 @@ export var CommandIDs;
     CommandIDs.selectCompleter = 'jupytergis:selectConsoleCompleter';
     // Map Commands
     CommandIDs.addAnnotation = 'jupytergis:addAnnotation';
+    CommandIDs.zoomToLayer = 'jupytergis:zoomToLayer';
 })(CommandIDs || (CommandIDs = {}));
 const iconObject = {
     RasterSource: { icon: rasterIcon },
@@ -81,7 +84,8 @@ const iconObject = {
     [CommandIDs.newShapefileLayer]: { iconClass: 'fa fa-file' },
     [CommandIDs.newGeoTiffEntry]: { iconClass: 'fa fa-image' },
     [CommandIDs.symbology]: { iconClass: 'fa fa-brush' },
-    [CommandIDs.identify]: { iconClass: 'fa fa-info' }
+    [CommandIDs.identify]: { iconClass: 'fa fa-info' },
+    [CommandIDs.temporalController]: { iconClass: 'fa fa-clock' }
 };
 /**
  * The registered icons

package/lib/dialogs/formdialog.d.ts

@@ -16,6 +16,11 @@ export interface ICreationFormWrapperProps extends ICreationFormProps {
      * some extra errors or not.
      */
     formErrorSignalPromise?: PromiseDelegate<Signal<Dialog<any>, boolean>>;
+    /**
+     * Configuration options for the dialog, including settings for layer data, source data,
+     * and other form-related parameters.
+     */
+    dialogOptions?: any;
 }
 export interface ICreationFormDialogOptions extends ICreationFormProps {
     title: string;

package/lib/dialogs/formdialog.js

@@ -16,7 +16,7 @@ export const CreationFormWrapper = (props) => {
         formErrorSignal.current = formChanged;
         setReady(true);
     });
-    return (ready && (React.createElement(CreationForm, { context: props.context, formSchemaRegistry: props.formSchemaRegistry, createLayer: props.createLayer, createSource: props.createSource, layerType: props.layerType, sourceType: props.sourceType, sourceData: props.sourceData, layerData: props.layerData, ok: okSignal.current, cancel: props.cancel, formErrorSignal: formErrorSignal.current })));
+    return (ready && (React.createElement(CreationForm, { model: props.model, formSchemaRegistry: props.formSchemaRegistry, createLayer: props.createLayer, createSource: props.createSource, layerType: props.layerType, sourceType: props.sourceType, sourceData: props.sourceData, layerData: props.layerData, ok: okSignal.current, cancel: props.cancel, formErrorSignal: formErrorSignal.current, dialogOptions: props.dialogOptions })));
 };
 /**
  * Form for creating a source, a layer or both at the same time
@@ -29,7 +29,7 @@ export class CreationFormDialog extends Dialog {
         const okSignalPromise = new PromiseDelegate();
         const formErrorSignalPromise = new PromiseDelegate();
         const body = (React.createElement("div", { style: { overflow: 'auto' } },
-            React.createElement(CreationFormWrapper, { context: options.context, formSchemaRegistry: options.formSchemaRegistry, createLayer: options.createLayer, createSource: options.createSource, layerType: options.layerType, sourceType: options.sourceType, sourceData: options.sourceData, layerData: options.layerData, okSignalPromise: okSignalPromise, cancel: cancelCallback, formErrorSignalPromise: formErrorSignalPromise })));
+            React.createElement(CreationFormWrapper, { model: options.model, formSchemaRegistry: options.formSchemaRegistry, createLayer: options.createLayer, createSource: options.createSource, layerType: options.layerType, sourceType: options.sourceType, sourceData: options.sourceData, layerData: options.layerData, okSignalPromise: okSignalPromise, cancel: cancelCallback, formErrorSignalPromise: formErrorSignalPromise, dialogOptions: options })));
         super({
             title: options.title,
             body,