@honua/react 0.1.9-beta.0 → 0.1.10-beta.0

package/esri-compat/map-view.js

@@ -1,5 +1,7 @@
 import { CompatEventBus, resolveCompatEventBus } from "./event-bus.js";
 import { FeatureFilterCompat } from "./feature-filter.js";
+import { GraphicsLayerCompat } from "./graphics-layer.js";
+import { coordinateToLonLat, lonLatFromUnknown, mountCompatMap, resolveViewContainer, } from "./map-view-mount.js";
 export class MapViewPopupCompat {
     visible;
     location;
@@ -444,11 +446,13 @@ export class MapViewCompat {
     container;
     loaded;
     loadStatus;
-    center;
-    zoom;
+    /** SceneView turns this off so a 2D canvas is not presented as a scene. */
+    mountRenderer = true;
+    centerValue;
+    zoomValue;
+    extentValue;
     scale;
     rotation;
-    extent;
     constraints;
     padding;
     highlightOptions;
@@ -456,20 +460,25 @@ export class MapViewCompat {
     eventBus;
     popup;
     ui;
+    /** Esri `MapView.graphics`, the overlay collection `view.graphics.add` writes. */
+    graphics;
     eventListeners;
     watchListeners;
     layerViews;
-    readyPromise;
+    loadPromise;
+    mapSurface;
+    painted = [];
+    watchedLayers = new Set();
     constructor(options = {}) {
         this.map = options.map;
         this.container = options.container;
         this.loaded = false;
         this.loadStatus = "not-loaded";
-        this.center = options.center;
-        this.zoom = options.zoom;
+        this.centerValue = options.center;
+        this.zoomValue = options.zoom;
         this.scale = options.scale;
         this.rotation = options.rotation;
-        this.extent = options.extent;
+        this.extentValue = options.extent;
         this.constraints = options.constraints;
         this.padding = options.padding;
         this.highlightOptions = options.highlightOptions;
@@ -503,35 +512,334 @@ export class MapViewCompat {
         }, extractPopupOptions(options.popup));
         this.ui = new MapViewUiCompat(this.eventBus, (components) => {
             this.notifyWatchers("ui.components", components);
+            this.placeUi(components);
+        });
+        this.graphics = new GraphicsLayerCompat({ id: "view-graphics", title: "Graphics", eventBus: this.eventBus });
+        this.graphics.eventBus.onAny((event) => {
+            if (event.type.startsWith("graphics-layer.")) {
+                void this.refreshOverlays();
+            }
         });
         this.eventListeners = new Map();
         this.watchListeners = new Map();
         this.layerViews = new Map();
-        this.readyPromise = Promise.resolve(this);
+        const mapBus = options.map?.eventBus;
+        mapBus?.on("map.layer-added", (event) => {
+            this.watchLayerPaint(event.payload?.layer);
+            void this.refreshOverlays();
+        });
+        mapBus?.on("map.layers-added", (event) => {
+            const layers = event.payload?.layers ?? [];
+            for (const layer of layers) {
+                this.watchLayerPaint(layer);
+            }
+            void this.refreshOverlays();
+        });
+        queueMicrotask(() => {
+            if (this.mountRenderer && this.loadStatus === "not-loaded") {
+                void this.load();
+            }
+        });
+    }
+    get center() {
+        return this.centerValue;
+    }
+    set center(value) {
+        this.setCenter(value);
+    }
+    get zoom() {
+        return this.zoomValue;
+    }
+    set zoom(value) {
+        this.setZoom(value);
+    }
+    get extent() {
+        return this.extentValue;
+    }
+    set extent(value) {
+        if (value) {
+            this.setExtent(value);
+        }
+    }
+    /** Esri `view.ready`. True once {@link load} has finished. */
+    get ready() {
+        return this.loaded;
+    }
+    load() {
+        if (!this.loadPromise) {
+            const pending = this.performLoad();
+            // `void view.when()` starts this promise and does not await it.
+            // Awaiters still receive the rejection. This handler only keeps a
+            // background start from becoming an uncaught page error.
+            void pending.catch(() => undefined);
+            this.loadPromise = pending;
+        }
+        return this.loadPromise;
     }
-    async load() {
+    async performLoad() {
         if (this.loaded) {
             return this;
         }
         this.loadStatus = "loading";
         this.notifyWatchers("loadStatus", this.loadStatus);
         this.eventBus.emit("view.loading", undefined, this);
-        await this.readyPromise;
-        this.loaded = true;
-        this.notifyWatchers("loaded", this.loaded);
-        this.loadStatus = "loaded";
-        this.notifyWatchers("loadStatus", this.loadStatus);
-        this.eventBus.emit("view.loaded", undefined, this);
-        return this;
+        try {
+            const mapWithLoad = this.map;
+            if (mapWithLoad && typeof mapWithLoad.load === "function") {
+                await mapWithLoad.load();
+            }
+            this.applyWebMapViewpoint();
+            await this.mountSurface();
+            await this.ensureLayerViews();
+            await this.refreshOverlays();
+            this.placeUi(this.ui.components);
+            this.loaded = true;
+            this.notifyWatchers("loaded", this.loaded);
+            this.loadStatus = "loaded";
+            this.notifyWatchers("loadStatus", this.loadStatus);
+            this.eventBus.emit("view.loaded", undefined, this);
+            this.emit("arcgisViewReadyChange", { target: this });
+            return this;
+        }
+        catch (error) {
+            this.loaded = false;
+            this.loadStatus = "failed";
+            this.notifyWatchers("loadStatus", this.loadStatus);
+            this.loadPromise = undefined;
+            this.eventBus.emit("view.load-error", { error }, this);
+            throw error;
+        }
+    }
+    addEventListener(type, listener) {
+        const callback = typeof listener === "function" ? listener : (event) => listener.handleEvent(event);
+        this.on(type, callback);
+    }
+    removeEventListener(type, listener) {
+        this.eventListeners.get(type)?.delete(listener);
+    }
+    async mountSurface() {
+        if (!this.mountRenderer) {
+            return;
+        }
+        const container = resolveViewContainer(this.container);
+        if (!container) {
+            return;
+        }
+        const basemap = this.map?.basemap;
+        const surface = await mountCompatMap(container, lonLatFromUnknown(this.centerValue), this.zoomValue, basemap);
+        if (!surface) {
+            throw new Error("The map renderer did not start. Install maplibre-gl in a browser view container.");
+        }
+        this.mapSurface = surface;
+        surface.onClick((event) => {
+            void this.handleMapClick(event);
+        });
+        if (this.extentValue && this.centerValue === undefined) {
+            surface.fitExtent(this.extentValue);
+        }
+    }
+    applyWebMapViewpoint() {
+        if (this.centerValue !== undefined || this.extentValue !== undefined) {
+            return;
+        }
+        const initialExtent = this.map?.initialExtent;
+        if (initialExtent) {
+            this.extentValue = initialExtent;
+        }
+    }
+    async ensureLayerViews() {
+        const layers = this.map?.layers ?? [];
+        for (const layer of layers) {
+            this.watchLayerPaint(layer);
+            await this.whenLayerView(layer);
+        }
+    }
+    watchLayerPaint(layer) {
+        if (!layer || typeof layer !== "object" || this.watchedLayers.has(layer)) {
+            return;
+        }
+        this.watchedLayers.add(layer);
+        const bus = layer.eventBus;
+        if (!bus || typeof bus.on !== "function") {
+            return;
+        }
+        for (const type of [
+            "graphics-layer.graphic-added",
+            "graphics-layer.graphics-added",
+            "graphics-layer.graphic-removed",
+            "graphics-layer.graphics-cleared",
+            "feature-layer.edits",
+        ]) {
+            bus.on(type, () => {
+                void this.refreshOverlays();
+            });
+        }
+    }
+    async refreshOverlays() {
+        if (!this.mapSurface) {
+            return;
+        }
+        const drawn = [...this.graphics.graphics];
+        const layers = this.map?.layers ?? [];
+        for (const layer of layers) {
+            if (!layer || typeof layer !== "object") {
+                continue;
+            }
+            const record = layer;
+            if (record.visible === false) {
+                continue;
+            }
+            if (Array.isArray(record.graphics)) {
+                drawn.push(...record.graphics);
+                if (record.type === "graphics" ||
+                    record.type === "graphics-layer" ||
+                    typeof record.queryFeatures !== "function") {
+                    continue;
+                }
+            }
+            if (typeof record.queryFeatures !== "function") {
+                continue;
+            }
+            try {
+                const result = await record.queryFeatures({
+                    where: record.definitionExpression ?? "1=1",
+                    outFields: ["*"],
+                    returnGeometry: true,
+                    extraParams: { resultRecordCount: 2000 },
+                });
+                drawn.push(...(result?.features ?? []));
+            }
+            catch {
+                // An unsupported where or a service error leaves that layer off the canvas.
+            }
+        }
+        this.painted = drawn;
+        this.mapSurface.setOverlays(drawn);
     }
-    async when(callback) {
-        const view = await this.load();
-        if (callback) {
-            callback(view);
+    async handleMapClick(event) {
+        const mapPoint = {
+            x: event.longitude,
+            y: event.latitude,
+            longitude: event.longitude,
+            latitude: event.latitude,
+            spatialReference: { wkid: 4326 },
+        };
+        this.emit("click", { ...event, mapPoint });
+        const hit = await this.hitTest({ x: event.x, y: event.y, mapPoint });
+        const graphic = hit.results[0]?.graphic;
+        if (!graphic || typeof graphic !== "object") {
+            return;
         }
-        return view;
+        const record = graphic;
+        const title = record.popupTemplate?.title ??
+            (typeof record.attributes?.name === "string" ? record.attributes.name : undefined) ??
+            "Feature";
+        this.openPopup({ location: mapPoint, features: [graphic], title });
+        this.renderPopup(event.x, event.y, title, record.attributes);
+    }
+    renderPopup(x, y, title, attributes) {
+        const container = resolveViewContainer(this.container);
+        if (!container || typeof document === "undefined") {
+            return;
+        }
+        container.querySelector(":scope > .honua-popup")?.remove();
+        const popup = document.createElement("div");
+        popup.className = "honua-popup";
+        popup.style.position = "absolute";
+        popup.style.left = `${x}px`;
+        popup.style.top = `${y}px`;
+        popup.style.transform = "translate(-50%, -100%)";
+        popup.style.background = "#fff";
+        popup.style.padding = "8px";
+        popup.style.maxWidth = "240px";
+        const heading = document.createElement("strong");
+        heading.textContent = title;
+        popup.append(heading);
+        if (attributes) {
+            const list = document.createElement("ul");
+            for (const [key, value] of Object.entries(attributes)) {
+                if (key === "color" || key === "radius" || key === "width") {
+                    continue;
+                }
+                const item = document.createElement("li");
+                item.textContent = `${key}: ${String(value)}`;
+                list.append(item);
+            }
+            popup.append(list);
+        }
+        container.append(popup);
+    }
+    placeUi(components) {
+        const container = resolveViewContainer(this.container);
+        if (!container || typeof document === "undefined") {
+            return;
+        }
+        const existing = container.querySelector(":scope > .honua-view-ui");
+        const host = typeof HTMLElement !== "undefined" && existing instanceof HTMLElement ? existing : document.createElement("div");
+        if (host.parentElement !== container) {
+            host.className = "honua-view-ui";
+            host.style.position = "absolute";
+            host.style.inset = "0";
+            host.style.pointerEvents = "none";
+            container.append(host);
+        }
+        host.replaceChildren();
+        for (const record of components) {
+            const slot = document.createElement("div");
+            slot.style.position = "absolute";
+            slot.style.pointerEvents = "auto";
+            const position = record.position;
+            if (position.includes("bottom")) {
+                slot.style.bottom = "12px";
+            }
+            else {
+                slot.style.top = "12px";
+            }
+            if (position.includes("right")) {
+                slot.style.right = "12px";
+            }
+            else if (!position.includes("bottom") || position.includes("left") || position === "manual") {
+                slot.style.left = "12px";
+            }
+            const widget = record.component;
+            if (widget && typeof widget === "object" && "attachContainer" in widget) {
+                const attach = widget.attachContainer;
+                if (typeof attach === "function") {
+                    attach.call(widget, slot);
+                }
+            }
+            else if (typeof HTMLElement !== "undefined" && widget instanceof HTMLElement) {
+                slot.append(widget);
+            }
+            const load = widget?.load;
+            if (typeof load === "function") {
+                void load.call(widget);
+            }
+            host.append(slot);
+        }
+    }
+    when(callback) {
+        const pending = this.load().then((view) => {
+            if (callback) {
+                callback(view);
+            }
+            return view;
+        });
+        // Same as load(): a discarded `void view.when()` must not become a page error.
+        void pending.catch(() => undefined);
+        return pending;
     }
     toMap(screenPoint) {
+        const geographic = this.mapSurface?.unproject(screenPoint.x, screenPoint.y);
+        if (geographic) {
+            return {
+                x: geographic.longitude,
+                y: geographic.latitude,
+                longitude: geographic.longitude,
+                latitude: geographic.latitude,
+                spatialReference: { wkid: 4326 },
+            };
+        }
         const mapPoint = {
             x: screenPoint.x,
             y: screenPoint.y,
@@ -542,6 +850,14 @@ export class MapViewCompat {
         return mapPoint;
     }
     toScreen(mapPoint) {
+        const longitude = mapPoint.longitude ?? mapPoint.x;
+        const latitude = mapPoint.latitude ?? mapPoint.y;
+        const projected = typeof longitude === "number" && typeof latitude === "number"
+            ? this.mapSurface?.project(longitude, latitude)
+            : undefined;
+        if (projected) {
+            return projected;
+        }
         return {
             x: mapPoint.x,
             y: mapPoint.y,
@@ -550,6 +866,10 @@ export class MapViewCompat {
     async hitTest(event = {}) {
         const mapPoint = event.mapPoint ??
             (typeof event.x === "number" && typeof event.y === "number" ? this.toMap({ x: event.x, y: event.y }) : undefined);
+        const graphicHits = this.graphicsNear(mapPoint, event);
+        if (graphicHits.length > 0) {
+            return { results: graphicHits };
+        }
         return {
             results: this.popup.features.map((feature) => ({
                 type: "graphic",
@@ -559,6 +879,41 @@ export class MapViewCompat {
             })),
         };
     }
+    graphicsNear(mapPoint, event) {
+        if (!mapPoint) {
+            return [];
+        }
+        const target = lonLatFromUnknown(mapPoint);
+        if (!target) {
+            return [];
+        }
+        const candidates = [...this.painted, ...this.graphics.graphics];
+        for (const layer of this.map?.layers ?? []) {
+            const record = layer;
+            if (Array.isArray(record?.graphics)) {
+                candidates.push(...record.graphics);
+            }
+            if (Array.isArray(record?.source)) {
+                candidates.push(...record.source);
+            }
+        }
+        const hits = [];
+        for (const graphic of candidates) {
+            if (!graphic || typeof graphic !== "object") {
+                continue;
+            }
+            if (!graphicHitsTarget(graphic, target, event, this.mapSurface)) {
+                continue;
+            }
+            hits.push({
+                type: "graphic",
+                graphic: graphic,
+                layer: extractGraphicLayer(graphic),
+                mapPoint,
+            });
+        }
+        return hits;
+    }
     async goTo(target, options = {}) {
         const normalizedTarget = normalizeGoToTarget(target);
         if (normalizedTarget.center !== undefined) {
@@ -611,14 +966,18 @@ export class MapViewCompat {
         this.popup.close();
     }
     setCenter(center) {
-        this.center = center;
-        this.notifyWatchers("center", this.center);
+        this.centerValue = center;
+        this.notifyWatchers("center", this.centerValue);
         this.eventBus.emit("view.center-changed", { center }, this);
+        if (center) {
+            this.mapSurface?.setView(lonLatFromUnknown(center), this.zoomValue);
+        }
     }
     setZoom(zoom) {
-        this.zoom = zoom;
-        this.notifyWatchers("zoom", this.zoom);
+        this.zoomValue = zoom;
+        this.notifyWatchers("zoom", this.zoomValue);
         this.eventBus.emit("view.zoom-changed", { zoom }, this);
+        this.mapSurface?.setView(lonLatFromUnknown(this.centerValue), zoom);
     }
     setScale(scale) {
         this.scale = scale;
@@ -631,9 +990,10 @@ export class MapViewCompat {
         this.eventBus.emit("view.rotation-changed", { rotation }, this);
     }
     setExtent(extent) {
-        this.extent = extent;
-        this.notifyWatchers("extent", this.extent);
+        this.extentValue = extent;
+        this.notifyWatchers("extent", this.extentValue);
         this.eventBus.emit("view.extent-changed", { extent }, this);
+        this.mapSurface?.fitExtent(extent);
     }
     setPadding(padding) {
         this.padding = padding;
@@ -706,6 +1066,8 @@ export class MapViewCompat {
         };
     }
     destroy() {
+        this.mapSurface?.destroy();
+        this.mapSurface = undefined;
         this.eventBus.emit("view.destroy", undefined, this);
         this.emit("destroy", undefined);
         this.ui.removeAll();
@@ -719,16 +1081,16 @@ export class MapViewCompat {
         this.notifyWatchers("map", this.map);
         this.container = undefined;
         this.notifyWatchers("container", this.container);
-        this.center = undefined;
-        this.notifyWatchers("center", this.center);
-        this.zoom = undefined;
-        this.notifyWatchers("zoom", this.zoom);
+        this.centerValue = undefined;
+        this.notifyWatchers("center", this.centerValue);
+        this.zoomValue = undefined;
+        this.notifyWatchers("zoom", this.zoomValue);
         this.scale = undefined;
         this.notifyWatchers("scale", this.scale);
         this.rotation = undefined;
         this.notifyWatchers("rotation", this.rotation);
-        this.extent = undefined;
-        this.notifyWatchers("extent", this.extent);
+        this.extentValue = undefined;
+        this.notifyWatchers("extent", this.extentValue);
         this.constraints = undefined;
         this.notifyWatchers("constraints", this.constraints);
         this.padding = undefined;
@@ -1137,6 +1499,78 @@ function extractObjectId(feature) {
 function normalizeCount(value) {
     return typeof value === "number" && Number.isFinite(value) ? value : 0;
 }
+function graphicHitsTarget(graphic, target, event, surface) {
+    const geometry = graphic.geometry;
+    if (!geometry || typeof geometry !== "object") {
+        return false;
+    }
+    const record = geometry;
+    const point = record.rings === undefined && record.paths === undefined ? lonLatFromUnknown(geometry) : undefined;
+    if (point && nearLonLat(point, target, event, surface)) {
+        return true;
+    }
+    const wkid = record.spatialReference?.wkid;
+    if (Array.isArray(record.rings)) {
+        return record.rings.some((ring) => Array.isArray(ring) && pointInRing(target, ring, wkid));
+    }
+    if (Array.isArray(record.paths)) {
+        for (const path of record.paths) {
+            if (!Array.isArray(path)) {
+                continue;
+            }
+            for (const pair of path) {
+                if (!Array.isArray(pair)) {
+                    continue;
+                }
+                const vertex = coordinateToLonLat(pair, wkid);
+                if (vertex && nearLonLat(vertex, target, event, surface)) {
+                    return true;
+                }
+            }
+        }
+    }
+    return false;
+}
+function nearLonLat(point, target, event, surface) {
+    const geographicNear = Math.abs(point[0] - target[0]) <= 0.0005 && Math.abs(point[1] - target[1]) <= 0.0005;
+    const projected = surface?.project(point[0], point[1]);
+    const pixelNear = projected !== undefined &&
+        typeof event.x === "number" &&
+        typeof event.y === "number" &&
+        Math.hypot(projected.x - event.x, projected.y - event.y) <= 12;
+    return geographicNear || pixelNear;
+}
+function pointInRing(target, ring, wkid) {
+    const polygon = [];
+    for (const pair of ring) {
+        if (!Array.isArray(pair)) {
+            continue;
+        }
+        const lonLat = coordinateToLonLat(pair, wkid);
+        if (lonLat) {
+            polygon.push(lonLat);
+        }
+    }
+    if (polygon.length < 3) {
+        return false;
+    }
+    let inside = false;
+    for (let index = 0, previous = polygon.length - 1; index < polygon.length; previous = index, index += 1) {
+        const current = polygon[index];
+        const earlier = polygon[previous];
+        if (!current || !earlier) {
+            continue;
+        }
+        const crosses = current[1] > target[1] !== earlier[1] > target[1] &&
+            target[0] <
+                ((earlier[0] - current[0]) * (target[1] - current[1])) / (earlier[1] - current[1] + Number.EPSILON) +
+                    current[0];
+        if (crosses) {
+            inside = !inside;
+        }
+    }
+    return inside;
+}
 function extractGraphicLayer(value) {
     if (!("layer" in value) || value.layer === undefined || value.layer === null) {
         return undefined;

package/esri-compat/portal.d.ts

@@ -177,6 +177,8 @@ export declare class PortalCompat {
     search(options?: PortalSearchOptions): Promise<PortalSearchResult>;
     /** `GET /sharing/rest/content/items/{id}`. */
     getItem(itemId: string, options?: PortalGetItemOptions): Promise<PortalItem>;
+    /** `GET /sharing/rest/content/items/{id}/data`. Web maps return their operational layers here. */
+    getItemData(itemId: string, options?: PortalGetItemOptions): Promise<unknown>;
     /**
      * Resolve an item (fetching it when given an id), parse its service `url`, and
      * return an authenticated handle. Feature Service items yield a

package/esri-compat/portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../src/esri-compat/portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAKxD;;;;GAIG;AACH,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,2EAA2E;IAC3E,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,MAAM,EAAE,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,MAAM,CAAC;IAC9C,MAAM,EAAE,MAAM,EAAE,EAAE,GAAG,IAAI,CAAC;IAC1B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,8CAA8C;AAC9C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,uEAAuE;IACvE,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,mEAAmE;AACnE,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE;QACT,oBAAoB,CAAC,EAAE,OAAO,CAAC;QAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;KAC3B,CAAC;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,2EAA2E;AAC3E,MAAM,WAAW,UAAU;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,GAAG,IAAI,CAAC;IACT,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,gDAAgD;AAChD,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,KAAK,CAAC;CACxB;AAED,sDAAsD;AACtD,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,oDAAoD;AACpD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,OAAO,CAAC;CACd;AAED,+CAA+C;AAC/C,MAAM,WAAW,mBAAmB;IAClC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,gDAAgD;AAChD,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,yDAAyD;AACzD,MAAM,WAAW,iBAAiB;IAChC,oGAAoG;IACpG,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,oBAAoB;IAC5B,4BAA4B;IAC5B,IAAI,EAAE,UAAU,CAAC;IACjB,6FAA6F;IAC7F,OAAO,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,SAAS,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,uFAAuF;AACvF,MAAM,WAAW,8BAA+B,SAAQ,oBAAoB;IAC1E,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,kBAAkB,CAAC;CAC3B;AAED,iFAAiF;AACjF,MAAM,WAAW,uBAAwB,SAAQ,oBAAoB;IACnE,IAAI,EAAE,aAAa,GAAG,eAAe,CAAC;CACvC;AAED,MAAM,MAAM,gBAAgB,GAAG,8BAA8B,GAAG,uBAAuB,CAAC;AAExF,0EAA0E;AAC1E,qBAAa,WAAY,SAAQ,KAAK;IACpC,SAAgB,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAClD,SAAgB,OAAO,EAAE,OAAO,CAAC;gBAEd,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO;CAM9E;AAUD;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,YAAY;IACvB,0DAA0D;IAC1D,SAAgB,eAAe,EAAE,MAAM,CAAC;IACxC,OAAO,CAAC,KAAK,CAAqB;IAClC,OAAO,CAAC,gBAAgB,CAAqB;IAC7C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAqB;IAC5C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAe;gBAEpB,OAAO,GAAE,mBAAwB;IAUpD,+CAA+C;IACxC,QAAQ,IAAI,MAAM,GAAG,SAAS;IAIrC;;;;OAIG;IACU,aAAa,CAAC,OAAO,EAAE,0BAA0B,GAAG,OAAO,CAAC,qBAAqB,CAAC;IAmC/F,gCAAgC;IACnB,OAAO,IAAI,OAAO,CAAC,UAAU,CAAC;IAI3C,0EAA0E;IAC7D,aAAa,IAAI,OAAO,CAAC,UAAU,CAAC;IAIjD,kCAAkC;IACrB,MAAM,CAAC,OAAO,GAAE,mBAAwB,GAAG,OAAO,CAAC,kBAAkB,CAAC;IAiBnF,8CAA8C;IACjC,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,oBAAyB,GAAG,OAAO,CAAC,UAAU,CAAC;IAI7F;;;;;OAKG;IACU,gBAAgB,CAC3B,QAAQ,EAAE,MAAM,GAAG,UAAU,EAC7B,OAAO,GAAE,iBAAsB,GAC9B,OAAO,CAAC,gBAAgB,CAAC;IAiD5B;;;;OAIG;IACI,2BAA2B,IAAI,IAAI;IAW1C,OAAO,CAAC,wBAAwB;YAalB,OAAO;CAoBtB"}
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../src/esri-compat/portal.ts"],"names":[],"mappings":"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"}

package/esri-compat/portal.js

@@ -116,6 +116,10 @@ export class PortalCompat {
     async getItem(itemId, options = {}) {
         return this.getJson(`/content/items/${encodeURIComponent(itemId)}`, {}, options.token ?? this.token);
     }
+    /** `GET /sharing/rest/content/items/{id}/data`. Web maps return their operational layers here. */
+    async getItemData(itemId, options = {}) {
+        return this.getJson(`/content/items/${encodeURIComponent(itemId)}/data`, {}, options.token ?? this.token);
+    }
     /**
      * Resolve an item (fetching it when given an id), parse its service `url`, and
      * return an authenticated handle. Feature Service items yield a
@@ -203,8 +207,9 @@ export class PortalCompat {
                 query.set(key, String(value));
             }
         }
-        if (token) {
-            query.set("token", token);
+        const authToken = token ?? this.apiKey ?? identityManager.findCredential(this.sharingRestBase)?.token;
+        if (authToken) {
+            query.set("token", authToken);
         }
         const response = await this.fetchFn(`${this.sharingRestBase}${path}?${query.toString()}`);
         const json = (await response.json());