@jupytergis/base 0.5.0 → 0.6.0

package/lib/gdal.js

@@ -6,9 +6,9 @@ export async function getGdal() {
     return await initGdalJs({
         paths: {
             wasm: wasmurl.href,
-            data: dataurl.href
+            data: dataurl.href,
         },
-        useWorker: false
+        useWorker: false,
     });
 }
 // Early load gdal

package/lib/icons.js

@@ -4,88 +4,88 @@
  */
 // This file is based on iconimports.ts in @jupyterlab/ui-components, but is manually generated.
 import { LabIcon } from '@jupyterlab/ui-components';
+import bookOpenSvgStr from '../style/icons/book_open.svg';
+import clockSvgStr from '../style/icons/clock-solid.svg';
+import geoJsonSvgStr from '../style/icons/geojson.svg';
+import geolocationSvgStr from '../style/icons/geolocation.svg';
+import infoSvgStr from '../style/icons/info-solid.svg';
 import logoSvgStr from '../style/icons/logo.svg';
 import logoMiniSvgStr from '../style/icons/logo_mini.svg';
 import logoMiniAlternativeSvgStr from '../style/icons/logo_mini_alternative.svg';
-import rasterSvgStr from '../style/icons/raster.svg';
-import visibilitySvgStr from '../style/icons/visibility.svg';
-import nonVisibilitySvgStr from '../style/icons/nonvisibility.svg';
-import geoJsonSvgStr from '../style/icons/geojson.svg';
-import moundSvgStr from '../style/icons/mound.svg';
 import logoMiniQGZ from '../style/icons/logo_mini_qgz.svg';
-import bookOpenSvgStr from '../style/icons/book_open.svg';
-import vectorSquareSvgStr from '../style/icons/vector_square.svg';
-import infoSvgStr from '../style/icons/info-solid.svg';
-import clockSvgStr from '../style/icons/clock-solid.svg';
-import terminalToolbarSvgStr from '../style/icons/terminal_toolbar.svg';
-import geolocationSvgStr from '../style/icons/geolocation.svg';
-import targetWithoutCenterSvgStr from '../style/icons/target_without_center.svg';
+import moundSvgStr from '../style/icons/mound.svg';
+import nonVisibilitySvgStr from '../style/icons/nonvisibility.svg';
+import rasterSvgStr from '../style/icons/raster.svg';
 import targetWithCenterSvgStr from '../style/icons/target_with_center.svg';
+import targetWithoutCenterSvgStr from '../style/icons/target_without_center.svg';
+import terminalToolbarSvgStr from '../style/icons/terminal_toolbar.svg';
+import vectorSquareSvgStr from '../style/icons/vector_square.svg';
+import visibilitySvgStr from '../style/icons/visibility.svg';
 export const logoIcon = new LabIcon({
     name: 'jupytergis::logo',
-    svgstr: logoSvgStr
+    svgstr: logoSvgStr,
 });
 export const logoMiniIcon = new LabIcon({
     name: 'jupytergis::logoMini',
-    svgstr: logoMiniSvgStr
+    svgstr: logoMiniSvgStr,
 });
 export const logoMiniAlternativeIcon = new LabIcon({
     name: 'jupytergis::logoMiniAlternative',
-    svgstr: logoMiniAlternativeSvgStr
+    svgstr: logoMiniAlternativeSvgStr,
 });
 export const rasterIcon = new LabIcon({
     name: 'jupytergis::raster',
-    svgstr: rasterSvgStr
+    svgstr: rasterSvgStr,
 });
 export const visibilityIcon = new LabIcon({
     name: 'jupytergis::visibility',
-    svgstr: visibilitySvgStr
+    svgstr: visibilitySvgStr,
 });
 export const nonVisibilityIcon = new LabIcon({
     name: 'jupytergis::nonVisibility',
-    svgstr: nonVisibilitySvgStr
+    svgstr: nonVisibilitySvgStr,
 });
 export const geoJSONIcon = new LabIcon({
     name: 'jupytergis::geoJSON',
-    svgstr: geoJsonSvgStr
+    svgstr: geoJsonSvgStr,
 });
 export const moundIcon = new LabIcon({
     name: 'jupytergis::mound',
-    svgstr: moundSvgStr
+    svgstr: moundSvgStr,
 });
 export const logoMiniIconQGZ = new LabIcon({
     name: 'jupytergis::logoQGZ',
-    svgstr: logoMiniQGZ
+    svgstr: logoMiniQGZ,
 });
 export const bookOpenIcon = new LabIcon({
     name: 'jupytergis::bookOpen',
-    svgstr: bookOpenSvgStr
+    svgstr: bookOpenSvgStr,
 });
 export const vectorSquareIcon = new LabIcon({
     name: 'jupytergis::vectorSquare',
-    svgstr: vectorSquareSvgStr
+    svgstr: vectorSquareSvgStr,
 });
 export const infoIcon = new LabIcon({
     name: 'jupytergis::info',
-    svgstr: infoSvgStr
+    svgstr: infoSvgStr,
 });
 export const clockIcon = new LabIcon({
     name: 'jupytergis::clock',
-    svgstr: clockSvgStr
+    svgstr: clockSvgStr,
 });
 export const terminalToolbarIcon = new LabIcon({
     name: 'jupytergis::terminalToolbar',
-    svgstr: terminalToolbarSvgStr
+    svgstr: terminalToolbarSvgStr,
 });
 export const geolocationIcon = new LabIcon({
     name: 'jupytergis::geolocation',
-    svgstr: geolocationSvgStr
+    svgstr: geolocationSvgStr,
 });
 export const targetWithoutCenterIcon = new LabIcon({
     name: 'jupytergis::targetWithCenter',
-    svgstr: targetWithCenterSvgStr
+    svgstr: targetWithCenterSvgStr,
 });
 export const targetWithCenterIcon = new LabIcon({
     name: 'jupytergis::targetWithoutCenter',
-    svgstr: targetWithoutCenterSvgStr
+    svgstr: targetWithoutCenterSvgStr,
 });

package/lib/index.d.ts

@@ -1,15 +1,16 @@
+export * from './annotations';
 export * from './classificationModes';
-export * from './commands';
+export * from './commands/index';
 export * from './constants';
 export * from './dialogs/layerCreationFormDialog';
 export * from './formbuilder/objectform/baseform';
 export * from './icons';
 export * from './mainview';
+export * from './menus';
 export * from './panelview';
+export * from './stacBrowser';
 export * from './store';
 export * from './toolbar';
 export * from './tools';
 export * from './types';
 export * from './widget';
-export * from './annotations';
-export * from './menus';

package/lib/index.js

@@ -1,15 +1,16 @@
+export * from './annotations';
 export * from './classificationModes';
-export * from './commands';
+export * from './commands/index';
 export * from './constants';
 export * from './dialogs/layerCreationFormDialog';
 export * from './formbuilder/objectform/baseform';
 export * from './icons';
 export * from './mainview';
+export * from './menus';
 export * from './panelview';
+export * from './stacBrowser';
 export * from './store';
 export * from './toolbar';
 export * from './tools';
 export * from './types';
 export * from './widget';
-export * from './annotations';
-export * from './menus';

package/lib/mainview/CollaboratorPointers.d.ts

@@ -13,5 +13,5 @@ export type ClientPointer = {
         longitude: number;
     };
 };
-declare const CollaboratorPointers: ({ clients }: ICollaboratorPointersProps) => React.JSX.Element;
+declare const CollaboratorPointers: React.FC<ICollaboratorPointersProps>;
 export default CollaboratorPointers;

package/lib/mainview/CollaboratorPointers.js

@@ -1,23 +1,23 @@
-import { faArrowPointer, faWindowMinimize } from '@fortawesome/free-solid-svg-icons';
+import { faArrowPointer, faWindowMinimize, } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import React, { useState } from 'react';
-const CollaboratorPointers = ({ clients }) => {
+const CollaboratorPointers = ({ clients, }) => {
     const [isOpen, setIsOpen] = useState(false);
     return (React.createElement(React.Fragment, null, clients &&
         Object.values(clients).map(client => (React.createElement("div", { className: "jGIS-Popup-Wrapper", style: {
                 left: `${client.coordinates.x}px`,
-                top: `${client.coordinates.y}px`
+                top: `${client.coordinates.y}px`,
             } },
             React.createElement("div", { key: client.username, className: "jGIS-Remote-Pointer", style: {
                     color: client.color,
-                    cursor: 'pointer'
+                    cursor: 'pointer',
                 }, onClick: () => {
                     setIsOpen(!isOpen);
                 } },
                 React.createElement(FontAwesomeIcon, { icon: faArrowPointer, className: "jGIS-Remote-Pointer-Icon" })),
             React.createElement("div", { style: {
                     visibility: isOpen ? 'visible' : 'hidden',
-                    background: client.color
+                    background: client.color,
                 }, className: "jGIS-Remote-Pointer-Popup jGIS-Floating-Pointer-Popup" },
                 React.createElement("div", { className: "jGIS-Popup-Topbar", onClick: () => {
                         setIsOpen(false);

package/lib/mainview/FollowIndicator.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
 import { User } from '@jupyterlab/services';
+import React from 'react';
 interface IFollowIndicatorProps {
     remoteUser: User.IIdentity | null | undefined;
 }
-export declare function FollowIndicator({ remoteUser }: IFollowIndicatorProps): React.JSX.Element | null;
+export declare const FollowIndicator: React.FC<IFollowIndicatorProps>;
 export {};

package/lib/mainview/FollowIndicator.js

@@ -1,9 +1,9 @@
 import React from 'react';
-export function FollowIndicator({ remoteUser }) {
+export const FollowIndicator = ({ remoteUser, }) => {
     return (remoteUser === null || remoteUser === void 0 ? void 0 : remoteUser.display_name) ? (React.createElement("div", { style: {
             position: 'absolute',
             top: 1,
             right: 3,
-            background: remoteUser.color
+            background: remoteUser.color,
         } }, `Following ${remoteUser.display_name}`)) : null;
-}
+};

package/lib/mainview/TemporalSlider.d.ts

@@ -4,5 +4,5 @@ interface ITemporalSliderProps {
     model: IJupyterGISModel;
     filterStates: IDict<IJGISFilterItem | undefined>;
 }
-declare const TemporalSlider: ({ model, filterStates }: ITemporalSliderProps) => React.JSX.Element;
+declare const TemporalSlider: React.FC<ITemporalSliderProps>;
 export default TemporalSlider;

package/lib/mainview/TemporalSlider.js

@@ -2,9 +2,9 @@ import { faPause, faPlay } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Button, Slider } from '@jupyter/react-components';
 import { format, isValid, parse } from 'date-fns';
-import { daysInYear, millisecondsInDay, millisecondsInHour, millisecondsInMinute, millisecondsInSecond, millisecondsInWeek, minutesInMonth } from 'date-fns/constants';
+import { daysInYear, millisecondsInDay, millisecondsInHour, millisecondsInMinute, millisecondsInSecond, millisecondsInWeek, minutesInMonth, } from 'date-fns/constants';
 import React, { useEffect, useRef, useState } from 'react';
-import { useGetProperties } from '../dialogs/symbology/hooks/useGetProperties';
+import { useGetProperties } from "../dialogs/symbology/hooks/useGetProperties";
 // List of common date formats to try
 // TODO: Not even close to every valid format
 const commonDateFormats = [
@@ -16,7 +16,7 @@ const commonDateFormats = [
     'MM-dd-yyyy', // US format with hyphens (e.g., 10-05-2023)
     'yyyy/MM/dd', // ISO format with slashes (e.g., 2023/10/05)
     'dd.MM.yyyy', // European format with dots (e.g., 05.10.2023)
-    'MM.dd.yyyy' // US format with dots (e.g., 10.05.2023)
+    'MM.dd.yyyy', // US format with dots (e.g., 10.05.2023)
 ];
 // Time steps in milliseconds
 const stepMap = {
@@ -27,9 +27,9 @@ const stepMap = {
     day: millisecondsInDay,
     week: millisecondsInWeek,
     month: minutesInMonth * millisecondsInMinute,
-    year: millisecondsInDay * daysInYear
+    year: millisecondsInDay * daysInYear,
 };
-const TemporalSlider = ({ model, filterStates }) => {
+const TemporalSlider = ({ model, filterStates, }) => {
     const [layerId, setLayerId] = useState('');
     const [selectedFeature, setSelectedFeature] = useState('');
     const [range, setRange] = useState({ start: 0, end: 1 }); // min/max of current range being displayed
@@ -153,7 +153,7 @@ const TemporalSlider = ({ model, filterStates }) => {
         setMinMax({ min, max });
         setRange({
             start: (_b = currentState === null || currentState === void 0 ? void 0 : currentState.betweenMin) !== null && _b !== void 0 ? _b : min,
-            end: (_c = currentState === null || currentState === void 0 ? void 0 : currentState.betweenMax) !== null && _c !== void 0 ? _c : min + step
+            end: (_c = currentState === null || currentState === void 0 ? void 0 : currentState.betweenMax) !== null && _c !== void 0 ? _c : min + step,
         });
         model.addFeatureAsMs(layerId, selectedFeature);
     }, [selectedFeature]);
@@ -189,7 +189,7 @@ const TemporalSlider = ({ model, filterStates }) => {
             operator: 'between',
             value: value,
             betweenMin: value,
-            betweenMax: value + step
+            betweenMax: value + step,
         };
         const layer = model.getLayer(layerId);
         if (!layer) {

package/lib/mainview/mainView.d.ts

@@ -12,7 +12,6 @@ interface IStates {
     loading: boolean;
     lightTheme: boolean;
     remoteUser?: User.IIdentity | null;
-    firstLoad: boolean;
     annotations: IDict<IAnnotation>;
     clientPointers: IDict<ClientPointer>;
     viewProjection: {
@@ -33,7 +32,9 @@ export declare class MainView extends React.Component<IProps, IStates> {
     constructor(props: IProps);
     componentDidMount(): Promise<void>;
     componentWillUnmount(): void;
-    generateScene(center: number[], zoom: number): Promise<void>;
+    generateMap(center: number[], zoom: number): Promise<void>;
+    updateCenter: () => void;
+    getViewBbox: (targetProjection?: string) => import("ol/extent").Extent;
     createSelectInteraction: () => void;
     addContextMenu: () => void;
     /**
@@ -192,5 +193,6 @@ export declare class MainView extends React.Component<IProps, IStates> {
     private _loadingLayers;
     private _originalFeatures;
     private _highlightLayer;
+    private _updateCenter;
 }
 export {};