@vuu-ui/vuu-popups 0.8.0-debug → 0.8.1-debug

package/esm/index.js

@@ -2830,11 +2830,2409 @@ var isTableSchema = (message) => message.type === "TABLE_META_RESP";
 
 // ../vuu-data/src/inlined-worker.js
 var workerSourceCode = `
-var ge=(r,e,t)=>{if(!e.has(r))throw TypeError("Cannot "+t)};var c=(r,e,t)=>(ge(r,e,"read from private field"),t?t.call(r):e.get(r)),N=(r,e,t)=>{if(e.has(r))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(r):e.set(r,t)},de=(r,e,t,n)=>(ge(r,e,"write to private field"),n?n.call(r,t):e.set(r,t),t);function fe(r,e,t=[],n=[]){for(let s=0,o=r.length;s<o;s++)(e(r[s],s)?t:n).push(r[s]);return[t,n]}var w={IDX:0,RENDER_IDX:1,IS_LEAF:2,IS_EXPANDED:3,DEPTH:4,COUNT:5,KEY:6,SELECTED:7,count:8,PARENT_IDX:"parent_idx",IDX_POINTER:"idx_pointer",FILTER_COUNT:"filter_count",NEXT_FILTER_IDX:"next_filter_idx"};var{DEPTH:$t,IS_LEAF:Gt}=w;var he=r=>{var e,t;if(((e=globalThis.document)==null?void 0:e.cookie)!==void 0)return(t=globalThis.document.cookie.split("; ").find(n=>n.startsWith(\`\${r}=\`)))==null?void 0:t.split("=")[1]};function z({from:r,to:e},t=0,n=Number.MAX_SAFE_INTEGER){if(t===0)return n<r?{from:0,to:0}:{from:r,to:Math.min(e,n)};if(r===0)return{from:r,to:Math.min(e+t,n)};{let s=e-r,o=Math.round(t/2),i=r-o<0,u=n-(e+o)<0;return i&&u?{from:0,to:n}:i?{from:0,to:s+t}:u?{from:Math.max(0,n-(s+t)),to:n}:{from:r-o,to:e+o}}}var rt=(r,{from:e,to:t})=>r>=e&&r<t;var I=class{constructor(e,t){this.from=e,this.to=t}isWithin(e){return rt(e,this)}overlap(e,t){return e>=this.to||t<this.from?[0,0]:[Math.max(e,this.from),Math.min(t,this.to)]}copy(){return new I(this.from,this.to)}};var{KEY:Yt}=w;var ot=["error","warn","info","debug"],it=r=>typeof r=="string"&&ot.includes(r),at="error",F=()=>{},ut="error",{loggingLevel:W=ut}=lt(),T=r=>{let e=W==="debug",t=e||W==="info",n=t||W==="warn",s=n||W==="error",o=t?f=>console.info(\`[\${r}] \${f}\`):F,i=n?f=>console.warn(\`[\${r}] \${f}\`):F,u=e?f=>console.debug(\`[\${r}] \${f}\`):F;return{errorEnabled:s,error:s?f=>console.error(\`[\${r}] \${f}\`):F}};function lt(){return typeof loggingSettings<"u"?loggingSettings:{loggingLevel:ct()}}function ct(){let r=he("vuu-logging-level");return it(r)?r:at}var{debug:pt,debugEnabled:gt}=T("range-monitor"),q=class{constructor(e){this.source=e;this.range={from:0,to:0};this.timestamp=0}isSet(){return this.timestamp!==0}set({from:e,to:t}){let{timestamp:n}=this;if(this.range.from=e,this.range.to=t,this.timestamp=performance.now(),n)gt&&pt(\`<\${this.source}> [\${e}-\${t}], \${(this.timestamp-n).toFixed(0)} ms elapsed\`);else return 0}};function me(r){return Array.isArray(r)}function dt(r){return!Array.isArray(r)}var S,Ce=class{constructor(){N(this,S,new Map)}addListener(e,t){let n=c(this,S).get(e);n?me(n)?n.push(t):dt(n)&&c(this,S).set(e,[n,t]):c(this,S).set(e,t)}removeListener(e,t){if(!c(this,S).has(e))return;let n=c(this,S).get(e),s=-1;if(n===t)c(this,S).delete(e);else if(Array.isArray(n)){for(let o=length;o-- >0;)if(n[o]===t){s=o;break}if(s<0)return;n.length===1?(n.length=0,c(this,S).delete(e)):n.splice(s,1)}}removeAllListeners(e){e&&c(this,S).has(e)?c(this,S).delete(e):e===void 0&&c(this,S).clear()}emit(e,...t){if(c(this,S)){let n=c(this,S).get(e);n&&this.invokeHandler(n,t)}}once(e,t){let n=(...s)=>{this.removeListener(e,n),t(...s)};this.on(e,n)}on(e,t){this.addListener(e,t)}invokeHandler(e,t){if(me(e))e.slice().forEach(n=>this.invokeHandler(n,t));else switch(t.length){case 0:e();break;case 1:e(t[0]);break;case 2:e(t[0],t[1]);break;default:e.call(null,...t)}}};S=new WeakMap;var $=String.fromCharCode(8200),h=String.fromCharCode(8199);var un={DIGIT:h,TWO_DIGITS:h+h,THREE_DIGITS:h+h+h,FULL_PADDING:[null,$+h,$+h+h,$+h+h+h,$+h+h+h+h]};var ln=h+h+h+h+h+h+h+h+h;var ft={Enter:"Enter",Delete:"Delete"},ht={Home:"Home",End:"End",ArrowRight:"ArrowRight",ArrowLeft:"ArrowLeft",ArrowDown:"ArrowDown",ArrowUp:"ArrowUp",Tab:"Tab"},mt={F1:"F1",F2:"F2",F3:"F3",F4:"F4",F5:"F5",F6:"F6",F7:"F7",F8:"F8",F9:"F9",F10:"F10",F11:"F11",F12:"F12"},En={...ft,...ht,...mt};var{COUNT:vn}=w;var G=class{constructor(e){this.keys=new Map,this.free=[],this.nextKeyValue=0,this.reset(e)}next(){return this.free.length>0?this.free.pop():this.nextKeyValue++}reset({from:e,to:t}){this.keys.forEach((s,o)=>{(o<e||o>=t)&&(this.free.push(s),this.keys.delete(o))});let n=t-e;this.keys.size+this.free.length>n&&(this.free.length=Math.max(0,n-this.keys.size));for(let s=e;s<t;s++)if(!this.keys.has(s)){let o=this.next();this.keys.set(s,o)}this.nextKeyValue>this.keys.size&&(this.nextKeyValue=this.keys.size)}keyFor(e){let t=this.keys.get(e);if(t===void 0)throw console.log(\`key not found
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+
+// ../vuu-utils/src/array-utils.ts
+function partition(array, test, pass = [], fail = []) {
+  for (let i = 0, len = array.length; i < len; i++) {
+    (test(array[i], i) ? pass : fail).push(array[i]);
+  }
+  return [pass, fail];
+}
+
+// ../vuu-utils/src/column-utils.ts
+var metadataKeys = {
+  IDX: 0,
+  RENDER_IDX: 1,
+  IS_LEAF: 2,
+  IS_EXPANDED: 3,
+  DEPTH: 4,
+  COUNT: 5,
+  KEY: 6,
+  SELECTED: 7,
+  count: 8,
+  // TODO following only used in datamodel
+  PARENT_IDX: "parent_idx",
+  IDX_POINTER: "idx_pointer",
+  FILTER_COUNT: "filter_count",
+  NEXT_FILTER_IDX: "next_filter_idx"
+};
+var { DEPTH, IS_LEAF } = metadataKeys;
+
+// ../vuu-utils/src/cookie-utils.ts
+var getCookieValue = (name) => {
+  var _a, _b;
+  if (((_a = globalThis.document) == null ? void 0 : _a.cookie) !== void 0) {
+    return (_b = globalThis.document.cookie.split("; ").find((row) => row.startsWith(\`\${name}=\`))) == null ? void 0 : _b.split("=")[1];
+  }
+};
+
+// ../vuu-utils/src/range-utils.ts
+function getFullRange({ from, to }, bufferSize = 0, rowCount = Number.MAX_SAFE_INTEGER) {
+  if (bufferSize === 0) {
+    if (rowCount < from) {
+      return { from: 0, to: 0 };
+    } else {
+      return { from, to: Math.min(to, rowCount) };
+    }
+  } else if (from === 0) {
+    return { from, to: Math.min(to + bufferSize, rowCount) };
+  } else {
+    const rangeSize = to - from;
+    const buff = Math.round(bufferSize / 2);
+    const shortfallBefore = from - buff < 0;
+    const shortFallAfter = rowCount - (to + buff) < 0;
+    if (shortfallBefore && shortFallAfter) {
+      return { from: 0, to: rowCount };
+    } else if (shortfallBefore) {
+      return { from: 0, to: rangeSize + bufferSize };
+    } else if (shortFallAfter) {
+      return {
+        from: Math.max(0, rowCount - (rangeSize + bufferSize)),
+        to: rowCount
+      };
+    } else {
+      return { from: from - buff, to: to + buff };
+    }
+  }
+}
+var withinRange = (value, { from, to }) => value >= from && value < to;
+var WindowRange = class {
+  constructor(from, to) {
+    this.from = from;
+    this.to = to;
+  }
+  isWithin(index) {
+    return withinRange(index, this);
+  }
+  //find the overlap of this range and a new one
+  overlap(from, to) {
+    return from >= this.to || to < this.from ? [0, 0] : [Math.max(from, this.from), Math.min(to, this.to)];
+  }
+  copy() {
+    return new WindowRange(this.from, this.to);
+  }
+};
+
+// ../vuu-utils/src/DataWindow.ts
+var { KEY } = metadataKeys;
+
+// ../vuu-utils/src/logging-utils.ts
+var logLevels = ["error", "warn", "info", "debug"];
+var isValidLogLevel = (value) => typeof value === "string" && logLevels.includes(value);
+var DEFAULT_LOG_LEVEL = "error";
+var NO_OP = () => void 0;
+var DEFAULT_DEBUG_LEVEL = false ? "error" : "info";
+var { loggingLevel = DEFAULT_DEBUG_LEVEL } = getLoggingSettings();
+var logger = (category) => {
+  const debugEnabled5 = loggingLevel === "debug";
+  const infoEnabled5 = debugEnabled5 || loggingLevel === "info";
+  const warnEnabled = infoEnabled5 || loggingLevel === "warn";
+  const errorEnabled = warnEnabled || loggingLevel === "error";
+  const info5 = infoEnabled5 ? (message) => console.info(\`[\${category}] \${message}\`) : NO_OP;
+  const warn4 = warnEnabled ? (message) => console.warn(\`[\${category}] \${message}\`) : NO_OP;
+  const debug5 = debugEnabled5 ? (message) => console.debug(\`[\${category}] \${message}\`) : NO_OP;
+  const error4 = errorEnabled ? (message) => console.error(\`[\${category}] \${message}\`) : NO_OP;
+  if (false) {
+    return {
+      errorEnabled,
+      error: error4
+    };
+  } else {
+    return {
+      debugEnabled: debugEnabled5,
+      infoEnabled: infoEnabled5,
+      warnEnabled,
+      errorEnabled,
+      info: info5,
+      warn: warn4,
+      debug: debug5,
+      error: error4
+    };
+  }
+};
+function getLoggingSettings() {
+  if (typeof loggingSettings !== "undefined") {
+    return loggingSettings;
+  } else {
+    return {
+      loggingLevel: getLoggingLevelFromCookie()
+    };
+  }
+}
+function getLoggingLevelFromCookie() {
+  const value = getCookieValue("vuu-logging-level");
+  if (isValidLogLevel(value)) {
+    return value;
+  } else {
+    return DEFAULT_LOG_LEVEL;
+  }
+}
+
+// ../vuu-utils/src/debug-utils.ts
+var { debug, debugEnabled } = logger("range-monitor");
+var RangeMonitor = class {
+  constructor(source) {
+    this.source = source;
+    this.range = { from: 0, to: 0 };
+    this.timestamp = 0;
+  }
+  isSet() {
+    return this.timestamp !== 0;
+  }
+  set({ from, to }) {
+    const { timestamp } = this;
+    this.range.from = from;
+    this.range.to = to;
+    this.timestamp = performance.now();
+    if (timestamp) {
+      debugEnabled && debug(
+        \`<\${this.source}> [\${from}-\${to}], \${(this.timestamp - timestamp).toFixed(0)} ms elapsed\`
+      );
+    } else {
+      return 0;
+    }
+  }
+};
+
+// ../vuu-utils/src/event-emitter.ts
+function isArrayOfListeners(listeners) {
+  return Array.isArray(listeners);
+}
+function isOnlyListener(listeners) {
+  return !Array.isArray(listeners);
+}
+var _events;
+var EventEmitter = class {
+  constructor() {
+    __privateAdd(this, _events, /* @__PURE__ */ new Map());
+  }
+  addListener(event, listener) {
+    const listeners = __privateGet(this, _events).get(event);
+    if (!listeners) {
+      __privateGet(this, _events).set(event, listener);
+    } else if (isArrayOfListeners(listeners)) {
+      listeners.push(listener);
+    } else if (isOnlyListener(listeners)) {
+      __privateGet(this, _events).set(event, [listeners, listener]);
+    }
+  }
+  removeListener(event, listener) {
+    if (!__privateGet(this, _events).has(event)) {
+      return;
+    }
+    const listenerOrListeners = __privateGet(this, _events).get(event);
+    let position = -1;
+    if (listenerOrListeners === listener) {
+      __privateGet(this, _events).delete(event);
+    } else if (Array.isArray(listenerOrListeners)) {
+      for (let i = length; i-- > 0; ) {
+        if (listenerOrListeners[i] === listener) {
+          position = i;
+          break;
+        }
+      }
+      if (position < 0) {
+        return;
+      }
+      if (listenerOrListeners.length === 1) {
+        listenerOrListeners.length = 0;
+        __privateGet(this, _events).delete(event);
+      } else {
+        listenerOrListeners.splice(position, 1);
+      }
+    }
+  }
+  removeAllListeners(event) {
+    if (event && __privateGet(this, _events).has(event)) {
+      __privateGet(this, _events).delete(event);
+    } else if (event === void 0) {
+      __privateGet(this, _events).clear();
+    }
+  }
+  emit(event, ...args) {
+    if (__privateGet(this, _events)) {
+      const handler = __privateGet(this, _events).get(event);
+      if (handler) {
+        this.invokeHandler(handler, args);
+      }
+    }
+  }
+  once(event, listener) {
+    const handler = (...args) => {
+      this.removeListener(event, handler);
+      listener(...args);
+    };
+    this.on(event, handler);
+  }
+  on(event, listener) {
+    this.addListener(event, listener);
+  }
+  invokeHandler(handler, args) {
+    if (isArrayOfListeners(handler)) {
+      handler.slice().forEach((listener) => this.invokeHandler(listener, args));
+    } else {
+      switch (args.length) {
+        case 0:
+          handler();
+          break;
+        case 1:
+          handler(args[0]);
+          break;
+        case 2:
+          handler(args[0], args[1]);
+          break;
+        default:
+          handler.call(null, ...args);
+      }
+    }
+  }
+};
+_events = new WeakMap();
+
+// ../vuu-utils/src/round-decimal.ts
+var PUNCTUATION_STR = String.fromCharCode(8200);
+var DIGIT_STR = String.fromCharCode(8199);
+var Space = {
+  DIGIT: DIGIT_STR,
+  TWO_DIGITS: DIGIT_STR + DIGIT_STR,
+  THREE_DIGITS: DIGIT_STR + DIGIT_STR + DIGIT_STR,
+  FULL_PADDING: [
+    null,
+    PUNCTUATION_STR + DIGIT_STR,
+    PUNCTUATION_STR + DIGIT_STR + DIGIT_STR,
+    PUNCTUATION_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR,
+    PUNCTUATION_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR
+  ]
+};
+var LEADING_FILL = DIGIT_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR;
+
+// ../vuu-utils/src/input-utils.ts
+var actionKeys = {
+  Enter: "Enter",
+  Delete: "Delete"
+};
+var navigationKeys = {
+  Home: "Home",
+  End: "End",
+  ArrowRight: "ArrowRight",
+  ArrowLeft: "ArrowLeft",
+  ArrowDown: "ArrowDown",
+  ArrowUp: "ArrowUp",
+  Tab: "Tab"
+};
+var functionKeys = {
+  F1: "F1",
+  F2: "F2",
+  F3: "F3",
+  F4: "F4",
+  F5: "F5",
+  F6: "F6",
+  F7: "F7",
+  F8: "F8",
+  F9: "F9",
+  F10: "F10",
+  F11: "F11",
+  F12: "F12"
+};
+var specialKeys = {
+  ...actionKeys,
+  ...navigationKeys,
+  ...functionKeys
+};
+
+// ../vuu-utils/src/json-utils.ts
+var { COUNT } = metadataKeys;
+
+// ../vuu-utils/src/keyset.ts
+var KeySet = class {
+  constructor(range) {
+    this.keys = /* @__PURE__ */ new Map();
+    this.free = [];
+    this.nextKeyValue = 0;
+    this.reset(range);
+  }
+  next() {
+    if (this.free.length > 0) {
+      return this.free.pop();
+    } else {
+      return this.nextKeyValue++;
+    }
+  }
+  reset({ from, to }) {
+    this.keys.forEach((keyValue, rowIndex) => {
+      if (rowIndex < from || rowIndex >= to) {
+        this.free.push(keyValue);
+        this.keys.delete(rowIndex);
+      }
+    });
+    const size = to - from;
+    if (this.keys.size + this.free.length > size) {
+      this.free.length = Math.max(0, size - this.keys.size);
+    }
+    for (let rowIndex = from; rowIndex < to; rowIndex++) {
+      if (!this.keys.has(rowIndex)) {
+        const nextKeyValue = this.next();
+        this.keys.set(rowIndex, nextKeyValue);
+      }
+    }
+    if (this.nextKeyValue > this.keys.size) {
+      this.nextKeyValue = this.keys.size;
+    }
+  }
+  keyFor(rowIndex) {
+    const key = this.keys.get(rowIndex);
+    if (key === void 0) {
+      console.log(\`key not found
         keys: \${this.toDebugString()}
         free : \${this.free.join(",")}  
-      \`),Error(\`KeySet, no key found for rowIndex \${e}\`);return t}toDebugString(){return Array.from(this.keys.entries()).map((e,t)=>\`\${e}=>\${t}\`).join(",")}};var{IDX:kn}=w;var{SELECTED:Nn}=w,v={False:0,True:1,First:2,Last:4};var Fn=v.True+v.First+v.Last,Wn=v.True+v.First,qn=v.True+v.Last;var be=r=>{if(r.every(t=>typeof t=="number"))return r;let e=[];for(let t of r)if(typeof t=="number")e.push(t);else for(let n=t[0];n<=t[1];n++)e.push(n);return e};var{debug:Vs,debugEnabled:Es,error:Se,info:V,infoEnabled:Ct,warn:x}=T("websocket-connection"),Re="ws",bt=r=>r.startsWith(Re+"://")||r.startsWith(Re+"s://"),Te={},Z=Symbol("setWebsocket"),A=Symbol("connectionCallback");async function Ee(r,e,t){return X(r,e,t)}async function Y(r){X(r.url,r.protocol,r[A],r)}async function X(r,e,t,n){let s=Te[r]||(Te[r]={attemptsRemaining:5,status:"disconnected"});try{t({type:"connection-status",status:"connecting"});let o=typeof n<"u",i=await Rt(r,e);console.info("%c\u26A1 %cconnected","font-size: 24px;color: green;font-weight: bold;","color:green; font-size: 14px;"),n!==void 0&&n[Z](i);let u=n!=null?n:new Q(i,r,e,t),g=o?"reconnected":"connection-open-awaiting-session";return t({type:"connection-status",status:g}),u.status=g,u}catch(o){console.log({evt:o});let i=--s.attemptsRemaining>0;if(t({type:"connection-status",status:"disconnected",reason:"failed to connect",retry:i}),i)return St(r,e,t,n,1e4);throw Error("Failed to establish connection")}}var St=(r,e,t,n,s)=>new Promise(o=>{setTimeout(()=>{o(X(r,e,t,n))},s)}),Rt=(r,e)=>new Promise((t,n)=>{let s=bt(r)?r:\`wss://\${r}\`;Ct&&e!==void 0&&V(\`WebSocket Protocol \${e==null?void 0:e.toString()}\`);let o=new WebSocket(s,e);o.onopen=()=>t(o),o.onerror=i=>n(i)}),ye=()=>{x==null||x("Connection cannot be closed, socket not yet opened")},Ve=r=>{x==null||x(\`Message cannot be sent, socket closed \${r.body.type}\`)},Tt=r=>{try{return JSON.parse(r)}catch{throw Error(\`Error parsing JSON response from server \${r}\`)}},Q=class{constructor(e,t,n,s){this.close=ye;this.requiresLogin=!0;this.send=Ve;this.status="ready";this.messagesCount=0;this.connectionMetricsInterval=null;this.handleWebsocketMessage=e=>{let t=Tt(e.data);this.messagesCount+=1,this[A](t)};this.url=t,this.protocol=n,this[A]=s,this[Z](e)}reconnect(){Y(this)}[(A,Z)](e){let t=this[A];e.onmessage=o=>{this.status="connected",e.onmessage=this.handleWebsocketMessage,this.handleWebsocketMessage(o)},this.connectionMetricsInterval=setInterval(()=>{t({type:"connection-metrics",messagesLength:this.messagesCount}),this.messagesCount=0},1e3),e.onerror=()=>{Se("\u26A1 connection error"),t({type:"connection-status",status:"disconnected",reason:"error"}),this.connectionMetricsInterval&&(clearInterval(this.connectionMetricsInterval),this.connectionMetricsInterval=null),this.status==="connection-open-awaiting-session"?Se("Websocket connection lost before Vuu session established, check websocket configuration"):this.status!=="closed"&&(Y(this),this.send=s)},e.onclose=()=>{V==null||V("\u26A1 connection close"),t({type:"connection-status",status:"disconnected",reason:"close"}),this.connectionMetricsInterval&&(clearInterval(this.connectionMetricsInterval),this.connectionMetricsInterval=null),this.status!=="closed"&&(Y(this),this.send=s)};let n=o=>{e.send(JSON.stringify(o))},s=o=>{V==null||V(\`TODO queue message until websocket reconnected \${o.body.type}\`)};this.send=n,this.close=()=>{this.status="closed",e.close(),this.close=ye,this.send=Ve,V==null||V("close websocket")}}};var yt=["VIEW_PORT_MENUS_SELECT_RPC","VIEW_PORT_MENU_TABLE_RPC","VIEW_PORT_MENU_ROW_RPC","VIEW_PORT_MENU_CELL_RPC","VP_EDIT_CELL_RPC","VP_EDIT_ROW_RPC","VP_EDIT_ADD_ROW_RPC","VP_EDIT_DELETE_CELL_RPC","VP_EDIT_DELETE_ROW_RPC","VP_EDIT_SUBMIT_FORM_RPC"],we=r=>yt.includes(r.type),ee=({requestId:r,...e})=>[r,e],Me=r=>{let e=r.at(0);if(e.updateType==="SIZE"){if(r.length===1)return r;e=r.at(1)}let t=r.at(-1);return[e,t]},Ie=r=>{let e={};for(let t of r)(e[t.viewPortId]||(e[t.viewPortId]=[])).push(t);return e},te=({columns:r,dataTypes:e,key:t,table:n})=>({table:n,columns:r.map((s,o)=>({name:s,serverDataType:e[o]})),key:t});var ve=r=>r.type==="connection-status",_e=r=>r.type==="connection-metrics";var De=r=>"viewport"in r,xe=r=>r.type==="VIEW_PORT_MENU_RESP"&&r.action!==null&&B(r.action.table),B=r=>r!==null&&typeof r=="object"&&"table"in r&&"module"in r?r.table.startsWith("session"):!1;var Pe="CHANGE_VP_SUCCESS",Oe="CHANGE_VP_RANGE_SUCCESS",Le="CLOSE_TREE_NODE",ke="CLOSE_TREE_SUCCESS";var Ae="CREATE_VP",Ue="CREATE_VP_SUCCESS",Ne="DISABLE_VP",Fe="DISABLE_VP_SUCCESS";var We="ENABLE_VP",qe="ENABLE_VP_SUCCESS";var ne="GET_VP_VISUAL_LINKS",$e="GET_VIEW_PORT_MENUS";var Ge="HB",Be="HB_RESP",Ke="LOGIN",He="LOGIN_SUCCESS",Je="OPEN_TREE_NODE",je="OPEN_TREE_SUCCESS";var ze="REMOVE_VP";var se="RPC_RESP";var Ye="SET_SELECTION_SUCCESS",re="TABLE_META_RESP",oe="TABLE_LIST_RESP",Ze="TABLE_ROW";var Xe=r=>{switch(r){case"TypeAheadRpcHandler":return"TYPEAHEAD";default:return"SIMUL"}};var et=[],y=T("array-backed-moving-window"),C,K=class{constructor({from:e,to:t},{from:n,to:s},o){N(this,C,void 0);this.setRowCount=e=>{var t;if((t=y.info)==null||t.call(y,\`setRowCount \${e}\`),e<this.internalData.length&&(this.internalData.length=e),e<this.rowCount){this.rowsWithinRange=0;let n=Math.min(e,this.clientRange.to);for(let s=this.clientRange.from;s<n;s++){let o=s-c(this,C).from;this.internalData[o]!==void 0&&(this.rowsWithinRange+=1)}}this.rowCount=e};this.bufferBreakout=(e,t)=>{let n=this.bufferSize*.25;return c(this,C).to-t<n?!0:c(this,C).from>0&&e-c(this,C).from<n};this.bufferSize=o,this.clientRange=new I(e,t),de(this,C,new I(n,s)),this.internalData=new Array(o),this.rowsWithinRange=0,this.rowCount=0}get range(){return c(this,C)}get hasAllRowsWithinRange(){return this.rowsWithinRange===this.clientRange.to-this.clientRange.from||this.rowCount>0&&this.clientRange.from+this.rowsWithinRange===this.rowCount}outOfRange(e,t){let{from:n,to:s}=this.range;if(t<n||e>=s)return!0}setAtIndex(e){let{rowIndex:t}=e,n=this.isWithinClientRange(t);if(n||this.isWithinRange(t)){let s=t-c(this,C).from;!this.internalData[s]&&n&&(this.rowsWithinRange+=1),this.internalData[s]=e}return n}getAtIndex(e){return c(this,C).isWithin(e)&&this.internalData[e-c(this,C).from]!=null?this.internalData[e-c(this,C).from]:void 0}isWithinRange(e){return c(this,C).isWithin(e)}isWithinClientRange(e){return this.clientRange.isWithin(e)}setClientRange(e,t){var f;(f=y.debug)==null||f.call(y,\`setClientRange \${e} - \${t}\`);let n=this.clientRange.from,s=Math.min(this.clientRange.to,this.rowCount);if(e===n&&t===s)return[!1,et];let o=this.clientRange.copy();this.clientRange.from=e,this.clientRange.to=t,this.rowsWithinRange=0;for(let a=e;a<t;a++){let l=a-c(this,C).from;this.internalData[l]&&(this.rowsWithinRange+=1)}let i=et,u=c(this,C).from;if(this.hasAllRowsWithinRange)if(t>o.to){let a=Math.max(e,o.to);i=this.internalData.slice(a-u,t-u)}else{let a=Math.min(o.from,t);i=this.internalData.slice(e-u,a-u)}return[this.bufferBreakout(e,t),i]}setRange(e,t){var i;(i=y.debug)==null||i.call(y,\`setRange \${e} - \${t}\`);let[n,s]=c(this,C).overlap(e,t),o=new Array(t-e+this.bufferSize);this.rowsWithinRange=0;for(let u=n;u<s;u++){let g=this.getAtIndex(u);if(g){let f=u-e;o[f]=g,this.isWithinClientRange(u)&&(this.rowsWithinRange+=1)}}this.internalData=o,c(this,C).from=e,c(this,C).to=t}getData(){var u;let{from:e,to:t}=c(this,C),{from:n,to:s}=this.clientRange,o=Math.max(0,n-e),i=Math.min(t-e,t,s-e,(u=this.rowCount)!=null?u:t);return this.internalData.slice(o,i)}clear(){var e;(e=y.debug)==null||e.call(y,"clear"),this.internalData.length=0,this.rowsWithinRange=0,this.setRowCount(0)}getCurrentDataRange(){let e=this.internalData,t=e.length,[n]=this.internalData,s=this.internalData[t-1];if(n&&s)return[n.rowIndex,s.rowIndex];for(let o=0;o<t;o++)if(e[o]!==void 0){n=e[o];break}for(let o=t-1;o>=0;o--)if(e[o]!==void 0){s=e[o];break}return n&&s?[n.rowIndex,s.rowIndex]:[-1,-1]}};C=new WeakMap;var Vt=[],{debug:m,debugEnabled:H,error:Et,info:p,infoEnabled:wt,warn:P}=T("viewport"),Mt=({rowKey:r,updateType:e})=>e==="U"&&!r.startsWith("$root"),J=class{constructor({aggregations:e,bufferSize:t=50,columns:n,filter:s,groupBy:o=[],table:i,range:u,sort:g,title:f,viewport:a,visualLink:l}){this.dataWindow=void 0;this.hasUpdates=!1;this.pendingUpdates=[];this.pendingOperations=new Map;this.pendingRangeRequests=[];this.rowCountChanged=!1;this.tableSchema=null;this.batchMode=!0;this.useBatchMode=!0;this.rangeMonitor=new q("ViewPort");this.disabled=!1;this.isTree=!1;this.status="";this.suspended=!1;this.rangeRequestAlreadyPending=e=>{let{bufferSize:t}=this,n=t*.25,{from:s}=e;for(let{from:o,to:i}of this.pendingRangeRequests)if(s>=o&&s<i){if(e.to+n<=i)return!0;s=i}return!1};this.getNewRowCount=()=>{if(this.rowCountChanged&&this.dataWindow)return this.rowCountChanged=!1,this.dataWindow.rowCount};this.aggregations=e,this.bufferSize=t,this.clientRange=u,this.clientViewportId=a,this.columns=n,this.filter=s,this.groupBy=o,this.keys=new G(u),this.pendingLinkedParent=l,this.table=i,this.sort=g,this.title=f,wt&&(p==null||p(\`constructor #\${a} \${i.table} bufferSize=\${t}\`))}get hasUpdatesToProcess(){return this.suspended?!1:this.rowCountChanged||this.hasUpdates}get size(){var e,t;return(t=(e=this.dataWindow)==null?void 0:e.rowCount)!=null?t:0}subscribe(){let{filter:e}=this.filter;return this.status=this.status==="subscribed"?"resubscribing":"subscribing",{type:Ae,table:this.table,range:z(this.clientRange,this.bufferSize),aggregations:this.aggregations,columns:this.columns,sort:this.sort,groupBy:this.groupBy,filterSpec:{filter:e}}}handleSubscribed({viewPortId:e,aggregations:t,columns:n,filterSpec:s,range:o,sort:i,groupBy:u}){return this.serverViewportId=e,this.status="subscribed",this.aggregations=t,this.columns=n,this.groupBy=u,this.isTree=u&&u.length>0,this.dataWindow=new K(this.clientRange,o,this.bufferSize),{aggregations:t,type:"subscribed",clientViewportId:this.clientViewportId,columns:n,filter:s,groupBy:u,range:o,sort:i,tableSchema:this.tableSchema}}awaitOperation(e,t){this.pendingOperations.set(e,t)}completeOperation(e,...t){var u;let{clientViewportId:n,pendingOperations:s}=this,o=s.get(e);if(!o){Et("no matching operation found to complete");return}let{type:i}=o;if(p==null||p(\`completeOperation \${i}\`),s.delete(e),i==="CHANGE_VP_RANGE"){let[g,f]=t;(u=this.dataWindow)==null||u.setRange(g,f);for(let a=this.pendingRangeRequests.length-1;a>=0;a--){let l=this.pendingRangeRequests[a];if(l.requestId===e){l.acked=!0;break}else P==null||P("range requests sent faster than they are being ACKed")}}else if(i==="config"){let{aggregations:g,columns:f,filter:a,groupBy:l,sort:d}=o.data;return this.aggregations=g,this.columns=f,this.filter=a,this.groupBy=l,this.sort=d,l.length>0?this.isTree=!0:this.isTree&&(this.isTree=!1),m==null||m(\`config change confirmed, isTree : \${this.isTree}\`),{clientViewportId:n,type:i,config:o.data}}else{if(i==="groupBy")return this.isTree=o.data.length>0,this.groupBy=o.data,m==null||m(\`groupBy change confirmed, isTree : \${this.isTree}\`),{clientViewportId:n,type:i,groupBy:o.data};if(i==="columns")return this.columns=o.data,{clientViewportId:n,type:i,columns:o.data};if(i==="filter")return this.filter=o.data,{clientViewportId:n,type:i,filter:o.data};if(i==="aggregate")return this.aggregations=o.data,{clientViewportId:n,type:"aggregate",aggregations:this.aggregations};if(i==="sort")return this.sort=o.data,{clientViewportId:n,type:i,sort:this.sort};if(i!=="selection"){if(i==="disable")return this.disabled=!0,{type:"disabled",clientViewportId:n};if(i==="enable")return this.disabled=!1,{type:"enabled",clientViewportId:n};if(i==="CREATE_VISUAL_LINK"){let[g,f,a]=t;return this.linkedParent={colName:g,parentViewportId:f,parentColName:a},this.pendingLinkedParent=void 0,{type:"vuu-link-created",clientViewportId:n,colName:g,parentViewportId:f,parentColName:a}}else if(i==="REMOVE_VISUAL_LINK")return this.linkedParent=void 0,{type:"vuu-link-removed",clientViewportId:n}}}}rangeRequest(e,t){H&&this.rangeMonitor.set(t);let n="CHANGE_VP_RANGE";if(this.dataWindow){let[s,o]=this.dataWindow.setClientRange(t.from,t.to),i,u=this.dataWindow.rowCount||void 0,g=s&&!this.rangeRequestAlreadyPending(t)?{type:n,viewPortId:this.serverViewportId,...z(t,this.bufferSize,u)}:null;if(g){H&&(m==null||m(\`create CHANGE_VP_RANGE: [\${g.from} - \${g.to}]\`)),this.awaitOperation(e,{type:n});let a=this.pendingRangeRequests.at(-1);if(a)if(a.acked)console.warn("Range Request before previous request is filled");else{let{from:l,to:d}=a;this.dataWindow.outOfRange(l,d)?i={clientViewportId:this.clientViewportId,type:"debounce-begin"}:P==null||P("Range Request before previous request is acked")}this.pendingRangeRequests.push({...g,requestId:e}),this.useBatchMode&&(this.batchMode=!0)}else o.length>0&&(this.batchMode=!1);this.keys.reset(this.dataWindow.clientRange);let f=this.isTree?ae:ie;return o.length?[g,o.map(a=>f(a,this.keys))]:i?[g,void 0,i]:[g]}else return[null]}setLinks(e){return this.links=e,[{type:"vuu-links",links:e,clientViewportId:this.clientViewportId},this.pendingLinkedParent]}setMenu(e){return{type:"vuu-menu",menu:e,clientViewportId:this.clientViewportId}}setTableSchema(e){this.tableSchema=e}openTreeNode(e,t){return this.useBatchMode&&(this.batchMode=!0),{type:Je,vpId:this.serverViewportId,treeKey:t.key}}closeTreeNode(e,t){return this.useBatchMode&&(this.batchMode=!0),{type:Le,vpId:this.serverViewportId,treeKey:t.key}}createLink(e,t,n,s){let o={type:"CREATE_VISUAL_LINK",parentVpId:n,childVpId:this.serverViewportId,parentColumnName:s,childColumnName:t};return this.awaitOperation(e,o),this.useBatchMode&&(this.batchMode=!0),o}removeLink(e){let t={type:"REMOVE_VISUAL_LINK",childVpId:this.serverViewportId};return this.awaitOperation(e,t),t}suspend(){this.suspended=!0,p==null||p("suspend")}resume(){return this.suspended=!1,H&&(m==null||m(\`resume: \${this.currentData()}\`)),this.currentData()}currentData(){let e=[];if(this.dataWindow){let t=this.dataWindow.getData(),{keys:n}=this,s=this.isTree?ae:ie;for(let o of t)o&&e.push(s(o,n))}return e}enable(e){return this.awaitOperation(e,{type:"enable"}),p==null||p(\`enable: \${this.serverViewportId}\`),{type:We,viewPortId:this.serverViewportId}}disable(e){return this.awaitOperation(e,{type:"disable"}),p==null||p(\`disable: \${this.serverViewportId}\`),{type:Ne,viewPortId:this.serverViewportId}}columnRequest(e,t){return this.awaitOperation(e,{type:"columns",data:t}),m==null||m(\`columnRequest: \${t}\`),this.createRequest({columns:t})}filterRequest(e,t){this.awaitOperation(e,{type:"filter",data:t}),this.useBatchMode&&(this.batchMode=!0);let{filter:n}=t;return p==null||p(\`filterRequest: \${n}\`),this.createRequest({filterSpec:{filter:n}})}setConfig(e,t){this.awaitOperation(e,{type:"config",data:t});let{filter:n,...s}=t;return this.useBatchMode&&(this.batchMode=!0),H?m==null||m(\`setConfig \${JSON.stringify(t)}\`):p==null||p("setConfig"),this.createRequest({...s,filterSpec:typeof(n==null?void 0:n.filter)=="string"?{filter:n.filter}:{filter:""}},!0)}aggregateRequest(e,t){return this.awaitOperation(e,{type:"aggregate",data:t}),p==null||p(\`aggregateRequest: \${t}\`),this.createRequest({aggregations:t})}sortRequest(e,t){return this.awaitOperation(e,{type:"sort",data:t}),p==null||p(\`sortRequest: \${JSON.stringify(t.sortDefs)}\`),this.createRequest({sort:t})}groupByRequest(e,t=Vt){var n;return this.awaitOperation(e,{type:"groupBy",data:t}),this.useBatchMode&&(this.batchMode=!0),this.isTree||(n=this.dataWindow)==null||n.clear(),this.createRequest({groupBy:t})}selectRequest(e,t){return this.awaitOperation(e,{type:"selection",data:t}),p==null||p(\`selectRequest: \${t}\`),{type:"SET_SELECTION",vpId:this.serverViewportId,selection:be(t)}}removePendingRangeRequest(e,t){for(let n=this.pendingRangeRequests.length-1;n>=0;n--){let{from:s,to:o}=this.pendingRangeRequests[n],i=!0;if(e>=s&&e<o||t>s&&t<o){i||console.warn("removePendingRangeRequest TABLE_ROWS are not for latest request"),this.pendingRangeRequests.splice(n,1);break}else i=!1}}updateRows(e){var s,o,i;let[t,n]=Me(e);if(t&&n&&this.removePendingRangeRequest(t.rowIndex,n.rowIndex),e.length===1&&t.vpSize===0&&this.disabled){m==null||m(\`ignore a SIZE=0 message on disabled viewport (\${e.length} rows)\`);return}for(let u of e)this.isTree&&Mt(u)||((u.updateType==="SIZE"||((s=this.dataWindow)==null?void 0:s.rowCount)!==u.vpSize)&&((o=this.dataWindow)==null||o.setRowCount(u.vpSize),this.rowCountChanged=!0),u.updateType==="U"&&(i=this.dataWindow)!=null&&i.setAtIndex(u)&&(this.hasUpdates=!0,this.batchMode||this.pendingUpdates.push(u)))}getClientRows(){let e,t="size-only";if(this.hasUpdates&&this.dataWindow){let{keys:n}=this,s=this.isTree?ae:ie;if(this.pendingUpdates.length>0){e=[],t="update";for(let o of this.pendingUpdates)e.push(s(o,n));this.pendingUpdates.length=0}else{let o=this.dataWindow.getData();if(this.dataWindow.hasAllRowsWithinRange){e=[],t="batch";for(let i of o)e.push(s(i,n));this.batchMode=!1}}this.hasUpdates=!1}return[e,t]}createRequest(e,t=!1){return t?{type:"CHANGE_VP",viewPortId:this.serverViewportId,...e}:{type:"CHANGE_VP",viewPortId:this.serverViewportId,aggregations:this.aggregations,columns:this.columns,sort:this.sort,groupBy:this.groupBy,filterSpec:{filter:this.filter.filter},...e}}},ie=({rowIndex:r,rowKey:e,sel:t,data:n},s)=>[r,s.keyFor(r),!0,!1,0,0,e,t].concat(n),ae=({rowIndex:r,rowKey:e,sel:t,data:n},s)=>{let[o,i,,u,,g,...f]=n;return[r,s.keyFor(r),u,i,o,g,e,t].concat(f)};var tt=1;var{debug:M,debugEnabled:O,error:L,info:_,infoEnabled:It,warn:k}=T("server-proxy"),b=()=>\`\${tt++}\`,vt={},_t=r=>r.disabled!==!0&&r.suspended!==!0,Dt={type:"NO_ACTION"},xt=(r,e,t)=>r.map(n=>n.parentVpId===e?{...n,label:t}:n);function Pt(r,e){return r.map(t=>{let{parentVpId:n}=t,s=e.get(n);if(s)return{...t,parentClientVpId:s.clientViewportId,label:s.title};throw Error("addLabelsToLinks viewport not found")})}var j=class{constructor(e,t){this.authToken="";this.user="user";this.pendingTableMetaRequests=new Map;this.pendingRequests=new Map;this.queuedRequests=[];this.cachedTableSchemas=new Map;this.connection=e,this.postMessageToClient=t,this.viewports=new Map,this.mapClientToServerViewport=new Map}async reconnect(){await this.login(this.authToken);let[e,t]=fe(Array.from(this.viewports.values()),_t);this.viewports.clear(),this.mapClientToServerViewport.clear();let n=s=>{s.forEach(o=>{let{clientViewportId:i}=o;this.viewports.set(i,o),this.sendMessageToServer(o.subscribe(),i)})};n(e),setTimeout(()=>{n(t)},2e3)}async login(e,t="user"){if(e)return this.authToken=e,this.user=t,new Promise((n,s)=>{this.sendMessageToServer({type:Ke,token:this.authToken,user:t},""),this.pendingLogin={resolve:n,reject:s}});this.authToken===""&&L("login, cannot login until auth token has been obtained")}subscribe(e){if(this.mapClientToServerViewport.has(e.viewport))L(\`spurious subscribe call \${e.viewport}\`);else{if(!this.hasSchemaForTable(e.table)&&!B(e.table)){_==null||_(\`subscribe to \${e.table.table}, no metadata yet, request metadata\`);let n=b();this.sendMessageToServer({type:"GET_TABLE_META",table:e.table},n),this.pendingTableMetaRequests.set(n,e.viewport)}let t=new J(e);this.viewports.set(e.viewport,t),this.sendIfReady(t.subscribe(),e.viewport,this.sessionId!=="")}}unsubscribe(e){let t=this.mapClientToServerViewport.get(e);t?(_==null||_(\`Unsubscribe Message (Client to Server):
-        \${t}\`),this.sendMessageToServer({type:ze,viewPortId:t})):L(\`failed to unsubscribe client viewport \${e}, viewport not found\`)}getViewportForClient(e,t=!0){let n=this.mapClientToServerViewport.get(e);if(n){let s=this.viewports.get(n);if(s)return s;if(t)throw Error(\`Viewport not found for client viewport \${e}\`);return null}else{if(this.viewports.has(e))return this.viewports.get(e);if(t)throw Error(\`Viewport server id not found for client viewport \${e}\`);return null}}setViewRange(e,t){let n=b(),[s,o,i]=e.rangeRequest(n,t.range);s&&this.sendIfReady(s,n,e.status==="subscribed"),o?this.postMessageToClient({mode:"batch",type:"viewport-update",clientViewportId:e.clientViewportId,rows:o}):i&&this.postMessageToClient(i)}setConfig(e,t){let n=b(),s=e.setConfig(n,t.config);this.sendIfReady(s,n,e.status==="subscribed")}aggregate(e,t){let n=b(),s=e.aggregateRequest(n,t.aggregations);this.sendIfReady(s,n,e.status==="subscribed")}sort(e,t){let n=b(),s=e.sortRequest(n,t.sort);this.sendIfReady(s,n,e.status==="subscribed")}groupBy(e,t){let n=b(),s=e.groupByRequest(n,t.groupBy);this.sendIfReady(s,n,e.status==="subscribed")}filter(e,t){let n=b(),{filter:s}=t,o=e.filterRequest(n,s);this.sendIfReady(o,n,e.status==="subscribed")}setColumns(e,t){let n=b(),{columns:s}=t,o=e.columnRequest(n,s);this.sendIfReady(o,n,e.status==="subscribed")}setTitle(e,t){e&&(e.title=t.title,this.updateTitleOnVisualLinks(e))}select(e,t){let n=b(),{selected:s}=t,o=e.selectRequest(n,s);this.sendIfReady(o,n,e.status==="subscribed")}disableViewport(e){let t=b(),n=e.disable(t);this.sendIfReady(n,t,e.status==="subscribed")}enableViewport(e){if(e.disabled){let t=b(),n=e.enable(t);this.sendIfReady(n,t,e.status==="subscribed")}}resumeViewport(e){let t=e.resume();this.postMessageToClient({clientViewportId:e.clientViewportId,rows:t,type:"viewport-update"})}openTreeNode(e,t){if(e.serverViewportId){let n=b();this.sendIfReady(e.openTreeNode(n,t),n,e.status==="subscribed")}}closeTreeNode(e,t){if(e.serverViewportId){let n=b();this.sendIfReady(e.closeTreeNode(n,t),n,e.status==="subscribed")}}createLink(e,t){let{parentClientVpId:n,parentColumnName:s,childColumnName:o}=t,i=b(),u=this.mapClientToServerViewport.get(n);if(u){let g=e.createLink(i,o,u,s);this.sendMessageToServer(g,i)}else L("ServerProxy unable to create link, viewport not found")}removeLink(e){let t=b(),n=e.removeLink(t);this.sendMessageToServer(n,t)}updateTitleOnVisualLinks(e){var s;let{serverViewportId:t,title:n}=e;for(let o of this.viewports.values())if(o!==e&&o.links&&t&&n&&(s=o.links)!=null&&s.some(i=>i.parentVpId===t)){let[i]=o.setLinks(xt(o.links,t,n));this.postMessageToClient(i)}}removeViewportFromVisualLinks(e){var t;for(let n of this.viewports.values())if((t=n.links)!=null&&t.some(({parentVpId:s})=>s===e)){let[s]=n.setLinks(n.links.filter(({parentVpId:o})=>o!==e));this.postMessageToClient(s)}}menuRpcCall(e){let t=this.getViewportForClient(e.vpId,!1);if(t!=null&&t.serverViewportId){let[n,s]=ee(e);this.sendMessageToServer({...s,vpId:t.serverViewportId},n)}}rpcCall(e){let[t,n]=ee(e),s=Xe(n.service);this.sendMessageToServer(n,t,{module:s})}handleMessageFromClient(e){if(M==null||M(\`handleMessageFromClient: \${e.type}\`),De(e))if(e.type==="disable"){let t=this.getViewportForClient(e.viewport,!1);return t!==null?this.disableViewport(t):void 0}else{let t=this.getViewportForClient(e.viewport);switch(e.type){case"setViewRange":return this.setViewRange(t,e);case"config":return this.setConfig(t,e);case"aggregate":return this.aggregate(t,e);case"sort":return this.sort(t,e);case"groupBy":return this.groupBy(t,e);case"filter":return this.filter(t,e);case"select":return this.select(t,e);case"suspend":return t.suspend();case"resume":return this.resumeViewport(t);case"enable":return this.enableViewport(t);case"openTreeNode":return this.openTreeNode(t,e);case"closeTreeNode":return this.closeTreeNode(t,e);case"createLink":return this.createLink(t,e);case"removeLink":return this.removeLink(t);case"setColumns":return this.setColumns(t,e);case"setTitle":return this.setTitle(t,e);default:}}else{if(we(e))return this.menuRpcCall(e);{let{type:t,requestId:n}=e;switch(t){case"GET_TABLE_LIST":return this.sendMessageToServer({type:t},n);case"GET_TABLE_META":return this.sendMessageToServer({type:t,table:e.table},n);case"RPC_CALL":return this.rpcCall(e);default:}}}L(\`Vuu ServerProxy Unexpected message from client \${JSON.stringify(e)}\`)}awaitResponseToMessage(e){return new Promise((t,n)=>{let s=b();this.sendMessageToServer(e,s),this.pendingRequests.set(s,{reject:n,resolve:t})})}sendIfReady(e,t,n=!0){return n?this.sendMessageToServer(e,t):this.queuedRequests.push(e),n}sendMessageToServer(e,t=\`\${tt++}\`,n=vt){let{module:s="CORE"}=n;this.authToken&&this.connection.send({requestId:t,sessionId:this.sessionId,token:this.authToken,user:this.user,module:s,body:e})}handleMessageFromServer(e){var u;let{body:t,requestId:n,sessionId:s}=e,o=this.pendingRequests.get(n);if(o){let{resolve:a}=o;this.pendingRequests.delete(n),a(t);return}let{viewports:i}=this;switch(t.type){case Ge:this.sendMessageToServer({type:Be,ts:+new Date},"NA");break;case He:if(s)this.sessionId=s,(u=this.pendingLogin)==null||u.resolve(s),this.pendingLogin=void 0;else throw Error("LOGIN_SUCCESS did not provide sessionId");break;case Ue:{let a=i.get(n);if(a){let{status:l}=a,{viewPortId:d}=t;n!==d&&(i.delete(n),i.set(d,a)),this.mapClientToServerViewport.set(n,d);let R=a.handleSubscribed(t);R&&(this.postMessageToClient(R),O&&M(\`post DataSourceSubscribedMessage to client: \${JSON.stringify(R)}\`)),a.disabled&&this.disableViewport(a),l==="subscribing"&&!B(a.table)&&(this.sendMessageToServer({type:ne,vpId:d}),this.sendMessageToServer({type:$e,vpId:d}),Array.from(i.entries()).filter(([E,{disabled:U}])=>E!==d&&!U).forEach(([E])=>{this.sendMessageToServer({type:ne,vpId:E})}))}}break;case"REMOVE_VP_SUCCESS":{let a=this.viewports.get(t.viewPortId);a&&(this.mapClientToServerViewport.delete(a.clientViewportId),i.delete(t.viewPortId),this.removeViewportFromVisualLinks(t.viewPortId))}break;case Ye:{let a=this.viewports.get(t.vpId);a&&a.completeOperation(n)}break;case Pe:case Fe:if(i.has(t.viewPortId)){let a=this.viewports.get(t.viewPortId);if(a){let l=a.completeOperation(n);l!==void 0&&(this.postMessageToClient(l),O&&M(\`postMessageToClient \${JSON.stringify(l)}\`))}}break;case qe:{let a=this.viewports.get(t.viewPortId);if(a){let l=a.completeOperation(n);if(l){this.postMessageToClient(l);let d=a.currentData();O&&M(\`Enable Response (ServerProxy to Client):  \${JSON.stringify(l)}\`),a.size===0?O&&M("Viewport Enabled but size 0, resend  to server"):(this.postMessageToClient({clientViewportId:a.clientViewportId,mode:"batch",rows:d,size:a.size,type:"viewport-update"}),O&&M(\`Enable Response (ServerProxy to Client): send size \${a.size} \${d.length} rows from cache\`))}}}break;case Ze:{let a=Ie(t.rows);for(let[l,d]of Object.entries(a)){let R=i.get(l);R?R.updateRows(d):k==null||k(\`TABLE_ROW message received for non registered viewport \${l}\`)}this.processUpdates()}break;case Oe:{let a=this.viewports.get(t.viewPortId);if(a){let{from:l,to:d}=t;a.completeOperation(n,l,d)}}break;case je:case ke:break;case"CREATE_VISUAL_LINK_SUCCESS":{let a=this.viewports.get(t.childVpId),l=this.viewports.get(t.parentVpId);if(a&&l){let{childColumnName:d,parentColumnName:R}=t,E=a.completeOperation(n,d,l.clientViewportId,R);E&&this.postMessageToClient(E)}}break;case"REMOVE_VISUAL_LINK_SUCCESS":{let a=this.viewports.get(t.childVpId);if(a){let l=a.completeOperation(n);l&&this.postMessageToClient(l)}}break;case oe:this.postMessageToClient({type:oe,tables:t.tables,requestId:n});break;case re:{let a=this.cacheTableMeta(t),l=this.pendingTableMetaRequests.get(n);if(l){this.pendingTableMetaRequests.delete(n);let d=this.viewports.get(l);d?d.setTableSchema(a):k==null||k("Message has come back AFTER CREATE_VP_SUCCESS, what do we do now")}else this.postMessageToClient({type:re,tableSchema:a,requestId:n})}break;case"VP_VISUAL_LINKS_RESP":{let a=this.getActiveLinks(t.links),l=this.viewports.get(t.vpId);if(a.length&&l){let d=Pt(a,this.viewports),[R,E]=l.setLinks(d);if(this.postMessageToClient(R),E){let{link:U,parentClientVpId:nt}=E,ce=b(),pe=this.mapClientToServerViewport.get(nt);if(pe){let st=l.createLink(ce,U.fromColumn,pe,U.toColumn);this.sendMessageToServer(st,ce)}}}}break;case"VIEW_PORT_MENUS_RESP":if(t.menu.name){let a=this.viewports.get(t.vpId);if(a){let l=a.setMenu(t.menu);this.postMessageToClient(l)}}break;case"VP_EDIT_RPC_RESPONSE":this.postMessageToClient({action:t.action,requestId:n,rpcName:t.rpcName,type:"VP_EDIT_RPC_RESPONSE"});break;case"VP_EDIT_RPC_REJECT":this.viewports.get(t.vpId)&&this.postMessageToClient({requestId:n,type:"VP_EDIT_RPC_REJECT",error:t.error});break;case"VIEW_PORT_MENU_RESP":if(xe(t)){let{action:a,rpcName:l}=t;this.awaitResponseToMessage({type:"GET_TABLE_META",table:a.table}).then(d=>{let R=te(d);this.postMessageToClient({rpcName:l,type:"VIEW_PORT_MENU_RESP",action:{...a,tableSchema:R},tableAlreadyOpen:this.isTableOpen(a.table),requestId:n})})}else{let{action:a}=t;this.postMessageToClient({type:"VIEW_PORT_MENU_RESP",action:a||Dt,tableAlreadyOpen:a!==null&&this.isTableOpen(a.table),requestId:n})}break;case se:{let{method:a,result:l}=t;this.postMessageToClient({type:se,method:a,result:l,requestId:n})}break;case"ERROR":L(t.msg);break;default:It&&_(\`handleMessageFromServer \${t.type}.\`)}}hasSchemaForTable(e){return this.cachedTableSchemas.has(\`\${e.module}:\${e.table}\`)}cacheTableMeta(e){let{module:t,table:n}=e.table,s=\`\${t}:\${n}\`,o=this.cachedTableSchemas.get(s);return o||(o=te(e),this.cachedTableSchemas.set(s,o)),o}isTableOpen(e){if(e){let t=e.table;for(let n of this.viewports.values())if(!n.suspended&&n.table.table===t)return!0}}getActiveLinks(e){return e.filter(t=>{let n=this.viewports.get(t.parentVpId);return n&&!n.suspended})}processUpdates(){this.viewports.forEach(e=>{var t;if(e.hasUpdatesToProcess){let[n,s]=e.getClientRows(),o=e.getNewRowCount();(o!==void 0||n&&n.length>0)&&(O&&M(\`postMessageToClient #\${e.clientViewportId} viewport-update \${s}, \${(t=n==null?void 0:n.length)!=null?t:"no"} rows, size \${o}\`),this.postMessageToClient({clientViewportId:e.clientViewportId,mode:s,rows:n,size:o,type:"viewport-update"}))}})}};var D,{info:ue,infoEnabled:le}=T("worker");async function Ot(r,e,t,n,s){let o=await Ee(r,e,i=>{_e(i)?postMessage({type:"connection-metrics",messages:i}):ve(i)?(s(i),i.status==="reconnected"&&D.reconnect()):D.handleMessageFromServer(i)});D=new j(o,i=>Lt(i)),o.requiresLogin&&await D.login(t,n)}function Lt(r){postMessage(r)}var kt=async({data:r})=>{switch(r.type){case"connect":await Ot(r.url,r.protocol,r.token,r.username,postMessage),postMessage({type:"connected"});break;case"subscribe":le&&ue(\`client subscribe: \${JSON.stringify(r)}\`),D.subscribe(r);break;case"unsubscribe":le&&ue(\`client unsubscribe: \${JSON.stringify(r)}\`),D.unsubscribe(r.viewport);break;default:le&&ue(\`client message: \${JSON.stringify(r)}\`),D.handleMessageFromClient(r)}};self.addEventListener("message",kt);postMessage({type:"ready"});
+      \`);
+      throw Error(\`KeySet, no key found for rowIndex \${rowIndex}\`);
+    }
+    return key;
+  }
+  toDebugString() {
+    return Array.from(this.keys.entries()).map((k, v) => \`\${k}=>\${v}\`).join(",");
+  }
+};
+
+// ../vuu-utils/src/row-utils.ts
+var { IDX } = metadataKeys;
+
+// ../vuu-utils/src/selection-utils.ts
+var { SELECTED } = metadataKeys;
+var RowSelected = {
+  False: 0,
+  True: 1,
+  First: 2,
+  Last: 4
+};
+var SINGLE_SELECTED_ROW = RowSelected.True + RowSelected.First + RowSelected.Last;
+var FIRST_SELECTED_ROW_OF_BLOCK = RowSelected.True + RowSelected.First;
+var LAST_SELECTED_ROW_OF_BLOCK = RowSelected.True + RowSelected.Last;
+var expandSelection = (selected) => {
+  if (selected.every((selectedItem) => typeof selectedItem === "number")) {
+    return selected;
+  }
+  const expandedSelected = [];
+  for (const selectedItem of selected) {
+    if (typeof selectedItem === "number") {
+      expandedSelected.push(selectedItem);
+    } else {
+      for (let i = selectedItem[0]; i <= selectedItem[1]; i++) {
+        expandedSelected.push(i);
+      }
+    }
+  }
+  return expandedSelected;
+};
+
+// src/websocket-connection.ts
+var { debug: debug2, debugEnabled: debugEnabled2, error, info, infoEnabled, warn } = logger(
+  "websocket-connection"
+);
+var WS = "ws";
+var isWebsocketUrl = (url) => url.startsWith(WS + "://") || url.startsWith(WS + "s://");
+var connectionAttempts = {};
+var setWebsocket = Symbol("setWebsocket");
+var connectionCallback = Symbol("connectionCallback");
+async function connect(connectionString, protocol, callback) {
+  return makeConnection(connectionString, protocol, callback);
+}
+async function reconnect(connection) {
+  makeConnection(
+    connection.url,
+    connection.protocol,
+    connection[connectionCallback],
+    connection
+  );
+}
+async function makeConnection(url, protocol, callback, connection) {
+  const connectionStatus = connectionAttempts[url] || (connectionAttempts[url] = {
+    attemptsRemaining: 5,
+    status: "disconnected"
+  });
+  try {
+    callback({ type: "connection-status", status: "connecting" });
+    const reconnecting = typeof connection !== "undefined";
+    const ws = await createWebsocket(url, protocol);
+    console.info(
+      "%c\u26A1 %cconnected",
+      "font-size: 24px;color: green;font-weight: bold;",
+      "color:green; font-size: 14px;"
+    );
+    if (connection !== void 0) {
+      connection[setWebsocket](ws);
+    }
+    const websocketConnection = connection != null ? connection : new WebsocketConnection(ws, url, protocol, callback);
+    const status = reconnecting ? "reconnected" : "connection-open-awaiting-session";
+    callback({ type: "connection-status", status });
+    websocketConnection.status = status;
+    return websocketConnection;
+  } catch (evt) {
+    console.log({ evt });
+    const retry = --connectionStatus.attemptsRemaining > 0;
+    callback({
+      type: "connection-status",
+      status: "disconnected",
+      reason: "failed to connect",
+      retry
+    });
+    if (retry) {
+      return makeConnectionIn(url, protocol, callback, connection, 1e4);
+    } else {
+      throw Error("Failed to establish connection");
+    }
+  }
+}
+var makeConnectionIn = (url, protocol, callback, connection, delay) => new Promise((resolve) => {
+  setTimeout(() => {
+    resolve(makeConnection(url, protocol, callback, connection));
+  }, delay);
+});
+var createWebsocket = (connectionString, protocol) => new Promise((resolve, reject) => {
+  const websocketUrl = isWebsocketUrl(connectionString) ? connectionString : \`wss://\${connectionString}\`;
+  if (infoEnabled && protocol !== void 0) {
+    info(\`WebSocket Protocol \${protocol == null ? void 0 : protocol.toString()}\`);
+  }
+  const ws = new WebSocket(websocketUrl, protocol);
+  ws.onopen = () => resolve(ws);
+  ws.onerror = (evt) => reject(evt);
+});
+var closeWarn = () => {
+  warn == null ? void 0 : warn(\`Connection cannot be closed, socket not yet opened\`);
+};
+var sendWarn = (msg) => {
+  warn == null ? void 0 : warn(\`Message cannot be sent, socket closed \${msg.body.type}\`);
+};
+var parseMessage = (message) => {
+  try {
+    return JSON.parse(message);
+  } catch (e) {
+    throw Error(\`Error parsing JSON response from server \${message}\`);
+  }
+};
+var WebsocketConnection = class {
+  constructor(ws, url, protocol, callback) {
+    this.close = closeWarn;
+    this.requiresLogin = true;
+    this.send = sendWarn;
+    this.status = "ready";
+    this.messagesCount = 0;
+    this.connectionMetricsInterval = null;
+    this.handleWebsocketMessage = (evt) => {
+      const vuuMessageFromServer = parseMessage(evt.data);
+      this.messagesCount += 1;
+      if (true) {
+        if (debugEnabled2 && vuuMessageFromServer.body.type !== "HB") {
+          debug2 == null ? void 0 : debug2(\`<<< \${vuuMessageFromServer.body.type}\`);
+        }
+      }
+      this[connectionCallback](vuuMessageFromServer);
+    };
+    this.url = url;
+    this.protocol = protocol;
+    this[connectionCallback] = callback;
+    this[setWebsocket](ws);
+  }
+  reconnect() {
+    reconnect(this);
+  }
+  [(connectionCallback, setWebsocket)](ws) {
+    const callback = this[connectionCallback];
+    ws.onmessage = (evt) => {
+      this.status = "connected";
+      ws.onmessage = this.handleWebsocketMessage;
+      this.handleWebsocketMessage(evt);
+    };
+    this.connectionMetricsInterval = setInterval(() => {
+      callback({
+        type: "connection-metrics",
+        messagesLength: this.messagesCount
+      });
+      this.messagesCount = 0;
+    }, 1e3);
+    ws.onerror = () => {
+      error(\`\u26A1 connection error\`);
+      callback({
+        type: "connection-status",
+        status: "disconnected",
+        reason: "error"
+      });
+      if (this.connectionMetricsInterval) {
+        clearInterval(this.connectionMetricsInterval);
+        this.connectionMetricsInterval = null;
+      }
+      if (this.status === "connection-open-awaiting-session") {
+        error(
+          \`Websocket connection lost before Vuu session established, check websocket configuration\`
+        );
+      } else if (this.status !== "closed") {
+        reconnect(this);
+        this.send = queue;
+      }
+    };
+    ws.onclose = () => {
+      info == null ? void 0 : info(\`\u26A1 connection close\`);
+      callback({
+        type: "connection-status",
+        status: "disconnected",
+        reason: "close"
+      });
+      if (this.connectionMetricsInterval) {
+        clearInterval(this.connectionMetricsInterval);
+        this.connectionMetricsInterval = null;
+      }
+      if (this.status !== "closed") {
+        reconnect(this);
+        this.send = queue;
+      }
+    };
+    const send = (msg) => {
+      if (true) {
+        if (debugEnabled2 && msg.body.type !== "HB_RESP") {
+          debug2 == null ? void 0 : debug2(\`>>> \${msg.body.type}\`);
+        }
+      }
+      ws.send(JSON.stringify(msg));
+    };
+    const queue = (msg) => {
+      info == null ? void 0 : info(\`TODO queue message until websocket reconnected \${msg.body.type}\`);
+    };
+    this.send = send;
+    this.close = () => {
+      this.status = "closed";
+      ws.close();
+      this.close = closeWarn;
+      this.send = sendWarn;
+      info == null ? void 0 : info("close websocket");
+    };
+  }
+};
+
+// src/message-utils.ts
+var MENU_RPC_TYPES = [
+  "VIEW_PORT_MENUS_SELECT_RPC",
+  "VIEW_PORT_MENU_TABLE_RPC",
+  "VIEW_PORT_MENU_ROW_RPC",
+  "VIEW_PORT_MENU_CELL_RPC",
+  "VP_EDIT_CELL_RPC",
+  "VP_EDIT_ROW_RPC",
+  "VP_EDIT_ADD_ROW_RPC",
+  "VP_EDIT_DELETE_CELL_RPC",
+  "VP_EDIT_DELETE_ROW_RPC",
+  "VP_EDIT_SUBMIT_FORM_RPC"
+];
+var isVuuMenuRpcRequest = (message) => MENU_RPC_TYPES.includes(message["type"]);
+var stripRequestId = ({
+  requestId,
+  ...rest
+}) => [requestId, rest];
+var getFirstAndLastRows = (rows) => {
+  let firstRow = rows.at(0);
+  if (firstRow.updateType === "SIZE") {
+    if (rows.length === 1) {
+      return rows;
+    } else {
+      firstRow = rows.at(1);
+    }
+  }
+  const lastRow = rows.at(-1);
+  return [firstRow, lastRow];
+};
+var groupRowsByViewport = (rows) => {
+  const result = {};
+  for (const row of rows) {
+    const rowsForViewport = result[row.viewPortId] || (result[row.viewPortId] = []);
+    rowsForViewport.push(row);
+  }
+  return result;
+};
+var createSchemaFromTableMetadata = ({
+  columns,
+  dataTypes,
+  key,
+  table
+}) => {
+  return {
+    table,
+    columns: columns.map((col, idx) => ({
+      name: col,
+      serverDataType: dataTypes[idx]
+    })),
+    key
+  };
+};
+
+// src/vuuUIMessageTypes.ts
+var isConnectionStatusMessage = (msg) => msg.type === "connection-status";
+var isConnectionQualityMetrics = (msg) => msg.type === "connection-metrics";
+var isViewporttMessage = (msg) => "viewport" in msg;
+var isSessionTableActionMessage = (messageBody) => messageBody.type === "VIEW_PORT_MENU_RESP" && messageBody.action !== null && isSessionTable(messageBody.action.table);
+var isSessionTable = (table) => {
+  if (table !== null && typeof table === "object" && "table" in table && "module" in table) {
+    return table.table.startsWith("session");
+  }
+  return false;
+};
+
+// src/server-proxy/messages.ts
+var CHANGE_VP_SUCCESS = "CHANGE_VP_SUCCESS";
+var CHANGE_VP_RANGE_SUCCESS = "CHANGE_VP_RANGE_SUCCESS";
+var CLOSE_TREE_NODE = "CLOSE_TREE_NODE";
+var CLOSE_TREE_SUCCESS = "CLOSE_TREE_SUCCESS";
+var CREATE_VP = "CREATE_VP";
+var CREATE_VP_SUCCESS = "CREATE_VP_SUCCESS";
+var DISABLE_VP = "DISABLE_VP";
+var DISABLE_VP_SUCCESS = "DISABLE_VP_SUCCESS";
+var ENABLE_VP = "ENABLE_VP";
+var ENABLE_VP_SUCCESS = "ENABLE_VP_SUCCESS";
+var GET_VP_VISUAL_LINKS = "GET_VP_VISUAL_LINKS";
+var GET_VIEW_PORT_MENUS = "GET_VIEW_PORT_MENUS";
+var HB = "HB";
+var HB_RESP = "HB_RESP";
+var LOGIN = "LOGIN";
+var LOGIN_SUCCESS = "LOGIN_SUCCESS";
+var OPEN_TREE_NODE = "OPEN_TREE_NODE";
+var OPEN_TREE_SUCCESS = "OPEN_TREE_SUCCESS";
+var REMOVE_VP = "REMOVE_VP";
+var RPC_RESP = "RPC_RESP";
+var SET_SELECTION_SUCCESS = "SET_SELECTION_SUCCESS";
+var TABLE_META_RESP = "TABLE_META_RESP";
+var TABLE_LIST_RESP = "TABLE_LIST_RESP";
+var TABLE_ROW = "TABLE_ROW";
+
+// src/server-proxy/rpc-services.ts
+var getRpcServiceModule = (service) => {
+  switch (service) {
+    case "TypeAheadRpcHandler":
+      return "TYPEAHEAD";
+    default:
+      return "SIMUL";
+  }
+};
+
+// src/server-proxy/array-backed-moving-window.ts
+var EMPTY_ARRAY = [];
+var log = logger("array-backed-moving-window");
+var _range;
+var ArrayBackedMovingWindow = class {
+  // Note, the buffer is already accounted for in the range passed in here
+  constructor({ from: clientFrom, to: clientTo }, { from, to }, bufferSize) {
+    __privateAdd(this, _range, void 0);
+    this.setRowCount = (rowCount) => {
+      var _a;
+      (_a = log.info) == null ? void 0 : _a.call(log, \`setRowCount \${rowCount}\`);
+      if (rowCount < this.internalData.length) {
+        this.internalData.length = rowCount;
+      }
+      if (rowCount < this.rowCount) {
+        this.rowsWithinRange = 0;
+        const end = Math.min(rowCount, this.clientRange.to);
+        for (let i = this.clientRange.from; i < end; i++) {
+          const rowIndex = i - __privateGet(this, _range).from;
+          if (this.internalData[rowIndex] !== void 0) {
+            this.rowsWithinRange += 1;
+          }
+        }
+      }
+      this.rowCount = rowCount;
+    };
+    this.bufferBreakout = (from, to) => {
+      const bufferPerimeter = this.bufferSize * 0.25;
+      if (__privateGet(this, _range).to - to < bufferPerimeter) {
+        return true;
+      } else if (__privateGet(this, _range).from > 0 && from - __privateGet(this, _range).from < bufferPerimeter) {
+        return true;
+      } else {
+        return false;
+      }
+    };
+    this.bufferSize = bufferSize;
+    this.clientRange = new WindowRange(clientFrom, clientTo);
+    __privateSet(this, _range, new WindowRange(from, to));
+    this.internalData = new Array(bufferSize);
+    this.rowsWithinRange = 0;
+    this.rowCount = 0;
+  }
+  get range() {
+    return __privateGet(this, _range);
+  }
+  // TODO we shpuld probably have a hasAllClientRowsWithinRange
+  get hasAllRowsWithinRange() {
+    return this.rowsWithinRange === this.clientRange.to - this.clientRange.from || // this.rowsWithinRange === this.range.to - this.range.from ||
+    this.rowCount > 0 && this.clientRange.from + this.rowsWithinRange === this.rowCount;
+  }
+  // Check to see if set of rows is outside the current viewport range, indicating
+  // that veiwport is being scrolled quickly and server is not able to keep up.
+  outOfRange(firstIndex, lastIndex) {
+    const { from, to } = this.range;
+    if (lastIndex < from) {
+      return true;
+    }
+    if (firstIndex >= to) {
+      return true;
+    }
+  }
+  setAtIndex(row) {
+    const { rowIndex: index } = row;
+    const isWithinClientRange = this.isWithinClientRange(index);
+    if (isWithinClientRange || this.isWithinRange(index)) {
+      const internalIndex = index - __privateGet(this, _range).from;
+      if (!this.internalData[internalIndex] && isWithinClientRange) {
+        this.rowsWithinRange += 1;
+      }
+      this.internalData[internalIndex] = row;
+    }
+    return isWithinClientRange;
+  }
+  getAtIndex(index) {
+    return __privateGet(this, _range).isWithin(index) && this.internalData[index - __privateGet(this, _range).from] != null ? this.internalData[index - __privateGet(this, _range).from] : void 0;
+  }
+  isWithinRange(index) {
+    return __privateGet(this, _range).isWithin(index);
+  }
+  isWithinClientRange(index) {
+    return this.clientRange.isWithin(index);
+  }
+  // Returns [false] or [serverDataRequired, clientRows, holdingRows]
+  setClientRange(from, to) {
+    var _a;
+    (_a = log.debug) == null ? void 0 : _a.call(log, \`setClientRange \${from} - \${to}\`);
+    const currentFrom = this.clientRange.from;
+    const currentTo = Math.min(this.clientRange.to, this.rowCount);
+    if (from === currentFrom && to === currentTo) {
+      return [
+        false,
+        EMPTY_ARRAY
+        /*, EMPTY_ARRAY*/
+      ];
+    }
+    const originalRange = this.clientRange.copy();
+    this.clientRange.from = from;
+    this.clientRange.to = to;
+    this.rowsWithinRange = 0;
+    for (let i = from; i < to; i++) {
+      const internalIndex = i - __privateGet(this, _range).from;
+      if (this.internalData[internalIndex]) {
+        this.rowsWithinRange += 1;
+      }
+    }
+    let clientRows = EMPTY_ARRAY;
+    const offset = __privateGet(this, _range).from;
+    if (this.hasAllRowsWithinRange) {
+      if (to > originalRange.to) {
+        const start = Math.max(from, originalRange.to);
+        clientRows = this.internalData.slice(start - offset, to - offset);
+      } else {
+        const end = Math.min(originalRange.from, to);
+        clientRows = this.internalData.slice(from - offset, end - offset);
+      }
+    }
+    const serverDataRequired = this.bufferBreakout(from, to);
+    return [serverDataRequired, clientRows];
+  }
+  setRange(from, to) {
+    var _a;
+    (_a = log.debug) == null ? void 0 : _a.call(log, \`setRange \${from} - \${to}\`);
+    const [overlapFrom, overlapTo] = __privateGet(this, _range).overlap(from, to);
+    const newData = new Array(to - from + this.bufferSize);
+    this.rowsWithinRange = 0;
+    for (let i = overlapFrom; i < overlapTo; i++) {
+      const data = this.getAtIndex(i);
+      if (data) {
+        const index = i - from;
+        newData[index] = data;
+        if (this.isWithinClientRange(i)) {
+          this.rowsWithinRange += 1;
+        }
+      }
+    }
+    this.internalData = newData;
+    __privateGet(this, _range).from = from;
+    __privateGet(this, _range).to = to;
+  }
+  getData() {
+    var _a;
+    const { from, to } = __privateGet(this, _range);
+    const { from: clientFrom, to: clientTo } = this.clientRange;
+    const startOffset = Math.max(0, clientFrom - from);
+    const endOffset = Math.min(
+      to - from,
+      to,
+      clientTo - from,
+      (_a = this.rowCount) != null ? _a : to
+    );
+    return this.internalData.slice(startOffset, endOffset);
+  }
+  clear() {
+    var _a;
+    (_a = log.debug) == null ? void 0 : _a.call(log, "clear");
+    this.internalData.length = 0;
+    this.rowsWithinRange = 0;
+    this.setRowCount(0);
+  }
+  // used only for debugging
+  getCurrentDataRange() {
+    const rows = this.internalData;
+    const len = rows.length;
+    let [firstRow] = this.internalData;
+    let lastRow = this.internalData[len - 1];
+    if (firstRow && lastRow) {
+      return [firstRow.rowIndex, lastRow.rowIndex];
+    } else {
+      for (let i = 0; i < len; i++) {
+        if (rows[i] !== void 0) {
+          firstRow = rows[i];
+          break;
+        }
+      }
+      for (let i = len - 1; i >= 0; i--) {
+        if (rows[i] !== void 0) {
+          lastRow = rows[i];
+          break;
+        }
+      }
+      if (firstRow && lastRow) {
+        return [firstRow.rowIndex, lastRow.rowIndex];
+      } else {
+        return [-1, -1];
+      }
+    }
+  }
+};
+_range = new WeakMap();
+
+// src/server-proxy/viewport.ts
+var EMPTY_GROUPBY = [];
+var { debug: debug3, debugEnabled: debugEnabled3, error: error2, info: info2, infoEnabled: infoEnabled2, warn: warn2 } = logger("viewport");
+var isLeafUpdate = ({ rowKey, updateType }) => updateType === "U" && !rowKey.startsWith("$root");
+var Viewport = class {
+  constructor({
+    aggregations,
+    bufferSize = 50,
+    columns,
+    filter,
+    groupBy = [],
+    table,
+    range,
+    sort,
+    title,
+    viewport,
+    visualLink
+  }) {
+    // TODO create this in constructor so we don't have to mark is as optional
+    this.dataWindow = void 0;
+    this.hasUpdates = false;
+    this.pendingUpdates = [];
+    this.pendingOperations = /* @__PURE__ */ new Map();
+    this.pendingRangeRequests = [];
+    this.rowCountChanged = false;
+    this.tableSchema = null;
+    this.batchMode = true;
+    this.useBatchMode = true;
+    this.rangeMonitor = new RangeMonitor("ViewPort");
+    this.disabled = false;
+    this.isTree = false;
+    // TODO roll disabled/suspended into status
+    this.status = "";
+    this.suspended = false;
+    this.rangeRequestAlreadyPending = (range) => {
+      const { bufferSize } = this;
+      const bufferThreshold = bufferSize * 0.25;
+      let { from: stillPendingFrom } = range;
+      for (const { from, to } of this.pendingRangeRequests) {
+        if (stillPendingFrom >= from && stillPendingFrom < to) {
+          if (range.to + bufferThreshold <= to) {
+            return true;
+          } else {
+            stillPendingFrom = to;
+          }
+        }
+      }
+      return false;
+    };
+    this.getNewRowCount = () => {
+      if (this.rowCountChanged && this.dataWindow) {
+        this.rowCountChanged = false;
+        return this.dataWindow.rowCount;
+      }
+    };
+    this.aggregations = aggregations;
+    this.bufferSize = bufferSize;
+    this.clientRange = range;
+    this.clientViewportId = viewport;
+    this.columns = columns;
+    this.filter = filter;
+    this.groupBy = groupBy;
+    this.keys = new KeySet(range);
+    this.pendingLinkedParent = visualLink;
+    this.table = table;
+    this.sort = sort;
+    this.title = title;
+    infoEnabled2 && (info2 == null ? void 0 : info2(
+      \`constructor #\${viewport} \${table.table} bufferSize=\${bufferSize}\`
+    ));
+  }
+  get hasUpdatesToProcess() {
+    if (this.suspended) {
+      return false;
+    }
+    return this.rowCountChanged || this.hasUpdates;
+  }
+  get size() {
+    var _a, _b;
+    return (_b = (_a = this.dataWindow) == null ? void 0 : _a.rowCount) != null ? _b : 0;
+  }
+  subscribe() {
+    const { filter } = this.filter;
+    this.status = this.status === "subscribed" ? "resubscribing" : "subscribing";
+    return {
+      type: CREATE_VP,
+      table: this.table,
+      range: getFullRange(this.clientRange, this.bufferSize),
+      aggregations: this.aggregations,
+      columns: this.columns,
+      sort: this.sort,
+      groupBy: this.groupBy,
+      filterSpec: { filter }
+    };
+  }
+  handleSubscribed({
+    viewPortId,
+    aggregations,
+    columns,
+    filterSpec: filter,
+    range,
+    sort,
+    groupBy
+  }) {
+    this.serverViewportId = viewPortId;
+    this.status = "subscribed";
+    this.aggregations = aggregations;
+    this.columns = columns;
+    this.groupBy = groupBy;
+    this.isTree = groupBy && groupBy.length > 0;
+    this.dataWindow = new ArrayBackedMovingWindow(
+      this.clientRange,
+      range,
+      this.bufferSize
+    );
+    return {
+      aggregations,
+      type: "subscribed",
+      clientViewportId: this.clientViewportId,
+      columns,
+      filter,
+      groupBy,
+      range,
+      sort,
+      tableSchema: this.tableSchema
+    };
+  }
+  awaitOperation(requestId, msg) {
+    this.pendingOperations.set(requestId, msg);
+  }
+  // Return a message if we need to communicate this to client UI
+  completeOperation(requestId, ...params) {
+    var _a;
+    const { clientViewportId, pendingOperations } = this;
+    const pendingOperation = pendingOperations.get(requestId);
+    if (!pendingOperation) {
+      error2("no matching operation found to complete");
+      return;
+    }
+    const { type } = pendingOperation;
+    info2 == null ? void 0 : info2(\`completeOperation \${type}\`);
+    pendingOperations.delete(requestId);
+    if (type === "CHANGE_VP_RANGE") {
+      const [from, to] = params;
+      (_a = this.dataWindow) == null ? void 0 : _a.setRange(from, to);
+      for (let i = this.pendingRangeRequests.length - 1; i >= 0; i--) {
+        const pendingRangeRequest = this.pendingRangeRequests[i];
+        if (pendingRangeRequest.requestId === requestId) {
+          pendingRangeRequest.acked = true;
+          break;
+        } else {
+          warn2 == null ? void 0 : warn2("range requests sent faster than they are being ACKed");
+        }
+      }
+    } else if (type === "config") {
+      const { aggregations, columns, filter, groupBy, sort } = pendingOperation.data;
+      this.aggregations = aggregations;
+      this.columns = columns;
+      this.filter = filter;
+      this.groupBy = groupBy;
+      this.sort = sort;
+      if (groupBy.length > 0) {
+        this.isTree = true;
+      } else if (this.isTree) {
+        this.isTree = false;
+      }
+      debug3 == null ? void 0 : debug3(\`config change confirmed, isTree : \${this.isTree}\`);
+      return {
+        clientViewportId,
+        type,
+        config: pendingOperation.data
+      };
+    } else if (type === "groupBy") {
+      this.isTree = pendingOperation.data.length > 0;
+      this.groupBy = pendingOperation.data;
+      debug3 == null ? void 0 : debug3(\`groupBy change confirmed, isTree : \${this.isTree}\`);
+      return {
+        clientViewportId,
+        type,
+        groupBy: pendingOperation.data
+      };
+    } else if (type === "columns") {
+      this.columns = pendingOperation.data;
+      return {
+        clientViewportId,
+        type,
+        columns: pendingOperation.data
+      };
+    } else if (type === "filter") {
+      this.filter = pendingOperation.data;
+      return {
+        clientViewportId,
+        type,
+        filter: pendingOperation.data
+      };
+    } else if (type === "aggregate") {
+      this.aggregations = pendingOperation.data;
+      return {
+        clientViewportId,
+        type: "aggregate",
+        aggregations: this.aggregations
+      };
+    } else if (type === "sort") {
+      this.sort = pendingOperation.data;
+      return {
+        clientViewportId,
+        type,
+        sort: this.sort
+      };
+    } else if (type === "selection") {
+    } else if (type === "disable") {
+      this.disabled = true;
+      return {
+        type: "disabled",
+        clientViewportId
+      };
+    } else if (type === "enable") {
+      this.disabled = false;
+      return {
+        type: "enabled",
+        clientViewportId
+      };
+    } else if (type === "CREATE_VISUAL_LINK") {
+      const [colName, parentViewportId, parentColName] = params;
+      this.linkedParent = {
+        colName,
+        parentViewportId,
+        parentColName
+      };
+      this.pendingLinkedParent = void 0;
+      return {
+        type: "vuu-link-created",
+        clientViewportId,
+        colName,
+        parentViewportId,
+        parentColName
+      };
+    } else if (type === "REMOVE_VISUAL_LINK") {
+      this.linkedParent = void 0;
+      return {
+        type: "vuu-link-removed",
+        clientViewportId
+      };
+    }
+  }
+  // TODO when a range request arrives, consider the viewport to be scrolling
+  // until data arrives and we have the full range.
+  // When not scrolling, any server data is an update
+  // When scrolling, we are in batch mode
+  rangeRequest(requestId, range) {
+    if (debugEnabled3) {
+      this.rangeMonitor.set(range);
+    }
+    const type = "CHANGE_VP_RANGE";
+    if (this.dataWindow) {
+      const [serverDataRequired, clientRows] = this.dataWindow.setClientRange(
+        range.from,
+        range.to
+      );
+      let debounceRequest;
+      const maxRange = this.dataWindow.rowCount || void 0;
+      const serverRequest = serverDataRequired && !this.rangeRequestAlreadyPending(range) ? {
+        type,
+        viewPortId: this.serverViewportId,
+        ...getFullRange(range, this.bufferSize, maxRange)
+      } : null;
+      if (serverRequest) {
+        debugEnabled3 && (debug3 == null ? void 0 : debug3(
+          \`create CHANGE_VP_RANGE: [\${serverRequest.from} - \${serverRequest.to}]\`
+        ));
+        this.awaitOperation(requestId, { type });
+        const pendingRequest = this.pendingRangeRequests.at(-1);
+        if (pendingRequest) {
+          if (pendingRequest.acked) {
+            console.warn("Range Request before previous request is filled");
+          } else {
+            const { from, to } = pendingRequest;
+            if (this.dataWindow.outOfRange(from, to)) {
+              debounceRequest = {
+                clientViewportId: this.clientViewportId,
+                type: "debounce-begin"
+              };
+            } else {
+              warn2 == null ? void 0 : warn2("Range Request before previous request is acked");
+            }
+          }
+        }
+        this.pendingRangeRequests.push({ ...serverRequest, requestId });
+        if (this.useBatchMode) {
+          this.batchMode = true;
+        }
+      } else if (clientRows.length > 0) {
+        this.batchMode = false;
+      }
+      this.keys.reset(this.dataWindow.clientRange);
+      const toClient = this.isTree ? toClientRowTree : toClientRow;
+      if (clientRows.length) {
+        return [
+          serverRequest,
+          clientRows.map((row) => {
+            return toClient(row, this.keys);
+          })
+        ];
+      } else if (debounceRequest) {
+        return [serverRequest, void 0, debounceRequest];
+      } else {
+        return [serverRequest];
+      }
+    } else {
+      return [null];
+    }
+  }
+  setLinks(links) {
+    this.links = links;
+    return [
+      {
+        type: "vuu-links",
+        links,
+        clientViewportId: this.clientViewportId
+      },
+      this.pendingLinkedParent
+    ];
+  }
+  setMenu(menu) {
+    return {
+      type: "vuu-menu",
+      menu,
+      clientViewportId: this.clientViewportId
+    };
+  }
+  setTableSchema(tableSchema) {
+    this.tableSchema = tableSchema;
+  }
+  openTreeNode(requestId, message) {
+    if (this.useBatchMode) {
+      this.batchMode = true;
+    }
+    return {
+      type: OPEN_TREE_NODE,
+      vpId: this.serverViewportId,
+      treeKey: message.key
+    };
+  }
+  closeTreeNode(requestId, message) {
+    if (this.useBatchMode) {
+      this.batchMode = true;
+    }
+    return {
+      type: CLOSE_TREE_NODE,
+      vpId: this.serverViewportId,
+      treeKey: message.key
+    };
+  }
+  createLink(requestId, colName, parentVpId, parentColumnName) {
+    const message = {
+      type: "CREATE_VISUAL_LINK",
+      parentVpId,
+      childVpId: this.serverViewportId,
+      parentColumnName,
+      childColumnName: colName
+    };
+    this.awaitOperation(requestId, message);
+    if (this.useBatchMode) {
+      this.batchMode = true;
+    }
+    return message;
+  }
+  removeLink(requestId) {
+    const message = {
+      type: "REMOVE_VISUAL_LINK",
+      childVpId: this.serverViewportId
+    };
+    this.awaitOperation(requestId, message);
+    return message;
+  }
+  suspend() {
+    this.suspended = true;
+    info2 == null ? void 0 : info2("suspend");
+  }
+  resume() {
+    this.suspended = false;
+    if (debugEnabled3) {
+      debug3 == null ? void 0 : debug3(\`resume: \${this.currentData()}\`);
+    }
+    return this.currentData();
+  }
+  currentData() {
+    const out = [];
+    if (this.dataWindow) {
+      const records = this.dataWindow.getData();
+      const { keys } = this;
+      const toClient = this.isTree ? toClientRowTree : toClientRow;
+      for (const row of records) {
+        if (row) {
+          out.push(toClient(row, keys));
+        }
+      }
+    }
+    return out;
+  }
+  enable(requestId) {
+    this.awaitOperation(requestId, { type: "enable" });
+    info2 == null ? void 0 : info2(\`enable: \${this.serverViewportId}\`);
+    return {
+      type: ENABLE_VP,
+      viewPortId: this.serverViewportId
+    };
+  }
+  disable(requestId) {
+    this.awaitOperation(requestId, { type: "disable" });
+    info2 == null ? void 0 : info2(\`disable: \${this.serverViewportId}\`);
+    return {
+      type: DISABLE_VP,
+      viewPortId: this.serverViewportId
+    };
+  }
+  columnRequest(requestId, columns) {
+    this.awaitOperation(requestId, {
+      type: "columns",
+      data: columns
+    });
+    debug3 == null ? void 0 : debug3(\`columnRequest: \${columns}\`);
+    return this.createRequest({ columns });
+  }
+  filterRequest(requestId, dataSourceFilter) {
+    this.awaitOperation(requestId, {
+      type: "filter",
+      data: dataSourceFilter
+    });
+    if (this.useBatchMode) {
+      this.batchMode = true;
+    }
+    const { filter } = dataSourceFilter;
+    info2 == null ? void 0 : info2(\`filterRequest: \${filter}\`);
+    return this.createRequest({ filterSpec: { filter } });
+  }
+  setConfig(requestId, config) {
+    this.awaitOperation(requestId, { type: "config", data: config });
+    const { filter, ...remainingConfig } = config;
+    if (this.useBatchMode) {
+      this.batchMode = true;
+    }
+    debugEnabled3 ? debug3 == null ? void 0 : debug3(\`setConfig \${JSON.stringify(config)}\`) : info2 == null ? void 0 : info2(\`setConfig\`);
+    return this.createRequest(
+      {
+        ...remainingConfig,
+        filterSpec: typeof (filter == null ? void 0 : filter.filter) === "string" ? {
+          filter: filter.filter
+        } : {
+          filter: ""
+        }
+      },
+      true
+    );
+  }
+  aggregateRequest(requestId, aggregations) {
+    this.awaitOperation(requestId, { type: "aggregate", data: aggregations });
+    info2 == null ? void 0 : info2(\`aggregateRequest: \${aggregations}\`);
+    return this.createRequest({ aggregations });
+  }
+  sortRequest(requestId, sort) {
+    this.awaitOperation(requestId, { type: "sort", data: sort });
+    info2 == null ? void 0 : info2(\`sortRequest: \${JSON.stringify(sort.sortDefs)}\`);
+    return this.createRequest({ sort });
+  }
+  groupByRequest(requestId, groupBy = EMPTY_GROUPBY) {
+    var _a;
+    this.awaitOperation(requestId, { type: "groupBy", data: groupBy });
+    if (this.useBatchMode) {
+      this.batchMode = true;
+    }
+    if (!this.isTree) {
+      (_a = this.dataWindow) == null ? void 0 : _a.clear();
+    }
+    return this.createRequest({ groupBy });
+  }
+  selectRequest(requestId, selected) {
+    this.awaitOperation(requestId, { type: "selection", data: selected });
+    info2 == null ? void 0 : info2(\`selectRequest: \${selected}\`);
+    return {
+      type: "SET_SELECTION",
+      vpId: this.serverViewportId,
+      selection: expandSelection(selected)
+    };
+  }
+  removePendingRangeRequest(firstIndex, lastIndex) {
+    for (let i = this.pendingRangeRequests.length - 1; i >= 0; i--) {
+      const { from, to } = this.pendingRangeRequests[i];
+      let isLast = true;
+      if (firstIndex >= from && firstIndex < to || lastIndex > from && lastIndex < to) {
+        if (!isLast) {
+          console.warn(
+            "removePendingRangeRequest TABLE_ROWS are not for latest request"
+          );
+        }
+        this.pendingRangeRequests.splice(i, 1);
+        break;
+      } else {
+        isLast = false;
+      }
+    }
+  }
+  updateRows(rows) {
+    var _a, _b, _c;
+    const [firstRow, lastRow] = getFirstAndLastRows(rows);
+    if (firstRow && lastRow) {
+      this.removePendingRangeRequest(firstRow.rowIndex, lastRow.rowIndex);
+    }
+    if (rows.length === 1 && firstRow.vpSize === 0 && this.disabled) {
+      debug3 == null ? void 0 : debug3(
+        \`ignore a SIZE=0 message on disabled viewport (\${rows.length} rows)\`
+      );
+      return;
+    }
+    for (const row of rows) {
+      if (this.isTree && isLeafUpdate(row)) {
+        continue;
+      } else {
+        if (row.updateType === "SIZE" || ((_a = this.dataWindow) == null ? void 0 : _a.rowCount) !== row.vpSize) {
+          (_b = this.dataWindow) == null ? void 0 : _b.setRowCount(row.vpSize);
+          this.rowCountChanged = true;
+        }
+        if (row.updateType === "U") {
+          if ((_c = this.dataWindow) == null ? void 0 : _c.setAtIndex(row)) {
+            this.hasUpdates = true;
+            if (!this.batchMode) {
+              this.pendingUpdates.push(row);
+            }
+          }
+        }
+      }
+    }
+  }
+  // This is called only after new data has been received from server - data
+  // returned direcly from buffer does not use this.
+  getClientRows() {
+    let out = void 0;
+    let mode = "size-only";
+    if (this.hasUpdates && this.dataWindow) {
+      const { keys } = this;
+      const toClient = this.isTree ? toClientRowTree : toClientRow;
+      if (this.pendingUpdates.length > 0) {
+        out = [];
+        mode = "update";
+        for (const row of this.pendingUpdates) {
+          out.push(toClient(row, keys));
+        }
+        this.pendingUpdates.length = 0;
+      } else {
+        const records = this.dataWindow.getData();
+        if (this.dataWindow.hasAllRowsWithinRange) {
+          out = [];
+          mode = "batch";
+          for (const row of records) {
+            out.push(toClient(row, keys));
+          }
+          this.batchMode = false;
+        }
+      }
+      this.hasUpdates = false;
+    }
+    return [out, mode];
+  }
+  createRequest(params, overWrite = false) {
+    if (overWrite) {
+      return {
+        type: "CHANGE_VP",
+        viewPortId: this.serverViewportId,
+        ...params
+      };
+    } else {
+      return {
+        type: "CHANGE_VP",
+        viewPortId: this.serverViewportId,
+        aggregations: this.aggregations,
+        columns: this.columns,
+        sort: this.sort,
+        groupBy: this.groupBy,
+        filterSpec: {
+          filter: this.filter.filter
+        },
+        ...params
+      };
+    }
+  }
+};
+var toClientRow = ({ rowIndex, rowKey, sel: isSelected, data }, keys) => {
+  return [
+    rowIndex,
+    keys.keyFor(rowIndex),
+    true,
+    false,
+    0,
+    0,
+    rowKey,
+    isSelected
+  ].concat(data);
+};
+var toClientRowTree = ({ rowIndex, rowKey, sel: isSelected, data }, keys) => {
+  const [depth, isExpanded, , isLeaf, , count, ...rest] = data;
+  return [
+    rowIndex,
+    keys.keyFor(rowIndex),
+    isLeaf,
+    isExpanded,
+    depth,
+    count,
+    rowKey,
+    isSelected
+  ].concat(rest);
+};
+
+// src/server-proxy/server-proxy.ts
+var _requestId = 1;
+var { debug: debug4, debugEnabled: debugEnabled4, error: error3, info: info3, infoEnabled: infoEnabled3, warn: warn3 } = logger("server-proxy");
+var nextRequestId = () => \`\${_requestId++}\`;
+var DEFAULT_OPTIONS = {};
+var isActiveViewport = (viewPort) => viewPort.disabled !== true && viewPort.suspended !== true;
+var NO_ACTION = {
+  type: "NO_ACTION"
+};
+var addTitleToLinks = (links, serverViewportId, label) => links.map(
+  (link) => link.parentVpId === serverViewportId ? { ...link, label } : link
+);
+function addLabelsToLinks(links, viewports) {
+  return links.map((linkDescriptor) => {
+    const { parentVpId } = linkDescriptor;
+    const viewport = viewports.get(parentVpId);
+    if (viewport) {
+      return {
+        ...linkDescriptor,
+        parentClientVpId: viewport.clientViewportId,
+        label: viewport.title
+      };
+    } else {
+      throw Error("addLabelsToLinks viewport not found");
+    }
+  });
+}
+var ServerProxy = class {
+  constructor(connection, callback) {
+    this.authToken = "";
+    this.user = "user";
+    this.pendingTableMetaRequests = /* @__PURE__ */ new Map();
+    this.pendingRequests = /* @__PURE__ */ new Map();
+    this.queuedRequests = [];
+    this.cachedTableSchemas = /* @__PURE__ */ new Map();
+    this.connection = connection;
+    this.postMessageToClient = callback;
+    this.viewports = /* @__PURE__ */ new Map();
+    this.mapClientToServerViewport = /* @__PURE__ */ new Map();
+  }
+  async reconnect() {
+    await this.login(this.authToken);
+    const [activeViewports, inactiveViewports] = partition(
+      Array.from(this.viewports.values()),
+      isActiveViewport
+    );
+    this.viewports.clear();
+    this.mapClientToServerViewport.clear();
+    const reconnectViewports = (viewports) => {
+      viewports.forEach((viewport) => {
+        const { clientViewportId } = viewport;
+        this.viewports.set(clientViewportId, viewport);
+        this.sendMessageToServer(viewport.subscribe(), clientViewportId);
+      });
+    };
+    reconnectViewports(activeViewports);
+    setTimeout(() => {
+      reconnectViewports(inactiveViewports);
+    }, 2e3);
+  }
+  async login(authToken, user = "user") {
+    if (authToken) {
+      this.authToken = authToken;
+      this.user = user;
+      return new Promise((resolve, reject) => {
+        this.sendMessageToServer(
+          { type: LOGIN, token: this.authToken, user },
+          ""
+        );
+        this.pendingLogin = { resolve, reject };
+      });
+    } else if (this.authToken === "") {
+      error3("login, cannot login until auth token has been obtained");
+    }
+  }
+  subscribe(message) {
+    if (!this.mapClientToServerViewport.has(message.viewport)) {
+      if (!this.hasSchemaForTable(message.table) && // A Session table is never cached - it is limited to a single workflow interaction
+      // The metadata for a session table is requested even before the subscribe call.
+      !isSessionTable(message.table)) {
+        info3 == null ? void 0 : info3(
+          \`subscribe to \${message.table.table}, no metadata yet, request metadata\`
+        );
+        const requestId = nextRequestId();
+        this.sendMessageToServer(
+          { type: "GET_TABLE_META", table: message.table },
+          requestId
+        );
+        this.pendingTableMetaRequests.set(requestId, message.viewport);
+      }
+      const viewport = new Viewport(message);
+      this.viewports.set(message.viewport, viewport);
+      this.sendIfReady(
+        viewport.subscribe(),
+        message.viewport,
+        this.sessionId !== ""
+      );
+    } else {
+      error3(\`spurious subscribe call \${message.viewport}\`);
+    }
+  }
+  unsubscribe(clientViewportId) {
+    const serverViewportId = this.mapClientToServerViewport.get(clientViewportId);
+    if (serverViewportId) {
+      info3 == null ? void 0 : info3(
+        \`Unsubscribe Message (Client to Server):
+        \${serverViewportId}\`
+      );
+      this.sendMessageToServer({
+        type: REMOVE_VP,
+        viewPortId: serverViewportId
+      });
+    } else {
+      error3(
+        \`failed to unsubscribe client viewport \${clientViewportId}, viewport not found\`
+      );
+    }
+  }
+  getViewportForClient(clientViewportId, throws = true) {
+    const serverViewportId = this.mapClientToServerViewport.get(clientViewportId);
+    if (serverViewportId) {
+      const viewport = this.viewports.get(serverViewportId);
+      if (viewport) {
+        return viewport;
+      } else if (throws) {
+        throw Error(
+          \`Viewport not found for client viewport \${clientViewportId}\`
+        );
+      } else {
+        return null;
+      }
+    } else if (this.viewports.has(clientViewportId)) {
+      return this.viewports.get(clientViewportId);
+    } else if (throws) {
+      throw Error(
+        \`Viewport server id not found for client viewport \${clientViewportId}\`
+      );
+    } else {
+      return null;
+    }
+  }
+  /**********************************************************************/
+  /* Handle messages from client                                        */
+  /**********************************************************************/
+  setViewRange(viewport, message) {
+    const requestId = nextRequestId();
+    const [serverRequest, rows, debounceRequest] = viewport.rangeRequest(
+      requestId,
+      message.range
+    );
+    if (serverRequest) {
+      if (true) {
+        info3 == null ? void 0 : info3(
+          \`CHANGE_VP_RANGE [\${message.range.from}-\${message.range.to}] => [\${serverRequest.from}-\${serverRequest.to}]\`
+        );
+      }
+      this.sendIfReady(
+        serverRequest,
+        requestId,
+        viewport.status === "subscribed"
+      );
+    }
+    if (rows) {
+      this.postMessageToClient({
+        mode: "batch",
+        type: "viewport-update",
+        clientViewportId: viewport.clientViewportId,
+        rows
+      });
+    } else if (debounceRequest) {
+      this.postMessageToClient(debounceRequest);
+    }
+  }
+  setConfig(viewport, message) {
+    const requestId = nextRequestId();
+    const request = viewport.setConfig(requestId, message.config);
+    this.sendIfReady(request, requestId, viewport.status === "subscribed");
+  }
+  aggregate(viewport, message) {
+    const requestId = nextRequestId();
+    const request = viewport.aggregateRequest(requestId, message.aggregations);
+    this.sendIfReady(request, requestId, viewport.status === "subscribed");
+  }
+  sort(viewport, message) {
+    const requestId = nextRequestId();
+    const request = viewport.sortRequest(requestId, message.sort);
+    this.sendIfReady(request, requestId, viewport.status === "subscribed");
+  }
+  groupBy(viewport, message) {
+    const requestId = nextRequestId();
+    const request = viewport.groupByRequest(requestId, message.groupBy);
+    this.sendIfReady(request, requestId, viewport.status === "subscribed");
+  }
+  filter(viewport, message) {
+    const requestId = nextRequestId();
+    const { filter } = message;
+    const request = viewport.filterRequest(requestId, filter);
+    this.sendIfReady(request, requestId, viewport.status === "subscribed");
+  }
+  setColumns(viewport, message) {
+    const requestId = nextRequestId();
+    const { columns } = message;
+    const request = viewport.columnRequest(requestId, columns);
+    this.sendIfReady(request, requestId, viewport.status === "subscribed");
+  }
+  setTitle(viewport, message) {
+    if (viewport) {
+      viewport.title = message.title;
+      this.updateTitleOnVisualLinks(viewport);
+    }
+  }
+  select(viewport, message) {
+    const requestId = nextRequestId();
+    const { selected } = message;
+    const request = viewport.selectRequest(requestId, selected);
+    this.sendIfReady(request, requestId, viewport.status === "subscribed");
+  }
+  disableViewport(viewport) {
+    const requestId = nextRequestId();
+    const request = viewport.disable(requestId);
+    this.sendIfReady(request, requestId, viewport.status === "subscribed");
+  }
+  enableViewport(viewport) {
+    if (viewport.disabled) {
+      const requestId = nextRequestId();
+      const request = viewport.enable(requestId);
+      this.sendIfReady(request, requestId, viewport.status === "subscribed");
+    }
+  }
+  resumeViewport(viewport) {
+    const rows = viewport.resume();
+    this.postMessageToClient({
+      clientViewportId: viewport.clientViewportId,
+      rows,
+      type: "viewport-update"
+    });
+  }
+  openTreeNode(viewport, message) {
+    if (viewport.serverViewportId) {
+      const requestId = nextRequestId();
+      this.sendIfReady(
+        viewport.openTreeNode(requestId, message),
+        requestId,
+        viewport.status === "subscribed"
+      );
+    }
+  }
+  closeTreeNode(viewport, message) {
+    if (viewport.serverViewportId) {
+      const requestId = nextRequestId();
+      this.sendIfReady(
+        viewport.closeTreeNode(requestId, message),
+        requestId,
+        viewport.status === "subscribed"
+      );
+    }
+  }
+  createLink(viewport, message) {
+    const { parentClientVpId, parentColumnName, childColumnName } = message;
+    const requestId = nextRequestId();
+    const parentVpId = this.mapClientToServerViewport.get(parentClientVpId);
+    if (parentVpId) {
+      const request = viewport.createLink(
+        requestId,
+        childColumnName,
+        parentVpId,
+        parentColumnName
+      );
+      this.sendMessageToServer(request, requestId);
+    } else {
+      error3("ServerProxy unable to create link, viewport not found");
+    }
+  }
+  removeLink(viewport) {
+    const requestId = nextRequestId();
+    const request = viewport.removeLink(requestId);
+    this.sendMessageToServer(request, requestId);
+  }
+  updateTitleOnVisualLinks(viewport) {
+    var _a;
+    const { serverViewportId, title } = viewport;
+    for (const vp of this.viewports.values()) {
+      if (vp !== viewport && vp.links && serverViewportId && title) {
+        if ((_a = vp.links) == null ? void 0 : _a.some((link) => link.parentVpId === serverViewportId)) {
+          const [messageToClient] = vp.setLinks(
+            addTitleToLinks(vp.links, serverViewportId, title)
+          );
+          this.postMessageToClient(messageToClient);
+        }
+      }
+    }
+  }
+  removeViewportFromVisualLinks(serverViewportId) {
+    var _a;
+    for (const vp of this.viewports.values()) {
+      if ((_a = vp.links) == null ? void 0 : _a.some(({ parentVpId }) => parentVpId === serverViewportId)) {
+        const [messageToClient] = vp.setLinks(
+          vp.links.filter(({ parentVpId }) => parentVpId !== serverViewportId)
+        );
+        this.postMessageToClient(messageToClient);
+      }
+    }
+  }
+  menuRpcCall(message) {
+    const viewport = this.getViewportForClient(message.vpId, false);
+    if (viewport == null ? void 0 : viewport.serverViewportId) {
+      const [requestId, rpcRequest] = stripRequestId(message);
+      this.sendMessageToServer(
+        {
+          ...rpcRequest,
+          vpId: viewport.serverViewportId
+        },
+        requestId
+      );
+    }
+  }
+  rpcCall(message) {
+    const [requestId, rpcRequest] = stripRequestId(message);
+    const module = getRpcServiceModule(rpcRequest.service);
+    this.sendMessageToServer(rpcRequest, requestId, { module });
+  }
+  handleMessageFromClient(message) {
+    debug4 == null ? void 0 : debug4(\`handleMessageFromClient: \${message.type}\`);
+    if (isViewporttMessage(message)) {
+      if (message.type === "disable") {
+        const viewport = this.getViewportForClient(message.viewport, false);
+        if (viewport !== null) {
+          return this.disableViewport(viewport);
+        } else {
+          return;
+        }
+      } else {
+        const viewport = this.getViewportForClient(message.viewport);
+        switch (message.type) {
+          case "setViewRange":
+            return this.setViewRange(viewport, message);
+          case "config":
+            return this.setConfig(viewport, message);
+          case "aggregate":
+            return this.aggregate(viewport, message);
+          case "sort":
+            return this.sort(viewport, message);
+          case "groupBy":
+            return this.groupBy(viewport, message);
+          case "filter":
+            return this.filter(viewport, message);
+          case "select":
+            return this.select(viewport, message);
+          case "suspend":
+            return viewport.suspend();
+          case "resume":
+            return this.resumeViewport(viewport);
+          case "enable":
+            return this.enableViewport(viewport);
+          case "openTreeNode":
+            return this.openTreeNode(viewport, message);
+          case "closeTreeNode":
+            return this.closeTreeNode(viewport, message);
+          case "createLink":
+            return this.createLink(viewport, message);
+          case "removeLink":
+            return this.removeLink(viewport);
+          case "setColumns":
+            return this.setColumns(viewport, message);
+          case "setTitle":
+            return this.setTitle(viewport, message);
+          default:
+        }
+      }
+    } else if (isVuuMenuRpcRequest(message)) {
+      return this.menuRpcCall(message);
+    } else {
+      const { type, requestId } = message;
+      switch (type) {
+        case "GET_TABLE_LIST":
+          return this.sendMessageToServer({ type }, requestId);
+        case "GET_TABLE_META":
+          return this.sendMessageToServer(
+            { type, table: message.table },
+            requestId
+          );
+        case "RPC_CALL":
+          return this.rpcCall(message);
+        default:
+      }
+    }
+    error3(
+      \`Vuu ServerProxy Unexpected message from client \${JSON.stringify(
+        message
+      )}\`
+    );
+  }
+  awaitResponseToMessage(message) {
+    return new Promise((resolve, reject) => {
+      const requestId = nextRequestId();
+      this.sendMessageToServer(message, requestId);
+      this.pendingRequests.set(requestId, { reject, resolve });
+    });
+  }
+  sendIfReady(message, requestId, isReady = true) {
+    if (isReady) {
+      this.sendMessageToServer(message, requestId);
+    } else {
+      this.queuedRequests.push(message);
+    }
+    return isReady;
+  }
+  sendMessageToServer(body, requestId = \`\${_requestId++}\`, options = DEFAULT_OPTIONS) {
+    const { module = "CORE" } = options;
+    if (this.authToken) {
+      this.connection.send({
+        requestId,
+        sessionId: this.sessionId,
+        token: this.authToken,
+        user: this.user,
+        module,
+        body
+      });
+    }
+  }
+  handleMessageFromServer(message) {
+    var _a, _b, _c;
+    const { body, requestId, sessionId } = message;
+    const pendingRequest = this.pendingRequests.get(requestId);
+    if (pendingRequest) {
+      const { resolve } = pendingRequest;
+      this.pendingRequests.delete(requestId);
+      resolve(body);
+      return;
+    }
+    const { viewports } = this;
+    switch (body.type) {
+      case HB:
+        this.sendMessageToServer(
+          { type: HB_RESP, ts: +/* @__PURE__ */ new Date() },
+          "NA"
+        );
+        break;
+      case LOGIN_SUCCESS:
+        if (sessionId) {
+          this.sessionId = sessionId;
+          (_a = this.pendingLogin) == null ? void 0 : _a.resolve(sessionId);
+          this.pendingLogin = void 0;
+        } else {
+          throw Error("LOGIN_SUCCESS did not provide sessionId");
+        }
+        break;
+      case CREATE_VP_SUCCESS:
+        {
+          const viewport = viewports.get(requestId);
+          if (viewport) {
+            const { status: viewportStatus } = viewport;
+            const { viewPortId: serverViewportId } = body;
+            if (requestId !== serverViewportId) {
+              viewports.delete(requestId);
+              viewports.set(serverViewportId, viewport);
+            }
+            this.mapClientToServerViewport.set(requestId, serverViewportId);
+            const response = viewport.handleSubscribed(body);
+            if (response) {
+              this.postMessageToClient(response);
+              if (debugEnabled4) {
+                debug4(
+                  \`post DataSourceSubscribedMessage to client: \${JSON.stringify(
+                    response
+                  )}\`
+                );
+              }
+            }
+            if (viewport.disabled) {
+              this.disableViewport(viewport);
+            }
+            if (viewportStatus === "subscribing" && // A session table will never have Visual Links, nor Context Menus
+            !isSessionTable(viewport.table)) {
+              this.sendMessageToServer({
+                type: GET_VP_VISUAL_LINKS,
+                vpId: serverViewportId
+              });
+              this.sendMessageToServer({
+                type: GET_VIEW_PORT_MENUS,
+                vpId: serverViewportId
+              });
+              Array.from(viewports.entries()).filter(
+                ([id, { disabled }]) => id !== serverViewportId && !disabled
+              ).forEach(([vpId]) => {
+                this.sendMessageToServer({
+                  type: GET_VP_VISUAL_LINKS,
+                  vpId
+                });
+              });
+            }
+          }
+        }
+        break;
+      case "REMOVE_VP_SUCCESS":
+        {
+          const viewport = this.viewports.get(body.viewPortId);
+          if (viewport) {
+            this.mapClientToServerViewport.delete(viewport.clientViewportId);
+            viewports.delete(body.viewPortId);
+            this.removeViewportFromVisualLinks(body.viewPortId);
+          }
+        }
+        break;
+      case SET_SELECTION_SUCCESS:
+        {
+          const viewport = this.viewports.get(body.vpId);
+          if (viewport) {
+            viewport.completeOperation(requestId);
+          }
+        }
+        break;
+      case CHANGE_VP_SUCCESS:
+      case DISABLE_VP_SUCCESS:
+        if (viewports.has(body.viewPortId)) {
+          const viewport = this.viewports.get(body.viewPortId);
+          if (viewport) {
+            const response = viewport.completeOperation(requestId);
+            if (response !== void 0) {
+              this.postMessageToClient(response);
+              if (debugEnabled4) {
+                debug4(\`postMessageToClient \${JSON.stringify(response)}\`);
+              }
+            }
+          }
+        }
+        break;
+      case ENABLE_VP_SUCCESS:
+        {
+          const viewport = this.viewports.get(body.viewPortId);
+          if (viewport) {
+            const response = viewport.completeOperation(requestId);
+            if (response) {
+              this.postMessageToClient(response);
+              const rows = viewport.currentData();
+              debugEnabled4 && debug4(
+                \`Enable Response (ServerProxy to Client):  \${JSON.stringify(
+                  response
+                )}\`
+              );
+              if (viewport.size === 0) {
+                debugEnabled4 && debug4(\`Viewport Enabled but size 0, resend  to server\`);
+              } else {
+                this.postMessageToClient({
+                  clientViewportId: viewport.clientViewportId,
+                  mode: "batch",
+                  rows,
+                  size: viewport.size,
+                  type: "viewport-update"
+                });
+                debugEnabled4 && debug4(
+                  \`Enable Response (ServerProxy to Client): send size \${viewport.size} \${rows.length} rows from cache\`
+                );
+              }
+            }
+          }
+        }
+        break;
+      case TABLE_ROW:
+        {
+          const viewportRowMap = groupRowsByViewport(body.rows);
+          if (debugEnabled4) {
+            const [firstRow, secondRow] = body.rows;
+            if (body.rows.length === 0) {
+              debug4("handleMessageFromServer TABLE_ROW 0 rows");
+            } else if ((firstRow == null ? void 0 : firstRow.rowIndex) === -1) {
+              if (body.rows.length === 1) {
+                if (firstRow.updateType === "SIZE") {
+                  debug4(
+                    \`handleMessageFromServer [\${firstRow.viewPortId}] TABLE_ROW SIZE ONLY \${firstRow.vpSize}\`
+                  );
+                } else {
+                  debug4(
+                    \`handleMessageFromServer [\${firstRow.viewPortId}] TABLE_ROW SIZE \${firstRow.vpSize} rowIdx \${firstRow.rowIndex}\`
+                  );
+                }
+              } else {
+                debug4(
+                  \`handleMessageFromServer TABLE_ROW \${body.rows.length} rows, SIZE \${firstRow.vpSize}, [\${secondRow == null ? void 0 : secondRow.rowIndex}] - [\${(_b = body.rows[body.rows.length - 1]) == null ? void 0 : _b.rowIndex}]\`
+                );
+              }
+            } else {
+              debug4(
+                \`handleMessageFromServer TABLE_ROW \${body.rows.length} rows [\${firstRow == null ? void 0 : firstRow.rowIndex}] - [\${(_c = body.rows[body.rows.length - 1]) == null ? void 0 : _c.rowIndex}]\`
+              );
+            }
+          }
+          for (const [viewportId, rows] of Object.entries(viewportRowMap)) {
+            const viewport = viewports.get(viewportId);
+            if (viewport) {
+              viewport.updateRows(rows);
+            } else {
+              warn3 == null ? void 0 : warn3(
+                \`TABLE_ROW message received for non registered viewport \${viewportId}\`
+              );
+            }
+          }
+          this.processUpdates();
+        }
+        break;
+      case CHANGE_VP_RANGE_SUCCESS:
+        {
+          const viewport = this.viewports.get(body.viewPortId);
+          if (viewport) {
+            const { from, to } = body;
+            if (true) {
+              info3 == null ? void 0 : info3(\`CHANGE_VP_RANGE_SUCCESS \${from} - \${to}\`);
+            }
+            viewport.completeOperation(requestId, from, to);
+          }
+        }
+        break;
+      case OPEN_TREE_SUCCESS:
+      case CLOSE_TREE_SUCCESS:
+        break;
+      case "CREATE_VISUAL_LINK_SUCCESS":
+        {
+          const viewport = this.viewports.get(body.childVpId);
+          const parentViewport = this.viewports.get(body.parentVpId);
+          if (viewport && parentViewport) {
+            const { childColumnName, parentColumnName } = body;
+            const response = viewport.completeOperation(
+              requestId,
+              childColumnName,
+              parentViewport.clientViewportId,
+              parentColumnName
+            );
+            if (response) {
+              this.postMessageToClient(response);
+            }
+          }
+        }
+        break;
+      case "REMOVE_VISUAL_LINK_SUCCESS":
+        {
+          const viewport = this.viewports.get(body.childVpId);
+          if (viewport) {
+            const response = viewport.completeOperation(
+              requestId
+            );
+            if (response) {
+              this.postMessageToClient(response);
+            }
+          }
+        }
+        break;
+      case TABLE_LIST_RESP:
+        this.postMessageToClient({
+          type: TABLE_LIST_RESP,
+          tables: body.tables,
+          requestId
+        });
+        break;
+      case TABLE_META_RESP:
+        {
+          const tableSchema = this.cacheTableMeta(body);
+          const clientViewportId = this.pendingTableMetaRequests.get(requestId);
+          if (clientViewportId) {
+            this.pendingTableMetaRequests.delete(requestId);
+            const viewport = this.viewports.get(clientViewportId);
+            if (viewport) {
+              viewport.setTableSchema(tableSchema);
+            } else {
+              warn3 == null ? void 0 : warn3(
+                "Message has come back AFTER CREATE_VP_SUCCESS, what do we do now"
+              );
+            }
+          } else {
+            this.postMessageToClient({
+              type: TABLE_META_RESP,
+              tableSchema,
+              requestId
+            });
+          }
+        }
+        break;
+      case "VP_VISUAL_LINKS_RESP":
+        {
+          const activeLinkDescriptors = this.getActiveLinks(body.links);
+          const viewport = this.viewports.get(body.vpId);
+          if (activeLinkDescriptors.length && viewport) {
+            const linkDescriptorsWithLabels = addLabelsToLinks(
+              activeLinkDescriptors,
+              this.viewports
+            );
+            const [clientMessage, pendingLink] = viewport.setLinks(
+              linkDescriptorsWithLabels
+            );
+            this.postMessageToClient(clientMessage);
+            if (pendingLink) {
+              const { link, parentClientVpId } = pendingLink;
+              const requestId2 = nextRequestId();
+              const serverViewportId = this.mapClientToServerViewport.get(parentClientVpId);
+              if (serverViewportId) {
+                const message2 = viewport.createLink(
+                  requestId2,
+                  link.fromColumn,
+                  serverViewportId,
+                  link.toColumn
+                );
+                this.sendMessageToServer(message2, requestId2);
+              }
+            }
+          }
+        }
+        break;
+      case "VIEW_PORT_MENUS_RESP":
+        if (body.menu.name) {
+          const viewport = this.viewports.get(body.vpId);
+          if (viewport) {
+            const clientMessage = viewport.setMenu(body.menu);
+            this.postMessageToClient(clientMessage);
+          }
+        }
+        break;
+      case "VP_EDIT_RPC_RESPONSE":
+        {
+          this.postMessageToClient({
+            action: body.action,
+            requestId,
+            rpcName: body.rpcName,
+            type: "VP_EDIT_RPC_RESPONSE"
+          });
+        }
+        break;
+      case "VP_EDIT_RPC_REJECT":
+        {
+          const viewport = this.viewports.get(body.vpId);
+          if (viewport) {
+            this.postMessageToClient({
+              requestId,
+              type: "VP_EDIT_RPC_REJECT",
+              error: body.error
+            });
+          }
+        }
+        break;
+      case "VIEW_PORT_MENU_RESP":
+        {
+          if (isSessionTableActionMessage(body)) {
+            const { action, rpcName } = body;
+            this.awaitResponseToMessage({
+              type: "GET_TABLE_META",
+              table: action.table
+            }).then((response) => {
+              const tableSchema = createSchemaFromTableMetadata(
+                response
+              );
+              this.postMessageToClient({
+                rpcName,
+                type: "VIEW_PORT_MENU_RESP",
+                action: {
+                  ...action,
+                  tableSchema
+                },
+                tableAlreadyOpen: this.isTableOpen(action.table),
+                requestId
+              });
+            });
+          } else {
+            const { action } = body;
+            this.postMessageToClient({
+              type: "VIEW_PORT_MENU_RESP",
+              action: action || NO_ACTION,
+              tableAlreadyOpen: action !== null && this.isTableOpen(action.table),
+              requestId
+            });
+          }
+        }
+        break;
+      case RPC_RESP:
+        {
+          const { method, result } = body;
+          this.postMessageToClient({
+            type: RPC_RESP,
+            method,
+            result,
+            requestId
+          });
+        }
+        break;
+      case "ERROR":
+        error3(body.msg);
+        break;
+      default:
+        infoEnabled3 && info3(\`handleMessageFromServer \${body["type"]}.\`);
+    }
+  }
+  hasSchemaForTable(table) {
+    return this.cachedTableSchemas.has(\`\${table.module}:\${table.table}\`);
+  }
+  cacheTableMeta(messageBody) {
+    const { module, table } = messageBody.table;
+    const key = \`\${module}:\${table}\`;
+    let tableSchema = this.cachedTableSchemas.get(key);
+    if (!tableSchema) {
+      tableSchema = createSchemaFromTableMetadata(messageBody);
+      this.cachedTableSchemas.set(key, tableSchema);
+    }
+    return tableSchema;
+  }
+  isTableOpen(table) {
+    if (table) {
+      const tableName = table.table;
+      for (const viewport of this.viewports.values()) {
+        if (!viewport.suspended && viewport.table.table === tableName) {
+          return true;
+        }
+      }
+    }
+  }
+  // Eliminate links to suspended viewports
+  getActiveLinks(linkDescriptors) {
+    return linkDescriptors.filter((linkDescriptor) => {
+      const viewport = this.viewports.get(linkDescriptor.parentVpId);
+      return viewport && !viewport.suspended;
+    });
+  }
+  processUpdates() {
+    this.viewports.forEach((viewport) => {
+      var _a;
+      if (viewport.hasUpdatesToProcess) {
+        const [rows, mode] = viewport.getClientRows();
+        const size = viewport.getNewRowCount();
+        if (size !== void 0 || rows && rows.length > 0) {
+          debugEnabled4 && debug4(
+            \`postMessageToClient #\${viewport.clientViewportId} viewport-update \${mode}, \${(_a = rows == null ? void 0 : rows.length) != null ? _a : "no"} rows, size \${size}\`
+          );
+          this.postMessageToClient({
+            clientViewportId: viewport.clientViewportId,
+            mode,
+            rows,
+            size,
+            type: "viewport-update"
+          });
+        }
+      }
+    });
+  }
+};
+
+// src/worker.ts
+var server;
+var { info: info4, infoEnabled: infoEnabled4 } = logger("worker");
+async function connectToServer(url, protocol, token, username, onConnectionStatusChange) {
+  const connection = await connect(
+    url,
+    protocol,
+    // if this was called during connect, we would get a ReferenceError, but it will
+    // never be called until subscriptions have been made, so this is safe.
+    //TODO do we need to listen in to the connection messages here so we can lock back in, in the event of a reconnenct ?
+    (msg) => {
+      if (isConnectionQualityMetrics(msg))
+        postMessage({ type: "connection-metrics", messages: msg });
+      else if (isConnectionStatusMessage(msg)) {
+        onConnectionStatusChange(msg);
+        if (msg.status === "reconnected") {
+          server.reconnect();
+        }
+      } else {
+        server.handleMessageFromServer(msg);
+      }
+    }
+  );
+  server = new ServerProxy(connection, (msg) => sendMessageToClient(msg));
+  if (connection.requiresLogin) {
+    await server.login(token, username);
+  }
+}
+function sendMessageToClient(message) {
+  postMessage(message);
+}
+var handleMessageFromClient = async ({
+  data: message
+}) => {
+  switch (message.type) {
+    case "connect":
+      await connectToServer(
+        message.url,
+        message.protocol,
+        message.token,
+        message.username,
+        postMessage
+      );
+      postMessage({ type: "connected" });
+      break;
+    case "subscribe":
+      infoEnabled4 && info4(\`client subscribe: \${JSON.stringify(message)}\`);
+      server.subscribe(message);
+      break;
+    case "unsubscribe":
+      infoEnabled4 && info4(\`client unsubscribe: \${JSON.stringify(message)}\`);
+      server.unsubscribe(message.viewport);
+      break;
+    default:
+      infoEnabled4 && info4(\`client message: \${JSON.stringify(message)}\`);
+      server.handleMessageFromClient(message);
+  }
+};
+self.addEventListener("message", handleMessageFromClient);
+postMessage({ type: "ready" });
 
 `;
 
@@ -4603,26 +7001,58 @@ var Stack3 = class {
   // be done.
   /// @internal
   forceReduce() {
-    let reduce = this.p.parser.stateSlot(
+    let { parser: parser2 } = this.p;
+    let reduce = parser2.stateSlot(
       this.state,
       5
       /* ParseState.ForcedReduce */
     );
     if ((reduce & 65536) == 0)
       return false;
-    let { parser: parser2 } = this.p;
     if (!parser2.validAction(this.state, reduce)) {
       let depth = reduce >> 19, term = reduce & 65535;
       let target = this.stack.length - depth * 3;
-      if (target < 0 || parser2.getGoto(this.stack[target], term, false) < 0)
-        return false;
-      this.storeNode(0, this.reducePos, this.reducePos, 4, true);
+      if (target < 0 || parser2.getGoto(this.stack[target], term, false) < 0) {
+        let backup = this.findForcedReduction();
+        if (backup == null)
+          return false;
+        reduce = backup;
+      }
+      this.storeNode(0, this.pos, this.pos, 4, true);
       this.score -= 100;
     }
     this.reducePos = this.pos;
     this.reduce(reduce);
     return true;
   }
+  /// Try to scan through the automaton to find some kind of reduction
+  /// that can be applied. Used when the regular ForcedReduce field
+  /// isn't a valid action. @internal
+  findForcedReduction() {
+    let { parser: parser2 } = this.p, seen = [];
+    let explore = (state, depth) => {
+      if (seen.includes(state))
+        return;
+      seen.push(state);
+      return parser2.allActions(state, (action) => {
+        if (action & (262144 | 131072))
+          ;
+        else if (action & 65536) {
+          let rDepth = (action >> 19) - depth;
+          if (rDepth > 1) {
+            let term = action & 65535, target = this.stack.length - rDepth * 3;
+            if (target >= 0 && parser2.getGoto(this.stack[target], term, false) >= 0)
+              return rDepth << 19 | 65536 | term;
+          }
+        } else {
+          let found = explore(action, depth + 1);
+          if (found != null)
+            return found;
+        }
+      });
+    };
+    return explore(this.state, 0);
+  }
   /// @internal
   forceAll() {
     while (!this.p.parser.stateFlag(
@@ -4691,13 +7121,13 @@ var Stack3 = class {
   emitContext() {
     let last = this.buffer.length - 1;
     if (last < 0 || this.buffer[last] != -3)
-      this.buffer.push(this.curContext.hash, this.reducePos, this.reducePos, -3);
+      this.buffer.push(this.curContext.hash, this.pos, this.pos, -3);
   }
   /// @internal
   emitLookAhead() {
     let last = this.buffer.length - 1;
     if (last < 0 || this.buffer[last] != -4)
-      this.buffer.push(this.lookAhead, this.reducePos, this.reducePos, -4);
+      this.buffer.push(this.lookAhead, this.pos, this.pos, -4);
   }
   updateContext(context) {
     if (context != this.curContext.context) {
@@ -5054,16 +7484,17 @@ var LocalTokenGroup = class {
   token(input, stack) {
     let start2 = input.pos, skipped = 0;
     for (; ; ) {
+      let atEof = input.next < 0, nextPos = input.resolveOffset(1, 1);
       readToken(this.data, input, stack, 0, this.data, this.precTable);
       if (input.token.value > -1)
         break;
       if (this.elseToken == null)
         return;
-      if (input.next < 0)
+      if (!atEof)
+        skipped++;
+      if (nextPos == null)
         break;
-      input.advance();
-      input.reset(input.pos, input.token);
-      skipped++;
+      input.reset(nextPos, input.token);
     }
     if (skipped) {
       input.reset(start2, input.token);
@@ -5776,26 +8207,30 @@ var LRParser = class extends Parser {
   }
   /// @internal
   validAction(state, action) {
-    if (action == this.stateSlot(
+    return !!this.allActions(state, (a) => a == action ? true : null);
+  }
+  /// @internal
+  allActions(state, action) {
+    let deflt = this.stateSlot(
       state,
       4
       /* ParseState.DefaultReduce */
-    ))
-      return true;
+    );
+    let result = deflt ? action(deflt) : void 0;
     for (let i = this.stateSlot(
       state,
       1
       /* ParseState.Actions */
-    ); ; i += 3) {
+    ); result == null; i += 3) {
       if (this.data[i] == 65535) {
         if (this.data[i + 1] == 1)
           i = pair(this.data, i + 2);
         else
-          return false;
+          break;
       }
-      if (action == pair(this.data, i + 1))
-        return true;
+      result = action(pair(this.data, i + 1));
     }
+    return result;
   }
   /// Get the states that can follow this one through shift actions or
   /// goto jumps. @internal