isard 1.1.0 → 1.3.0

package/dist/react/Swipe.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** `<Swipe>`: the `<Layer>` in it on one side of a vertical line only, those of its `<SwipeOther>` on the other */
+import { useContext, useEffect, useMemo, useRef } from 'react';
+import { defined, SwipeContext, useMap } from "./context.js";
+/**
+ * The `<Layer>` in it shown on one side of a vertical line only, at `position` CSS pixels from the left; the layers in
+ * its `<SwipeOther>` on the other side only (two meshes of a place, each on its side)
+ */
+export const Swipe = (props) => {
+    const map = useMap();
+    const latest = useRef(props);
+    const { position, side } = props;
+    const layers = useMemo(() => new Set(), []);
+    const others = useMemo(() => new Set(), []);
+    latest.current = props;
+    const group = useMemo(() => {
+        if (!map)
+            return undefined;
+        const apply = () => map.setSwipe(swipeOptions(latest.current, layers, others));
+        const of = (set) => ({
+            set: (layer) => {
+                set.add(layer);
+                apply();
+            },
+            unset: (layer) => {
+                set.delete(layer);
+                apply();
+            },
+        });
+        return { ...of(layers), other: of(others) };
+    }, [map, layers, others]);
+    // The line's position and side sent to the map when they change (the layers in it come and go through the group)
+    useEffect(() => {
+        if (map && (layers.size > 0 || others.size > 0))
+            map.setSwipe(swipeOptions({ position, side }, layers, others));
+    }, [map, layers, others, position, side]);
+    // The swipe taken off the map when unmounted
+    useEffect(() => () => {
+        map?.setSwipe(undefined);
+    }, [map]);
+    return _jsx(SwipeContext.Provider, { value: group, children: props.children });
+};
+/** The swipe of the line's props and the layers of both sides; undefined when no layer is in it */
+const swipeOptions = ({ position, side }, layers, others) => layers.size > 0 || others.size > 0
+    ? { position, layers: [...layers], other: [...others], ...defined({ side }) }
+    : undefined;
+/** In a `<Swipe>`: the `<Layer>` in it shown on the other side of the line only */
+export const SwipeOther = ({ children }) => {
+    const group = useContext(SwipeContext);
+    return _jsx(SwipeContext.Provider, { value: group?.other, children: children });
+};
+//# sourceMappingURL=Swipe.js.map

package/dist/react/Swipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Swipe.js","sourceRoot":"","sources":["../../src/react/Swipe.tsx"],"names":[],"mappings":"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","sourcesContent":["/** `<Swipe>`: the `<Layer>` in it on one side of a vertical line only, those of its `<SwipeOther>` on the other */\n\nimport { type ReactNode, useContext, useEffect, useMemo, useRef } from 'react';\nimport type { Layer as LayerHandle } from '../layers/layers.ts';\nimport type { SwipeOptions } from '../types.ts';\nimport { defined, SwipeContext, type SwipeGroup, useMap } from './context.ts';\n\nexport interface SwipeProps extends Omit<SwipeOptions, 'layers' | 'other'> {\n  /** The `<Layer>` shown on one side of the line only, and a `<SwipeOther>` for the other side */\n  children?: ReactNode;\n}\n\n/**\n * The `<Layer>` in it shown on one side of a vertical line only, at `position` CSS pixels from the left; the layers in\n * its `<SwipeOther>` on the other side only (two meshes of a place, each on its side)\n */\nexport const Swipe = (props: SwipeProps): ReactNode => {\n  const map = useMap();\n  const latest = useRef(props);\n  const { position, side } = props;\n  const layers = useMemo(() => new Set<LayerHandle>(), []);\n  const others = useMemo(() => new Set<LayerHandle>(), []);\n\n  latest.current = props;\n\n  const group = useMemo<SwipeGroup | undefined>(() => {\n    if (!map) return undefined;\n\n    const apply = () => map.setSwipe(swipeOptions(latest.current, layers, others));\n    const of = (set: Set<LayerHandle>): SwipeGroup => ({\n      set: (layer) => {\n        set.add(layer);\n        apply();\n      },\n      unset: (layer) => {\n        set.delete(layer);\n        apply();\n      },\n    });\n\n    return { ...of(layers), other: of(others) };\n  }, [map, layers, others]);\n\n  // The line's position and side sent to the map when they change (the layers in it come and go through the group)\n  useEffect(() => {\n    if (map && (layers.size > 0 || others.size > 0)) map.setSwipe(swipeOptions({ position, side }, layers, others));\n  }, [map, layers, others, position, side]);\n  // The swipe taken off the map when unmounted\n  useEffect(\n    () => () => {\n      map?.setSwipe(undefined);\n    },\n    [map],\n  );\n\n  return <SwipeContext.Provider value={group}>{props.children}</SwipeContext.Provider>;\n};\n\n/** The swipe of the line's props and the layers of both sides; undefined when no layer is in it */\nconst swipeOptions = (\n  { position, side }: { position: number; side?: SwipeProps['side'] | undefined },\n  layers: Set<LayerHandle>,\n  others: Set<LayerHandle>,\n): SwipeOptions | undefined =>\n  layers.size > 0 || others.size > 0\n    ? { position, layers: [...layers], other: [...others], ...defined({ side }) }\n    : undefined;\n\n/** In a `<Swipe>`: the `<Layer>` in it shown on the other side of the line only */\nexport const SwipeOther = ({ children }: { children?: ReactNode }): ReactNode => {\n  const group = useContext(SwipeContext);\n\n  return <SwipeContext.Provider value={group?.other}>{children}</SwipeContext.Provider>;\n};\n"]}

package/dist/react/VectorGeometry.d.ts

@@ -0,0 +1,35 @@
+/** `<VectorGeometry>`: the fills and lines of a MapLibre style drawn as geometry (`vectorTiles().vectors()`), among the
+ * layers of the components */
+import { type ReactNode, type Ref } from 'react';
+import type { Style, StyleLayer } from '../basemap/vectorstyle.ts';
+import type { VectorLayer, VectorSublayer } from '../layers/vectors.ts';
+export interface VectorGeometryProps {
+    /** A style URL or object (default OpenFreeMap's Positron); another one makes the layer anew */
+    style?: string | Style;
+    /** The style layers drawn (default all its fills and lines); another function makes the layer anew, so keep it in a
+     * memo or at the module's level */
+    layers?: (layer: StyleLayer) => boolean;
+    /** The line layers that glow at night (default those whose id names a road); another function makes the layer anew,
+     * as `layers` */
+    streets?: (layer: StyleLayer) => boolean;
+    /** Paint properties over the style's (`setPaintProperty`), by style layer id, or by style layer drawn once the style
+     * is loaded (a function of its id, kind, source layer): compared by value, only those changed sent; one taken out
+     * keeps its last value */
+    paint?: Paint | ((layer: VectorSublayer) => Record<string, unknown> | undefined);
+    /** Shown (default true) */
+    visible?: boolean;
+    /** Its place among the layers of the components (as `<Layer order>`) */
+    order?: number;
+    /** The layer, once created and each time it is made anew */
+    onLayer?: (layer: VectorLayer) => void;
+    ref?: Ref<VectorLayer | undefined>;
+}
+/** Paint properties by style layer id */
+type Paint = Record<string, Record<string, unknown>>;
+/**
+ * The fills and lines of a MapLibre style drawn as geometry on the globe and the relief (`vectorTiles().vectors()`):
+ * sharp at any zoom and pitch, restyled by `paint` without cutting the tiles again, picked by feature
+ * (`map.pickFeature`). The ref and `onLayer` give its handle (`VectorLayer`: `layers`, `featureAt`, `ready`)
+ */
+export declare const VectorGeometry: (props: VectorGeometryProps) => ReactNode;
+export {};

package/dist/react/VectorGeometry.js

@@ -0,0 +1,82 @@
+/** `<VectorGeometry>`: the fills and lines of a MapLibre style drawn as geometry (`vectorTiles().vectors()`), among the
+ * layers of the components */
+import { forwardRef, useContext, useEffect, useImperativeHandle, useRef, useState, } from 'react';
+import { MapContext, SwipeContext } from "./context.js";
+/** The paint properties of `next` that differ from those of `sent`, as `[layer, name, value]` */
+const changed = (sent, next) => Object.entries(next ?? {}).flatMap(([layer, properties]) => Object.entries(properties)
+    .filter(([name, value]) => JSON.stringify(sent?.[layer]?.[name]) !== JSON.stringify(value))
+    .map(([name, value]) => [layer, name, value]));
+const VectorGeometryComponent = forwardRef(function VectorGeometry({ style, layers, streets, paint, visible = true, order = 0, onLayer }, ref) {
+    const binding = useContext(MapContext);
+    const swipe = useContext(SwipeContext);
+    const latest = useRef({ order, onLayer });
+    /** The paint properties sent to the current layer */
+    const sent = useRef(undefined);
+    const [layer, setLayer] = useState();
+    latest.current = { order, onLayer };
+    useImperativeHandle(ref, () => layer, [layer]);
+    // The tiles and their geometry layer created once the map is there, in the declared order; made anew when the
+    // style, the layers kept or the streets change; the tiles (and their layer) destroyed when unmounted
+    useEffect(() => {
+        if (!binding)
+            return;
+        const tiles = binding.map.vectorTiles(style === undefined ? {} : { style });
+        const created = tiles.vectors({ ...(layers && { layers }), ...(streets && { streets }) });
+        binding.order.place(created, latest.current.order);
+        swipe?.set(created);
+        sent.current = undefined;
+        setLayer(created);
+        latest.current.onLayer?.(created);
+        return () => {
+            binding.order.remove(created);
+            swipe?.unset(created);
+            tiles.destroy();
+            setLayer(undefined);
+        };
+    }, [binding, swipe, style, layers, streets]);
+    // The paint properties changed since the last ones sent (all of them to a layer made anew), those of a function
+    // once the style is loaded; a later render or layer drops the wait
+    useEffect(() => {
+        if (!layer)
+            return;
+        const apply = (next) => {
+            changed(sent.current, next).forEach(([id, name, value]) => {
+                layer.setPaintProperty(id, name, value);
+            });
+            sent.current = next;
+        };
+        if (typeof paint !== 'function') {
+            apply(paint);
+            return;
+        }
+        const wait = { live: true };
+        layer.ready.then(() => {
+            if (!wait.live)
+                return;
+            apply(Object.fromEntries(layer.layers.flatMap((l) => {
+                const properties = paint(l);
+                return properties ? [[l.id, properties]] : [];
+            })));
+        }, () => undefined);
+        return () => {
+            wait.live = false;
+        };
+    }, [layer, paint]);
+    // Shown or hidden
+    useEffect(() => {
+        layer?.setVisible(visible);
+    }, [layer, visible]);
+    // A new `order`: moved to its new place among the layers of the components
+    useEffect(() => {
+        if (binding && layer)
+            binding.order.place(layer, order, layer);
+    }, [binding, layer, order]);
+    return null;
+});
+/**
+ * The fills and lines of a MapLibre style drawn as geometry on the globe and the relief (`vectorTiles().vectors()`):
+ * sharp at any zoom and pitch, restyled by `paint` without cutting the tiles again, picked by feature
+ * (`map.pickFeature`). The ref and `onLayer` give its handle (`VectorLayer`: `layers`, `featureAt`, `ready`)
+ */
+export const VectorGeometry = VectorGeometryComponent;
+//# sourceMappingURL=VectorGeometry.js.map

package/dist/react/VectorGeometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VectorGeometry.js","sourceRoot":"","sources":["../../src/react/VectorGeometry.tsx"],"names":[],"mappings":"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","sourcesContent":["/** `<VectorGeometry>`: the fills and lines of a MapLibre style drawn as geometry (`vectorTiles().vectors()`), among the\n * layers of the components */\n\nimport {\n  forwardRef,\n  type ReactNode,\n  type Ref,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\nimport type { Style, StyleLayer } from '../basemap/vectorstyle.ts';\nimport type { VectorLayer, VectorSublayer } from '../layers/vectors.ts';\nimport { MapContext, SwipeContext } from './context.ts';\n\nexport interface VectorGeometryProps {\n  /** A style URL or object (default OpenFreeMap's Positron); another one makes the layer anew */\n  style?: string | Style;\n  /** The style layers drawn (default all its fills and lines); another function makes the layer anew, so keep it in a\n   * memo or at the module's level */\n  layers?: (layer: StyleLayer) => boolean;\n  /** The line layers that glow at night (default those whose id names a road); another function makes the layer anew,\n   * as `layers` */\n  streets?: (layer: StyleLayer) => boolean;\n  /** Paint properties over the style's (`setPaintProperty`), by style layer id, or by style layer drawn once the style\n   * is loaded (a function of its id, kind, source layer): compared by value, only those changed sent; one taken out\n   * keeps its last value */\n  paint?: Paint | ((layer: VectorSublayer) => Record<string, unknown> | undefined);\n  /** Shown (default true) */\n  visible?: boolean;\n  /** Its place among the layers of the components (as `<Layer order>`) */\n  order?: number;\n  /** The layer, once created and each time it is made anew */\n  onLayer?: (layer: VectorLayer) => void;\n  ref?: Ref<VectorLayer | undefined>;\n}\n\n/** Paint properties by style layer id */\ntype Paint = Record<string, Record<string, unknown>>;\n\n/** The paint properties of `next` that differ from those of `sent`, as `[layer, name, value]` */\nconst changed = (sent: Paint | undefined, next: Paint | undefined): [layer: string, name: string, value: unknown][] =>\n  Object.entries(next ?? {}).flatMap(([layer, properties]) =>\n    Object.entries(properties)\n      .filter(([name, value]) => JSON.stringify(sent?.[layer]?.[name]) !== JSON.stringify(value))\n      .map(([name, value]): [string, string, unknown] => [layer, name, value]),\n  );\n\nconst VectorGeometryComponent = forwardRef<VectorLayer | undefined, Omit<VectorGeometryProps, 'ref'>>(\n  function VectorGeometry({ style, layers, streets, paint, visible = true, order = 0, onLayer }, ref) {\n    const binding = useContext(MapContext);\n    const swipe = useContext(SwipeContext);\n    const latest = useRef({ order, onLayer });\n    /** The paint properties sent to the current layer */\n    const sent = useRef<Paint>(undefined);\n    const [layer, setLayer] = useState<VectorLayer>();\n\n    latest.current = { order, onLayer };\n    useImperativeHandle(ref, () => layer, [layer]);\n\n    // The tiles and their geometry layer created once the map is there, in the declared order; made anew when the\n    // style, the layers kept or the streets change; the tiles (and their layer) destroyed when unmounted\n    useEffect(() => {\n      if (!binding) return;\n\n      const tiles = binding.map.vectorTiles(style === undefined ? {} : { style });\n      const created = tiles.vectors({ ...(layers && { layers }), ...(streets && { streets }) });\n\n      binding.order.place(created, latest.current.order);\n      swipe?.set(created);\n      sent.current = undefined;\n      setLayer(created);\n      latest.current.onLayer?.(created);\n\n      return () => {\n        binding.order.remove(created);\n        swipe?.unset(created);\n        tiles.destroy();\n        setLayer(undefined);\n      };\n    }, [binding, swipe, style, layers, streets]);\n\n    // The paint properties changed since the last ones sent (all of them to a layer made anew), those of a function\n    // once the style is loaded; a later render or layer drops the wait\n    useEffect(() => {\n      if (!layer) return;\n\n      const apply = (next: Paint | undefined) => {\n        changed(sent.current, next).forEach(([id, name, value]) => {\n          layer.setPaintProperty(id, name, value);\n        });\n        sent.current = next;\n      };\n\n      if (typeof paint !== 'function') {\n        apply(paint);\n\n        return;\n      }\n\n      const wait = { live: true };\n\n      layer.ready.then(\n        () => {\n          if (!wait.live) return;\n          apply(\n            Object.fromEntries(\n              layer.layers.flatMap((l) => {\n                const properties = paint(l);\n\n                return properties ? [[l.id, properties]] : [];\n              }),\n            ),\n          );\n        },\n        () => undefined,\n      );\n\n      return () => {\n        wait.live = false;\n      };\n    }, [layer, paint]);\n\n    // Shown or hidden\n    useEffect(() => {\n      layer?.setVisible(visible);\n    }, [layer, visible]);\n\n    // A new `order`: moved to its new place among the layers of the components\n    useEffect(() => {\n      if (binding && layer) binding.order.place(layer, order, layer);\n    }, [binding, layer, order]);\n\n    return null;\n  },\n);\n\n/**\n * The fills and lines of a MapLibre style drawn as geometry on the globe and the relief (`vectorTiles().vectors()`):\n * sharp at any zoom and pitch, restyled by `paint` without cutting the tiles again, picked by feature\n * (`map.pickFeature`). The ref and `onLayer` give its handle (`VectorLayer`: `layers`, `featureAt`, `ready`)\n */\nexport const VectorGeometry = VectorGeometryComponent as (props: VectorGeometryProps) => ReactNode;\n"]}

package/dist/react/Viewshed.d.ts

@@ -0,0 +1,5 @@
+/** `<Viewshed>`: an observer's viewshed, several drawn together */
+import { type ReactNode } from 'react';
+import type { ViewshedOptions } from '../types.ts';
+/** An observer's viewshed; several `<Viewshed>` are drawn together */
+export declare const Viewshed: (props: ViewshedOptions) => ReactNode;

package/dist/react/Viewshed.js

@@ -0,0 +1,28 @@
+/** `<Viewshed>`: an observer's viewshed, several drawn together */
+import { useContext, useEffect, useMemo } from 'react';
+import { MapContext } from "./context.js";
+/** An observer's viewshed; several `<Viewshed>` are drawn together */
+export const Viewshed = (props) => {
+    const binding = useContext(MapContext);
+    const key = useMemo(() => ({}), []);
+    // Numbers, strings and the position: compared by value
+    const options = JSON.stringify(props);
+    // Its observer taken off the map's viewsheds when unmounted
+    useEffect(() => {
+        if (!binding)
+            return;
+        return () => {
+            binding.viewsheds.delete(key);
+            binding.applyViewsheds();
+        };
+    }, [binding, key]);
+    // Its observer set among the map's viewsheds when its options change (compared by value)
+    useEffect(() => {
+        if (!binding)
+            return;
+        binding.viewsheds.set(key, JSON.parse(options));
+        binding.applyViewsheds();
+    }, [binding, key, options]);
+    return null;
+};
+//# sourceMappingURL=Viewshed.js.map

package/dist/react/Viewshed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Viewshed.js","sourceRoot":"","sources":["../../src/react/Viewshed.tsx"],"names":[],"mappings":"AAAA,mEAAmE;AAEnE,OAAO,EAAkB,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,sEAAsE;AACtE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAsB,EAAa,EAAE;IAC5D,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IACvC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACpC,uDAAuD;IACvD,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAEtC,4DAA4D;IAC5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YAC9B,OAAO,CAAC,cAAc,EAAE,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IAEnB,yFAAyF;IACzF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAoB,CAAC,CAAC;QACnE,OAAO,CAAC,cAAc,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5B,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["/** `<Viewshed>`: an observer's viewshed, several drawn together */\n\nimport { type ReactNode, useContext, useEffect, useMemo } from 'react';\nimport type { ViewshedOptions } from '../types.ts';\nimport { MapContext } from './context.ts';\n\n/** An observer's viewshed; several `<Viewshed>` are drawn together */\nexport const Viewshed = (props: ViewshedOptions): ReactNode => {\n  const binding = useContext(MapContext);\n  const key = useMemo(() => ({}), []);\n  // Numbers, strings and the position: compared by value\n  const options = JSON.stringify(props);\n\n  // Its observer taken off the map's viewsheds when unmounted\n  useEffect(() => {\n    if (!binding) return;\n\n    return () => {\n      binding.viewsheds.delete(key);\n      binding.applyViewsheds();\n    };\n  }, [binding, key]);\n\n  // Its observer set among the map's viewsheds when its options change (compared by value)\n  useEffect(() => {\n    if (!binding) return;\n    binding.viewsheds.set(key, JSON.parse(options) as ViewshedOptions);\n    binding.applyViewsheds();\n  }, [binding, key, options]);\n\n  return null;\n};\n"]}

package/dist/react/context.d.ts

@@ -0,0 +1,33 @@
+/** What the components of a map share: the map, the order of their layers, the viewsheds, the swipe and the marker
+ * around; the hooks */
+import type { LayerOrder } from '../bind/layers.ts';
+import type { Layer as LayerHandle } from '../layers/layers.ts';
+import type { GeoMap } from '../map.ts';
+import type { LonLat, MapEvents, ViewshedOptions } from '../types.ts';
+import type { Marker as MarkerHandle } from '../ui/overlay.ts';
+export interface Binding {
+    map: GeoMap;
+    order: LayerOrder;
+    /** The observers of the `<Viewshed>` components, set on the map together */
+    viewsheds: Map<object, ViewshedOptions>;
+    applyViewsheds(): void;
+}
+export declare const MapContext: import("react").Context<Binding | undefined>;
+/** The layers of a `<Swipe>` around, its `<Layer>` children joining it; `other`: the group of its `<SwipeOther>` */
+export interface SwipeGroup {
+    set(layer: LayerHandle): void;
+    unset(layer: LayerHandle): void;
+    other?: SwipeGroup;
+}
+export declare const SwipeContext: import("react").Context<SwipeGroup | undefined>;
+/** The marker of a `<Marker>` around and its position (a `<Popup>` in it opens on its click, at that position) */
+export declare const MarkerContext: import("react").Context<{
+    marker: MarkerHandle;
+    lonLat: LonLat;
+} | undefined>;
+/** The map of the `<IsardMap>` around, once created (undefined before) */
+export declare const useMap: () => GeoMap | undefined;
+/** Listens to an event of the map around while the component is mounted; the listener may change at each render */
+export declare const useMapEvent: <K extends keyof MapEvents>(type: K, listener: (event: MapEvents[K]) => void) => void;
+/** The entries of an object whose value is defined (`exactOptionalPropertyTypes`) */
+export declare const defined: <T extends object>(object: T) => { [K in keyof T]?: Exclude<T[K], undefined>; };

package/dist/react/context.js

@@ -0,0 +1,20 @@
+/** What the components of a map share: the map, the order of their layers, the viewsheds, the swipe and the marker
+ * around; the hooks */
+import { createContext, useContext, useEffect, useRef } from 'react';
+export const MapContext = createContext(undefined);
+export const SwipeContext = createContext(undefined);
+/** The marker of a `<Marker>` around and its position (a `<Popup>` in it opens on its click, at that position) */
+export const MarkerContext = createContext(undefined);
+/** The map of the `<IsardMap>` around, once created (undefined before) */
+export const useMap = () => useContext(MapContext)?.map;
+/** Listens to an event of the map around while the component is mounted; the listener may change at each render */
+export const useMapEvent = (type, listener) => {
+    const map = useMap();
+    const latest = useRef(listener);
+    latest.current = listener;
+    // Listening while mounted, to the listener of the last render; stops when unmounted or the map changes
+    useEffect(() => map?.on(type, (event) => latest.current(event)), [map, type]);
+};
+/** The entries of an object whose value is defined (`exactOptionalPropertyTypes`) */
+export const defined = (object) => Object.fromEntries(Object.entries(object).filter(([, value]) => value !== undefined));
+//# sourceMappingURL=context.js.map

package/dist/react/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/react/context.ts"],"names":[],"mappings":"AAAA;uBACuB;AAEvB,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAerE,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAsB,SAAS,CAAC,CAAC;AASxE,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAyB,SAAS,CAAC,CAAC;AAE7E,kHAAkH;AAClH,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAuD,SAAS,CAAC,CAAC;AAE5G,0EAA0E;AAC1E,MAAM,CAAC,MAAM,MAAM,GAAG,GAAuB,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC;AAE5E,mHAAmH;AACnH,MAAM,CAAC,MAAM,WAAW,GAAG,CAA4B,IAAO,EAAE,QAAuC,EAAQ,EAAE;IAC/G,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAEhC,MAAM,CAAC,OAAO,GAAG,QAAQ,CAAC;IAC1B,uGAAuG;IACvG,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AAChF,CAAC,CAAC;AAEF,qFAAqF;AACrF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAmB,MAAS,EAAiD,EAAE,CACpG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAEnF,CAAC","sourcesContent":["/** What the components of a map share: the map, the order of their layers, the viewsheds, the swipe and the marker\n * around; the hooks */\n\nimport { createContext, useContext, useEffect, useRef } from 'react';\nimport type { LayerOrder } from '../bind/layers.ts';\nimport type { Layer as LayerHandle } from '../layers/layers.ts';\nimport type { GeoMap } from '../map.ts';\nimport type { LonLat, MapEvents, ViewshedOptions } from '../types.ts';\nimport type { Marker as MarkerHandle } from '../ui/overlay.ts';\n\nexport interface Binding {\n  map: GeoMap;\n  order: LayerOrder;\n  /** The observers of the `<Viewshed>` components, set on the map together */\n  viewsheds: Map<object, ViewshedOptions>;\n  applyViewsheds(): void;\n}\n\nexport const MapContext = createContext<Binding | undefined>(undefined);\n\n/** The layers of a `<Swipe>` around, its `<Layer>` children joining it; `other`: the group of its `<SwipeOther>` */\nexport interface SwipeGroup {\n  set(layer: LayerHandle): void;\n  unset(layer: LayerHandle): void;\n  other?: SwipeGroup;\n}\n\nexport const SwipeContext = createContext<SwipeGroup | undefined>(undefined);\n\n/** The marker of a `<Marker>` around and its position (a `<Popup>` in it opens on its click, at that position) */\nexport const MarkerContext = createContext<{ marker: MarkerHandle; lonLat: LonLat } | undefined>(undefined);\n\n/** The map of the `<IsardMap>` around, once created (undefined before) */\nexport const useMap = (): GeoMap | undefined => useContext(MapContext)?.map;\n\n/** Listens to an event of the map around while the component is mounted; the listener may change at each render */\nexport const useMapEvent = <K extends keyof MapEvents>(type: K, listener: (event: MapEvents[K]) => void): void => {\n  const map = useMap();\n  const latest = useRef(listener);\n\n  latest.current = listener;\n  // Listening while mounted, to the listener of the last render; stops when unmounted or the map changes\n  useEffect(() => map?.on(type, (event) => latest.current(event)), [map, type]);\n};\n\n/** The entries of an object whose value is defined (`exactOptionalPropertyTypes`) */\nexport const defined = <T extends object>(object: T): { [K in keyof T]?: Exclude<T[K], undefined> } =>\n  Object.fromEntries(Object.entries(object).filter(([, value]) => value !== undefined)) as {\n    [K in keyof T]?: Exclude<T[K], undefined>;\n  };\n"]}

package/dist/react/index.d.ts

@@ -9,111 +9,19 @@
  * </IsardMap>
  * ```
  */
-import { type CSSProperties, type ReactNode } from 'react';
-import type { Layer as LayerHandle } from '../layers/layers.ts';
-import { GeoMap, type LayerSpec } from '../map.ts';
-import type { GeoMapOptions, LonLat, MapEvents, Point, SwipeOptions, ViewshedOptions } from '../types.ts';
-import { type Anchor, Marker as MarkerHandle, Panel as PanelHandle, type PanelOptions, Popup as PopupHandle, type PopupOptions } from '../ui/overlay.ts';
-import type { Camera } from '../wasm/isard.js';
-/** The map of the `<IsardMap>` around, once created (undefined before) */
-export declare function useMap(): GeoMap | undefined;
-/** Listens to an event of the map around while the component is mounted; the listener may change at each render */
-export declare function useMapEvent<K extends keyof MapEvents>(type: K, listener: (event: MapEvents[K]) => void): void;
-/** The props of the map's events: `onClick` for 'click', `onMoveEnd` for 'moveend'… */
-export interface MapEventProps {
-    onMoveStart?: (camera: Camera) => void;
-    onMove?: (camera: Camera) => void;
-    onMoveEnd?: (camera: Camera) => void;
-    onResize?: (event: MapEvents['resize']) => void;
-    onHover?: (event: MapEvents['hover']) => void;
-    onHoverFeature?: (event: MapEvents['hoverfeature']) => void;
-    onClick?: (event: MapEvents['click']) => void;
-    onRender?: (event: MapEvents['render']) => void;
-    onIdle?: () => void;
-    onLeave?: () => void;
-}
-export interface IsardMapProps extends Omit<GeoMapOptions, keyof Camera>, MapEventProps {
-    /** The camera at creation, then left to the user's gestures */
-    center?: LonLat;
-    zoom?: number;
-    pitch?: number;
-    bearing?: number;
-    /** A camera the map follows: set again whenever it changes (with `onMove` to keep it in a state) */
-    camera?: Partial<Camera>;
-    /** The map, once created */
-    onLoad?: (map: GeoMap) => void;
-    /** The map's creation failed (no WebGL2, the engine not found) */
-    onError?: (error: unknown) => void;
-    id?: string;
-    className?: string;
-    style?: CSSProperties;
-    /** Layers, markers, popups, panels, effects; drawn once the map is created */
-    children?: ReactNode;
-}
-/**
- * A map filling its element (give it a height). Created once mounted, destroyed when unmounted; the options read at
- * creation only (`body`, `preset`, `interactive`, the URLs) need a new `key` to take another value
- */
-export declare const IsardMap: import("react").ForwardRefExoticComponent<IsardMapProps & import("react").RefAttributes<GeoMap | undefined>>;
-export type LayerProps<P = Record<string, unknown>> = LayerSpec<P> & {
-    /** Its place among the layers of the components: from the bottom up, the same order by mounting (default 0) */
-    order?: number;
-    /** The layer, once created and each time it is made anew */
-    onLayer?: (layer: LayerHandle) => void;
-};
-/**
- * A layer: the options of its `add…` method with its `type` (`map.add`). A change of data, style or instances updates
- * it; a change of what is set at creation (its URL, grid, nodes…) makes it anew, in its place. Data, functions and
- * arrays are compared by identity: keep them in a memo or a state. The ref gives the layer's handle
- */
-export declare const Layer: import("react").ForwardRefExoticComponent<LayerProps<Record<string, unknown>> & import("react").RefAttributes<LayerHandle | undefined>>;
-export interface MarkerProps {
-    lonLat: LonLat;
-    /** Metres above the ground, its stem down to `base` (what it stands on: a roof, a mesh) */
-    height?: number;
-    base?: number;
-    draggable?: boolean;
-    offset?: Point;
-    /** Which part of the element sits on the position (default 'bottom' for the pin, 'center' with an icon) */
-    anchor?: Anchor;
-    className?: string;
-    /** The marker's look, in place of the default pin; the element changes with it */
-    icon?: ReactNode;
-    onDragStart?: (lonLat: LonLat) => void;
-    onDrag?: (lonLat: LonLat) => void;
-    onDragEnd?: (lonLat: LonLat) => void;
-    /** A `<Popup>` opened by a click on the marker */
-    children?: ReactNode;
-}
-/** A marker at a position, its look the default pin or the `icon` given */
-export declare function Marker(props: MarkerProps): ReactNode;
-export interface PopupProps extends PopupOptions {
-    /** Its position; in a `<Marker>`, the marker's */
-    lonLat?: LonLat;
-    /** Metres above the ground (in a `<Marker>`, the marker's) */
-    height?: number;
-    /** Open or closed, when the application decides; else open when mounted alone, on the marker's click in a marker */
-    open?: boolean;
-    onOpen?: () => void;
-    /** Closed by its button, a click on the map, or the marker's click */
-    onClose?: () => void;
-    children?: ReactNode;
-}
-/** A popup of JSX content, at a position or on a `<Marker>` */
-export declare function Popup(props: PopupProps): ReactNode;
-export interface PanelProps extends Omit<PanelOptions, 'element'> {
-    lonLat: LonLat;
-    /** What stands in 3D: a video, an iframe, a sign */
-    children?: ReactNode;
-}
-/** JSX standing in 3D at a position, `width` metres wide, facing `heading` */
-export declare function Panel(props: PanelProps): ReactNode;
-/** An observer's viewshed; several `<Viewshed>` are drawn together */
-export declare function Viewshed(props: ViewshedOptions): ReactNode;
-export interface SwipeProps extends Omit<SwipeOptions, 'layers'> {
-    /** The `<Layer>` shown on one side of the line only */
-    children?: ReactNode;
-}
-/** The `<Layer>` in it shown on one side of a vertical line only, at `position` CSS pixels from the left */
-export declare function Swipe(props: SwipeProps): ReactNode;
-export type { Camera, GeoMap, LayerHandle, LayerSpec, LonLat, MarkerHandle, PanelHandle, PopupHandle };
+export type { Layer as LayerHandle } from '../layers/layers.ts';
+export type { GeoMap, LayerSpec } from '../map.ts';
+export type { LonLat } from '../types.ts';
+export type { Marker as MarkerHandle, Panel as PanelHandle, Popup as PopupHandle } from '../ui/overlay.ts';
+export type { Camera } from '../wasm/isard.js';
+export { Control, type ControlProps } from './Control.tsx';
+export { CustomLayer, type CustomLayerProps } from './CustomLayer.tsx';
+export { useMap, useMapEvent } from './context.ts';
+export { IsardMap, type IsardMapProps, type MapEventProps } from './IsardMap.tsx';
+export { Layer, type LayerHandles, type LayerProps, type LayerType } from './Layer.tsx';
+export { Marker, type MarkerProps } from './Marker.tsx';
+export { Panel, type PanelProps } from './Panel.tsx';
+export { Popup, type PopupProps } from './Popup.tsx';
+export { Swipe, SwipeOther, type SwipeProps } from './Swipe.tsx';
+export { VectorGeometry, type VectorGeometryProps } from './VectorGeometry.tsx';
+export { Viewshed } from './Viewshed.tsx';