@signalk/app-dock 0.1.0

package/public/dock.js

@@ -0,0 +1,456 @@
+;(async function DockApp() {
+  'use strict'
+
+  const DEFAULTS = {
+    position: 'bottom',
+    triggerCorner: 'bottom-right',
+    iframeMode: 'keep-alive',
+    iconSize: 56,
+    magnification: true,
+    magnificationScale: 1.7,
+    apps: []
+  }
+
+  // ─── Load config from plugin endpoints ───────────────────────────────────────
+  let cfg = { ...DEFAULTS }
+  try {
+    const [configRes, settingsRes] = await Promise.all([
+      fetch('/plugins/signalk-app-dock/config'),
+      fetch('/plugins/signalk-app-dock/settings')
+    ])
+    if (configRes.ok) {
+      const data = await configRes.json()
+      const pluginCfg = data.configuration || data
+      cfg = { ...DEFAULTS, ...pluginCfg }
+    }
+    if (settingsRes.ok) {
+      const data = await settingsRes.json()
+      if (Array.isArray(data.apps) && data.apps.length > 0) {
+        cfg.apps = data.apps
+      }
+    }
+  } catch (e) {
+    console.warn('[Dock] Could not load config, using defaults.', e)
+  }
+
+  if (!Array.isArray(cfg.apps) || cfg.apps.length === 0) {
+    console.warn('[Dock] No apps configured — open Plugin Config to add webapps.')
+  }
+
+  // ─── DOM refs ────────────────────────────────────────────────────────────────
+  const $iframeContainer = document.getElementById('iframe-container')
+  const $backdrop = document.getElementById('dock-backdrop')
+  const $dock = document.getElementById('dock')
+  const $dockInner = document.getElementById('dock-inner')
+  const $triggerCorner = document.getElementById('trigger-corner')
+  const $loadingOverlay = document.getElementById('loading-overlay')
+  const $loadingLabel = document.getElementById('loading-label')
+  const $idleHint = document.getElementById('idle-hint')
+  const $idleHintText = document.getElementById('idle-hint-text')
+
+  // ─── State ───────────────────────────────────────────────────────────────────
+  let dockVisible = false
+  const iframes = {}
+
+  // ─── Apply dock position class & alignment ───────────────────────────────────
+  const pos = cfg.position
+  $dock.classList.add(`pos-${pos}`)
+  $dockInner.classList.add(`align-${pos}`)
+
+  const isVertical = pos === 'left' || pos === 'right'
+  if (isVertical) $dockInner.classList.add('layout-vertical')
+
+  // ─── Magnification constants ─────────────────────────────────────────────────
+  const MAG_ENABLED = cfg.magnification !== false
+  const MAG_SCALE = Math.max(1, Math.min(cfg.magnificationScale || 1.7, 2.5))
+  const MAG_RADIUS = cfg.iconSize * 3.5
+
+  // ─── Welcome screen ──────────────────────────────────────────────────────────
+  function setIdleHint() {
+    const $version = document.getElementById('idle-version')
+    if ($version) {
+      fetch('/skServer/webapps')
+        .then((r) => r.json())
+        .then((apps) => {
+          const me = apps.find((a) => a.name === 'signalk-app-dock')
+          if (me) $version.textContent = 'v' + me.version
+        })
+        .catch(() => {})
+    }
+
+    if (!cfg.apps || cfg.apps.length === 0) {
+      $idleHintText.innerHTML =
+        'No apps configured yet.<br>' +
+        'Open <strong>Admin UI \u2192 Plugin Config \u2192 App Dock</strong><br>' +
+        'and click <strong>Discover Installed Webapps</strong> to get started.'
+      return
+    }
+
+    const cornerNames = {
+      'bottom-right': 'bottom-right',
+      'bottom-left': 'bottom-left',
+      'top-right': 'top-right',
+      'top-left': 'top-left'
+    }
+    const corner = cornerNames[cfg.triggerCorner] || 'bottom-right'
+
+    $idleHintText.innerHTML =
+      'Double-tap the <strong>' +
+      corner +
+      ' corner</strong> to open the dock' +
+      '<br><br><span style="font-size:12px;opacity:0.6">Configure in Admin UI \u2192 Plugin Config \u2192 App Dock</span>'
+  }
+
+  function hideIdleHint() {
+    if ($idleHint) $idleHint.classList.add('hidden')
+  }
+
+  // ─── Tooltip direction based on dock edge ────────────────────────────────────
+  function labelClass() {
+    switch (pos) {
+      case 'top':
+        return 'dock-label-below'
+      case 'left':
+        return 'dock-label-right'
+      case 'right':
+        return 'dock-label-left'
+      default:
+        return ''
+    }
+  }
+
+  // ─── Build dock items ─────────────────────────────────────────────────────────
+  function buildDock() {
+    $dockInner.innerHTML = ''
+    const sz = cfg.iconSize
+    const radius = Math.round(sz * 0.25) + 'px'
+    const lblCls = labelClass()
+
+    cfg.apps.forEach((app, i) => {
+      const $item = document.createElement('div')
+      $item.className = 'dock-item'
+      $item.dataset.index = i
+
+      const $icon = document.createElement('div')
+      $icon.className = 'dock-icon'
+      $icon.style.width = sz + 'px'
+      $icon.style.height = sz + 'px'
+      $icon.style.borderRadius = radius
+      if (app.color) $icon.style.background = app.color
+
+      const iconVal = app.icon || ''
+      if (iconVal.startsWith('/') || iconVal.startsWith('http')) {
+        const $img = document.createElement('img')
+        $img.src = iconVal
+        $img.alt = app.label
+        $img.onerror = () => {
+          $icon.removeChild($img)
+          $icon.style.fontSize = Math.round(sz * 0.42) + 'px'
+          $icon.textContent = app.label.slice(0, 2).toUpperCase()
+        }
+        $icon.appendChild($img)
+      } else {
+        $icon.style.fontSize = Math.round(sz * 0.48) + 'px'
+        $icon.textContent = iconVal || app.label.slice(0, 2).toUpperCase()
+      }
+
+      const $dot = document.createElement('div')
+      $dot.className = 'dock-dot'
+
+      const $label = document.createElement('div')
+      $label.className = 'dock-label' + (lblCls ? ' ' + lblCls : '')
+      $label.textContent = app.label
+
+      $item.appendChild($icon)
+      $item.appendChild($dot)
+      $item.appendChild($label)
+
+      $item.addEventListener('touchstart', () => $item.classList.add('pressing'), { passive: true })
+      $item.addEventListener('touchend', () => $item.classList.remove('pressing'), { passive: true })
+      $item.addEventListener('touchcancel', () => $item.classList.remove('pressing'), { passive: true })
+
+      $item.addEventListener('click', (e) => {
+        if (magScrubbed) {
+          e.preventDefault()
+          return
+        }
+        switchToApp(i)
+      })
+
+      $dockInner.appendChild($item)
+    })
+  }
+
+  // ─── Magnification ───────────────────────────────────────────────────────────
+  let magRafPending = false
+  let magScrubbed = false
+  let magTouchStartAxis = 0
+
+  function applyMagnification(pointerPos) {
+    const items = $dockInner.querySelectorAll('.dock-item')
+    let closestIdx = -1
+    let closestDist = Infinity
+
+    items.forEach((item, i) => {
+      const icon = item.querySelector('.dock-icon')
+      const rect = item.getBoundingClientRect()
+      const center = isVertical ? rect.top + rect.height / 2 : rect.left + rect.width / 2
+      const p = isVertical ? pointerPos.y : pointerPos.x
+
+      const dist = Math.abs(p - center)
+      if (dist < closestDist) {
+        closestDist = dist
+        closestIdx = i
+      }
+
+      const ratio = Math.min(dist / MAG_RADIUS, 1)
+      const scale = 1 + (MAG_SCALE - 1) * (1 - ratio * ratio)
+      const newSize = Math.round(cfg.iconSize * scale)
+
+      icon.classList.remove('settling')
+      icon.style.width = newSize + 'px'
+      icon.style.height = newSize + 'px'
+      icon.style.borderRadius = Math.round(newSize * 0.25) + 'px'
+
+      if (icon.querySelector('img')) {
+        // image icons scale via width/height, fontSize not needed
+      } else {
+        icon.style.fontSize = Math.round(newSize * 0.48) + 'px'
+      }
+    })
+
+    items.forEach((item, i) => {
+      item.classList.toggle('mag-closest', i === closestIdx)
+    })
+  }
+
+  function resetMagnification() {
+    const items = $dockInner.querySelectorAll('.dock-item')
+    const sz = cfg.iconSize
+
+    items.forEach((item) => {
+      const icon = item.querySelector('.dock-icon')
+      icon.classList.add('settling')
+      icon.style.width = sz + 'px'
+      icon.style.height = sz + 'px'
+      icon.style.borderRadius = Math.round(sz * 0.25) + 'px'
+
+      if (!icon.querySelector('img')) {
+        icon.style.fontSize = Math.round(sz * 0.48) + 'px'
+      }
+
+      item.classList.remove('mag-closest')
+    })
+  }
+
+  if (MAG_ENABLED) {
+    $dockInner.addEventListener('mousemove', (e) => {
+      if (magRafPending) return
+      magRafPending = true
+      const pos = { x: e.clientX, y: e.clientY }
+      requestAnimationFrame(() => {
+        applyMagnification(pos)
+        magRafPending = false
+      })
+    })
+
+    $dockInner.addEventListener('mouseleave', () => {
+      magRafPending = false
+      resetMagnification()
+    })
+
+    $dockInner.addEventListener(
+      'touchstart',
+      (e) => {
+        const t = e.touches[0]
+        magScrubbed = false
+        magTouchStartAxis = isVertical ? t.clientY : t.clientX
+      },
+      { passive: true }
+    )
+
+    $dockInner.addEventListener(
+      'touchmove',
+      (e) => {
+        const t = e.touches[0]
+        const current = isVertical ? t.clientY : t.clientX
+        if (Math.abs(current - magTouchStartAxis) > 10) {
+          magScrubbed = true
+        }
+        if (magRafPending) return
+        magRafPending = true
+        const pos = { x: t.clientX, y: t.clientY }
+        requestAnimationFrame(() => {
+          applyMagnification(pos)
+          magRafPending = false
+        })
+      },
+      { passive: true }
+    )
+
+    $dockInner.addEventListener(
+      'touchend',
+      () => {
+        magRafPending = false
+        resetMagnification()
+        setTimeout(() => {
+          magScrubbed = false
+        }, 50)
+      },
+      { passive: true }
+    )
+  }
+
+  // ─── Show / hide dock ────────────────────────────────────────────────────────
+  function showDock() {
+    if (dockVisible) return
+    dockVisible = true
+    $dock.classList.add('visible')
+    $backdrop.classList.add('visible')
+  }
+
+  function hideDock() {
+    if (!dockVisible) return
+    dockVisible = false
+    $dock.classList.remove('visible')
+    $backdrop.classList.remove('visible')
+    resetMagnification()
+  }
+
+  $backdrop.addEventListener('click', hideDock)
+
+  // ─── Loading overlay helpers ──────────────────────────────────────────────────
+  function showLoading(label) {
+    $loadingLabel.textContent = `Loading ${label}\u2026`
+    $loadingOverlay.classList.add('visible')
+  }
+
+  function hideLoading() {
+    $loadingOverlay.classList.remove('visible')
+  }
+
+  // ─── Switch to app ────────────────────────────────────────────────────────────
+  function switchToApp(index) {
+    const app = cfg.apps[index]
+    if (!app) return
+
+    hideIdleHint()
+
+    document.querySelectorAll('.dock-item').forEach((el, i) => {
+      el.classList.toggle('active', i === index)
+    })
+
+    const alreadyLoaded = !!iframes[app.url]
+
+    if (cfg.iframeMode === 'destroy') {
+      $iframeContainer.innerHTML = ''
+      Object.keys(iframes).forEach((k) => delete iframes[k])
+    } else {
+      Object.values(iframes).forEach((f) => f.classList.remove('active'))
+    }
+
+    if (!iframes[app.url]) {
+      if (!alreadyLoaded) showLoading(app.label)
+
+      const $frame = document.createElement('iframe')
+      $frame.allow = 'fullscreen; geolocation'
+      $frame.sandbox = 'allow-same-origin allow-scripts allow-forms allow-popups allow-pointer-lock'
+      $frame.style.touchAction = 'auto'
+
+      $frame.addEventListener('load', hideLoading, { once: true })
+
+      $iframeContainer.appendChild($frame)
+      $frame.src = app.url
+
+      iframes[app.url] = $frame
+    }
+
+    iframes[app.url].classList.add('active')
+    hideDock()
+  }
+
+  // ─── Corner trigger zone: position it ────────────────────────────────────────
+  function positionCornerZone() {
+    const [vert, horiz] = cfg.triggerCorner.split('-')
+    const sz = 120
+
+    $triggerCorner.style.width = sz + 'px'
+    $triggerCorner.style.height = sz + 'px'
+
+    $triggerCorner.style.top = ''
+    $triggerCorner.style.bottom = ''
+    $triggerCorner.style.left = ''
+    $triggerCorner.style.right = ''
+
+    $triggerCorner.style[vert] = '0'
+    $triggerCorner.style[horiz] = '0'
+  }
+
+  // ─── Gesture: double-tap on corner (touch) + double-click (mouse) ─────────────
+  {
+    let lastTapTime = 0
+    const DOUBLE_TAP_MS = 400
+
+    $triggerCorner.addEventListener(
+      'touchend',
+      (e) => {
+        const now = Date.now()
+        if (now - lastTapTime < DOUBLE_TAP_MS) {
+          e.preventDefault()
+          lastTapTime = 0
+          showDock()
+          if (navigator.vibrate) navigator.vibrate(8)
+        } else {
+          lastTapTime = now
+        }
+      },
+      { passive: false }
+    )
+
+    $triggerCorner.addEventListener('dblclick', (e) => {
+      e.preventDefault()
+      showDock()
+    })
+
+    $triggerCorner.addEventListener('contextmenu', (e) => e.preventDefault())
+  }
+
+  // ─── Gesture: mouse hover at screen edge ─────────────────────────────────────
+  {
+    const EDGE_ZONE = 4
+    let edgeTimer = null
+
+    document.addEventListener('mousemove', (e) => {
+      if (dockVisible) return
+      const W = window.innerWidth
+      const H = window.innerHeight
+      let atEdge = false
+
+      if (pos === 'bottom' && e.clientY >= H - EDGE_ZONE) atEdge = true
+      if (pos === 'top' && e.clientY <= EDGE_ZONE) atEdge = true
+      if (pos === 'left' && e.clientX <= EDGE_ZONE) atEdge = true
+      if (pos === 'right' && e.clientX >= W - EDGE_ZONE) atEdge = true
+
+      if (atEdge && !edgeTimer) {
+        edgeTimer = setTimeout(() => {
+          showDock()
+          edgeTimer = null
+        }, 300)
+      } else if (!atEdge && edgeTimer) {
+        clearTimeout(edgeTimer)
+        edgeTimer = null
+      }
+    })
+  }
+
+  // ─── Init ────────────────────────────────────────────────────────────────────
+  positionCornerZone()
+  buildDock()
+
+  const autostartIdx = cfg.apps.findIndex((a) => a.autostart)
+  if (autostartIdx >= 0) {
+    switchToApp(autostartIdx)
+  } else {
+    setIdleHint()
+  }
+})()

package/public/icon-settings.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" width="72" height="72">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#8e8e93"/>
+      <stop offset="100%" stop-color="#636366"/>
+    </linearGradient>
+  </defs>
+  <rect width="72" height="72" rx="16" fill="url(#bg)"/>
+  <g transform="translate(36,36)">
+    <!-- Gear body -->
+    <path d="
+      M-2.8-16.5 a2.8 2.8 0 0 1 5.6 0 l.4 2.8 a13 13 0 0 1 3.6 1.5 l2.4-1.4 a2.8 2.8 0 0 1 3.8 1 l2.8 4.9 a2.8 2.8 0 0 1-1 3.8 l-2 1.4 a13 13 0 0 1 0 3.9 l2 1.4 a2.8 2.8 0 0 1 1 3.8 l-2.8 4.9 a2.8 2.8 0 0 1-3.8 1 l-2.4-1.4 a13 13 0 0 1-3.6 1.5 l-.4 2.8 a2.8 2.8 0 0 1-5.6 0 l-.4-2.8 a13 13 0 0 1-3.6-1.5 l-2.4 1.4 a2.8 2.8 0 0 1-3.8-1 l-2.8-4.9 a2.8 2.8 0 0 1 1-3.8 l2-1.4 a13 13 0 0 1 0-3.9 l-2-1.4 a2.8 2.8 0 0 1-1-3.8 l2.8-4.9 a2.8 2.8 0 0 1 3.8-1 l2.4 1.4 a13 13 0 0 1 3.6-1.5 Z
+    " fill="#e5e5ea" stroke="none"/>
+    <!-- Center hole -->
+    <circle r="5.5" fill="url(#bg)"/>
+    <!-- Inner ring highlight -->
+    <circle r="5.5" fill="none" stroke="#c7c7cc" stroke-width="1"/>
+    <!-- Outer subtle highlight -->
+    <circle r="9" fill="none" stroke="#d1d1d6" stroke-width="0.5" opacity="0.5"/>
+  </g>
+</svg>

package/public/index.html

@@ -0,0 +1,41 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <title>SK Dock</title>
+    <link rel="stylesheet" href="dock.css" />
+  </head>
+  <body>
+    <!-- Full-screen iframe container: only the active iframe is visible -->
+    <div id="iframe-container"></div>
+
+    <!-- Welcome screen shown before any app is opened -->
+    <div id="idle-hint">
+      <img id="idle-logo" src="app-icon.svg" alt="App Dock" />
+      <div id="idle-title">App Dock</div>
+      <div id="idle-version"></div>
+      <div id="idle-hint-text"></div>
+    </div>
+
+    <!-- Dimming overlay shown when dock is open; tap to close -->
+    <div id="dock-backdrop"></div>
+
+    <!-- The dock itself - slides in from the configured edge -->
+    <nav id="dock" role="navigation" aria-label="App dock">
+      <div id="dock-inner"></div>
+    </nav>
+
+    <!-- Invisible corner hot-zone for long-press trigger -->
+    <div id="trigger-corner" aria-hidden="true"></div>
+
+    <!-- Loading indicator shown while an iframe is loading for the first time -->
+    <div id="loading-overlay" aria-hidden="true">
+      <div class="spinner"></div>
+      <span id="loading-label"></span>
+    </div>
+
+    <script src="dock.js"></script>
+  </body>
+</html>

package/public/main.js

@@ -0,0 +1 @@
+(()=>{var e,r,t={316(){}},a={};function o(e){var r=a[e];if(void 0!==r)return r.exports;var n=a[e]={exports:{}};return t[e](n,n.exports,o),n.exports}o.m=t,o.c=a,o.f={},o.e=e=>Promise.all(Object.keys(o.f).reduce((r,t)=>(o.f[t](e,r),r),[])),o.u=e=>e+".js",o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),e={},r="signalk-app-dock:",o.l=(t,a,n,i)=>{if(e[t])e[t].push(a);else{var l,c;if(void 0!==n)for(var s=document.getElementsByTagName("script"),p=0;p<s.length;p++){var u=s[p];if(u.getAttribute("src")==t||u.getAttribute("data-webpack")==r+n){l=u;break}}l||(c=!0,(l=document.createElement("script")).charset="utf-8",o.nc&&l.setAttribute("nonce",o.nc),l.setAttribute("data-webpack",r+n),l.src=t),e[t]=[a];var d=(r,a)=>{l.onerror=l.onload=null,clearTimeout(f);var o=e[t];if(delete e[t],l.parentNode&&l.parentNode.removeChild(l),o&&o.forEach(e=>e(a)),r)return r(a)},f=setTimeout(d.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=d.bind(null,l.onerror),l.onload=d.bind(null,l.onload),c&&document.head.appendChild(l)}},(()=>{o.S={};var e={},r={};o.I=(t,a)=>{a||(a=[]);var n=r[t];if(n||(n=r[t]={}),!(a.indexOf(n)>=0)){if(a.push(n),e[t])return e[t];o.o(o.S,t)||(o.S[t]={});var i=o.S[t],l="signalk-app-dock",c=[];return"default"===t&&((e,r,t,a)=>{var n=i[e]=i[e]||{},c=n[r];(!c||!c.loaded&&(1!=!c.eager?a:l>c.from))&&(n[r]={get:()=>o.e(540).then(()=>()=>o(540)),from:l,eager:!1})})("react","19.2.4"),e[t]=c.length?Promise.all(c).then(()=>e[t]=1):1}}})(),(()=>{var e;o.g.importScripts&&(e=o.g.location+"");var r=o.g.document;if(!e&&r&&(r.currentScript&&"SCRIPT"===r.currentScript.tagName.toUpperCase()&&(e=r.currentScript.src),!e)){var t=r.getElementsByTagName("script");if(t.length)for(var a=t.length-1;a>-1&&(!e||!/^http(s?):/.test(e));)e=t[a--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),o.p=e})(),(()=>{var e={792:0};o.f.j=(r,t)=>{var a=o.o(e,r)?e[r]:void 0;if(0!==a)if(a)t.push(a[2]);else{var n=new Promise((t,o)=>a=e[r]=[t,o]);t.push(a[2]=n);var i=o.p+o.u(r),l=new Error;o.l(i,t=>{if(o.o(e,r)&&(0!==(a=e[r])&&(e[r]=void 0),a)){var n=t&&("load"===t.type?"missing":t.type),i=t&&t.target&&t.target.src;l.message="Loading chunk "+r+" failed.\n("+n+": "+i+")",l.name="ChunkLoadError",l.type=n,l.request=i,a[1](l)}},"chunk-"+r,r)}};var r=(r,t)=>{var a,n,[i,l,c]=t,s=0;if(i.some(r=>0!==e[r])){for(a in l)o.o(l,a)&&(o.m[a]=l[a]);c&&c(o)}for(r&&r(t);s<i.length;s++)n=i[s],o.o(e,n)&&e[n]&&e[n][0](),e[n]=0},t=self.webpackChunksignalk_app_dock=self.webpackChunksignalk_app_dock||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})(),o(316)})();

package/public/remoteEntry.js

@@ -0,0 +1 @@
+var signalk_app_dock;(()=>{"use strict";var e,r,t,n,o,a,i,u,l,s,p,f,c,d,h,v,g,m,b,y={623(e,r,t){var n={"./PluginConfigurationPanel":()=>t.e(805).then(()=>()=>t(805))},o=(e,r)=>(t.R=r,r=t.o(n,e)?n[e]():Promise.resolve().then(()=>{throw new Error('Module "'+e+'" does not exist in container.')}),t.R=void 0,r),a=(e,r)=>{if(t.S){var n="default",o=t.S[n];if(o&&o!==e)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return t.S[n]=e,t.I(n,r)}};t.d(r,{get:()=>o,init:()=>a})}},k={};function w(e){var r=k[e];if(void 0!==r)return r.exports;var t=k[e]={exports:{}};return y[e](t,t.exports,w),t.exports}w.m=y,w.c=k,w.d=(e,r)=>{for(var t in r)w.o(r,t)&&!w.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},w.f={},w.e=e=>Promise.all(Object.keys(w.f).reduce((r,t)=>(w.f[t](e,r),r),[])),w.u=e=>e+".js",w.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),w.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),e={},r="signalk-app-dock:",w.l=(t,n,o,a)=>{if(e[t])e[t].push(n);else{var i,u;if(void 0!==o)for(var l=document.getElementsByTagName("script"),s=0;s<l.length;s++){var p=l[s];if(p.getAttribute("src")==t||p.getAttribute("data-webpack")==r+o){i=p;break}}i||(u=!0,(i=document.createElement("script")).charset="utf-8",w.nc&&i.setAttribute("nonce",w.nc),i.setAttribute("data-webpack",r+o),i.src=t),e[t]=[n];var f=(r,n)=>{i.onerror=i.onload=null,clearTimeout(c);var o=e[t];if(delete e[t],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach(e=>e(n)),r)return r(n)},c=setTimeout(f.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=f.bind(null,i.onerror),i.onload=f.bind(null,i.onload),u&&document.head.appendChild(i)}},w.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{w.S={};var e={},r={};w.I=(t,n)=>{n||(n=[]);var o=r[t];if(o||(o=r[t]={}),!(n.indexOf(o)>=0)){if(n.push(o),e[t])return e[t];w.o(w.S,t)||(w.S[t]={});var a=w.S[t],i="signalk-app-dock",u=[];return"default"===t&&((e,r,t,n)=>{var o=a[e]=a[e]||{},u=o[r];(!u||!u.loaded&&(1!=!u.eager?n:i>u.from))&&(o[r]={get:()=>w.e(540).then(()=>()=>w(540)),from:i,eager:!1})})("react","19.2.4"),e[t]=u.length?Promise.all(u).then(()=>e[t]=1):1}}})(),(()=>{var e;w.g.importScripts&&(e=w.g.location+"");var r=w.g.document;if(!e&&r&&(r.currentScript&&"SCRIPT"===r.currentScript.tagName.toUpperCase()&&(e=r.currentScript.src),!e)){var t=r.getElementsByTagName("script");if(t.length)for(var n=t.length-1;n>-1&&(!e||!/^http(s?):/.test(e));)e=t[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),w.p=e})(),t=e=>{var r=e=>e.split(".").map(e=>+e==e?+e:e),t=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),n=t[1]?r(t[1]):[];return t[2]&&(n.length++,n.push.apply(n,r(t[2]))),t[3]&&(n.push([]),n.push.apply(n,r(t[3]))),n},n=(e,r)=>{e=t(e),r=t(r);for(var n=0;;){if(n>=e.length)return n<r.length&&"u"!=(typeof r[n])[0];var o=e[n],a=(typeof o)[0];if(n>=r.length)return"u"==a;var i=r[n],u=(typeof i)[0];if(a!=u)return"o"==a&&"n"==u||"s"==u||"u"==a;if("o"!=a&&"u"!=a&&o!=i)return o<i;n++}},o=e=>{var r=e[0],t="";if(1===e.length)return"*";if(r+.5){t+=0==r?">=":-1==r?"<":1==r?"^":2==r?"~":r>0?"=":"!=";for(var n=1,a=1;a<e.length;a++)n--,t+="u"==(typeof(u=e[a]))[0]?"-":(n>0?".":"")+(n=2,u);return t}var i=[];for(a=1;a<e.length;a++){var u=e[a];i.push(0===u?"not("+l()+")":1===u?"("+l()+" || "+l()+")":2===u?i.pop()+" "+i.pop():o(u))}return l();function l(){return i.pop().replace(/^\((.+)\)$/,"$1")}},a=(e,r)=>{if(0 in e){r=t(r);var n=e[0],o=n<0;o&&(n=-n-1);for(var i=0,u=1,l=!0;;u++,i++){var s,p,f=u<e.length?(typeof e[u])[0]:"";if(i>=r.length||"o"==(p=(typeof(s=r[i]))[0]))return!l||("u"==f?u>n&&!o:""==f!=o);if("u"==p){if(!l||"u"!=f)return!1}else if(l)if(f==p)if(u<=n){if(s!=e[u])return!1}else{if(o?s>e[u]:s<e[u])return!1;s!=e[u]&&(l=!1)}else if("s"!=f&&"n"!=f){if(o||u<=n)return!1;l=!1,u--}else{if(u<=n||p<f!=o)return!1;l=!1}else"s"!=f&&"n"!=f&&(l=!1,u--)}}var c=[],d=c.pop.bind(c);for(i=1;i<e.length;i++){var h=e[i];c.push(1==h?d()|d():2==h?d()&d():h?a(h,r):!d())}return!!d()},i=(e,r)=>e&&w.o(e,r),u=e=>(e.loaded=1,e.get()),l=e=>Object.keys(e).reduce((r,t)=>(e[t].eager&&(r[t]=e[t]),r),{}),s=(e,r,t)=>{var o=t?l(e[r]):e[r];return Object.keys(o).reduce((e,r)=>!e||!o[e].loaded&&n(e,r)?r:e,0)},p=(e,r,t,n)=>"Unsatisfied version "+t+" from "+(t&&e[r][t].from)+" of shared singleton module "+r+" (required "+o(n)+")",f=e=>{throw new Error(e)},c=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},d=(e,r,t)=>t?t():((e,r)=>f("Shared module "+r+" doesn't exist in shared scope "+e))(e,r),h=(e=>function(r,t,n,o,a){var i=w.I(r);return i&&i.then&&!n?i.then(e.bind(e,r,w.S[r],t,!1,o,a)):e(r,w.S[r],t,n,o,a)})((e,r,t,n,o,l)=>{if(!i(r,t))return d(e,t,l);var f=s(r,t,n);return a(o,f)||c(p(r,t,f,o)),u(r[t][f])}),v={},g={231:()=>h("default","react",!1,[1,19],()=>w.e(540).then(()=>()=>w(540)))},m={805:[231]},b={},w.f.consumes=(e,r)=>{w.o(m,e)&&m[e].forEach(e=>{if(w.o(v,e))return r.push(v[e]);if(!b[e]){var t=r=>{v[e]=0,w.m[e]=t=>{delete w.c[e],t.exports=r()}};b[e]=!0;var n=r=>{delete v[e],w.m[e]=t=>{throw delete w.c[e],r}};try{var o=g[e]();o.then?r.push(v[e]=o.then(t).catch(n)):t(o)}catch(e){n(e)}}})},(()=>{var e={228:0};w.f.j=(r,t)=>{var n=w.o(e,r)?e[r]:void 0;if(0!==n)if(n)t.push(n[2]);else{var o=new Promise((t,o)=>n=e[r]=[t,o]);t.push(n[2]=o);var a=w.p+w.u(r),i=new Error;w.l(a,t=>{if(w.o(e,r)&&(0!==(n=e[r])&&(e[r]=void 0),n)){var o=t&&("load"===t.type?"missing":t.type),a=t&&t.target&&t.target.src;i.message="Loading chunk "+r+" failed.\n("+o+": "+a+")",i.name="ChunkLoadError",i.type=o,i.request=a,n[1](i)}},"chunk-"+r,r)}};var r=(r,t)=>{var n,o,[a,i,u]=t,l=0;if(a.some(r=>0!==e[r])){for(n in i)w.o(i,n)&&(w.m[n]=i[n]);u&&u(w)}for(r&&r(t);l<a.length;l++)o=a[l],w.o(e,o)&&e[o]&&e[o][0](),e[o]=0},t=self.webpackChunksignalk_app_dock=self.webpackChunksignalk_app_dock||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})();var S=w(623);signalk_app_dock=S})();