@jupytergis/base 0.5.0 → 0.6.0

package/lib/menus.d.ts

@@ -1,4 +1,4 @@
-import { Menu } from '@lumino/widgets';
 import { CommandRegistry } from '@lumino/commands';
+import { Menu } from '@lumino/widgets';
 export declare const vectorSubMenu: (commands: CommandRegistry) => Menu;
 export declare const rasterSubMenu: (commands: CommandRegistry) => Menu;

package/lib/menus.js

@@ -8,15 +8,15 @@ export const vectorSubMenu = (commands) => {
     subMenu.id = 'jp-gis-toolbar-vector-menu';
     subMenu.addItem({
         type: 'command',
-        command: CommandIDs.newVectorTileEntry
+        command: CommandIDs.newVectorTileEntry,
     });
     subMenu.addItem({
         type: 'command',
-        command: CommandIDs.newGeoJSONEntry
+        command: CommandIDs.newGeoJSONEntry,
     });
     subMenu.addItem({
         type: 'command',
-        command: CommandIDs.newShapefileEntry
+        command: CommandIDs.newShapefileEntry,
     });
     return subMenu;
 };
@@ -27,19 +27,19 @@ export const rasterSubMenu = (commands) => {
     subMenu.id = 'jp-gis-toolbar-raster-menu';
     subMenu.addItem({
         type: 'command',
-        command: CommandIDs.newRasterEntry
+        command: CommandIDs.newRasterEntry,
     });
     subMenu.addItem({
         type: 'command',
-        command: CommandIDs.newHillshadeEntry
+        command: CommandIDs.newHillshadeEntry,
     });
     subMenu.addItem({
         type: 'command',
-        command: CommandIDs.newImageEntry
+        command: CommandIDs.newImageEntry,
     });
     subMenu.addItem({
         type: 'command',
-        command: CommandIDs.newGeoTiffEntry
+        command: CommandIDs.newGeoTiffEntry,
     });
     return subMenu;
 };

package/lib/panelview/annotationPanel.d.ts

@@ -1,7 +1,7 @@
+import { IAnnotationModel } from '@jupytergis/schema';
 import { PanelWithToolbar } from '@jupyterlab/ui-components';
 import { Component } from 'react';
-import { IAnnotationModel } from '@jupytergis/schema';
-import { IControlPanelModel } from '../types';
+import { IControlPanelModel } from "../types";
 interface IAnnotationPanelProps {
     annotationModel: IAnnotationModel;
     rightPanelModel: IControlPanelModel;

package/lib/panelview/annotationPanel.js

@@ -1,6 +1,6 @@
 import { PanelWithToolbar, ReactWidget } from '@jupyterlab/ui-components';
 import React, { Component } from 'react';
-import Annotation from '../annotations/components/Annotation';
+import Annotation from "../annotations/components/Annotation";
 export class AnnotationsPanel extends Component {
     constructor(props) {
         super(props);

package/lib/panelview/components/filter-panel/Filter.d.ts

@@ -1,7 +1,7 @@
 import { IJupyterGISTracker } from '@jupytergis/schema';
 import { Panel } from '@lumino/widgets';
 import React from 'react';
-import { IControlPanelModel } from '../../../types';
+import { IControlPanelModel } from "../../../types";
 /**
  * The filters panel widget.
  */
@@ -20,5 +20,5 @@ interface IFilterComponentProps {
     model: IControlPanelModel;
     tracker: IJupyterGISTracker;
 }
-declare const FilterComponent: (props: IFilterComponentProps) => React.JSX.Element;
+declare const FilterComponent: React.FC<IFilterComponentProps>;
 export default FilterComponent;

package/lib/panelview/components/filter-panel/Filter.js

@@ -2,7 +2,7 @@ import { Button, ReactWidget } from '@jupyterlab/ui-components';
 import { Panel } from '@lumino/widgets';
 import { cloneDeep } from 'lodash';
 import React, { useEffect, useRef, useState } from 'react';
-import { debounce, loadFile } from '../../../tools';
+import { debounce, loadFile } from "../../../tools";
 import FilterRow from './FilterRow';
 /**
  * The filters panel widget.
@@ -17,7 +17,7 @@ export class FilterPanel extends Panel {
         this.addWidget(ReactWidget.create(React.createElement(FilterComponent, { model: this._model, tracker: this._tracker })));
     }
 }
-const FilterComponent = (props) => {
+const FilterComponent = props => {
     var _a;
     const featuresInLayerRef = useRef({});
     const [widgetId, setWidgetId] = useState('');
@@ -133,7 +133,7 @@ const FilterComponent = (props) => {
                 const data = await loadFile({
                     filepath: (_b = source.parameters) === null || _b === void 0 ? void 0 : _b.path,
                     type: 'GeoJSONSource',
-                    model: model
+                    model: model,
                 });
                 data === null || data === void 0 ? void 0 : data.features.forEach((feature) => {
                     feature.properties &&
@@ -163,8 +163,8 @@ const FilterComponent = (props) => {
             {
                 feature: Object.keys(featuresInLayer)[0],
                 operator: '==',
-                value: [...Object.values(featuresInLayer)[0]][0]
-            }
+                value: [...Object.values(featuresInLayer)[0]][0],
+            },
         ]);
     };
     const deleteRow = (index) => {

package/lib/panelview/components/filter-panel/FilterRow.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-declare const FilterRow: ({ index, features, filterRows, setFilterRows, deleteRow }: {
+declare const FilterRow: React.FC<{
     index: number;
     features: Record<string, Set<string | number>>;
     filterRows: any;
     setFilterRows: any;
     deleteRow: () => void;
-}) => React.JSX.Element;
+}>;
 export default FilterRow;

package/lib/panelview/components/identify-panel/IdentifyPanel.d.ts

@@ -1,6 +1,6 @@
 import { IJupyterGISTracker } from '@jupytergis/schema';
 import { Panel } from '@lumino/widgets';
-import { IControlPanelModel } from '../../../types';
+import { IControlPanelModel } from "../../../types";
 export declare class IdentifyPanel extends Panel {
     constructor(options: IdentifyPanel.IOptions);
     private _model;

package/lib/panelview/components/identify-panel/IdentifyPanel.js

@@ -1,8 +1,8 @@
+import { faMagnifyingGlass } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { LabIcon, ReactWidget, caretDownIcon } from '@jupyterlab/ui-components';
 import { Panel } from '@lumino/widgets';
 import React, { useEffect, useRef, useState } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faMagnifyingGlass } from '@fortawesome/free-solid-svg-icons';
 export class IdentifyPanel extends Panel {
     constructor(options) {
         super();
@@ -15,12 +15,12 @@ export class IdentifyPanel extends Panel {
         this.addWidget(ReactWidget.create(React.createElement(IdentifyPanelComponent, { controlPanelModel: this._model, tracker: this._tracker })));
     }
 }
-const IdentifyPanelComponent = ({ controlPanelModel, tracker }) => {
+const IdentifyPanelComponent = ({ controlPanelModel, tracker, }) => {
     var _a;
     const [widgetId, setWidgetId] = useState('');
     const [features, setFeatures] = useState();
     const [visibleFeatures, setVisibleFeatures] = useState({
-        0: true
+        0: true,
     });
     const [remoteUser, setRemoteUser] = useState(null);
     const [jgisModel, setJgisModel] = useState(controlPanelModel === null || controlPanelModel === void 0 ? void 0 : controlPanelModel.jGISModel);
@@ -95,7 +95,7 @@ const IdentifyPanelComponent = ({ controlPanelModel, tracker }) => {
     return (React.createElement("div", { className: "jgis-identify-wrapper", style: {
             border: ((_a = jgisModel === null || jgisModel === void 0 ? void 0 : jgisModel.localState) === null || _a === void 0 ? void 0 : _a.remoteUser)
                 ? `solid 3px ${remoteUser === null || remoteUser === void 0 ? void 0 : remoteUser.color}`
-                : 'unset'
+                : 'unset',
         } }, features &&
         Object.values(features).map((feature, featureIndex) => (React.createElement("div", { key: featureIndex, className: "jgis-identify-grid-item" },
             React.createElement("div", { className: "jgis-identify-grid-item-header" },

package/lib/panelview/components/layers.d.ts

@@ -1,5 +1,5 @@
 import { Panel } from '@lumino/widgets';
-import { ILayerPanelOptions } from '../leftpanel';
+import { ILayerPanelOptions } from "../leftpanel";
 /**
  * The layers panel widget.
  */

package/lib/panelview/components/layers.js

@@ -1,9 +1,9 @@
 import { DOMUtils } from '@jupyterlab/apputils';
-import { Button, LabIcon, ReactWidget, caretDownIcon } from '@jupyterlab/ui-components';
+import { Button, LabIcon, ReactWidget, caretDownIcon, } from '@jupyterlab/ui-components';
 import { Panel } from '@lumino/widgets';
-import React, { useEffect, useState } from 'react';
-import { icons } from '../../constants';
-import { nonVisibilityIcon, visibilityIcon } from '../../icons';
+import React, { useEffect, useState, } from 'react';
+import { icons } from "../../constants";
+import { nonVisibilityIcon, visibilityIcon } from "../../icons";
 const LAYERS_PANEL_CLASS = 'jp-gis-layerPanel';
 const LAYER_GROUP_CLASS = 'jp-gis-layerGroup';
 const LAYER_GROUP_HEADER_CLASS = 'jp-gis-layerGroupHeader';
@@ -75,14 +75,14 @@ export class LayersPanel extends Panel {
 /**
  * The body component of the panel.
  */
-function LayersBodyComponent(props) {
+const LayersBodyComponent = props => {
     var _a, _b;
     const [model, setModel] = useState((_a = props.model) === null || _a === void 0 ? void 0 : _a.jGISModel);
     const [layerTree, setLayerTree] = useState((model === null || model === void 0 ? void 0 : model.getLayerTree()) || []);
     /**
      * Propagate the layer selection.
      */
-    const onItemClick = ({ type, item, nodeId, event }) => {
+    const onItemClick = ({ type, item, nodeId, event, }) => {
         props.onSelect({ type, item, nodeId, event });
     };
     /**
@@ -112,11 +112,11 @@ function LayersBodyComponent(props) {
         .slice()
         .reverse()
         .map(layer => typeof layer === 'string' ? (React.createElement(LayerComponent, { key: layer, gisModel: model, layerId: layer, onClick: onItemClick })) : (React.createElement(LayerGroupComponent, { key: layer.name, gisModel: model, group: layer, onClick: onItemClick, state: props.state })))));
-}
+};
 /**
  * The component to handle group of layers.
  */
-function LayerGroupComponent(props) {
+const LayerGroupComponent = props => {
     var _a, _b;
     const { group, gisModel, onClick, state } = props;
     if (group === undefined) {
@@ -168,7 +168,7 @@ function LayerGroupComponent(props) {
             .slice()
             .reverse()
             .map(layer => typeof layer === 'string' ? (React.createElement(LayerComponent, { key: layer, gisModel: gisModel, layerId: layer, onClick: onClick })) : (React.createElement(LayerGroupComponent, { key: layer.name, gisModel: gisModel, group: layer, onClick: onClick, state: props.state })))))));
-}
+};
 function isSelected(layerId, model) {
     var _a, _b, _c, _d;
     return ((((_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) &&
@@ -178,7 +178,7 @@ function isSelected(layerId, model) {
 /**
  * The component to display a single layer.
  */
-function LayerComponent(props) {
+const LayerComponent = props => {
     const { layerId, gisModel, onClick } = props;
     const layer = gisModel === null || gisModel === void 0 ? void 0 : gisModel.getLayer(layerId);
     if (layer === undefined) {
@@ -224,7 +224,7 @@ function LayerComponent(props) {
                 React.createElement(LabIcon.resolveReact, { icon: layer.visible ? visibilityIcon : nonVisibilityIcon, className: `${LAYER_ICON_CLASS}${layer.visible ? '' : ' jp-gis-mod-hidden'}`, tag: "span" })),
             icons.has(layer.type) && (React.createElement(LabIcon.resolveReact, Object.assign({}, icons.get(layer.type), { className: LAYER_ICON_CLASS }))),
             React.createElement("span", { id: id, className: LAYER_TEXT_CLASS, tabIndex: -2 }, name))));
-}
+};
 var Private;
 (function (Private) {
     Private.dragIndicator = document.createElement('div');
@@ -232,7 +232,7 @@ var Private;
     Private.dragInfo = {
         draggedElement: null,
         dragOverElement: null,
-        dragOverPosition: null
+        dragOverPosition: null,
     };
     Private.onDragStart = (e) => {
         Private.dragInfo.draggedElement = e.target;

package/lib/panelview/leftpanel.d.ts

@@ -1,10 +1,10 @@
 import { IJupyterGISTracker, JupyterGISDoc, SelectionType } from '@jupytergis/schema';
 import { IStateDB } from '@jupyterlab/statedb';
 import { SidePanel } from '@jupyterlab/ui-components';
+import { CommandRegistry } from '@lumino/commands';
 import { Message } from '@lumino/messaging';
 import { MouseEvent as ReactMouseEvent } from 'react';
-import { IControlPanelModel } from '../types';
-import { CommandRegistry } from '@lumino/commands';
+import { IControlPanelModel } from "../types";
 /**
  * Options of the left panel widget.
  */
@@ -36,6 +36,8 @@ export declare class LeftPanelWidget extends SidePanel {
     private _onSelect;
     resetSelected(type: SelectionType, nodeId?: string, item?: string): void;
     private _notifyCommands;
+    private _handleFileChange;
+    private _currentModel;
     private _lastSelectedNodeId;
     private _model;
     private _state;

package/lib/panelview/leftpanel.js

@@ -1,8 +1,9 @@
 import { SidePanel } from '@jupyterlab/ui-components';
+import { CommandIDs } from "../constants";
+import StacPanel from "../stacBrowser/StacPanel";
+import { FilterPanel } from './components/filter-panel/Filter';
 import { LayersPanel } from './components/layers';
 import { ControlPanelHeader } from './header';
-import { FilterPanel } from './components/filter-panel/Filter';
-import { CommandIDs } from '../constants';
 export class LeftPanelWidget extends SidePanel {
     constructor(options) {
         super();
@@ -11,7 +12,7 @@ export class LeftPanelWidget extends SidePanel {
          *
          * @param item - the selected layer or group.
          */
-        this._onSelect = ({ type, item, nodeId, event }) => {
+        this._onSelect = ({ type, item, nodeId, event, }) => {
             var _a, _b;
             if (!this._model || !nodeId) {
                 return;
@@ -64,24 +65,41 @@ export class LeftPanelWidget extends SidePanel {
         const layerTree = new LayersPanel({
             model: this._model,
             state: this._state,
-            onSelect: this._onSelect
+            onSelect: this._onSelect,
         });
         layerTree.title.caption = 'Layer tree';
         layerTree.title.label = 'Layers';
         this.addWidget(layerTree);
+        const stacPanel = new StacPanel({
+            model: this._model,
+            tracker: options.tracker,
+        });
+        stacPanel.title.caption = 'STAC';
+        stacPanel.title.label = 'STAC';
+        this.addWidget(stacPanel);
         const filterPanel = new FilterPanel({
             model: this._model,
-            tracker: options.tracker
+            tracker: options.tracker,
         });
         filterPanel.title.caption = 'Filters';
         filterPanel.title.label = 'Filters';
         this.addWidget(filterPanel);
+        this._handleFileChange = () => {
+            var _a;
+            header.title.label = ((_a = this._currentModel) === null || _a === void 0 ? void 0 : _a.filePath) || '-';
+        };
         options.tracker.currentChanged.connect((_, changed) => {
             if (changed) {
+                if (this._currentModel) {
+                    this._currentModel.pathChanged.disconnect(this._handleFileChange);
+                }
+                this._currentModel = changed.model;
                 header.title.label = changed.model.filePath;
+                this._currentModel.pathChanged.connect(this._handleFileChange);
             }
             else {
                 header.title.label = '-';
+                this._currentModel = null;
             }
         });
     }
@@ -121,7 +139,7 @@ export class LeftPanelWidget extends SidePanel {
         if (item && nodeId) {
             selection[item] = {
                 type,
-                selectedNodeId: nodeId
+                selectedNodeId: nodeId,
             };
             this._lastSelectedNodeId = nodeId;
         }

package/lib/panelview/model.d.ts

@@ -1,6 +1,6 @@
 import { IJupyterGISDoc, IJupyterGISModel, IJupyterGISTracker, IJupyterGISWidget } from '@jupytergis/schema';
 import { ISignal } from '@lumino/signaling';
-import { IControlPanelModel } from '../types';
+import { IControlPanelModel } from "../types";
 export declare class ControlPanelModel implements IControlPanelModel {
     constructor(options: ControlPanelModel.IOptions);
     get documentChanged(): ISignal<IJupyterGISTracker, IJupyterGISWidget | null>;

package/lib/panelview/objectproperties.d.ts

@@ -1,7 +1,7 @@
 import { IJGISFormSchemaRegistry, IJupyterGISTracker } from '@jupytergis/schema';
 import { PanelWithToolbar } from '@jupyterlab/ui-components';
 import { Panel } from '@lumino/widgets';
-import { IControlPanelModel } from '../types';
+import { IControlPanelModel } from "../types";
 export declare class ObjectProperties extends PanelWithToolbar {
     constructor(params: ObjectProperties.IOptions);
 }

package/lib/panelview/objectproperties.js

@@ -2,7 +2,7 @@ import { ReactWidget } from '@jupyterlab/apputils';
 import { PanelWithToolbar } from '@jupyterlab/ui-components';
 import * as React from 'react';
 import { v4 as uuid } from 'uuid';
-import { EditForm } from '../formbuilder/editform';
+import { EditForm } from "../formbuilder/editform";
 export class ObjectProperties extends PanelWithToolbar {
     constructor(params) {
         super(params);
@@ -47,7 +47,7 @@ class ObjectPropertiesReact extends React.Component {
         this.state = {
             model: (_a = props.tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model,
             clientId: null,
-            id: uuid()
+            id: uuid(),
         };
         (_b = this.props.cpModel.jGISModel) === null || _b === void 0 ? void 0 : _b.sharedLayersChanged.connect(this._sharedJGISModelChanged);
         (_c = this.props.cpModel.jGISModel) === null || _c === void 0 ? void 0 : _c.sharedSourcesChanged.connect(this._sharedJGISModelChanged);
@@ -63,7 +63,7 @@ class ObjectPropertiesReact extends React.Component {
             else {
                 this.setState({
                     model: undefined,
-                    selectedObject: undefined
+                    selectedObject: undefined,
                 });
             }
         });

package/lib/panelview/rightpanel.d.ts

@@ -1,10 +1,11 @@
 import { IAnnotationModel, IJGISFormSchemaRegistry, IJupyterGISTracker, JupyterGISDoc } from '@jupytergis/schema';
 import { SidePanel } from '@jupyterlab/ui-components';
-import { IControlPanelModel } from '../types';
+import { IControlPanelModel } from "../types";
 export declare class RightPanelWidget extends SidePanel {
     constructor(options: RightPanelWidget.IOptions);
     dispose(): void;
     private _currentModel;
+    private _handleFileChange;
     private _model;
     private _annotationModel;
 }

package/lib/panelview/rightpanel.js

@@ -1,8 +1,8 @@
 import { SidePanel } from '@jupyterlab/ui-components';
-import { ControlPanelHeader } from './header';
-import { ObjectProperties } from './objectproperties';
 import { Annotations } from './annotationPanel';
 import IdentifyPanel from './components/identify-panel/IdentifyPanel';
+import { ControlPanelHeader } from './header';
+import { ObjectProperties } from './objectproperties';
 export class RightPanelWidget extends SidePanel {
     constructor(options) {
         super();
@@ -16,22 +16,26 @@ export class RightPanelWidget extends SidePanel {
         const properties = new ObjectProperties({
             controlPanelModel: this._model,
             formSchemaRegistry: options.formSchemaRegistry,
-            tracker: options.tracker
+            tracker: options.tracker,
         });
         this.addWidget(properties);
         const annotations = new Annotations({
             rightPanelModel: this._model,
-            annotationModel: this._annotationModel
+            annotationModel: this._annotationModel,
         });
         this.addWidget(annotations);
         const identifyPanel = new IdentifyPanel({
             model: this._model,
-            tracker: options.tracker
+            tracker: options.tracker,
         });
         identifyPanel.title.caption = 'Identify';
         identifyPanel.title.label = 'Identify';
         identifyPanel.addClass('jgis-scrollable');
         this.addWidget(identifyPanel);
+        this._handleFileChange = () => {
+            var _a;
+            header.title.label = ((_a = this._currentModel) === null || _a === void 0 ? void 0 : _a.filePath) || '-';
+        };
         this._model.documentChanged.connect((_, changed) => {
             if (changed) {
                 if (changed.model.sharedModel.editable) {
@@ -50,8 +54,12 @@ export class RightPanelWidget extends SidePanel {
         options.tracker.currentChanged.connect(async (_, changed) => {
             var _a;
             if (changed) {
+                if (this._currentModel) {
+                    this._currentModel.pathChanged.disconnect(this._handleFileChange);
+                }
                 this._currentModel = changed.model;
                 header.title.label = this._currentModel.filePath;
+                this._currentModel.pathChanged.connect(this._handleFileChange);
                 this._annotationModel.model =
                     ((_a = options.tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model) || undefined;
                 // await changed.context.ready;

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

@@ -1,6 +1,6 @@
-import { IDict, IJGISLayer, IJupyterGISModel, IJGISFormSchemaRegistry, LayerType } from '@jupytergis/schema';
-import { JupyterGISTracker } from './types';
+import { IDict, IJGISLayer, IJupyterGISModel, IJGISFormSchemaRegistry, LayerType, ProcessingType } from '@jupytergis/schema';
 import { JupyterFrontEnd } from '@jupyterlab/application';
+import { JupyterGISTracker } from '../types';
 /**
  * Get the currently selected layer from the shared model. Returns null if there is no selection or multiple layer is selected.
  */
@@ -17,9 +17,9 @@ export type GdalFunctions = 'ogr2ogr' | 'gdal_rasterize' | 'gdalwarp' | 'gdal_tr
 /**
  * Generalized processing function for Buffer & Dissolve
  */
-export declare function processSelectedLayer(tracker: JupyterGISTracker, formSchemaRegistry: IJGISFormSchemaRegistry, processingType: 'Buffer' | 'Dissolve', processingOptions: {
+export declare function processSelectedLayer(tracker: JupyterGISTracker, formSchemaRegistry: IJGISFormSchemaRegistry, processingType: ProcessingType, processingOptions: {
     sqlQueryFn: (layerName: string, param: any) => string;
     gdalFunction: GdalFunctions;
     options: (sqlQuery: string) => string[];
 }, app: JupyterFrontEnd): Promise<void>;
-export declare function executeSQLProcessing(model: IJupyterGISModel, geojsonString: string, gdalFunction: GdalFunctions, options: string[], layerNamePrefix: string, processingType: 'Buffer' | 'Dissolve', embedOutputLayer: boolean, tracker: JupyterGISTracker, app: JupyterFrontEnd): Promise<void>;
+export declare function executeSQLProcessing(model: IJupyterGISModel, geojsonString: string, gdalFunction: GdalFunctions, options: string[], layerNamePrefix: string, processingType: ProcessingType, embedOutputLayer: boolean, tracker: JupyterGISTracker, app: JupyterFrontEnd): Promise<void>;

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

@@ -1,7 +1,9 @@
-import { getGdal } from './gdal';
+import { processingList, } from '@jupytergis/schema';
 import { UUID } from '@lumino/coreutils';
-import { ProcessingFormDialog } from './dialogs/ProcessingFormDialog';
-import { getGeoJSONDataFromLayerSource } from './tools';
+import { ProcessingFormDialog } from '../dialogs/ProcessingFormDialog';
+import { getGdal } from '../gdal';
+import { processingFormToParam } from './processingFormToParam';
+import { getGeoJSONDataFromLayerSource } from '../tools';
 /**
  * Get the currently selected layer from the shared model. Returns null if there is no selection or multiple layer is selected.
  */
@@ -72,38 +74,31 @@ export async function processSelectedLayer(tracker, formSchemaRegistry, processi
             model,
             sourceData: {
                 inputLayer: selectedLayerId,
-                outputLayerName: selected.name
+                outputLayerName: selected.name,
             },
             formContext: 'create',
             processingType,
             syncData: (props) => {
                 resolve(props);
                 dialog.dispose();
-            }
+            },
         });
         dialog.launch();
     });
     if (!formValues) {
         return;
     }
-    let processParam;
-    switch (processingType) {
-        case 'Buffer':
-            processParam = formValues.bufferDistance;
-            break;
-        case 'Dissolve':
-            processParam = formValues.dissolveField;
-            break;
-        default:
-            console.error(`Unsupported processing type: ${processingType}`);
-            return;
+    if (!processingList.includes(processingType)) {
+        console.error(`Unsupported processing type: ${processingType}`);
+        return;
     }
+    const processParam = processingFormToParam(formValues, processingType);
     const embedOutputLayer = formValues.embedOutputLayer;
     const fileBlob = new Blob([geojsonString], {
-        type: 'application/geo+json'
+        type: 'application/geo+json',
     });
     const geoFile = new File([fileBlob], 'data.geojson', {
-        type: 'application/geo+json'
+        type: 'application/geo+json',
     });
     const Gdal = await getGdal();
     const result = await Gdal.open(geoFile);
@@ -137,21 +132,21 @@ export async function executeSQLProcessing(model, geojsonString, gdalFunction, o
         await app.serviceManager.contents.save(savePath, {
             type: 'file',
             format: 'text',
-            content: processedGeoJSONString
+            content: processedGeoJSONString,
         });
         const newSourceId = UUID.uuid4();
         const sourceModel = {
             type: 'GeoJSONSource',
             name: outputFileName,
             parameters: {
-                path: outputFileName
-            }
+                path: outputFileName,
+            },
         };
         const layerModel = {
             type: 'VectorLayer',
             parameters: { source: newSourceId },
             visible: true,
-            name: outputFileName
+            name: outputFileName,
         };
         model.sharedModel.addSource(newSourceId, sourceModel);
         model.addLayer(UUID.uuid4(), layerModel);
@@ -163,13 +158,13 @@ export async function executeSQLProcessing(model, geojsonString, gdalFunction, o
         const sourceModel = {
             type: 'GeoJSONSource',
             name: `${layerNamePrefix} ${processingType.charAt(0).toUpperCase() + processingType.slice(1)}`,
-            parameters: { data: processedGeoJSON }
+            parameters: { data: processedGeoJSON },
         };
         const layerModel = {
             type: 'VectorLayer',
             parameters: { source: newSourceId },
             visible: true,
-            name: `${layerNamePrefix} ${processingType.charAt(0).toUpperCase() + processingType.slice(1)}`
+            name: `${layerNamePrefix} ${processingType.charAt(0).toUpperCase() + processingType.slice(1)}`,
         };
         model.sharedModel.addSource(newSourceId, sourceModel);
         model.addLayer(UUID.uuid4(), layerModel);

package/lib/processing/processingCommands.d.ts

@@ -0,0 +1,6 @@
+import { IDict, IJGISFormSchemaRegistry } from '@jupytergis/schema';
+import { JupyterFrontEnd } from '@jupyterlab/application';
+import { CommandRegistry } from '@lumino/commands';
+import { JupyterGISTracker } from '../types';
+export declare function replaceInSql(sql: string, keyToVal: IDict<string>, layerName: string): string;
+export declare function addProcessingCommands(app: JupyterFrontEnd, commands: CommandRegistry, tracker: JupyterGISTracker, trans: any, formSchemaRegistry: IJGISFormSchemaRegistry): void;