signalk-chiplog 2.11.0 → 2.12.0

package/CHANGELOG.md

@@ -6,6 +6,18 @@ All notable changes to Chiplog are documented here. The format follows
 
 ## [Unreleased]
 
+## [2.12.0] - 2026-10-24
+
+### Added
+
+- **Helm entry beside the chart.** Chartplotters supporting the Plotter Extensions API can open Chiplog from a toolbar
+  button. The iframe panel keeps drafts while hidden and follows the plotter's night mode when available. The standalone
+  tablet app and its offline queue remain available.
+
+### Fixed
+
+- Event and crew deletion confirmations work inside sandboxed plotter panels.
+
 ## [2.11.0] - 2026-10-24
 
 ### Added
@@ -483,7 +495,8 @@ First release.
 - REST API under `/plugins/signalk-chiplog/api`, documented in [docs/API.md](docs/API.md).
 - Single SQLite database through Node's built-in `node:sqlite`: no native module to build.
 
-[Unreleased]: https://github.com/ricard33/signalk-chiplog/compare/v2.11.0...HEAD
+[Unreleased]: https://github.com/ricard33/signalk-chiplog/compare/v2.12.0...HEAD
+[2.12.0]: https://github.com/ricard33/signalk-chiplog/compare/v2.11.0...v2.12.0
 [2.11.0]: https://github.com/ricard33/signalk-chiplog/compare/v2.10.0...v2.11.0
 [2.10.0]: https://github.com/ricard33/signalk-chiplog/compare/v2.9.0...v2.10.0
 [2.9.0]: https://github.com/ricard33/signalk-chiplog/compare/v2.8.0...v2.9.0

package/README.md

@@ -437,6 +437,18 @@ Logging needs read/write access. The first time, the app shows **This tablet nee
 To revoke it, delete the device under **Security → Devices**: the tablet asks for access again. **Sign in instead** uses
 a regular Signal K user account.
 
+### From a chartplotter
+
+In a chartplotter supporting the Signal K Plotter Extensions API (such as Freeboard-SK), the **Chiplog** toolbar button
+opens the helm entry app in an iframe panel beside the chart. Closing and reopening it keeps notes and handwriting in
+progress; reloading the plotter still discards unsent drafts. The usual offline queue and Signal K access rights apply.
+The panel follows the plotter's night mode when available, and its night switch also changes the plotter's mode.
+Standalone tablet use remains available at the same address.
+
+The extension is advertised automatically while the plugin is enabled. A server without the resource-provider API can
+still run the standalone apps. Journal and login navigation links are hidden in the extension: sign in through the
+chartplotter, or use the panel's device access request.
+
 ## Configuration 🔧
 
 In the Signal K admin, **Apps & Plugins → Configuration → Chiplog**.

package/index.js

@@ -8,6 +8,7 @@ const { INFLUX_DEFAULTS } = require('./lib/influx-history');
 const { createLandmarkFinder, LANDMARK_DEFAULTS } = require('./lib/landmark-finder');
 const { OBSERVATION_DEFAULTS } = require('./lib/observation-recorder');
 const { createPlaceNamer, GEOCODING_DEFAULTS } = require('./lib/place-names');
+const { registerPlotterExtension } = require('./lib/plotter-extension');
 const { PROPULSION_DEFAULTS } = require('./lib/propulsion-detector');
 const { createReplayJob } = require('./lib/replay-job');
 const { createSummaryMailer, SUMMARY_MAIL_DEFAULTS } = require('./lib/summary-mailer');
@@ -706,6 +707,8 @@ module.exports = function (app) {
       throw err;
     }
 
+    registerPlotterExtension(app, () => database !== null);
+
     const readSelfPath = (path) => app.getSelfPath(path);
     detector = createPassageDetector({ db: database, readSelfPath, settings });
     const recorder = createTrackRecorder({ db: database, readSelfPath, settings });

package/lib/plotter-extension.js

@@ -0,0 +1,59 @@
+const { version } = require('../package.json');
+
+const EXTENSION_ID = 'signalk-chiplog';
+
+function buildManifest() {
+  return {
+    name: 'Chiplog — Helm entry',
+    description: 'Log manoeuvres, notes and handwriting without leaving the chart.',
+    version,
+    apiVersion: '1',
+    requires: ['panels.iframe', 'buttons'],
+    optional: ['nightMode'],
+    panels: [
+      {
+        id: 'helm-entry',
+        title: 'Chiplog',
+        type: 'iframe',
+        url: '/signalk-chiplog/entry/?plotterExtension=1',
+        lifecycle: 'keepAlive'
+      }
+    ],
+    buttons: [
+      {
+        id: 'open-helm-entry',
+        title: 'Chiplog',
+        slot: 'mapToolbar',
+        icon: 'edit_note',
+        action: { type: 'togglePanel', panel: 'helm-entry' }
+      }
+    ]
+  };
+}
+
+function registerPlotterExtension(app, isRunning) {
+  // Older servers can still run the standalone logbook and tablet app.
+  if (typeof app.registerResourceProvider !== 'function') {
+    return;
+  }
+  app.registerResourceProvider({
+    type: 'plotterExtensions',
+    methods: {
+      listResources: async () => (isRunning() ? { [EXTENSION_ID]: buildManifest() } : {}),
+      getResource: async (id) => {
+        if (!isRunning() || id !== EXTENSION_ID) {
+          throw new Error(`No such plotterExtensions resource: ${id}`);
+        }
+        return buildManifest();
+      },
+      setResource: async () => {
+        throw new Error('Chiplog plotter extension is read-only');
+      },
+      deleteResource: async () => {
+        throw new Error('Chiplog plotter extension is read-only');
+      }
+    }
+  });
+}
+
+module.exports = { registerPlotterExtension };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "signalk-chiplog",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "description": "Nautical logbook for Signal K: automatic entries, handwritten notes",
   "main": "index.js",
   "files": [
@@ -81,6 +81,7 @@
     "mediabunny": "1.58.0",
     "preact": "^10.29.8",
     "prettier": "^3.9.6",
+    "signalk-plotterext-bus": "^0.21.0",
     "three": "0.186.0"
   }
 }

package/public/entry/entry.css

@@ -749,6 +749,32 @@ input {
   border-radius: var(--radius);
 }
 
+.confirmation-dialog {
+  width: min(40rem, calc(100% - 2rem));
+  max-height: calc(100% - 2rem);
+  padding: 0;
+  border: 0;
+  border-radius: var(--radius);
+  background: var(--surface);
+  color: var(--text);
+}
+
+.confirmation-dialog::backdrop {
+  background: rgb(0 0 0 / 55%);
+}
+
+.confirmation-dialog .sheet {
+  width: 100%;
+}
+
+:root[data-plotter-extension='true'] [data-standalone-link] {
+  display: none;
+}
+
+:root[data-plotter-extension='true'] .entry-main {
+  padding: 0.75rem 0.75rem 9rem;
+}
+
 .sail-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));

package/public/entry/js/components/AccessGate.mjs

@@ -63,7 +63,7 @@ export function AccessGate({ onGranted }) {
                 ${t('access.request')}
               </button>`
         }
-        <a class="big-button" href="/admin/#/login">${t('access.signIn')}</a>
+        <a class="big-button" data-standalone-link href="/admin/#/login">${t('access.signIn')}</a>
       </div>
     </section>
   `;

package/public/entry/js/components/CrewDialog.mjs

@@ -1,6 +1,7 @@
 import { html, useState } from '../../../vendor/preact-htm.mjs';
 import { useLocale } from '../../../js/context.mjs';
 import { PencilIcon, TrashIcon } from './Icons.mjs';
+import { confirmAction } from '../confirm.mjs';
 
 // .big-button is a row flex container, so a bare <br/> between its children
 // would not stack them -- wrap name and role in their own column instead.
@@ -83,7 +84,7 @@ export function CrewDialog({
   };
 
   const removeMember = async (member) => {
-    if (!confirm(t('entry.deleteCrewMemberConfirm', { name: member.name }))) {
+    if (!(await confirmAction(t('entry.deleteCrewMemberConfirm', { name: member.name }), t))) {
       return;
     }
     const removed = await onDeleteMember(member.id);

package/public/entry/js/components/StatusHeader.mjs

@@ -95,7 +95,7 @@ export function StatusHeader({
         >
           ${t('entry.night')}
         </button>
-        <a class="tool-button" href="../">${t('entry.logbook')}</a>
+        <a class="tool-button" data-standalone-link href="../">${t('entry.logbook')}</a>
       </div>
     </header>
   `;

package/public/entry/js/confirm.mjs

@@ -0,0 +1,42 @@
+// Native confirm() is blocked in plotter-extension sandboxes. An HTML dialog
+// works there, traps focus, supports Escape, and keeps the same confirmation
+// in the standalone app. Text is never interpreted as HTML.
+export function confirmAction(message, t) {
+  return new Promise((resolve) => {
+    const dialog = document.createElement('dialog');
+    dialog.className = 'confirmation-dialog';
+    dialog.setAttribute('aria-label', message);
+    const form = document.createElement('form');
+    form.method = 'dialog';
+    form.className = 'sheet';
+    const text = document.createElement('p');
+    text.textContent = message;
+    const actions = document.createElement('div');
+    actions.className = 'sheet-row';
+    for (const [value, label, className] of [
+      ['cancel', t('common.cancel'), 'big-button'],
+      ['confirm', t('common.delete'), 'big-button danger']
+    ]) {
+      const button = document.createElement('button');
+      button.type = 'submit';
+      button.value = value;
+      button.textContent = label;
+      button.className = className;
+      button.autofocus = value === 'cancel';
+      actions.append(button);
+    }
+    form.append(text, actions);
+    dialog.append(form);
+    dialog.addEventListener(
+      'close',
+      () => {
+        const confirmed = dialog.returnValue === 'confirm';
+        dialog.remove();
+        resolve(confirmed);
+      },
+      { once: true }
+    );
+    document.body.append(dialog);
+    dialog.showModal();
+  });
+}

package/public/entry/js/main.mjs

@@ -12,6 +12,8 @@ import { randomId } from '../../js/ids.mjs';
 import { pickLanguage } from '../../js/i18n.mjs';
 import { createServerClock } from './clock.mjs';
 import { createJournal } from './journal.mjs';
+import { confirmAction } from './confirm.mjs';
+import { connectPlotter, isPlotterExtension } from './plotter.mjs';
 import { AccessGate } from './components/AccessGate.mjs';
 import { EventDialog, Toast } from './components/Dialogs.mjs';
 import { CrewDialog } from './components/CrewDialog.mjs';
@@ -106,6 +108,7 @@ function App({ journal }) {
   const [managingCrew, setManagingCrew] = useState(false);
   const [tab, setTab] = useState('note');
   const [night, setNight] = useState(readSetting(NIGHT_KEY) === 'on');
+  const [plotter, setPlotter] = useState(null);
   const [version, setVersion] = useState(0);
   const [busy, setBusy] = useState(false);
 
@@ -163,6 +166,43 @@ function App({ journal }) {
     writeSetting(NIGHT_KEY, night ? 'on' : 'off');
   }, [night]);
 
+  useEffect(() => {
+    if (!isPlotterExtension) {
+      return undefined;
+    }
+    let active = true;
+    let connection;
+    connectPlotter((enabled) => active && setNight(enabled))
+      .then((client) => {
+        if (!active) {
+          client.close();
+          return;
+        }
+        connection = client;
+        setPlotter(client);
+      })
+      // The tablet remains usable if the host cannot complete the handshake.
+      .catch(() => {});
+    return () => {
+      active = false;
+      connection?.close();
+    };
+  }, []);
+
+  const toggleNight = async () => {
+    const enabled = !night;
+    if (plotter?.hasCapability('nightMode')) {
+      try {
+        await plotter.call('nightMode.set', { enabled, auto: false });
+        setNight(enabled);
+        return;
+      } catch {
+        // Keep the local night switch usable if the host stops answering.
+      }
+    }
+    setNight(enabled);
+  };
+
   useEffect(() => {
     if (!toast || toast.kind === 'error') {
       return undefined;
@@ -307,7 +347,7 @@ function App({ journal }) {
   };
 
   const deleteEvent = async (event) => {
-    if (!confirm(t('entry.deleteConfirm'))) {
+    if (!(await confirmAction(t('entry.deleteConfirm'), t))) {
       return;
     }
     try {
@@ -376,7 +416,7 @@ function App({ journal }) {
       onReconnect=${reconnect}
       queued=${queue.pending.length}
       night=${night}
-      onToggleNight=${() => setNight((value) => !value)}
+      onToggleNight=${toggleNight}
     />
     <main class="entry-main">
       ${
@@ -498,6 +538,7 @@ if ('serviceWorker' in navigator && window.isSecureContext) {
 }
 
 const locale = createLocale(pickLanguage(navigator.languages, location.search));
+document.documentElement.dataset.plotterExtension = String(isPlotterExtension);
 document.documentElement.lang = locale.language;
 document.title = locale.t('entry.title');
 

package/public/entry/js/plotter.mjs

@@ -0,0 +1,30 @@
+import { connectExtension, windowPort } from '../../vendor/plotterext.mjs';
+
+// An explicit opt-in leaves standalone and ordinary iframe use unchanged.
+export const isPlotterExtension =
+  window.parent !== window && new URLSearchParams(location.search).get('plotterExtension') === '1';
+
+export async function connectPlotter(onNightChange) {
+  const client = await connectExtension({
+    port: windowPort(window.parent, { origin: location.origin }),
+    timeoutMs: 5000
+  });
+  try {
+    if (client.hasCapability('nightMode')) {
+      // Subscribe first so a change during the initial read cannot be lost.
+      let changed = false;
+      await client.subscribe(['nightMode.changed'], (_name, state) => {
+        changed = true;
+        onNightChange(state.enabled);
+      });
+      const state = await client.call('nightMode.get');
+      if (!changed) {
+        onNightChange(state.enabled);
+      }
+    }
+    return client;
+  } catch (error) {
+    client.close();
+    throw error;
+  }
+}

package/public/entry/sw.js

@@ -13,6 +13,8 @@ const SHELL = [
   'icons/icon-512.png',
   'icons/apple-touch-icon.png',
   'js/main.mjs',
+  'js/confirm.mjs',
+  'js/plotter.mjs',
   'js/access.mjs',
   'js/clock.mjs',
   'js/journal.mjs',
@@ -43,7 +45,8 @@ const SHELL = [
   '../js/view-memory.mjs',
   '../js/components/common.mjs',
   '../js/components/Timeline.mjs',
-  '../vendor/preact-htm.mjs'
+  '../vendor/preact-htm.mjs',
+  '../vendor/plotterext.mjs'
 ];
 
 const shellUrls = () => new Set(SHELL.map((file) => new URL(file, self.registration.scope).href));

package/public/vendor/plotterext-LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Joel Kozikowski
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/public/vendor/plotterext.mjs

@@ -0,0 +1 @@
+var f="plotterExt/1",o={PARSE_ERROR:-32700,INVALID_REQUEST:-32600,METHOD_NOT_FOUND:-32601,INVALID_PARAMS:-32602,INTERNAL_ERROR:-32603,HOST_ERROR:-32e3,TIMEOUT:-32001,CONNECTION_CLOSED:-32002},c=class l extends Error{code;data;constructor(e,s={}){super(e),this.name="RpcError",this.code=s.code??o.HOST_ERROR;let n={...s.data??{}};s.reason!==void 0&&(n.reason=s.reason),this.data=Object.keys(n).length>0?n:void 0}get reason(){return typeof this.data?.reason=="string"?this.data.reason:void 0}toErrorObject(){return{code:this.code,message:this.message,...this.data?{data:this.data}:{}}}static fromErrorObject(e){return new l(e.message,{code:e.code,data:e.data})}static from(e){return e instanceof l?e:e instanceof Error?new l(e.message,{code:o.INTERNAL_ERROR}):new l(String(e),{code:o.INTERNAL_ERROR})}},u="bus.ready",y="bus.handshake";function E(t,e){return t===e?!0:m(t.split("."),0,e.split("."),0)}function m(t,e,s,n){for(;e<t.length;){let i=t[e];if(i==="**"){if(e===t.length-1)return!0;for(let r=n;r<=s.length;r++)if(m(t,e+1,s,r))return!0;return!1}if(n>=s.length||i!=="*"&&i!==s[n])return!1;e++,n++}return n===s.length}function g(t,e){for(let s of t)if(E(s,e))return!0;return!1}function N(t){return{bus:f,msg:t}}function M(t){if(typeof t!="object"||t===null)return null;let e=t;return e.bus!==f?null:_(e.msg)?e.msg:null}function _(t){if(typeof t!="object"||t===null)return!1;let e=t;if(e.jsonrpc!=="2.0")return!1;if(typeof e.method=="string")return e.id===void 0||typeof e.id=="string"||typeof e.id=="number";if(!(typeof e.id=="string"||typeof e.id=="number"||e.id===null))return!1;let n="result"in e,i=e.error,r=typeof i=="object"&&i!==null&&typeof i.code=="number"&&typeof i.message=="string";return n?!("error"in e):r}function S(t){return"method"in t&&"id"in t&&t.id!==void 0}function A(t){return"method"in t&&(!("id"in t)||t.id===void 0)}function D(t){return!("method"in t)}function h(t,e={}){let s=e.listenWindow??globalThis,n=e.origin??s.location?.origin??"*";return{post(i,r){r?.length?t.postMessage(i,{targetOrigin:n,transfer:r}):t.postMessage(i,n)},listen(i){let r=a=>{a.source===t&&(n!=="*"&&a.origin!==n||i(a.data))};return s.addEventListener("message",r),()=>s.removeEventListener("message",r)}}}var L=1e4,p=class{callTimeoutMs;port;unlisten;onError;pending=new Map;methods=new Map;eventHandlers=new Set;idPrefix=Math.random().toString(36).slice(2,8);seq=0;closed=!1;constructor(t){this.port=t.port,this.callTimeoutMs=t.callTimeoutMs??L,this.onError=t.onError??(e=>console.warn("[plotterext-bus]",e)),this.unlisten=this.port.listen(e=>this.onData(e))}registerMethod(t,e){this.methods.set(t,e)}unregisterMethod(t){this.methods.delete(t)}onEvent(t,e){let s={patterns:t,fn:e};return this.eventHandlers.add(s),()=>this.eventHandlers.delete(s)}notify(t,e,s={}){this.send({jsonrpc:"2.0",method:t,...e!==void 0?{params:e}:{}},s.transfer)}call(t,e,s={}){if(this.closed)return Promise.reject(new c("Bus endpoint is closed",{code:o.CONNECTION_CLOSED,reason:"CLOSED"}));let n=`${this.idPrefix}-${++this.seq}`,i=s.timeoutMs??this.callTimeoutMs;return new Promise((r,a)=>{let d=i>0?setTimeout(()=>{this.pending.delete(n),a(new c(`Call timed out after ${i}ms: ${t}`,{code:o.TIMEOUT,reason:"TIMEOUT"}))},i):null;this.pending.set(n,{resolve:r,reject:a,timer:d}),this.send({jsonrpc:"2.0",id:n,method:t,...e!==void 0?{params:e}:{}},s.transfer)})}close(){if(!this.closed){this.closed=!0,this.unlisten();for(let[,t]of this.pending)t.timer&&clearTimeout(t.timer),t.reject(new c("Bus endpoint closed",{code:o.CONNECTION_CLOSED,reason:"CLOSED"}));this.pending.clear(),this.eventHandlers.clear()}}send(t,e){this.closed||this.port.post(N(t),e)}onData(t){let e=M(t);e&&(D(e)?this.onResponse(e):S(e)?this.onRequest(e):A(e)&&this.onNotification(e.method,e.params))}onResponse(t){if(t.id===null)return;let e=this.pending.get(t.id);e&&(this.pending.delete(t.id),e.timer&&clearTimeout(e.timer),"error"in t?e.reject(c.fromErrorObject(t.error)):e.resolve(t.result))}async onRequest(t){let e=this.methods.get(t.method);if(!e){this.send({jsonrpc:"2.0",id:t.id,error:{code:o.METHOD_NOT_FOUND,message:`Method not found: ${t.method}`}});return}try{let s=await e(t.params,{endpoint:this});this.send({jsonrpc:"2.0",id:t.id,result:s===void 0?null:s})}catch(s){this.send({jsonrpc:"2.0",id:t.id,error:c.from(s).toErrorObject()})}}onNotification(t,e){for(let s of[...this.eventHandlers])if(g(s.patterns,t))try{s.fn(t,e)}catch(n){this.onError(n)}}};var v=class{handshake;endpoint;constructor(t,e){this.endpoint=t,this.handshake=e}get context(){return this.handshake.context}get apiVersion(){return this.handshake.apiVersion}get capabilities(){return this.handshake.capabilities}hasCapability(t){return this.handshake.capabilities.includes(t)}call(t,e,s){return this.endpoint.call(t,e,s)}notify(t,e){this.endpoint.notify(t,e)}async subscribe(t,e){let s=this.endpoint.onEvent(t,e),n;try{n=(await this.call("events.subscribe",{patterns:t})).subscriptionId}catch(i){throw s(),i}return async()=>{s(),await this.call("events.unsubscribe",{subscriptionId:n}).catch(()=>{})}}async publish(t,e,s){await this.call("events.publish",{topic:t,...e!==void 0?{params:e}:{},...s?{scope:s}:{}})}state={get:async(t,e)=>(await this.call("state.get",{...e?{scope:e}:{},...t?{keys:t}:{}})).values??{},set:async(t,e)=>{await this.call("state.set",{...e?{scope:e}:{},values:t})}};signalk={subscribe:async(t,e)=>{let s=t.map(r=>`sk.${r}`),n=await this.subscribe(s,(r,a)=>e(a)),i;try{i=(await this.call("signalk.subscribe",{paths:t})).subscriptionId}catch(r){throw await n(),r}return async()=>{await n(),await this.call("signalk.unsubscribe",{subscriptionId:i}).catch(()=>{})}},put:(t,e)=>this.call("signalk.put",{path:t,value:e})};route={list:async()=>(await this.call("route.list")).routes??[],create:async t=>await this.call("route.create",t),get:async t=>await this.call("route.get",{routeId:t}),replace:async(t,e)=>await this.call("route.replace",{routeId:t,points:e}),save:async(t,e)=>await this.call("route.save",{routeId:t,...e??{}}),show:async t=>await this.call("route.show",{ref:t}),hide:async t=>{await this.call("route.hide",{routeId:t})},delete:async t=>{await this.call("route.delete",{routeId:t})}};chart={list:async()=>(await this.call("chart.list")).charts??[],setVisibility:async(t,e)=>{await this.call("chart.setVisibility",{ids:t,visible:e})},setOpacity:async(t,e)=>{await this.call("chart.setOpacity",{ids:t,opacity:e})},setOrder:async t=>{await this.call("chart.setOrder",{order:t})},setTime:async(t,e)=>{await this.call("chart.setTime",{ids:t,time:e})}};nightMode={get:async()=>await this.call("nightMode.get"),set:async t=>{await this.call("nightMode.set",t)}};panels={list:async()=>(await this.call("ui.listPanels")).panels};overlays={list:async()=>(await this.call("overlay.list")).overlays,setVisibility:async(t,e)=>{await this.call("overlay.setVisibility",{ids:t,visible:e})},setOpacity:async(t,e)=>{await this.call("overlay.setOpacity",{ids:t,opacity:e})},frame:async t=>await this.call("overlay.frame",t,{transfer:[t.image]}),refresh:async t=>{await this.call("overlay.refresh",t)},setData:async t=>{await this.call("overlay.setData",t)},setLayer:async t=>{await this.call("overlay.setLayer",t)},setState:async(t,e)=>{await this.call("overlay.setState",{overlayId:t,values:e})}};windows={open:async t=>await this.call("ui.openWindow",t),update:async t=>await this.call("ui.updateWindow",t),focus:async t=>{await this.call("ui.focusWindow",t===void 0?{}:{windowId:t})},close:async t=>{await this.call("ui.closeWindow",t===void 0?{}:{windowId:t})},list:async()=>(await this.call("ui.listWindows")).windows};resourceGroup={apply:async t=>await this.call("resourceGroup.apply",{id:t})};map={getView:async()=>await this.call("map.getView"),center:async(t,e)=>{await this.call("map.center",{position:t,...typeof e=="number"?{zoom:e}:{}})},fitBounds:async t=>{await this.call("map.fitBounds",{bounds:t})}};close(){this.endpoint.close()}};function R(t={}){let e=t.port??h(globalThis.parent,{origin:"*"}),s=new p({port:e,callTimeoutMs:t.callTimeoutMs,onError:t.onError}),n=t.id?{id:t.id}:void 0;return new Promise((i,r)=>{let a=!1,d=s.onEvent([y],(I,T)=>{a||(a=!0,w(),i(new v(s,T)))}),b=setInterval(()=>s.notify(u,n),t.readyIntervalMs??250),O=setTimeout(()=>{a||(a=!0,w(),s.close(),r(new c("Timed out waiting for host handshake",{code:o.TIMEOUT,reason:"HANDSHAKE_TIMEOUT"})))},t.timeoutMs??1e4),w=()=>{d(),clearInterval(b),clearTimeout(O)};s.notify(u,n)})}export{R as connectExtension,h as windowPort};