@massif-maps/web 6.1.2 → 6.1.3

package/index.d.ts

@@ -17,3 +17,9 @@ export interface CreateMapOptions {
 
 /** Loads the SDK module and starts a map on `canvas`. One per page. */
 export declare function createMap(canvas: HTMLCanvasElement, options?: CreateMapOptions): Promise<MassifMap & { module: any }>;
+
+/**
+ * Keeps a directory of `module`'s filesystem (`map.module`) in the origin private file system: restored
+ * now, written back every `interval` ms (default 10000) and on `pagehide`. Resolves to a flush function.
+ */
+export declare function persistDirectory(module: any, path: string, options?: { interval?: number }): Promise<() => Promise<void>>;

package/index.mjs

@@ -9,6 +9,8 @@ import { attach, setBridge } from '@massif-maps/api';
 import { createBridge } from './bridge.mjs';
 import { canvasSelector, loadModule } from './massif.mjs';
 
+export { persistDirectory } from './massif.mjs';
+
 export * from '@massif-maps/api';
 
 let created = false;
@@ -35,7 +37,7 @@ export async function createMap(canvas, { id = 'map', projection = 'EPSG:4326',
     getMeasuredHeight: () => canvas.height,
   };
   const map = attach(view, { id, projection });
-  // The emscripten module, for what the facade does not cover (its FS, to mount an IndexedDB cache).
+  // The emscripten module, for what the facade does not cover (its FS, persistDirectory).
   map.module = module;
   return map;
 }

package/massif-maps.bundle.mjs

@@ -116,7 +116,7 @@ var PROPS = {
   "massif::Label": "style,o,massif::LabelStyle",
   "massif::LabelStyle": "anchorPointX,f;anchorPointY,f;flippable,b;orientationMode,e,BillboardOrientation;renderScale,f;scalingMode,e,BillboardScaling",
   "massif::LabelStyleBuilder": "anchorPointX,f;anchorPointY,f;flippable,b;orientationMode,e,BillboardOrientation;renderScale,f;scalingMode,e,BillboardScaling",
-  "massif::Layer": "cullDelay,i;metaData,g,v;opacity,f;postProcessed,b;updatePriority,i;visible,b;visibleZoomRange,t",
+  "massif::Layer": "billboardsUnderLabels,b;cullDelay,i;metaData,g,v;opacity,f;postProcessed,b;updatePriority,i;visible,b;visibleZoomRange,t",
   "massif::Layers": "count,i",
   "massif::LightOptions": "ambientColor,c;ambientIntensity,f;dayCycleLightStops,t;dayCycleLightsEnabled,b;dayCycleRisingLightStops,t;shadowBias,f;shadowCascades,i;shadowCasterMargin,i;shadowDistance,f;shadowMapSize,i;shadowNormalOffset,f;shadowSoftness,f;shadowStrength,f;sunAltitude,f;sunAzimuth,f;sunColor,c;sunIntensity,f;sunOverridingStyle,b;terrainLightingEnabled,b",
   "massif::LightStop": "ambientColor,c;ambientIntensity,f;sunAltitude,f;sunColor,c;sunIntensity,f",
@@ -148,7 +148,7 @@ var PROPS = {
   "massif::NMLModel": "rotationAngle,f;rotationAxis,t;scale,f;style,o,massif::NMLModelStyle",
   "massif::NMLModelStyle": "modelAsset,o,massif::BinaryData;orientationMode,e,BillboardOrientation;scalingMode,e,BillboardScaling",
   "massif::NMLModelStyleBuilder": "modelAsset,o,massif::BinaryData;orientationMode,e,BillboardOrientation;scalingMode,e,BillboardScaling",
-  "massif::Options": "DPI,f;ambientLightColor,c;backgroundBitmap,o,massif::Bitmap;baseProjection,o,massif::Projection;clearColor,c;clickMovingTolerance,f;clickTypeDetection,b;debugTileBorders,b;doubleClickDetection,b;doubleClickMaxDuration,f;drawDistance,f;envelopeThreadPoolSize,i;fieldOfViewY,f;focusPointOffset,t;fogOptions,o,massif::FogOptions;freeRoamLookSensitivity,f;freeRoamMode,e,FreeRoamMode;freeRoamMoveSpeed,f;kineticPan,b;kineticRotation,b;kineticZoom,b;labelPadding,f;labelViewDistance,f;layersLabelsProcessedInReverseOrder,b;lightOptions,o,massif::LightOptions;longClickDuration,f;mainLightColor,c;mainLightDirection,t;panBounds,p;panningMode,e,PanningMode;panningSpeedMode,e,PanningSpeedMode;pivotMode,e,PivotMode;renderProjectionMode,e,RenderProjectionMode;restrictedPanning,b;rotatable,b;rotationGestures,b;seamlessPanning,b;skyColor,c;skyOptions,o,massif::SkyOptions;terrainOptions,o,massif::TerrainOptions;tileDrawSize,i;tileLODFactor,f;tileLODMaxZoomLevelsOnScreen,f;tileLODTileCountRatio,f;tileStyleZoomLift,i;tileThreadPoolSize,i;tiltGestureReversed,b;tiltRange,t;userInput,b;zoomGestures,b;zoomOffset,f;zoomRange,t",
+  "massif::Options": "DPI,f;ambientLightColor,c;backgroundBitmap,o,massif::Bitmap;baseProjection,o,massif::Projection;clearColor,c;clickMovingTolerance,f;clickTypeDetection,b;debugTileBorders,b;doubleClickDetection,b;doubleClickMaxDuration,f;drawDistance,f;envelopeThreadPoolSize,i;fieldOfViewY,f;focusPointOffset,t;fogOptions,o,massif::FogOptions;freeRoamLookSensitivity,f;freeRoamMode,e,FreeRoamMode;freeRoamMoveSpeed,f;kineticPan,b;kineticRotation,b;kineticZoom,b;labelPadding,f;labelViewDistance,f;layersLabelsProcessedInReverseOrder,b;lightOptions,o,massif::LightOptions;longClickDuration,f;mainLightColor,c;mainLightDirection,t;orbitAroundPivot,b;panBounds,p;panningMode,e,PanningMode;panningSpeedMode,e,PanningSpeedMode;pivotMode,e,PivotMode;renderProjectionMode,e,RenderProjectionMode;restrictedPanning,b;rotatable,b;rotationGestures,b;seamlessPanning,b;skyColor,c;skyOptions,o,massif::SkyOptions;terrainOptions,o,massif::TerrainOptions;tileDrawSize,i;tileLODFactor,f;tileLODMaxZoomLevelsOnScreen,f;tileLODTileCountRatio,f;tileStyleZoomLift,i;tileThreadPoolSize,i;tiltGestureReversed,b;tiltRange,t;userInput,b;zoomGestures,b;zoomOffset,f;zoomRange,t",
   "massif::PackageInfo": "metaInfo,o,massif::PackageMetaInfo;name,s;packageId,s;packageType,e,PackageType;size,i;tileMask,o,massif::PackageTileMask;version,i",
   "massif::PackageManager": "localPackages,t;packageManagerListener,o,massif::PackageManagerListener;serverPackageListAge,i;serverPackageListMetaInfo,o,massif::PackageMetaInfo;serverPackages,t",
   "massif::PackageManagerTileDataSource": "packageManager,o,massif::PackageManager",
@@ -400,7 +400,7 @@ var SPEC_CLASS = {
   "elementstyle": { "balloon": "massif::BalloonPopupStyle", "line": "massif::LineStyle", "marker": "massif::MarkerStyle", "point": "massif::PointStyle", "polygon": "massif::PolygonStyle", "text": "massif::TextStyle" },
   "feature": { "feature": "massif::Feature" },
   "geocoding": { "multi-osm-offline": "massif::MultiOSMOfflineGeocodingService", "multi-osm-offline-reverse": "massif::MultiOSMOfflineReverseGeocodingService" },
-  "geometry": { "line": "massif::LineGeometry", "point": "massif::PointGeometry", "polygon": "massif::PolygonGeometry" },
+  "geometry": { "line": "massif::LineGeometry", "maneuver-arrow": "massif::ManeuverArrowBuilder", "point": "massif::PointGeometry", "polygon": "massif::PolygonGeometry" },
   "layer": { "celestial": "massif::CelestialLayer", "composite-vector": "massif::CompositeVectorTileLayer", "elements": "massif::VectorLayer", "hillshade": "massif::HillshadeRasterTileLayer", "raster": "massif::RasterTileLayer", "solid": "massif::SolidLayer", "vector": "massif::VectorTileLayer" },
   "options": { "fog": "massif::FogOptions", "light": "massif::LightOptions", "sky": "massif::SkyOptions", "terrain": "massif::TerrainOptions" },
   "routing": { "multi-valhalla-offline": "massif::MultiValhallaOfflineRoutingService", "valhalla-offline": "massif::ValhallaOfflineRoutingService", "valhalla-online": "massif::ValhallaOnlineRoutingService" },
@@ -455,6 +455,7 @@ var KIND_OF_CLASS = {
   "massif::LocalVectorDataSource": "source",
   "massif::MBTilesTileDataSource": "source",
   "massif::MBVectorTileDecoder": "style",
+  "massif::ManeuverArrowBuilder": "geometry",
   "massif::MapTilerOnlineTileDataSource": "source",
   "massif::Marker": "element",
   "massif::MarkerStyle": "elementstyle",
@@ -515,7 +516,7 @@ var METHODS = {
   "massif::CelestialImage": "setAnchors,v",
   "massif::CelestialLabel": "setAnchorPoint,v;setOffset,v",
   "massif::CelestialLayer": "add,v;clear,v;remove,b",
-  "massif::CelestialObject": "setDirection,v",
+  "massif::CelestialObject": "setDirection,v;setPosition,v",
   "massif::CompositeVectorTileLayer": "addExternalDataSource,v;addVectorDataSource,v;getExternalChildLayer,o,massif::Layer;getExternalDataSourceNames,j;removeExternalDataSource,b;setExternalDataSourceMaxOverzoomLevel,v;setExternalDataSourceZoomLevelBias,v",
   "massif::FeatureCollection": "getFeature,o,massif::Feature",
   "massif::FeatureCollectionSearchService": "findFeatures,o,massif::FeatureCollection",
@@ -527,6 +528,7 @@ var METHODS = {
   "massif::LightOptions": "setSunPositionFromTime,v",
   "massif::LocalVectorDataSource": "add,v;clear,v;remove,b",
   "massif::MBVectorTileDecoder": "addFallbackFont,v;getLegend,j;getStyleParameter,s;setStyleParameter,b;setStyleParameters,v",
+  "massif::ManeuverArrowBuilder": "buildArrow,j;buildArrowAtIndex,j",
   "massif::MultiOSMOfflineGeocodingService": "add,v;remove,b",
   "massif::MultiOSMOfflineReverseGeocodingService": "add,v;remove,b",
   "massif::MultiTileDataSource": "add,v;remove,b",
@@ -2404,6 +2406,74 @@ async function loadModule({ variant, moduleUrl = new URL(`${MODULE_NAME}${varian
   const base = new URL(".", new URL(moduleUrl, location.href)).href;
   return factory({ locateFile: (path) => base + path, ...options });
 }
+var S_IFMT = 61440;
+var S_IFDIR = 16384;
+var statSeconds = (time) => typeof time === "number" ? time : Math.floor(time.getTime() / 1e3);
+async function persistDirectory(module, path, { interval = 1e4 } = {}) {
+  const { FS } = module;
+  FS.mkdirTree(path);
+  let root = await navigator.storage.getDirectory();
+  for (const name of path.split("/").filter(Boolean)) {
+    root = await root.getDirectoryHandle(name, { create: true });
+  }
+  const written = /* @__PURE__ */ new Map();
+  const unchanged = (child, mtime) => {
+    const entry = written.get(child);
+    return entry !== void 0 && entry.mtime === mtime && mtime < entry.at;
+  };
+  async function restore(handle, dir) {
+    for await (const [name, entry] of handle.entries()) {
+      const child = `${dir}/${name}`;
+      if (entry.kind === "directory") {
+        FS.mkdirTree(child);
+        await restore(entry, child);
+      } else {
+        FS.writeFile(child, new Uint8Array(await (await entry.getFile()).arrayBuffer()));
+        written.set(child, { mtime: statSeconds(FS.stat(child).mtime), at: Infinity });
+      }
+    }
+  }
+  async function save(handle, dir) {
+    const names2 = new Set(FS.readdir(dir).filter((name) => name !== "." && name !== ".."));
+    for (const child of [...written.keys()]) {
+      const name = child.slice(dir.length + 1);
+      if (child.startsWith(`${dir}/`) && !name.includes("/") && !names2.has(name)) {
+        await handle.removeEntry(name).catch(() => {
+        });
+        written.delete(child);
+      }
+    }
+    for (const name of names2) {
+      const child = `${dir}/${name}`;
+      const stat = FS.stat(child);
+      if ((stat.mode & S_IFMT) === S_IFDIR) {
+        await save(await handle.getDirectoryHandle(name, { create: true }), child);
+        continue;
+      }
+      const mtime = statSeconds(stat.mtime);
+      if (unchanged(child, mtime)) {
+        continue;
+      }
+      const at = Math.floor(Date.now() / 1e3);
+      const data = FS.readFile(child);
+      const writable = await (await handle.getFileHandle(name, { create: true })).createWritable();
+      await writable.write(data);
+      await writable.close();
+      written.set(child, { mtime, at });
+    }
+  }
+  await restore(root, path.replace(/\/+$/, ""));
+  let saving = null;
+  const flush = () => {
+    saving ?? (saving = save(root, path.replace(/\/+$/, "")).finally(() => {
+      saving = null;
+    }));
+    return saving;
+  };
+  setInterval(flush, interval);
+  addEventListener("pagehide", flush);
+  return flush;
+}
 
 // ../../dist/web/index.mjs
 var created = false;
@@ -2453,6 +2523,7 @@ export {
   find,
   isAvailable,
   log,
+  persistDirectory,
   setBridge,
   wrap,
   wrapLayer