@vuu-ui/vuu-filters 0.8.14 → 0.8.15-debug

package/types/vuu-data/src/data-source.d.ts

@@ -0,0 +1,237 @@
+import { DataSourceFilter, DataSourceRow } from "@vuu-ui/vuu-data-types";
+import { ColumnDescriptor, SelectionChangeHandler } from "@vuu-ui/vuu-table-types";
+import { ClientToServerEditRpc, ClientToServerMenuRPC, ClientToServerViewportRpcCall, LinkDescriptorWithLabel, VuuAggregation, VuuColumns, VuuDataRowDto, VuuFilter, VuuGroupBy, VuuLinkDescriptor, VuuMenu, VuuRange, VuuRowDataItemType, VuuSort, VuuTable } from "@vuu-ui/vuu-protocol-types";
+import { EventEmitter } from "@vuu-ui/vuu-utils";
+import { TableSchema } from "./message-utils";
+import { MenuRpcResponse, ViewportRpcResponse, VuuUIMessageInRPCEditReject, VuuUIMessageInRPCEditResponse } from "./vuuUIMessageTypes";
+export interface MessageWithClientViewportId {
+    clientViewportId: string;
+}
+export interface DataSourceAggregateMessage extends MessageWithClientViewportId {
+    aggregations: VuuAggregation[];
+    type: "aggregate";
+}
+export type DataUpdateMode = "batch" | "update" | "size-only";
+export interface DataSourceDataMessage extends MessageWithClientViewportId {
+    mode: DataUpdateMode;
+    rows?: DataSourceRow[];
+    size?: number;
+    type: "viewport-update";
+}
+export interface DataSourceDataSizeMessage extends MessageWithClientViewportId {
+    mode: "size-only";
+    size: number;
+    type: "viewport-update";
+}
+export interface DataSourceDebounceRequest extends MessageWithClientViewportId {
+    type: "debounce-begin";
+}
+export declare const isSizeOnly: (message: DataSourceCallbackMessage) => message is DataSourceDataSizeMessage;
+export interface DataSourceDisabledMessage extends MessageWithClientViewportId {
+    type: "disabled";
+}
+export interface DataSourceEnabledMessage extends MessageWithClientViewportId {
+    type: "enabled";
+}
+export interface DataSourceColumnsMessage extends MessageWithClientViewportId {
+    type: "columns";
+    columns: VuuColumns;
+}
+export interface DataSourceFilterMessage extends MessageWithClientViewportId {
+    type: "filter";
+    filter: DataSourceFilter;
+}
+export interface DataSourceGroupByMessage extends MessageWithClientViewportId {
+    type: "groupBy";
+    groupBy: VuuGroupBy | undefined;
+}
+export interface DataSourceSetConfigMessage extends MessageWithClientViewportId {
+    type: "config";
+    config: WithFullConfig;
+}
+export interface DataSourceMenusMessage extends MessageWithClientViewportId {
+    type: "vuu-menu";
+    menu: VuuMenu;
+}
+export interface DataSourceSortMessage extends MessageWithClientViewportId {
+    type: "sort";
+    sort: VuuSort;
+}
+export type DataSourceConfigMessage = DataSourceAggregateMessage | DataSourceColumnsMessage | DataSourceFilterMessage | DataSourceGroupByMessage | DataSourceSortMessage | DataSourceSetConfigMessage;
+export declare const toDataSourceConfig: (message: DataSourceConfigMessage) => DataSourceConfig;
+type DataConfigPredicate = (config: DataSourceConfig, newConfig: DataSourceConfig) => boolean;
+export declare const filterChanged: DataConfigPredicate;
+export declare const hasGroupBy: (config?: DataSourceConfig) => config is WithGroupBy;
+export declare const hasFilter: (config?: DataSourceConfig) => config is WithFilter;
+export declare const hasSort: (config?: DataSourceConfig) => config is WithSort;
+export declare const groupByChanged: DataConfigPredicate;
+export declare const columnsChanged: DataConfigPredicate;
+export declare const configChanged: (config: DataSourceConfig | undefined, newConfig: DataSourceConfig | undefined) => boolean;
+export interface DataSourceSubscribedMessage extends MessageWithClientViewportId, MessageWithClientViewportId {
+    aggregations: VuuAggregation[];
+    columns: VuuColumns;
+    filter: DataSourceFilter;
+    groupBy: VuuGroupBy;
+    range: VuuRange;
+    sort: VuuSort;
+    tableSchema: Readonly<TableSchema>;
+    type: "subscribed";
+}
+export interface DataSourceVisualLinkCreatedMessage extends MessageWithClientViewportId {
+    colName: string;
+    parentViewportId: string;
+    parentColName: string;
+    type: "vuu-link-created";
+}
+export interface DataSourceVisualLinkRemovedMessage extends MessageWithClientViewportId {
+    type: "vuu-link-removed";
+}
+export interface DataSourceVisualLinksMessage extends MessageWithClientViewportId {
+    type: "vuu-links";
+    links: VuuLinkDescriptor[];
+}
+export type VuuFeatureMessage = DataSourceMenusMessage | DataSourceVisualLinksMessage;
+export type VuuFeatureInvocationMessage = DataSourceVisualLinkCreatedMessage | DataSourceVisualLinkRemovedMessage;
+export type DataSourceCallbackMessage = DataSourceConfigMessage | DataSourceColumnsMessage | DataSourceDataMessage | DataSourceDebounceRequest | DataSourceDisabledMessage | DataSourceEnabledMessage | DataSourceMenusMessage | DataSourceSubscribedMessage | DataSourceVisualLinkCreatedMessage | DataSourceVisualLinkRemovedMessage | DataSourceVisualLinksMessage;
+export type ConfigChangeColumnsMessage = {
+    type: "columns";
+    columns?: ColumnDescriptor[];
+};
+export type ConfigChangeMessage = ConfigChangeColumnsMessage | DataSourceAggregateMessage | DataSourceFilterMessage | DataSourceGroupByMessage | DataSourceSortMessage | DataSourceVisualLinkCreatedMessage | DataSourceVisualLinkRemovedMessage;
+export type ConfigChangeHandler = (msg: ConfigChangeMessage) => void;
+export declare const shouldMessageBeRoutedToDataSource: (message: unknown) => message is DataSourceCallbackMessage;
+export declare const isDataSourceConfigMessage: (message: DataSourceCallbackMessage) => message is DataSourceConfigMessage;
+/**
+ * Described the configuration values that should typically be
+ * persisted across sessions.
+ */
+export interface WithFullConfig {
+    readonly aggregations: VuuAggregation[];
+    readonly columns: string[];
+    readonly filter: DataSourceFilter;
+    readonly groupBy: VuuGroupBy;
+    readonly sort: VuuSort;
+    readonly visualLink?: LinkDescriptorWithLabel;
+}
+export declare const NoFilter: VuuFilter;
+export declare const NoSort: VuuSort;
+export declare const vanillaConfig: WithFullConfig;
+export declare const withConfigDefaults: (config: DataSourceConfig) => WithFullConfig & {
+    visualLink?: LinkDescriptorWithLabel;
+};
+export interface DataSourceConfig extends Partial<WithFullConfig> {
+    visualLink?: LinkDescriptorWithLabel;
+}
+export interface WithGroupBy extends DataSourceConfig {
+    groupBy: VuuGroupBy;
+}
+export interface WithFilter extends DataSourceConfig {
+    filter: DataSourceFilter;
+}
+export interface WithSort extends DataSourceConfig {
+    sort: VuuSort;
+}
+export interface DataSourceConstructorProps extends DataSourceConfig {
+    bufferSize?: number;
+    table: VuuTable;
+    title?: string;
+    viewport?: string;
+}
+export interface SubscribeProps {
+    viewport?: string;
+    columns?: string[];
+    aggregations?: VuuAggregation[];
+    range?: VuuRange;
+    sort?: VuuSort;
+    groupBy?: VuuGroupBy;
+    filter?: DataSourceFilter;
+    title?: string;
+}
+export type SubscribeCallback = (message: DataSourceCallbackMessage) => void;
+export type OptimizeStrategy = "none" | "throttle" | "debounce";
+export type DataSourceEvents = {
+    config: (config: DataSourceConfig | undefined, confirmed?: boolean) => void;
+    optimize: (optimize: OptimizeStrategy) => void;
+    range: (range: VuuRange) => void;
+    resize: (size: number) => void;
+};
+/**
+ * return Promise<true> indicates success
+ * return Promise<errorMessage> indicates failure
+ */
+export type DataSourceEditHandler = (row: DataSourceRow, columnName: string, value: VuuRowDataItemType) => Promise<true | string>;
+export type DataSourceDeleteHandler = (key: string) => Promise<true | string>;
+export type DataSourceInsertHandler = (key: string, data: VuuDataRowDto) => Promise<true | string>;
+export type RpcResponse = MenuRpcResponse | VuuUIMessageInRPCEditReject | VuuUIMessageInRPCEditResponse | ViewportRpcResponse;
+export type RpcResponseHandler = (response: RpcResponse) => boolean;
+export type RowSearchPredicate = (row: DataSourceRow) => boolean;
+export type DataSourceStatus = "disabled" | "disabling" | "enabled" | "enabling" | "initialising" | "subscribing" | "subscribed" | "suspended" | "unsubscribed";
+export interface TypeaheadSuggestionProvider {
+    getTypeaheadSuggestions: (columnName: string, pattern?: string) => Promise<string[]>;
+}
+export declare const isTypeaheadSuggestionProvider: (source: unknown) => source is TypeaheadSuggestionProvider;
+export interface DataSource extends EventEmitter<DataSourceEvents>, Partial<TypeaheadSuggestionProvider> {
+    aggregations: VuuAggregation[];
+    applyEdit: DataSourceEditHandler;
+    /**
+     * set config without triggering config event. Use this method when initialising
+     * a dataSource that has been restored from session state. The dataSource will
+     * not yet be subscribed. Triggering the config event is unnecessary and might
+     * cause a React exception if the event were to cause a render.
+     * @param config DataSourceConfig
+     * @returns true if config has been applied (will not be if existig config is same)
+     */
+    applyConfig: (config: DataSourceConfig) => true | undefined;
+    closeTreeNode: (key: string, cascade?: boolean) => void;
+    columns: string[];
+    config: DataSourceConfig;
+    status: DataSourceStatus;
+    /**
+     *
+     * Similar to disable but intended for pauses of very short duration (default is 3 seconds). Although
+     * the dataSource will stop sending messages until resumed, it will not disconnect from a  remote server.
+     * It will preserve subscription to the remote server and continue to apply updates to cached data. It
+     * just won't send updates through to the UI thread (until resumed). Useful in edge cases such as where a
+     * component is dragged to a new location. When dropped, the component will be unmounted and very quickly
+     * remounted by React. For the duration of this operation, we suspend updates . Updating an unmounted
+     * React component would cause a React error.
+     * If an suspend is requested and not resumed within 3 seconds, it will automatically be promoted to a disable.,
+     */
+    suspend?: () => void;
+    resume?: () => void;
+    deleteRow?: DataSourceDeleteHandler;
+    /**
+     * For a dataSource that has been previously disabled and is currently in disabled state , this will restore
+     * the subscription to active status. Fresh data will be dispatched to client. The enable call optionally
+     * accepts the same subscribe callback as subscribe. This allows a completely new instance of a component to
+     * assume ownership of a subscription and receive all messages.
+     */
+    enable?: (callback?: SubscribeCallback) => void;
+    /**
+     * Disables this subscription. A datasource will send no further messages until re-enabled. Example usage
+     * might be for a component displayed within a set of Tabs. If user switches to another tab, the dataSource
+     * of the component that is no longer visible can be disabled until it is made visible again.
+     */
+    disable?: () => void;
+    filter: DataSourceFilter;
+    groupBy: VuuGroupBy;
+    insertRow?: DataSourceInsertHandler;
+    links?: LinkDescriptorWithLabel[];
+    menu?: VuuMenu;
+    menuRpcCall: (rpcRequest: Omit<ClientToServerMenuRPC, "vpId"> | ClientToServerEditRpc) => Promise<RpcResponse | undefined>;
+    rpcCall?: <T extends RpcResponse = RpcResponse>(message: Omit<ClientToServerViewportRpcCall, "vpId">) => Promise<T | undefined>;
+    openTreeNode: (key: string) => void;
+    range: VuuRange;
+    select: SelectionChangeHandler;
+    readonly selectedRowsCount: number;
+    readonly size: number;
+    sort: VuuSort;
+    subscribe: (props: SubscribeProps, callback: SubscribeCallback) => Promise<void>;
+    table?: VuuTable;
+    readonly tableSchema?: TableSchema;
+    title?: string;
+    unsubscribe: () => void;
+    viewport?: string;
+    visualLink?: LinkDescriptorWithLabel;
+}
+export {};

package/types/vuu-data/src/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./authenticate";
+export * from "./connection-manager";
+export type { ServerAPI } from "./connection-manager";
+export * from "./constants";
+export * from "./data-source";
+export * from "./message-utils";
+export * from "./array-data-source/array-data-source";
+export * from "./json-data-source";
+export * from "./remote-data-source";
+export * from "./vuuUIMessageTypes";

package/types/vuu-data/src/inlined-worker.d.ts

@@ -0,0 +1 @@
+export const workerSourceCode: "\nvar __accessCheck = (obj, member, msg) => {\n  if (!member.has(obj))\n    throw TypeError(\"Cannot \" + msg);\n};\nvar __privateGet = (obj, member, getter) => {\n  __accessCheck(obj, member, \"read from private field\");\n  return getter ? getter.call(obj) : member.get(obj);\n};\nvar __privateAdd = (obj, member, value) => {\n  if (member.has(obj))\n    throw TypeError(\"Cannot add the same private member more than once\");\n  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);\n};\nvar __privateSet = (obj, member, value, setter) => {\n  __accessCheck(obj, member, \"write to private field\");\n  setter ? setter.call(obj, value) : member.set(obj, value);\n  return value;\n};\n\n// ../vuu-utils/src/array-utils.ts\nfunction partition(array, test, pass = [], fail = []) {\n  for (let i = 0, len = array.length; i < len; i++) {\n    (test(array[i], i) ? pass : fail).push(array[i]);\n  }\n  return [pass, fail];\n}\n\n// ../vuu-utils/src/column-utils.ts\nvar metadataKeys = {\n  IDX: 0,\n  RENDER_IDX: 1,\n  IS_LEAF: 2,\n  IS_EXPANDED: 3,\n  DEPTH: 4,\n  COUNT: 5,\n  KEY: 6,\n  SELECTED: 7,\n  count: 8,\n  // TODO following only used in datamodel\n  PARENT_IDX: \"parent_idx\",\n  IDX_POINTER: \"idx_pointer\",\n  FILTER_COUNT: \"filter_count\",\n  NEXT_FILTER_IDX: \"next_filter_idx\"\n};\nvar { DEPTH, IS_LEAF } = metadataKeys;\n\n// ../vuu-utils/src/cookie-utils.ts\nvar getCookieValue = (name) => {\n  var _a, _b;\n  if (((_a = globalThis.document) == null ? void 0 : _a.cookie) !== void 0) {\n    return (_b = globalThis.document.cookie.split(\"; \").find((row) => row.startsWith(`${name}=`))) == null ? void 0 : _b.split(\"=\")[1];\n  }\n};\n\n// ../vuu-utils/src/range-utils.ts\nfunction getFullRange({ from, to }, bufferSize = 0, rowCount = Number.MAX_SAFE_INTEGER) {\n  if (bufferSize === 0) {\n    if (rowCount < from) {\n      return { from: 0, to: 0 };\n    } else {\n      return { from, to: Math.min(to, rowCount) };\n    }\n  } else if (from === 0) {\n    return { from, to: Math.min(to + bufferSize, rowCount) };\n  } else {\n    const rangeSize = to - from;\n    const buff = Math.round(bufferSize / 2);\n    const shortfallBefore = from - buff < 0;\n    const shortFallAfter = rowCount - (to + buff) < 0;\n    if (shortfallBefore && shortFallAfter) {\n      return { from: 0, to: rowCount };\n    } else if (shortfallBefore) {\n      return { from: 0, to: rangeSize + bufferSize };\n    } else if (shortFallAfter) {\n      return {\n        from: Math.max(0, rowCount - (rangeSize + bufferSize)),\n        to: rowCount\n      };\n    } else {\n      return { from: from - buff, to: to + buff };\n    }\n  }\n}\nvar withinRange = (value, { from, to }) => value >= from && value < to;\nvar WindowRange = class {\n  constructor(from, to) {\n    this.from = from;\n    this.to = to;\n  }\n  isWithin(index) {\n    return withinRange(index, this);\n  }\n  //find the overlap of this range and a new one\n  overlap(from, to) {\n    return from >= this.to || to < this.from ? [0, 0] : [Math.max(from, this.from), Math.min(to, this.to)];\n  }\n  copy() {\n    return new WindowRange(this.from, this.to);\n  }\n};\n\n// ../vuu-utils/src/DataWindow.ts\nvar { KEY } = metadataKeys;\n\n// ../vuu-utils/src/date/formatter.ts\nvar baseTimeFormatOptions = {\n  hour: \"2-digit\",\n  minute: \"2-digit\",\n  second: \"2-digit\"\n};\nvar formatConfigByTimePatterns = {\n  \"hh:mm:ss\": {\n    locale: \"en-GB\",\n    options: { ...baseTimeFormatOptions, hour12: false }\n  },\n  \"hh:mm:ss a\": {\n    locale: \"en-GB\",\n    options: { ...baseTimeFormatOptions, hour12: true }\n  }\n};\nvar baseDateFormatOptions = {\n  day: \"2-digit\",\n  month: \"2-digit\",\n  year: \"numeric\"\n};\nvar formatConfigByDatePatterns = {\n  \"dd.mm.yyyy\": {\n    locale: \"en-GB\",\n    options: { ...baseDateFormatOptions },\n    postProcessor: (s) => s.replaceAll(\"/\", \".\")\n  },\n  \"dd/mm/yyyy\": { locale: \"en-GB\", options: { ...baseDateFormatOptions } },\n  \"dd MMM yyyy\": {\n    locale: \"en-GB\",\n    options: { ...baseDateFormatOptions, month: \"short\" }\n  },\n  \"dd MMMM yyyy\": {\n    locale: \"en-GB\",\n    options: { ...baseDateFormatOptions, month: \"long\" }\n  },\n  \"mm/dd/yyyy\": { locale: \"en-US\", options: { ...baseDateFormatOptions } },\n  \"MMM dd, yyyy\": {\n    locale: \"en-US\",\n    options: { ...baseDateFormatOptions, month: \"short\" }\n  },\n  \"MMMM dd, yyyy\": {\n    locale: \"en-US\",\n    options: { ...baseDateFormatOptions, month: \"long\" }\n  }\n};\nvar formatConfigByDateTimePatterns = { ...formatConfigByDatePatterns, ...formatConfigByTimePatterns };\n\n// ../vuu-utils/src/logging-utils.ts\nvar logLevels = [\"error\", \"warn\", \"info\", \"debug\"];\nvar isValidLogLevel = (value) => typeof value === \"string\" && logLevels.includes(value);\nvar DEFAULT_LOG_LEVEL = \"error\";\nvar NO_OP = () => void 0;\nvar DEFAULT_DEBUG_LEVEL = false ? \"error\" : \"info\";\nvar { loggingLevel = DEFAULT_DEBUG_LEVEL } = getLoggingSettings();\nvar logger = (category) => {\n  const debugEnabled5 = loggingLevel === \"debug\";\n  const infoEnabled5 = debugEnabled5 || loggingLevel === \"info\";\n  const warnEnabled = infoEnabled5 || loggingLevel === \"warn\";\n  const errorEnabled = warnEnabled || loggingLevel === \"error\";\n  const info5 = infoEnabled5 ? (message) => console.info(`[${category}] ${message}`) : NO_OP;\n  const warn4 = warnEnabled ? (message) => console.warn(`[${category}] ${message}`) : NO_OP;\n  const debug5 = debugEnabled5 ? (message) => console.debug(`[${category}] ${message}`) : NO_OP;\n  const error4 = errorEnabled ? (message) => console.error(`[${category}] ${message}`) : NO_OP;\n  if (false) {\n    return {\n      errorEnabled,\n      error: error4\n    };\n  } else {\n    return {\n      debugEnabled: debugEnabled5,\n      infoEnabled: infoEnabled5,\n      warnEnabled,\n      errorEnabled,\n      info: info5,\n      warn: warn4,\n      debug: debug5,\n      error: error4\n    };\n  }\n};\nfunction getLoggingSettings() {\n  if (typeof loggingSettings !== \"undefined\") {\n    return loggingSettings;\n  } else {\n    return {\n      loggingLevel: getLoggingLevelFromCookie()\n    };\n  }\n}\nfunction getLoggingLevelFromCookie() {\n  const value = getCookieValue(\"vuu-logging-level\");\n  if (isValidLogLevel(value)) {\n    return value;\n  } else {\n    return DEFAULT_LOG_LEVEL;\n  }\n}\n\n// ../vuu-utils/src/debug-utils.ts\nvar { debug, debugEnabled } = logger(\"range-monitor\");\nvar RangeMonitor = class {\n  constructor(source) {\n    this.source = source;\n    this.range = { from: 0, to: 0 };\n    this.timestamp = 0;\n  }\n  isSet() {\n    return this.timestamp !== 0;\n  }\n  set({ from, to }) {\n    const { timestamp } = this;\n    this.range.from = from;\n    this.range.to = to;\n    this.timestamp = performance.now();\n    if (timestamp) {\n      debugEnabled && debug(\n        `<${this.source}> [${from}-${to}], ${(this.timestamp - timestamp).toFixed(0)} ms elapsed`\n      );\n    } else {\n      return 0;\n    }\n  }\n};\n\n// ../vuu-utils/src/event-emitter.ts\nfunction isArrayOfListeners(listeners) {\n  return Array.isArray(listeners);\n}\nfunction isOnlyListener(listeners) {\n  return !Array.isArray(listeners);\n}\nvar _events;\nvar EventEmitter = class {\n  constructor() {\n    __privateAdd(this, _events, /* @__PURE__ */ new Map());\n  }\n  addListener(event, listener) {\n    const listeners = __privateGet(this, _events).get(event);\n    if (!listeners) {\n      __privateGet(this, _events).set(event, listener);\n    } else if (isArrayOfListeners(listeners)) {\n      listeners.push(listener);\n    } else if (isOnlyListener(listeners)) {\n      __privateGet(this, _events).set(event, [listeners, listener]);\n    }\n  }\n  removeListener(event, listener) {\n    if (!__privateGet(this, _events).has(event)) {\n      return;\n    }\n    const listenerOrListeners = __privateGet(this, _events).get(event);\n    let position = -1;\n    if (listenerOrListeners === listener) {\n      __privateGet(this, _events).delete(event);\n    } else if (Array.isArray(listenerOrListeners)) {\n      for (let i = length; i-- > 0; ) {\n        if (listenerOrListeners[i] === listener) {\n          position = i;\n          break;\n        }\n      }\n      if (position < 0) {\n        return;\n      }\n      if (listenerOrListeners.length === 1) {\n        listenerOrListeners.length = 0;\n        __privateGet(this, _events).delete(event);\n      } else {\n        listenerOrListeners.splice(position, 1);\n      }\n    }\n  }\n  removeAllListeners(event) {\n    if (event && __privateGet(this, _events).has(event)) {\n      __privateGet(this, _events).delete(event);\n    } else if (event === void 0) {\n      __privateGet(this, _events).clear();\n    }\n  }\n  emit(event, ...args) {\n    if (__privateGet(this, _events)) {\n      const handler = __privateGet(this, _events).get(event);\n      if (handler) {\n        this.invokeHandler(handler, args);\n      }\n    }\n  }\n  once(event, listener) {\n    const handler = (...args) => {\n      this.removeListener(event, handler);\n      listener(...args);\n    };\n    this.on(event, handler);\n  }\n  on(event, listener) {\n    this.addListener(event, listener);\n  }\n  hasListener(event, listener) {\n    const listeners = __privateGet(this, _events).get(event);\n    if (Array.isArray(listeners)) {\n      return listeners.includes(listener);\n    } else {\n      return listeners === listener;\n    }\n  }\n  invokeHandler(handler, args) {\n    if (isArrayOfListeners(handler)) {\n      handler.slice().forEach((listener) => this.invokeHandler(listener, args));\n    } else {\n      switch (args.length) {\n        case 0:\n          handler();\n          break;\n        case 1:\n          handler(args[0]);\n          break;\n        case 2:\n          handler(args[0], args[1]);\n          break;\n        default:\n          handler.call(null, ...args);\n      }\n    }\n  }\n};\n_events = new WeakMap();\n\n// ../vuu-utils/src/round-decimal.ts\nvar PUNCTUATION_STR = String.fromCharCode(8200);\nvar DIGIT_STR = String.fromCharCode(8199);\nvar Space = {\n  DIGIT: DIGIT_STR,\n  TWO_DIGITS: DIGIT_STR + DIGIT_STR,\n  THREE_DIGITS: DIGIT_STR + DIGIT_STR + DIGIT_STR,\n  FULL_PADDING: [\n    null,\n    PUNCTUATION_STR + DIGIT_STR,\n    PUNCTUATION_STR + DIGIT_STR + DIGIT_STR,\n    PUNCTUATION_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR,\n    PUNCTUATION_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR\n  ]\n};\nvar LEADING_FILL = DIGIT_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR + DIGIT_STR;\n\n// ../vuu-utils/src/json-utils.ts\nvar { COUNT } = metadataKeys;\n\n// ../vuu-utils/src/keyset.ts\nvar KeySet = class {\n  constructor(range) {\n    this.keys = /* @__PURE__ */ new Map();\n    this.free = [];\n    this.nextKeyValue = 0;\n    this.reset(range);\n  }\n  next() {\n    if (this.free.length > 0) {\n      return this.free.pop();\n    } else {\n      return this.nextKeyValue++;\n    }\n  }\n  reset({ from, to }) {\n    this.keys.forEach((keyValue, rowIndex) => {\n      if (rowIndex < from || rowIndex >= to) {\n        this.free.push(keyValue);\n        this.keys.delete(rowIndex);\n      }\n    });\n    const size = to - from;\n    if (this.keys.size + this.free.length > size) {\n      this.free.length = Math.max(0, size - this.keys.size);\n    }\n    for (let rowIndex = from; rowIndex < to; rowIndex++) {\n      if (!this.keys.has(rowIndex)) {\n        const nextKeyValue = this.next();\n        this.keys.set(rowIndex, nextKeyValue);\n      }\n    }\n    if (this.nextKeyValue > this.keys.size) {\n      this.nextKeyValue = this.keys.size;\n    }\n  }\n  keyFor(rowIndex) {\n    const key = this.keys.get(rowIndex);\n    if (key === void 0) {\n      console.log(`key not found\n        keys: ${this.toDebugString()}\n        free : ${this.free.join(\",\")}  \n      `);\n      throw Error(`KeySet, no key found for rowIndex ${rowIndex}`);\n    }\n    return key;\n  }\n  toDebugString() {\n    return Array.from(this.keys.entries()).map((k, v) => `${k}=>${v}`).join(\",\");\n  }\n};\n\n// ../vuu-utils/src/row-utils.ts\nvar { IDX } = metadataKeys;\n\n// ../vuu-utils/src/selection-utils.ts\nvar { SELECTED } = metadataKeys;\nvar RowSelected = {\n  False: 0,\n  True: 1,\n  First: 2,\n  Last: 4\n};\nvar rangeIncludes = (range, index) => index >= range[0] && index <= range[1];\nvar SINGLE_SELECTED_ROW = RowSelected.True + RowSelected.First + RowSelected.Last;\nvar FIRST_SELECTED_ROW_OF_BLOCK = RowSelected.True + RowSelected.First;\nvar LAST_SELECTED_ROW_OF_BLOCK = RowSelected.True + RowSelected.Last;\nvar getSelectionStatus = (selected, itemIndex) => {\n  for (const item of selected) {\n    if (typeof item === \"number\") {\n      if (item === itemIndex) {\n        return SINGLE_SELECTED_ROW;\n      }\n    } else if (rangeIncludes(item, itemIndex)) {\n      if (itemIndex === item[0]) {\n        return FIRST_SELECTED_ROW_OF_BLOCK;\n      } else if (itemIndex === item[1]) {\n        return LAST_SELECTED_ROW_OF_BLOCK;\n      } else {\n        return RowSelected.True;\n      }\n    }\n  }\n  return RowSelected.False;\n};\nvar expandSelection = (selected) => {\n  if (selected.every((selectedItem) => typeof selectedItem === \"number\")) {\n    return selected;\n  }\n  const expandedSelected = [];\n  for (const selectedItem of selected) {\n    if (typeof selectedItem === \"number\") {\n      expandedSelected.push(selectedItem);\n    } else {\n      for (let i = selectedItem[0]; i <= selectedItem[1]; i++) {\n        expandedSelected.push(i);\n      }\n    }\n  }\n  return expandedSelected;\n};\n\n// ../../node_modules/html-to-image/es/util.js\nvar uuid = (() => {\n  let counter = 0;\n  const random = () => (\n    // eslint-disable-next-line no-bitwise\n    `0000${(Math.random() * 36 ** 4 << 0).toString(36)}`.slice(-4)\n  );\n  return () => {\n    counter += 1;\n    return `u${random()}${counter}`;\n  };\n})();\n\n// src/websocket-connection.ts\nvar { debug: debug2, debugEnabled: debugEnabled2, error, info, infoEnabled, warn } = logger(\n  \"websocket-connection\"\n);\nvar WS = \"ws\";\nvar isWebsocketUrl = (url) => url.startsWith(WS + \"://\") || url.startsWith(WS + \"s://\");\nvar connectionAttemptStatus = {};\nvar setWebsocket = Symbol(\"setWebsocket\");\nvar connectionCallback = Symbol(\"connectionCallback\");\nasync function connect(connectionString, protocol, callback, retryLimitDisconnect = 10, retryLimitStartup = 5) {\n  connectionAttemptStatus[connectionString] = {\n    status: \"connecting\",\n    connect: {\n      allowed: retryLimitStartup,\n      remaining: retryLimitStartup\n    },\n    reconnect: {\n      allowed: retryLimitDisconnect,\n      remaining: retryLimitDisconnect\n    }\n  };\n  return makeConnection(connectionString, protocol, callback);\n}\nasync function reconnect(connection) {\n  throw Error(\"connection broken\");\n}\nasync function makeConnection(url, protocol, callback, connection) {\n  const {\n    status: currentStatus,\n    connect: connectStatus,\n    reconnect: reconnectStatus\n  } = connectionAttemptStatus[url];\n  const trackedStatus = currentStatus === \"connecting\" ? connectStatus : reconnectStatus;\n  try {\n    callback({ type: \"connection-status\", status: \"connecting\" });\n    const reconnecting = typeof connection !== \"undefined\";\n    const ws = await createWebsocket(url, protocol);\n    console.info(\n      \"%c⚡ %cconnected\",\n      \"font-size: 24px;color: green;font-weight: bold;\",\n      \"color:green; font-size: 14px;\"\n    );\n    if (connection !== void 0) {\n      connection[setWebsocket](ws);\n    }\n    const websocketConnection = connection != null ? connection : new WebsocketConnection(ws, url, protocol, callback);\n    const status = reconnecting ? \"reconnected\" : \"connection-open-awaiting-session\";\n    callback({ type: \"connection-status\", status });\n    websocketConnection.status = status;\n    trackedStatus.remaining = trackedStatus.allowed;\n    return websocketConnection;\n  } catch (err) {\n    const retry = --trackedStatus.remaining > 0;\n    callback({\n      type: \"connection-status\",\n      status: \"disconnected\",\n      reason: \"failed to connect\",\n      retry\n    });\n    if (retry) {\n      return makeConnectionIn(url, protocol, callback, connection, 2e3);\n    } else {\n      throw Error(\"Failed to establish connection\");\n    }\n  }\n}\nvar makeConnectionIn = (url, protocol, callback, connection, delay) => new Promise((resolve) => {\n  setTimeout(() => {\n    resolve(makeConnection(url, protocol, callback, connection));\n  }, delay);\n});\nvar createWebsocket = (connectionString, protocol) => new Promise((resolve, reject) => {\n  const websocketUrl = isWebsocketUrl(connectionString) ? connectionString : `wss://${connectionString}`;\n  if (infoEnabled && protocol !== void 0) {\n    info(`WebSocket Protocol ${protocol == null ? void 0 : protocol.toString()}`);\n  }\n  const ws = new WebSocket(websocketUrl, protocol);\n  ws.onopen = () => resolve(ws);\n  ws.onerror = (evt) => reject(evt);\n});\nvar closeWarn = () => {\n  warn == null ? void 0 : warn(`Connection cannot be closed, socket not yet opened`);\n};\nvar sendWarn = (msg) => {\n  warn == null ? void 0 : warn(`Message cannot be sent, socket closed ${msg.body.type}`);\n};\nvar parseMessage = (message) => {\n  try {\n    return JSON.parse(message);\n  } catch (e) {\n    throw Error(`Error parsing JSON response from server ${message}`);\n  }\n};\nvar WebsocketConnection = class {\n  constructor(ws, url, protocol, callback) {\n    this.close = closeWarn;\n    this.requiresLogin = true;\n    this.send = sendWarn;\n    this.status = \"ready\";\n    this.messagesCount = 0;\n    this.connectionMetricsInterval = null;\n    this.handleWebsocketMessage = (evt) => {\n      const vuuMessageFromServer = parseMessage(evt.data);\n      this.messagesCount += 1;\n      if (true) {\n        if (debugEnabled2 && vuuMessageFromServer.body.type !== \"HB\") {\n          debug2 == null ? void 0 : debug2(`<<< ${vuuMessageFromServer.body.type}`);\n        }\n      }\n      this[connectionCallback](vuuMessageFromServer);\n    };\n    this.url = url;\n    this.protocol = protocol;\n    this[connectionCallback] = callback;\n    this[setWebsocket](ws);\n  }\n  reconnect() {\n    reconnect(this);\n  }\n  [(connectionCallback, setWebsocket)](ws) {\n    const callback = this[connectionCallback];\n    ws.onmessage = (evt) => {\n      this.status = \"connected\";\n      ws.onmessage = this.handleWebsocketMessage;\n      this.handleWebsocketMessage(evt);\n    };\n    this.connectionMetricsInterval = setInterval(() => {\n      callback({\n        type: \"connection-metrics\",\n        messagesLength: this.messagesCount\n      });\n      this.messagesCount = 0;\n    }, 2e3);\n    ws.onerror = () => {\n      error(`⚡ connection error`);\n      callback({\n        type: \"connection-status\",\n        status: \"disconnected\",\n        reason: \"error\"\n      });\n      if (this.connectionMetricsInterval) {\n        clearInterval(this.connectionMetricsInterval);\n        this.connectionMetricsInterval = null;\n      }\n      if (this.status === \"connection-open-awaiting-session\") {\n        error(\n          `Websocket connection lost before Vuu session established, check websocket configuration`\n        );\n      } else if (this.status !== \"closed\") {\n        reconnect(this);\n        this.send = queue;\n      }\n    };\n    ws.onclose = () => {\n      info == null ? void 0 : info(`⚡ connection close`);\n      callback({\n        type: \"connection-status\",\n        status: \"disconnected\",\n        reason: \"close\"\n      });\n      if (this.connectionMetricsInterval) {\n        clearInterval(this.connectionMetricsInterval);\n        this.connectionMetricsInterval = null;\n      }\n      if (this.status !== \"closed\") {\n        reconnect(this);\n        this.send = queue;\n      }\n    };\n    const send = (msg) => {\n      if (true) {\n        if (debugEnabled2 && msg.body.type !== \"HB_RESP\") {\n          debug2 == null ? void 0 : debug2(`>>> ${msg.body.type}`);\n        }\n      }\n      ws.send(JSON.stringify(msg));\n    };\n    const queue = (msg) => {\n      info == null ? void 0 : info(`TODO queue message until websocket reconnected ${msg.body.type}`);\n    };\n    this.send = send;\n    this.close = () => {\n      this.status = \"closed\";\n      ws.close();\n      this.close = closeWarn;\n      this.send = sendWarn;\n      info == null ? void 0 : info(\"close websocket\");\n    };\n  }\n};\n\n// src/message-utils.ts\nvar MENU_RPC_TYPES = [\n  \"VIEW_PORT_MENUS_SELECT_RPC\",\n  \"VIEW_PORT_MENU_TABLE_RPC\",\n  \"VIEW_PORT_MENU_ROW_RPC\",\n  \"VIEW_PORT_MENU_CELL_RPC\",\n  \"VP_EDIT_CELL_RPC\",\n  \"VP_EDIT_ROW_RPC\",\n  \"VP_EDIT_ADD_ROW_RPC\",\n  \"VP_EDIT_DELETE_CELL_RPC\",\n  \"VP_EDIT_DELETE_ROW_RPC\",\n  \"VP_EDIT_SUBMIT_FORM_RPC\"\n];\nvar isVuuMenuRpcRequest = (message) => MENU_RPC_TYPES.includes(message[\"type\"]);\nvar isVuuRpcRequest = (message) => message[\"type\"] === \"VIEW_PORT_RPC_CALL\";\nvar stripRequestId = ({\n  requestId,\n  ...rest\n}) => [requestId, rest];\nvar getFirstAndLastRows = (rows) => {\n  let firstRow = rows.at(0);\n  if (firstRow.updateType === \"SIZE\") {\n    if (rows.length === 1) {\n      return rows;\n    } else {\n      firstRow = rows.at(1);\n    }\n  }\n  const lastRow = rows.at(-1);\n  return [firstRow, lastRow];\n};\nvar groupRowsByViewport = (rows) => {\n  const result = {};\n  for (const row of rows) {\n    const rowsForViewport = result[row.viewPortId] || (result[row.viewPortId] = []);\n    rowsForViewport.push(row);\n  }\n  return result;\n};\nvar createSchemaFromTableMetadata = ({\n  columns,\n  dataTypes,\n  key,\n  table\n}) => {\n  return {\n    table,\n    columns: columns.map((col, idx) => ({\n      name: col,\n      serverDataType: dataTypes[idx]\n    })),\n    key\n  };\n};\n\n// src/vuuUIMessageTypes.ts\nvar isConnectionStatusMessage = (msg) => msg.type === \"connection-status\";\nvar isConnectionQualityMetrics = (msg) => msg.type === \"connection-metrics\";\nvar isViewporttMessage = (msg) => \"viewport\" in msg;\nvar isSessionTableActionMessage = (messageBody) => messageBody.type === \"VIEW_PORT_MENU_RESP\" && messageBody.action !== null && isSessionTable(messageBody.action.table);\nvar isSessionTable = (table) => {\n  if (table !== null && typeof table === \"object\" && \"table\" in table && \"module\" in table) {\n    return table.table.startsWith(\"session\");\n  }\n  return false;\n};\n\n// src/server-proxy/messages.ts\nvar CHANGE_VP_SUCCESS = \"CHANGE_VP_SUCCESS\";\nvar CLOSE_TREE_NODE = \"CLOSE_TREE_NODE\";\nvar CLOSE_TREE_SUCCESS = \"CLOSE_TREE_SUCCESS\";\nvar CREATE_VP = \"CREATE_VP\";\nvar DISABLE_VP = \"DISABLE_VP\";\nvar DISABLE_VP_SUCCESS = \"DISABLE_VP_SUCCESS\";\nvar ENABLE_VP = \"ENABLE_VP\";\nvar ENABLE_VP_SUCCESS = \"ENABLE_VP_SUCCESS\";\nvar GET_VP_VISUAL_LINKS = \"GET_VP_VISUAL_LINKS\";\nvar GET_VIEW_PORT_MENUS = \"GET_VIEW_PORT_MENUS\";\nvar HB = \"HB\";\nvar HB_RESP = \"HB_RESP\";\nvar LOGIN = \"LOGIN\";\nvar OPEN_TREE_NODE = \"OPEN_TREE_NODE\";\nvar OPEN_TREE_SUCCESS = \"OPEN_TREE_SUCCESS\";\nvar REMOVE_VP = \"REMOVE_VP\";\nvar SET_SELECTION_SUCCESS = \"SET_SELECTION_SUCCESS\";\n\n// src/server-proxy/rpc-services.ts\nvar getRpcServiceModule = (service) => {\n  switch (service) {\n    case \"TypeAheadRpcHandler\":\n      return \"TYPEAHEAD\";\n    default:\n      return \"SIMUL\";\n  }\n};\n\n// src/server-proxy/array-backed-moving-window.ts\nvar EMPTY_ARRAY = [];\nvar log = logger(\"array-backed-moving-window\");\nfunction dataIsUnchanged(newRow, existingRow) {\n  if (!existingRow) {\n    return false;\n  }\n  if (existingRow.data.length !== newRow.data.length) {\n    return false;\n  }\n  if (existingRow.sel !== newRow.sel) {\n    return false;\n  }\n  for (let i = 0; i < existingRow.data.length; i++) {\n    if (existingRow.data[i] !== newRow.data[i]) {\n      return false;\n    }\n  }\n  return true;\n}\nvar _range;\nvar ArrayBackedMovingWindow = class {\n  // Note, the buffer is already accounted for in the range passed in here\n  constructor({ from: clientFrom, to: clientTo }, { from, to }, bufferSize) {\n    __privateAdd(this, _range, void 0);\n    this.setRowCount = (rowCount) => {\n      var _a;\n      (_a = log.info) == null ? void 0 : _a.call(log, `setRowCount ${rowCount}`);\n      if (rowCount < this.internalData.length) {\n        this.internalData.length = rowCount;\n      }\n      if (rowCount < this.rowCount) {\n        this.rowsWithinRange = 0;\n        const end = Math.min(rowCount, this.clientRange.to);\n        for (let i = this.clientRange.from; i < end; i++) {\n          const rowIndex = i - __privateGet(this, _range).from;\n          if (this.internalData[rowIndex] !== void 0) {\n            this.rowsWithinRange += 1;\n          }\n        }\n      }\n      this.rowCount = rowCount;\n    };\n    this.bufferBreakout = (from, to) => {\n      const bufferPerimeter = this.bufferSize * 0.25;\n      if (__privateGet(this, _range).to - to < bufferPerimeter) {\n        return true;\n      } else if (__privateGet(this, _range).from > 0 && from - __privateGet(this, _range).from < bufferPerimeter) {\n        return true;\n      } else {\n        return false;\n      }\n    };\n    this.bufferSize = bufferSize;\n    this.clientRange = new WindowRange(clientFrom, clientTo);\n    __privateSet(this, _range, new WindowRange(from, to));\n    this.internalData = new Array(bufferSize);\n    this.rowsWithinRange = 0;\n    this.rowCount = 0;\n  }\n  get range() {\n    return __privateGet(this, _range);\n  }\n  // TODO we shpuld probably have a hasAllClientRowsWithinRange\n  get hasAllRowsWithinRange() {\n    return this.rowsWithinRange === this.clientRange.to - this.clientRange.from || // this.rowsWithinRange === this.range.to - this.range.from ||\n    this.rowCount > 0 && this.clientRange.from + this.rowsWithinRange === this.rowCount;\n  }\n  // Check to see if set of rows is outside the current viewport range, indicating\n  // that veiwport is being scrolled quickly and server is not able to keep up.\n  outOfRange(firstIndex, lastIndex) {\n    const { from, to } = this.range;\n    if (lastIndex < from) {\n      return true;\n    }\n    if (firstIndex >= to) {\n      return true;\n    }\n  }\n  setAtIndex(row) {\n    const { rowIndex: index } = row;\n    const internalIndex = index - __privateGet(this, _range).from;\n    if (dataIsUnchanged(row, this.internalData[internalIndex])) {\n      return false;\n    }\n    const isWithinClientRange = this.isWithinClientRange(index);\n    if (isWithinClientRange || this.isWithinRange(index)) {\n      if (!this.internalData[internalIndex] && isWithinClientRange) {\n        this.rowsWithinRange += 1;\n      }\n      this.internalData[internalIndex] = row;\n    }\n    return isWithinClientRange;\n  }\n  getAtIndex(index) {\n    return __privateGet(this, _range).isWithin(index) && this.internalData[index - __privateGet(this, _range).from] != null ? this.internalData[index - __privateGet(this, _range).from] : void 0;\n  }\n  isWithinRange(index) {\n    return __privateGet(this, _range).isWithin(index);\n  }\n  isWithinClientRange(index) {\n    return this.clientRange.isWithin(index);\n  }\n  // Returns [false] or [serverDataRequired, clientRows, holdingRows]\n  setClientRange(from, to) {\n    var _a;\n    (_a = log.debug) == null ? void 0 : _a.call(log, `setClientRange ${from} - ${to}`);\n    const currentFrom = this.clientRange.from;\n    const currentTo = Math.min(this.clientRange.to, this.rowCount);\n    if (from === currentFrom && to === currentTo) {\n      return [\n        false,\n        EMPTY_ARRAY\n        /*, EMPTY_ARRAY*/\n      ];\n    }\n    const originalRange = this.clientRange.copy();\n    this.clientRange.from = from;\n    this.clientRange.to = to;\n    this.rowsWithinRange = 0;\n    for (let i = from; i < to; i++) {\n      const internalIndex = i - __privateGet(this, _range).from;\n      if (this.internalData[internalIndex]) {\n        this.rowsWithinRange += 1;\n      }\n    }\n    let clientRows = EMPTY_ARRAY;\n    const offset = __privateGet(this, _range).from;\n    if (this.hasAllRowsWithinRange) {\n      if (to > originalRange.to) {\n        const start = Math.max(from, originalRange.to);\n        clientRows = this.internalData.slice(start - offset, to - offset);\n      } else {\n        const end = Math.min(originalRange.from, to);\n        clientRows = this.internalData.slice(from - offset, end - offset);\n      }\n    }\n    const serverDataRequired = this.bufferBreakout(from, to);\n    return [serverDataRequired, clientRows];\n  }\n  setRange(from, to) {\n    var _a, _b;\n    if (from !== __privateGet(this, _range).from || to !== __privateGet(this, _range).to) {\n      (_a = log.debug) == null ? void 0 : _a.call(log, `setRange ${from} - ${to}`);\n      const [overlapFrom, overlapTo] = __privateGet(this, _range).overlap(from, to);\n      const newData = new Array(to - from);\n      this.rowsWithinRange = 0;\n      for (let i = overlapFrom; i < overlapTo; i++) {\n        const data = this.getAtIndex(i);\n        if (data) {\n          const index = i - from;\n          newData[index] = data;\n          if (this.isWithinClientRange(i)) {\n            this.rowsWithinRange += 1;\n          }\n        }\n      }\n      this.internalData = newData;\n      __privateGet(this, _range).from = from;\n      __privateGet(this, _range).to = to;\n    } else {\n      (_b = log.debug) == null ? void 0 : _b.call(log, `setRange ${from} - ${to} IGNORED because not changed`);\n    }\n  }\n  //TODO temp\n  get data() {\n    return this.internalData;\n  }\n  getData() {\n    var _a;\n    const { from, to } = __privateGet(this, _range);\n    const { from: clientFrom, to: clientTo } = this.clientRange;\n    const startOffset = Math.max(0, clientFrom - from);\n    const endOffset = Math.min(\n      to - from,\n      to,\n      clientTo - from,\n      (_a = this.rowCount) != null ? _a : to\n    );\n    return this.internalData.slice(startOffset, endOffset);\n  }\n  clear() {\n    var _a;\n    (_a = log.debug) == null ? void 0 : _a.call(log, \"clear\");\n    this.internalData.length = 0;\n    this.rowsWithinRange = 0;\n    this.setRowCount(0);\n  }\n  // used only for debugging\n  getCurrentDataRange() {\n    const rows = this.internalData;\n    const len = rows.length;\n    let [firstRow] = this.internalData;\n    let lastRow = this.internalData[len - 1];\n    if (firstRow && lastRow) {\n      return [firstRow.rowIndex, lastRow.rowIndex];\n    } else {\n      for (let i = 0; i < len; i++) {\n        if (rows[i] !== void 0) {\n          firstRow = rows[i];\n          break;\n        }\n      }\n      for (let i = len - 1; i >= 0; i--) {\n        if (rows[i] !== void 0) {\n          lastRow = rows[i];\n          break;\n        }\n      }\n      if (firstRow && lastRow) {\n        return [firstRow.rowIndex, lastRow.rowIndex];\n      } else {\n        return [-1, -1];\n      }\n    }\n  }\n};\n_range = new WeakMap();\n\n// src/server-proxy/viewport.ts\nvar EMPTY_GROUPBY = [];\nvar { debug: debug3, debugEnabled: debugEnabled3, error: error2, info: info2, infoEnabled: infoEnabled2, warn: warn2 } = logger(\"viewport\");\nvar isLeafUpdate = ({ rowKey, updateType }) => updateType === \"U\" && !rowKey.startsWith(\"$root\");\nvar NO_DATA_UPDATE = [\n  void 0,\n  void 0\n];\nvar NO_UPDATE_STATUS = {\n  count: 0,\n  mode: void 0,\n  size: 0,\n  ts: 0\n};\nvar Viewport = class {\n  constructor({\n    aggregations,\n    bufferSize = 50,\n    columns,\n    filter,\n    groupBy = [],\n    table,\n    range,\n    sort,\n    title,\n    viewport,\n    visualLink\n  }, postMessageToClient) {\n    /** batchMode is irrelevant for Vuu Table, it was introduced to try and improve rendering performance of AgGrid */\n    this.batchMode = true;\n    this.hasUpdates = false;\n    this.pendingUpdates = [];\n    this.pendingOperations = /* @__PURE__ */ new Map();\n    this.pendingRangeRequests = [];\n    this.rowCountChanged = false;\n    this.selectedRows = [];\n    this.useBatchMode = true;\n    this.lastUpdateStatus = NO_UPDATE_STATUS;\n    this.updateThrottleTimer = void 0;\n    this.rangeMonitor = new RangeMonitor(\"ViewPort\");\n    this.disabled = false;\n    this.isTree = false;\n    // TODO roll disabled/suspended into status\n    this.status = \"\";\n    this.suspended = false;\n    this.suspendTimer = null;\n    // Records SIZE only updates\n    this.setLastSizeOnlyUpdateSize = (size) => {\n      this.lastUpdateStatus.size = size;\n    };\n    this.setLastUpdate = (mode) => {\n      const { ts: lastTS, mode: lastMode } = this.lastUpdateStatus;\n      let elapsedTime = 0;\n      if (lastMode === mode) {\n        const ts = Date.now();\n        this.lastUpdateStatus.count += 1;\n        this.lastUpdateStatus.ts = ts;\n        elapsedTime = lastTS === 0 ? 0 : ts - lastTS;\n      } else {\n        this.lastUpdateStatus.count = 1;\n        this.lastUpdateStatus.ts = 0;\n        elapsedTime = 0;\n      }\n      this.lastUpdateStatus.mode = mode;\n      return elapsedTime;\n    };\n    this.rangeRequestAlreadyPending = (range) => {\n      const { bufferSize } = this;\n      const bufferThreshold = bufferSize * 0.25;\n      let { from: stillPendingFrom } = range;\n      for (const { from, to } of this.pendingRangeRequests) {\n        if (stillPendingFrom >= from && stillPendingFrom < to) {\n          if (range.to + bufferThreshold <= to) {\n            return true;\n          } else {\n            stillPendingFrom = to;\n          }\n        }\n      }\n      return false;\n    };\n    this.sendThrottledSizeMessage = () => {\n      this.updateThrottleTimer = void 0;\n      this.lastUpdateStatus.count = 3;\n      this.postMessageToClient({\n        clientViewportId: this.clientViewportId,\n        mode: \"size-only\",\n        size: this.lastUpdateStatus.size,\n        type: \"viewport-update\"\n      });\n    };\n    // If we are receiving multiple SIZE updates but no data, table is loading rows\n    // outside of our viewport. We can safely throttle these requests. Doing so will\n    // alleviate pressure on UI DataTable.\n    this.shouldThrottleMessage = (mode) => {\n      const elapsedTime = this.setLastUpdate(mode);\n      return mode === \"size-only\" && elapsedTime > 0 && elapsedTime < 500 && this.lastUpdateStatus.count > 3;\n    };\n    this.throttleMessage = (mode) => {\n      if (this.shouldThrottleMessage(mode)) {\n        info2 == null ? void 0 : info2(\"throttling updates setTimeout to 2000\");\n        if (this.updateThrottleTimer === void 0) {\n          this.updateThrottleTimer = setTimeout(\n            this.sendThrottledSizeMessage,\n            2e3\n          );\n        }\n        return true;\n      } else if (this.updateThrottleTimer !== void 0) {\n        clearTimeout(this.updateThrottleTimer);\n        this.updateThrottleTimer = void 0;\n      }\n      return false;\n    };\n    this.getNewRowCount = () => {\n      if (this.rowCountChanged && this.dataWindow) {\n        this.rowCountChanged = false;\n        return this.dataWindow.rowCount;\n      }\n    };\n    this.aggregations = aggregations;\n    this.bufferSize = bufferSize;\n    this.clientRange = range;\n    this.clientViewportId = viewport;\n    this.columns = columns;\n    this.filter = filter;\n    this.groupBy = groupBy;\n    this.keys = new KeySet(range);\n    this.pendingLinkedParent = visualLink;\n    this.table = table;\n    this.sort = sort;\n    this.title = title;\n    infoEnabled2 && (info2 == null ? void 0 : info2(\n      `constructor #${viewport} ${table.table} bufferSize=${bufferSize}`\n    ));\n    this.dataWindow = new ArrayBackedMovingWindow(\n      this.clientRange,\n      range,\n      this.bufferSize\n    );\n    this.postMessageToClient = postMessageToClient;\n  }\n  get hasUpdatesToProcess() {\n    if (this.suspended) {\n      return false;\n    }\n    return this.rowCountChanged || this.hasUpdates;\n  }\n  get size() {\n    var _a;\n    return (_a = this.dataWindow.rowCount) != null ? _a : 0;\n  }\n  subscribe() {\n    const { filter } = this.filter;\n    this.status = this.status === \"subscribed\" ? \"resubscribing\" : \"subscribing\";\n    return {\n      type: CREATE_VP,\n      table: this.table,\n      range: getFullRange(this.clientRange, this.bufferSize),\n      aggregations: this.aggregations,\n      columns: this.columns,\n      sort: this.sort,\n      groupBy: this.groupBy,\n      filterSpec: { filter }\n    };\n  }\n  handleSubscribed({\n    viewPortId,\n    aggregations,\n    columns,\n    filterSpec: filter,\n    range,\n    sort,\n    groupBy\n  }, tableSchema) {\n    this.serverViewportId = viewPortId;\n    this.status = \"subscribed\";\n    this.aggregations = aggregations;\n    this.columns = columns;\n    this.groupBy = groupBy;\n    this.isTree = groupBy && groupBy.length > 0;\n    this.dataWindow.setRange(range.from, range.to);\n    return {\n      aggregations,\n      type: \"subscribed\",\n      clientViewportId: this.clientViewportId,\n      columns,\n      filter,\n      groupBy,\n      range,\n      sort,\n      tableSchema\n    };\n  }\n  awaitOperation(requestId, msg) {\n    this.pendingOperations.set(requestId, msg);\n  }\n  // Return a message if we need to communicate this to client UI\n  completeOperation(requestId, ...params) {\n    var _a;\n    const { clientViewportId, pendingOperations } = this;\n    const pendingOperation = pendingOperations.get(requestId);\n    if (!pendingOperation) {\n      error2(\n        `no matching operation found to complete for requestId ${requestId}`\n      );\n      return;\n    }\n    const { type } = pendingOperation;\n    info2 == null ? void 0 : info2(`completeOperation ${type}`);\n    pendingOperations.delete(requestId);\n    if (type === \"CHANGE_VP_RANGE\") {\n      const [from, to] = params;\n      (_a = this.dataWindow) == null ? void 0 : _a.setRange(from, to);\n      for (let i = this.pendingRangeRequests.length - 1; i >= 0; i--) {\n        const pendingRangeRequest = this.pendingRangeRequests[i];\n        if (pendingRangeRequest.requestId === requestId) {\n          pendingRangeRequest.acked = true;\n          break;\n        } else {\n          warn2 == null ? void 0 : warn2(\"range requests sent faster than they are being ACKed\");\n        }\n      }\n    } else if (type === \"config\") {\n      const { aggregations, columns, filter, groupBy, sort } = pendingOperation.data;\n      this.aggregations = aggregations;\n      this.columns = columns;\n      this.filter = filter;\n      this.groupBy = groupBy;\n      this.sort = sort;\n      if (groupBy.length > 0) {\n        this.isTree = true;\n      } else if (this.isTree) {\n        this.isTree = false;\n      }\n      debug3 == null ? void 0 : debug3(`config change confirmed, isTree : ${this.isTree}`);\n      return {\n        clientViewportId,\n        type,\n        config: pendingOperation.data\n      };\n    } else if (type === \"groupBy\") {\n      this.isTree = pendingOperation.data.length > 0;\n      this.groupBy = pendingOperation.data;\n      debug3 == null ? void 0 : debug3(`groupBy change confirmed, isTree : ${this.isTree}`);\n      return {\n        clientViewportId,\n        type,\n        groupBy: pendingOperation.data\n      };\n    } else if (type === \"columns\") {\n      this.columns = pendingOperation.data;\n      return {\n        clientViewportId,\n        type,\n        columns: pendingOperation.data\n      };\n    } else if (type === \"filter\") {\n      this.filter = pendingOperation.data;\n      return {\n        clientViewportId,\n        type,\n        filter: pendingOperation.data\n      };\n    } else if (type === \"aggregate\") {\n      this.aggregations = pendingOperation.data;\n      return {\n        clientViewportId,\n        type: \"aggregate\",\n        aggregations: this.aggregations\n      };\n    } else if (type === \"sort\") {\n      this.sort = pendingOperation.data;\n      return {\n        clientViewportId,\n        type,\n        sort: this.sort\n      };\n    } else if (type === \"selection\") {\n    } else if (type === \"disable\") {\n      this.disabled = true;\n      return {\n        type: \"disabled\",\n        clientViewportId\n      };\n    } else if (type === \"enable\") {\n      this.disabled = false;\n      return {\n        type: \"enabled\",\n        clientViewportId\n      };\n    } else if (type === \"CREATE_VISUAL_LINK\") {\n      const [colName, parentViewportId, parentColName] = params;\n      this.linkedParent = {\n        colName,\n        parentViewportId,\n        parentColName\n      };\n      this.pendingLinkedParent = void 0;\n      return {\n        type: \"vuu-link-created\",\n        clientViewportId,\n        colName,\n        parentViewportId,\n        parentColName\n      };\n    } else if (type === \"REMOVE_VISUAL_LINK\") {\n      this.linkedParent = void 0;\n      return {\n        type: \"vuu-link-removed\",\n        clientViewportId\n      };\n    }\n  }\n  // TODO when a range request arrives, consider the viewport to be scrolling\n  // until data arrives and we have the full range.\n  // When not scrolling, any server data is an update\n  // When scrolling, we are in batch mode\n  rangeRequest(requestId, range) {\n    if (debugEnabled3) {\n      this.rangeMonitor.set(range);\n    }\n    const type = \"CHANGE_VP_RANGE\";\n    if (this.dataWindow) {\n      const [serverDataRequired, clientRows] = this.dataWindow.setClientRange(\n        range.from,\n        range.to\n      );\n      let debounceRequest;\n      const maxRange = this.dataWindow.rowCount || void 0;\n      const serverRequest = serverDataRequired && !this.rangeRequestAlreadyPending(range) ? {\n        type,\n        viewPortId: this.serverViewportId,\n        ...getFullRange(range, this.bufferSize, maxRange)\n      } : null;\n      if (serverRequest) {\n        debugEnabled3 && (debug3 == null ? void 0 : debug3(\n          `create CHANGE_VP_RANGE: [${serverRequest.from} - ${serverRequest.to}]`\n        ));\n        this.awaitOperation(requestId, { type });\n        const pendingRequest = this.pendingRangeRequests.at(-1);\n        if (pendingRequest) {\n          if (pendingRequest.acked) {\n            console.warn(\"Range Request before previous request is filled\");\n          } else {\n            const { from, to } = pendingRequest;\n            if (this.dataWindow.outOfRange(from, to)) {\n              debounceRequest = {\n                clientViewportId: this.clientViewportId,\n                type: \"debounce-begin\"\n              };\n            } else {\n              warn2 == null ? void 0 : warn2(\"Range Request before previous request is acked\");\n            }\n          }\n        }\n        this.pendingRangeRequests.push({ ...serverRequest, requestId });\n        if (this.useBatchMode) {\n          this.batchMode = true;\n        }\n      } else if (clientRows.length > 0) {\n        this.batchMode = false;\n      }\n      this.keys.reset(this.dataWindow.clientRange);\n      const toClient = this.isTree ? toClientRowTree : toClientRow;\n      if (clientRows.length) {\n        return [\n          serverRequest,\n          clientRows.map((row) => {\n            return toClient(row, this.keys, this.selectedRows);\n          })\n        ];\n      } else if (debounceRequest) {\n        return [serverRequest, void 0, debounceRequest];\n      } else {\n        return [serverRequest];\n      }\n    } else {\n      return [null];\n    }\n  }\n  setLinks(links) {\n    this.links = links;\n    return [\n      {\n        type: \"vuu-links\",\n        links,\n        clientViewportId: this.clientViewportId\n      },\n      this.pendingLinkedParent\n    ];\n  }\n  setMenu(menu) {\n    return {\n      type: \"vuu-menu\",\n      menu,\n      clientViewportId: this.clientViewportId\n    };\n  }\n  openTreeNode(requestId, message) {\n    if (this.useBatchMode) {\n      this.batchMode = true;\n    }\n    return {\n      type: OPEN_TREE_NODE,\n      vpId: this.serverViewportId,\n      treeKey: message.key\n    };\n  }\n  closeTreeNode(requestId, message) {\n    if (this.useBatchMode) {\n      this.batchMode = true;\n    }\n    return {\n      type: CLOSE_TREE_NODE,\n      vpId: this.serverViewportId,\n      treeKey: message.key\n    };\n  }\n  createLink(requestId, colName, parentVpId, parentColumnName) {\n    const message = {\n      type: \"CREATE_VISUAL_LINK\",\n      parentVpId,\n      childVpId: this.serverViewportId,\n      parentColumnName,\n      childColumnName: colName\n    };\n    this.awaitOperation(requestId, message);\n    if (this.useBatchMode) {\n      this.batchMode = true;\n    }\n    return message;\n  }\n  removeLink(requestId) {\n    const message = {\n      type: \"REMOVE_VISUAL_LINK\",\n      childVpId: this.serverViewportId\n    };\n    this.awaitOperation(requestId, message);\n    return message;\n  }\n  suspend() {\n    this.suspended = true;\n    info2 == null ? void 0 : info2(\"suspend\");\n  }\n  resume() {\n    this.suspended = false;\n    if (debugEnabled3) {\n      debug3 == null ? void 0 : debug3(`resume: ${this.currentData()}`);\n    }\n    return [this.size, this.currentData()];\n  }\n  currentData() {\n    const out = [];\n    if (this.dataWindow) {\n      const records = this.dataWindow.getData();\n      const { keys } = this;\n      const toClient = this.isTree ? toClientRowTree : toClientRow;\n      for (const row of records) {\n        if (row) {\n          out.push(toClient(row, keys, this.selectedRows));\n        }\n      }\n    }\n    return out;\n  }\n  enable(requestId) {\n    this.awaitOperation(requestId, { type: \"enable\" });\n    info2 == null ? void 0 : info2(`enable: ${this.serverViewportId}`);\n    return {\n      type: ENABLE_VP,\n      viewPortId: this.serverViewportId\n    };\n  }\n  disable(requestId) {\n    this.awaitOperation(requestId, { type: \"disable\" });\n    info2 == null ? void 0 : info2(`disable: ${this.serverViewportId}`);\n    this.suspended = false;\n    return {\n      type: DISABLE_VP,\n      viewPortId: this.serverViewportId\n    };\n  }\n  columnRequest(requestId, columns) {\n    this.awaitOperation(requestId, {\n      type: \"columns\",\n      data: columns\n    });\n    debug3 == null ? void 0 : debug3(`columnRequest: ${columns}`);\n    return this.createRequest({ columns });\n  }\n  filterRequest(requestId, dataSourceFilter) {\n    this.awaitOperation(requestId, {\n      type: \"filter\",\n      data: dataSourceFilter\n    });\n    if (this.useBatchMode) {\n      this.batchMode = true;\n    }\n    const { filter } = dataSourceFilter;\n    info2 == null ? void 0 : info2(`filterRequest: ${filter}`);\n    return this.createRequest({ filterSpec: { filter } });\n  }\n  setConfig(requestId, config) {\n    this.awaitOperation(requestId, { type: \"config\", data: config });\n    const { filter, ...remainingConfig } = config;\n    if (this.useBatchMode) {\n      this.batchMode = true;\n    }\n    debugEnabled3 ? debug3 == null ? void 0 : debug3(`setConfig ${JSON.stringify(config)}`) : info2 == null ? void 0 : info2(`setConfig`);\n    return this.createRequest(\n      {\n        ...remainingConfig,\n        filterSpec: typeof (filter == null ? void 0 : filter.filter) === \"string\" ? {\n          filter: filter.filter\n        } : {\n          filter: \"\"\n        }\n      },\n      true\n    );\n  }\n  aggregateRequest(requestId, aggregations) {\n    this.awaitOperation(requestId, { type: \"aggregate\", data: aggregations });\n    info2 == null ? void 0 : info2(`aggregateRequest: ${aggregations}`);\n    return this.createRequest({ aggregations });\n  }\n  sortRequest(requestId, sort) {\n    this.awaitOperation(requestId, { type: \"sort\", data: sort });\n    info2 == null ? void 0 : info2(`sortRequest: ${JSON.stringify(sort.sortDefs)}`);\n    return this.createRequest({ sort });\n  }\n  groupByRequest(requestId, groupBy = EMPTY_GROUPBY) {\n    var _a;\n    this.awaitOperation(requestId, { type: \"groupBy\", data: groupBy });\n    if (this.useBatchMode) {\n      this.batchMode = true;\n    }\n    if (!this.isTree) {\n      (_a = this.dataWindow) == null ? void 0 : _a.clear();\n    }\n    return this.createRequest({ groupBy });\n  }\n  selectRequest(requestId, selected) {\n    this.selectedRows = selected;\n    this.awaitOperation(requestId, { type: \"selection\", data: selected });\n    info2 == null ? void 0 : info2(`selectRequest: ${selected}`);\n    return {\n      type: \"SET_SELECTION\",\n      vpId: this.serverViewportId,\n      selection: expandSelection(selected)\n    };\n  }\n  removePendingRangeRequest(firstIndex, lastIndex) {\n    for (let i = this.pendingRangeRequests.length - 1; i >= 0; i--) {\n      const { from, to } = this.pendingRangeRequests[i];\n      let isLast = true;\n      if (firstIndex >= from && firstIndex < to || lastIndex > from && lastIndex < to) {\n        if (!isLast) {\n          console.warn(\n            \"removePendingRangeRequest TABLE_ROWS are not for latest request\"\n          );\n        }\n        this.pendingRangeRequests.splice(i, 1);\n        break;\n      } else {\n        isLast = false;\n      }\n    }\n  }\n  updateRows(rows) {\n    var _a, _b, _c;\n    const [firstRow, lastRow] = getFirstAndLastRows(rows);\n    if (firstRow && lastRow) {\n      this.removePendingRangeRequest(firstRow.rowIndex, lastRow.rowIndex);\n    }\n    if (rows.length === 1) {\n      if (firstRow.vpSize === 0 && this.disabled) {\n        debug3 == null ? void 0 : debug3(\n          `ignore a SIZE=0 message on disabled viewport (${rows.length} rows)`\n        );\n        return;\n      } else if (firstRow.updateType === \"SIZE\") {\n        this.setLastSizeOnlyUpdateSize(firstRow.vpSize);\n      }\n    }\n    for (const row of rows) {\n      if (this.isTree && isLeafUpdate(row)) {\n        continue;\n      } else {\n        if (row.updateType === \"SIZE\" || ((_a = this.dataWindow) == null ? void 0 : _a.rowCount) !== row.vpSize) {\n          (_b = this.dataWindow) == null ? void 0 : _b.setRowCount(row.vpSize);\n          this.rowCountChanged = true;\n        }\n        if (row.updateType === \"U\") {\n          if ((_c = this.dataWindow) == null ? void 0 : _c.setAtIndex(row)) {\n            this.hasUpdates = true;\n            if (!this.batchMode) {\n              this.pendingUpdates.push(row);\n            }\n          }\n        }\n      }\n    }\n  }\n  // This is called only after new data has been received from server - data\n  // returned direcly from buffer does not use this.\n  getClientRows() {\n    let out = void 0;\n    let mode = \"size-only\";\n    if (!this.hasUpdates && !this.rowCountChanged) {\n      return NO_DATA_UPDATE;\n    }\n    if (this.hasUpdates) {\n      const { keys, selectedRows } = this;\n      const toClient = this.isTree ? toClientRowTree : toClientRow;\n      if (this.updateThrottleTimer) {\n        self.clearTimeout(this.updateThrottleTimer);\n        this.updateThrottleTimer = void 0;\n      }\n      if (this.pendingUpdates.length > 0) {\n        out = [];\n        mode = \"update\";\n        for (const row of this.pendingUpdates) {\n          out.push(toClient(row, keys, selectedRows));\n        }\n        this.pendingUpdates.length = 0;\n      } else {\n        const records = this.dataWindow.getData();\n        if (this.dataWindow.hasAllRowsWithinRange) {\n          out = [];\n          mode = \"batch\";\n          for (const row of records) {\n            out.push(toClient(row, keys, selectedRows));\n          }\n          this.batchMode = false;\n        }\n      }\n      this.hasUpdates = false;\n    }\n    if (this.throttleMessage(mode)) {\n      return NO_DATA_UPDATE;\n    } else {\n      return [out, mode];\n    }\n  }\n  createRequest(params, overWrite = false) {\n    if (overWrite) {\n      return {\n        type: \"CHANGE_VP\",\n        viewPortId: this.serverViewportId,\n        ...params\n      };\n    } else {\n      return {\n        type: \"CHANGE_VP\",\n        viewPortId: this.serverViewportId,\n        aggregations: this.aggregations,\n        columns: this.columns,\n        sort: this.sort,\n        groupBy: this.groupBy,\n        filterSpec: {\n          filter: this.filter.filter\n        },\n        ...params\n      };\n    }\n  }\n};\nvar toClientRow = ({ rowIndex, rowKey, sel: isSelected, data }, keys, selectedRows) => {\n  return [\n    rowIndex,\n    keys.keyFor(rowIndex),\n    true,\n    false,\n    0,\n    0,\n    rowKey,\n    isSelected ? getSelectionStatus(selectedRows, rowIndex) : 0\n  ].concat(data);\n};\nvar toClientRowTree = ({ rowIndex, rowKey, sel: isSelected, data }, keys, selectedRows) => {\n  const [depth, isExpanded, , isLeaf, , count, ...rest] = data;\n  return [\n    rowIndex,\n    keys.keyFor(rowIndex),\n    isLeaf,\n    isExpanded,\n    depth,\n    count,\n    rowKey,\n    isSelected ? getSelectionStatus(selectedRows, rowIndex) : 0\n  ].concat(rest);\n};\n\n// src/server-proxy/server-proxy.ts\nvar _requestId = 1;\nvar { debug: debug4, debugEnabled: debugEnabled4, error: error3, info: info3, infoEnabled: infoEnabled3, warn: warn3 } = logger(\"server-proxy\");\nvar nextRequestId = () => `${_requestId++}`;\nvar DEFAULT_OPTIONS = {};\nvar isActiveViewport = (viewPort) => viewPort.disabled !== true && viewPort.suspended !== true;\nvar NO_ACTION = {\n  type: \"NO_ACTION\"\n};\nvar addTitleToLinks = (links, serverViewportId, label) => links.map(\n  (link) => link.parentVpId === serverViewportId ? { ...link, label } : link\n);\nfunction addLabelsToLinks(links, viewports) {\n  return links.map((linkDescriptor) => {\n    const { parentVpId } = linkDescriptor;\n    const viewport = viewports.get(parentVpId);\n    if (viewport) {\n      return {\n        ...linkDescriptor,\n        parentClientVpId: viewport.clientViewportId,\n        label: viewport.title\n      };\n    } else {\n      throw Error(\"addLabelsToLinks viewport not found\");\n    }\n  });\n}\nvar ServerProxy = class {\n  constructor(connection, callback) {\n    this.authToken = \"\";\n    this.user = \"user\";\n    this.pendingRequests = /* @__PURE__ */ new Map();\n    this.queuedRequests = [];\n    this.cachedTableMetaRequests = /* @__PURE__ */ new Map();\n    this.cachedTableSchemas = /* @__PURE__ */ new Map();\n    this.connection = connection;\n    this.postMessageToClient = callback;\n    this.viewports = /* @__PURE__ */ new Map();\n    this.mapClientToServerViewport = /* @__PURE__ */ new Map();\n  }\n  async reconnect() {\n    await this.login(this.authToken);\n    const [activeViewports, inactiveViewports] = partition(\n      Array.from(this.viewports.values()),\n      isActiveViewport\n    );\n    this.viewports.clear();\n    this.mapClientToServerViewport.clear();\n    const reconnectViewports = (viewports) => {\n      viewports.forEach((viewport) => {\n        const { clientViewportId } = viewport;\n        this.viewports.set(clientViewportId, viewport);\n        this.sendMessageToServer(viewport.subscribe(), clientViewportId);\n      });\n    };\n    reconnectViewports(activeViewports);\n    setTimeout(() => {\n      reconnectViewports(inactiveViewports);\n    }, 2e3);\n  }\n  async login(authToken, user = \"user\") {\n    if (authToken) {\n      this.authToken = authToken;\n      this.user = user;\n      return new Promise((resolve, reject) => {\n        this.sendMessageToServer(\n          { type: LOGIN, token: this.authToken, user },\n          \"\"\n        );\n        this.pendingLogin = { resolve, reject };\n      });\n    } else if (this.authToken === \"\") {\n      error3(\"login, cannot login until auth token has been obtained\");\n    }\n  }\n  subscribe(message) {\n    if (!this.mapClientToServerViewport.has(message.viewport)) {\n      const pendingTableSchema = this.getTableMeta(message.table);\n      const viewport = new Viewport(message, this.postMessageToClient);\n      this.viewports.set(message.viewport, viewport);\n      const pendingSubscription = this.awaitResponseToMessage(\n        viewport.subscribe(),\n        message.viewport\n      );\n      const awaitPendingReponses = Promise.all([\n        pendingSubscription,\n        pendingTableSchema\n      ]);\n      awaitPendingReponses.then(([subscribeResponse, tableSchema]) => {\n        const { viewPortId: serverViewportId } = subscribeResponse;\n        const { status: previousViewportStatus } = viewport;\n        if (message.viewport !== serverViewportId) {\n          this.viewports.delete(message.viewport);\n          this.viewports.set(serverViewportId, viewport);\n        }\n        this.mapClientToServerViewport.set(message.viewport, serverViewportId);\n        const clientResponse = viewport.handleSubscribed(\n          subscribeResponse,\n          tableSchema\n        );\n        if (clientResponse) {\n          this.postMessageToClient(clientResponse);\n          if (debugEnabled4) {\n            debug4(\n              `post DataSourceSubscribedMessage to client: ${JSON.stringify(\n                clientResponse\n              )}`\n            );\n          }\n        }\n        if (viewport.disabled) {\n          this.disableViewport(viewport);\n        }\n        if (this.queuedRequests.length > 0) {\n          this.processQueuedRequests();\n        }\n        if (previousViewportStatus === \"subscribing\" && // A session table will never have Visual Links, nor Context Menus\n        !isSessionTable(viewport.table)) {\n          this.sendMessageToServer({\n            type: GET_VP_VISUAL_LINKS,\n            vpId: serverViewportId\n          });\n          this.sendMessageToServer({\n            type: GET_VIEW_PORT_MENUS,\n            vpId: serverViewportId\n          });\n          Array.from(this.viewports.entries()).filter(\n            ([id, { disabled }]) => id !== serverViewportId && !disabled\n          ).forEach(([vpId]) => {\n            this.sendMessageToServer({\n              type: GET_VP_VISUAL_LINKS,\n              vpId\n            });\n          });\n        }\n      });\n    } else {\n      error3(`spurious subscribe call ${message.viewport}`);\n    }\n  }\n  processQueuedRequests() {\n    const messageTypesProcessed = {};\n    while (this.queuedRequests.length) {\n      const queuedRequest = this.queuedRequests.pop();\n      if (queuedRequest) {\n        const { clientViewportId, message, requestId } = queuedRequest;\n        if (message.type === \"CHANGE_VP_RANGE\") {\n          if (messageTypesProcessed.CHANGE_VP_RANGE) {\n            continue;\n          }\n          messageTypesProcessed.CHANGE_VP_RANGE = true;\n          const serverViewportId = this.mapClientToServerViewport.get(clientViewportId);\n          if (serverViewportId) {\n            this.sendMessageToServer(\n              {\n                ...message,\n                viewPortId: serverViewportId\n              },\n              requestId\n            );\n          }\n        }\n      }\n    }\n  }\n  unsubscribe(clientViewportId) {\n    const serverViewportId = this.mapClientToServerViewport.get(clientViewportId);\n    if (serverViewportId) {\n      info3 == null ? void 0 : info3(\n        `Unsubscribe Message (Client to Server):\n        ${serverViewportId}`\n      );\n      this.sendMessageToServer({\n        type: REMOVE_VP,\n        viewPortId: serverViewportId\n      });\n    } else {\n      error3(\n        `failed to unsubscribe client viewport ${clientViewportId}, viewport not found`\n      );\n    }\n  }\n  getViewportForClient(clientViewportId, throws = true) {\n    const serverViewportId = this.mapClientToServerViewport.get(clientViewportId);\n    if (serverViewportId) {\n      const viewport = this.viewports.get(serverViewportId);\n      if (viewport) {\n        return viewport;\n      } else if (throws) {\n        throw Error(\n          `Viewport not found for client viewport ${clientViewportId}`\n        );\n      } else {\n        return null;\n      }\n    } else if (this.viewports.has(clientViewportId)) {\n      return this.viewports.get(clientViewportId);\n    } else if (throws) {\n      throw Error(\n        `Viewport server id not found for client viewport ${clientViewportId}`\n      );\n    } else {\n      return null;\n    }\n  }\n  /**********************************************************************/\n  /* Handle messages from client                                        */\n  /**********************************************************************/\n  setViewRange(viewport, message) {\n    const requestId = nextRequestId();\n    const [serverRequest, rows, debounceRequest] = viewport.rangeRequest(\n      requestId,\n      message.range\n    );\n    info3 == null ? void 0 : info3(`setViewRange ${message.range.from} - ${message.range.to}`);\n    if (serverRequest) {\n      if (true) {\n        info3 == null ? void 0 : info3(\n          `CHANGE_VP_RANGE [${message.range.from}-${message.range.to}] => [${serverRequest.from}-${serverRequest.to}]`\n        );\n      }\n      const sentToServer = this.sendIfReady(\n        serverRequest,\n        requestId,\n        viewport.status === \"subscribed\"\n      );\n      if (!sentToServer) {\n        this.queuedRequests.push({\n          clientViewportId: message.viewport,\n          message: serverRequest,\n          requestId\n        });\n      }\n    }\n    if (rows) {\n      info3 == null ? void 0 : info3(`setViewRange ${rows.length} rows returned from cache`);\n      this.postMessageToClient({\n        mode: \"batch\",\n        type: \"viewport-update\",\n        clientViewportId: viewport.clientViewportId,\n        rows\n      });\n    } else if (debounceRequest) {\n      this.postMessageToClient(debounceRequest);\n    }\n  }\n  setConfig(viewport, message) {\n    const requestId = nextRequestId();\n    const request = viewport.setConfig(requestId, message.config);\n    this.sendIfReady(request, requestId, viewport.status === \"subscribed\");\n  }\n  aggregate(viewport, message) {\n    const requestId = nextRequestId();\n    const request = viewport.aggregateRequest(requestId, message.aggregations);\n    this.sendIfReady(request, requestId, viewport.status === \"subscribed\");\n  }\n  sort(viewport, message) {\n    const requestId = nextRequestId();\n    const request = viewport.sortRequest(requestId, message.sort);\n    this.sendIfReady(request, requestId, viewport.status === \"subscribed\");\n  }\n  groupBy(viewport, message) {\n    const requestId = nextRequestId();\n    const request = viewport.groupByRequest(requestId, message.groupBy);\n    this.sendIfReady(request, requestId, viewport.status === \"subscribed\");\n  }\n  filter(viewport, message) {\n    const requestId = nextRequestId();\n    const { filter } = message;\n    const request = viewport.filterRequest(requestId, filter);\n    this.sendIfReady(request, requestId, viewport.status === \"subscribed\");\n  }\n  setColumns(viewport, message) {\n    const requestId = nextRequestId();\n    const { columns } = message;\n    const request = viewport.columnRequest(requestId, columns);\n    this.sendIfReady(request, requestId, viewport.status === \"subscribed\");\n  }\n  setTitle(viewport, message) {\n    if (viewport) {\n      viewport.title = message.title;\n      this.updateTitleOnVisualLinks(viewport);\n    }\n  }\n  select(viewport, message) {\n    const requestId = nextRequestId();\n    const { selected } = message;\n    const request = viewport.selectRequest(requestId, selected);\n    this.sendIfReady(request, requestId, viewport.status === \"subscribed\");\n  }\n  disableViewport(viewport) {\n    const requestId = nextRequestId();\n    const request = viewport.disable(requestId);\n    this.sendIfReady(request, requestId, viewport.status === \"subscribed\");\n  }\n  enableViewport(viewport) {\n    if (viewport.disabled) {\n      const requestId = nextRequestId();\n      const request = viewport.enable(requestId);\n      this.sendIfReady(request, requestId, viewport.status === \"subscribed\");\n    }\n  }\n  suspendViewport(viewport) {\n    viewport.suspend();\n    viewport.suspendTimer = setTimeout(() => {\n      info3 == null ? void 0 : info3(\"suspendTimer expired, escalate suspend to disable\");\n      this.disableViewport(viewport);\n    }, 3e3);\n  }\n  resumeViewport(viewport) {\n    if (viewport.suspendTimer) {\n      debug4 == null ? void 0 : debug4(\"clear suspend timer\");\n      clearTimeout(viewport.suspendTimer);\n      viewport.suspendTimer = null;\n    }\n    const [size, rows] = viewport.resume();\n    debug4 == null ? void 0 : debug4(`resumeViewport size ${size}, ${rows.length} rows sent to client`);\n    this.postMessageToClient({\n      clientViewportId: viewport.clientViewportId,\n      mode: \"batch\",\n      rows,\n      size,\n      type: \"viewport-update\"\n    });\n  }\n  openTreeNode(viewport, message) {\n    if (viewport.serverViewportId) {\n      const requestId = nextRequestId();\n      this.sendIfReady(\n        viewport.openTreeNode(requestId, message),\n        requestId,\n        viewport.status === \"subscribed\"\n      );\n    }\n  }\n  closeTreeNode(viewport, message) {\n    if (viewport.serverViewportId) {\n      const requestId = nextRequestId();\n      this.sendIfReady(\n        viewport.closeTreeNode(requestId, message),\n        requestId,\n        viewport.status === \"subscribed\"\n      );\n    }\n  }\n  createLink(viewport, message) {\n    const { parentClientVpId, parentColumnName, childColumnName } = message;\n    const requestId = nextRequestId();\n    const parentVpId = this.mapClientToServerViewport.get(parentClientVpId);\n    if (parentVpId) {\n      const request = viewport.createLink(\n        requestId,\n        childColumnName,\n        parentVpId,\n        parentColumnName\n      );\n      this.sendMessageToServer(request, requestId);\n    } else {\n      error3(\"ServerProxy unable to create link, viewport not found\");\n    }\n  }\n  removeLink(viewport) {\n    const requestId = nextRequestId();\n    const request = viewport.removeLink(requestId);\n    this.sendMessageToServer(request, requestId);\n  }\n  updateTitleOnVisualLinks(viewport) {\n    var _a;\n    const { serverViewportId, title } = viewport;\n    for (const vp of this.viewports.values()) {\n      if (vp !== viewport && vp.links && serverViewportId && title) {\n        if ((_a = vp.links) == null ? void 0 : _a.some((link) => link.parentVpId === serverViewportId)) {\n          const [messageToClient] = vp.setLinks(\n            addTitleToLinks(vp.links, serverViewportId, title)\n          );\n          this.postMessageToClient(messageToClient);\n        }\n      }\n    }\n  }\n  removeViewportFromVisualLinks(serverViewportId) {\n    var _a;\n    for (const vp of this.viewports.values()) {\n      if ((_a = vp.links) == null ? void 0 : _a.some(({ parentVpId }) => parentVpId === serverViewportId)) {\n        const [messageToClient] = vp.setLinks(\n          vp.links.filter(({ parentVpId }) => parentVpId !== serverViewportId)\n        );\n        this.postMessageToClient(messageToClient);\n      }\n    }\n  }\n  menuRpcCall(message) {\n    const viewport = this.getViewportForClient(message.vpId, false);\n    if (viewport == null ? void 0 : viewport.serverViewportId) {\n      const [requestId, rpcRequest] = stripRequestId(message);\n      this.sendMessageToServer(\n        {\n          ...rpcRequest,\n          vpId: viewport.serverViewportId\n        },\n        requestId\n      );\n    }\n  }\n  viewportRpcCall(message) {\n    const viewport = this.getViewportForClient(message.vpId, false);\n    if (viewport == null ? void 0 : viewport.serverViewportId) {\n      const [requestId, rpcRequest] = stripRequestId(message);\n      this.sendMessageToServer(\n        {\n          ...rpcRequest,\n          vpId: viewport.serverViewportId,\n          namedParams: {}\n        },\n        requestId\n      );\n    }\n  }\n  rpcCall(message) {\n    const [requestId, rpcRequest] = stripRequestId(message);\n    const module = getRpcServiceModule(rpcRequest.service);\n    this.sendMessageToServer(rpcRequest, requestId, { module });\n  }\n  handleMessageFromClient(message) {\n    var _a;\n    if (isViewporttMessage(message)) {\n      if (message.type === \"disable\") {\n        const viewport = this.getViewportForClient(message.viewport, false);\n        if (viewport !== null) {\n          return this.disableViewport(viewport);\n        } else {\n          return;\n        }\n      } else {\n        const viewport = this.getViewportForClient(message.viewport);\n        switch (message.type) {\n          case \"setViewRange\":\n            return this.setViewRange(viewport, message);\n          case \"config\":\n            return this.setConfig(viewport, message);\n          case \"aggregate\":\n            return this.aggregate(viewport, message);\n          case \"sort\":\n            return this.sort(viewport, message);\n          case \"groupBy\":\n            return this.groupBy(viewport, message);\n          case \"filter\":\n            return this.filter(viewport, message);\n          case \"select\":\n            return this.select(viewport, message);\n          case \"suspend\":\n            return this.suspendViewport(viewport);\n          case \"resume\":\n            return this.resumeViewport(viewport);\n          case \"enable\":\n            return this.enableViewport(viewport);\n          case \"openTreeNode\":\n            return this.openTreeNode(viewport, message);\n          case \"closeTreeNode\":\n            return this.closeTreeNode(viewport, message);\n          case \"createLink\":\n            return this.createLink(viewport, message);\n          case \"removeLink\":\n            return this.removeLink(viewport);\n          case \"setColumns\":\n            return this.setColumns(viewport, message);\n          case \"setTitle\":\n            return this.setTitle(viewport, message);\n          default:\n        }\n      }\n    } else if (isVuuRpcRequest(message)) {\n      return this.viewportRpcCall(message);\n    } else if (isVuuMenuRpcRequest(message)) {\n      return this.menuRpcCall(message);\n    } else {\n      const { type, requestId } = message;\n      switch (type) {\n        case \"GET_TABLE_LIST\": {\n          (_a = this.tableList) != null ? _a : this.tableList = this.awaitResponseToMessage(\n            { type },\n            requestId\n          );\n          this.tableList.then((response) => {\n            this.postMessageToClient({\n              type: \"TABLE_LIST_RESP\",\n              tables: response.tables,\n              requestId\n            });\n          });\n          return;\n        }\n        case \"GET_TABLE_META\": {\n          this.getTableMeta(message.table, requestId).then((tableSchema) => {\n            if (tableSchema) {\n              this.postMessageToClient({\n                type: \"TABLE_META_RESP\",\n                tableSchema,\n                requestId\n              });\n            }\n          });\n          return;\n        }\n        case \"RPC_CALL\":\n          return this.rpcCall(message);\n        default:\n      }\n    }\n    error3(\n      `Vuu ServerProxy Unexpected message from client ${JSON.stringify(\n        message\n      )}`\n    );\n  }\n  getTableMeta(table, requestId = nextRequestId()) {\n    if (isSessionTable(table)) {\n      return Promise.resolve(void 0);\n    }\n    const key = `${table.module}:${table.table}`;\n    let tableMetaRequest = this.cachedTableMetaRequests.get(key);\n    if (!tableMetaRequest) {\n      tableMetaRequest = this.awaitResponseToMessage(\n        { type: \"GET_TABLE_META\", table },\n        requestId\n      );\n      this.cachedTableMetaRequests.set(key, tableMetaRequest);\n    }\n    return tableMetaRequest == null ? void 0 : tableMetaRequest.then((response) => this.cacheTableMeta(response));\n  }\n  awaitResponseToMessage(message, requestId = nextRequestId()) {\n    return new Promise((resolve, reject) => {\n      this.sendMessageToServer(message, requestId);\n      this.pendingRequests.set(requestId, { reject, resolve });\n    });\n  }\n  sendIfReady(message, requestId, isReady = true) {\n    if (isReady) {\n      this.sendMessageToServer(message, requestId);\n    }\n    return isReady;\n  }\n  sendMessageToServer(body, requestId = `${_requestId++}`, options = DEFAULT_OPTIONS) {\n    const { module = \"CORE\" } = options;\n    if (this.authToken) {\n      this.connection.send({\n        requestId,\n        sessionId: this.sessionId,\n        token: this.authToken,\n        user: this.user,\n        module,\n        body\n      });\n    }\n  }\n  handleMessageFromServer(message) {\n    var _a, _b, _c;\n    const { body, requestId, sessionId } = message;\n    const pendingRequest = this.pendingRequests.get(requestId);\n    if (pendingRequest) {\n      const { resolve } = pendingRequest;\n      this.pendingRequests.delete(requestId);\n      resolve(body);\n      return;\n    }\n    const { viewports } = this;\n    switch (body.type) {\n      case HB:\n        this.sendMessageToServer(\n          { type: HB_RESP, ts: +/* @__PURE__ */ new Date() },\n          \"NA\"\n        );\n        break;\n      case \"LOGIN_SUCCESS\":\n        if (sessionId) {\n          this.sessionId = sessionId;\n          (_a = this.pendingLogin) == null ? void 0 : _a.resolve(sessionId);\n          this.pendingLogin = void 0;\n        } else {\n          throw Error(\"LOGIN_SUCCESS did not provide sessionId\");\n        }\n        break;\n      case \"REMOVE_VP_SUCCESS\":\n        {\n          const viewport = viewports.get(body.viewPortId);\n          if (viewport) {\n            this.mapClientToServerViewport.delete(viewport.clientViewportId);\n            viewports.delete(body.viewPortId);\n            this.removeViewportFromVisualLinks(body.viewPortId);\n          }\n        }\n        break;\n      case SET_SELECTION_SUCCESS:\n        {\n          const viewport = this.viewports.get(body.vpId);\n          if (viewport) {\n            viewport.completeOperation(requestId);\n          }\n        }\n        break;\n      case CHANGE_VP_SUCCESS:\n      case DISABLE_VP_SUCCESS:\n        if (viewports.has(body.viewPortId)) {\n          const viewport = this.viewports.get(body.viewPortId);\n          if (viewport) {\n            const response = viewport.completeOperation(requestId);\n            if (response !== void 0) {\n              this.postMessageToClient(response);\n              if (debugEnabled4) {\n                debug4(`postMessageToClient ${JSON.stringify(response)}`);\n              }\n            }\n          }\n        }\n        break;\n      case ENABLE_VP_SUCCESS:\n        {\n          const viewport = this.viewports.get(body.viewPortId);\n          if (viewport) {\n            const response = viewport.completeOperation(requestId);\n            if (response) {\n              this.postMessageToClient(response);\n              const [size, rows] = viewport.resume();\n              this.postMessageToClient({\n                clientViewportId: viewport.clientViewportId,\n                mode: \"batch\",\n                rows,\n                size,\n                type: \"viewport-update\"\n              });\n            }\n          }\n        }\n        break;\n      case \"TABLE_ROW\":\n        {\n          const viewportRowMap = groupRowsByViewport(body.rows);\n          if (debugEnabled4) {\n            const [firstRow, secondRow] = body.rows;\n            if (body.rows.length === 0) {\n              debug4(\"handleMessageFromServer TABLE_ROW 0 rows\");\n            } else if ((firstRow == null ? void 0 : firstRow.rowIndex) === -1) {\n              if (body.rows.length === 1) {\n                if (firstRow.updateType === \"SIZE\") {\n                  debug4(\n                    `handleMessageFromServer [${firstRow.viewPortId}] TABLE_ROW SIZE ONLY ${firstRow.vpSize}`\n                  );\n                } else {\n                  debug4(\n                    `handleMessageFromServer [${firstRow.viewPortId}] TABLE_ROW SIZE ${firstRow.vpSize} rowIdx ${firstRow.rowIndex}`\n                  );\n                }\n              } else {\n                debug4(\n                  `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}]`\n                );\n              }\n            } else {\n              debug4(\n                `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}]`\n              );\n            }\n          }\n          for (const [viewportId, rows] of Object.entries(viewportRowMap)) {\n            const viewport = viewports.get(viewportId);\n            if (viewport) {\n              viewport.updateRows(rows);\n            } else {\n              warn3 == null ? void 0 : warn3(\n                `TABLE_ROW message received for non registered viewport ${viewportId}`\n              );\n            }\n          }\n          this.processUpdates();\n        }\n        break;\n      case \"CHANGE_VP_RANGE_SUCCESS\":\n        {\n          const viewport = this.viewports.get(body.viewPortId);\n          if (viewport) {\n            const { from, to } = body;\n            if (true) {\n              info3 == null ? void 0 : info3(`CHANGE_VP_RANGE_SUCCESS ${from} - ${to}`);\n            }\n            viewport.completeOperation(requestId, from, to);\n          }\n        }\n        break;\n      case OPEN_TREE_SUCCESS:\n      case CLOSE_TREE_SUCCESS:\n        break;\n      case \"CREATE_VISUAL_LINK_SUCCESS\":\n        {\n          const viewport = this.viewports.get(body.childVpId);\n          const parentViewport = this.viewports.get(body.parentVpId);\n          if (viewport && parentViewport) {\n            const { childColumnName, parentColumnName } = body;\n            const response = viewport.completeOperation(\n              requestId,\n              childColumnName,\n              parentViewport.clientViewportId,\n              parentColumnName\n            );\n            if (response) {\n              this.postMessageToClient(response);\n            }\n          }\n        }\n        break;\n      case \"REMOVE_VISUAL_LINK_SUCCESS\":\n        {\n          const viewport = this.viewports.get(body.childVpId);\n          if (viewport) {\n            const response = viewport.completeOperation(\n              requestId\n            );\n            if (response) {\n              this.postMessageToClient(response);\n            }\n          }\n        }\n        break;\n      case \"VP_VISUAL_LINKS_RESP\":\n        {\n          const activeLinkDescriptors = this.getActiveLinks(body.links);\n          const viewport = this.viewports.get(body.vpId);\n          if (activeLinkDescriptors.length && viewport) {\n            const linkDescriptorsWithLabels = addLabelsToLinks(\n              activeLinkDescriptors,\n              this.viewports\n            );\n            const [clientMessage, pendingLink] = viewport.setLinks(\n              linkDescriptorsWithLabels\n            );\n            this.postMessageToClient(clientMessage);\n            if (pendingLink) {\n              const { link, parentClientVpId } = pendingLink;\n              const requestId2 = nextRequestId();\n              const serverViewportId = this.mapClientToServerViewport.get(parentClientVpId);\n              if (serverViewportId) {\n                const message2 = viewport.createLink(\n                  requestId2,\n                  link.fromColumn,\n                  serverViewportId,\n                  link.toColumn\n                );\n                this.sendMessageToServer(message2, requestId2);\n              }\n            }\n          }\n        }\n        break;\n      case \"VIEW_PORT_MENUS_RESP\":\n        if (body.menu.name) {\n          const viewport = this.viewports.get(body.vpId);\n          if (viewport) {\n            const clientMessage = viewport.setMenu(body.menu);\n            this.postMessageToClient(clientMessage);\n          }\n        }\n        break;\n      case \"VP_EDIT_RPC_RESPONSE\":\n        {\n          this.postMessageToClient({\n            action: body.action,\n            requestId,\n            rpcName: body.rpcName,\n            type: \"VP_EDIT_RPC_RESPONSE\"\n          });\n        }\n        break;\n      case \"VP_EDIT_RPC_REJECT\":\n        {\n          const viewport = this.viewports.get(body.vpId);\n          if (viewport) {\n            this.postMessageToClient({\n              requestId,\n              type: \"VP_EDIT_RPC_REJECT\",\n              error: body.error\n            });\n          }\n        }\n        break;\n      case \"VIEW_PORT_MENU_REJ\": {\n        console.log(`send menu error back to client`);\n        const { error: error4, rpcName, vpId } = body;\n        const viewport = this.viewports.get(vpId);\n        if (viewport) {\n          this.postMessageToClient({\n            clientViewportId: viewport.clientViewportId,\n            error: error4,\n            rpcName,\n            type: \"VIEW_PORT_MENU_REJ\",\n            requestId\n          });\n        }\n        break;\n      }\n      case \"VIEW_PORT_MENU_RESP\":\n        {\n          if (isSessionTableActionMessage(body)) {\n            const { action, rpcName } = body;\n            this.awaitResponseToMessage({\n              type: \"GET_TABLE_META\",\n              table: action.table\n            }).then((response) => {\n              const tableSchema = createSchemaFromTableMetadata(\n                response\n              );\n              this.postMessageToClient({\n                rpcName,\n                type: \"VIEW_PORT_MENU_RESP\",\n                action: {\n                  ...action,\n                  tableSchema\n                },\n                tableAlreadyOpen: this.isTableOpen(action.table),\n                requestId\n              });\n            });\n          } else {\n            const { action } = body;\n            this.postMessageToClient({\n              type: \"VIEW_PORT_MENU_RESP\",\n              action: action || NO_ACTION,\n              tableAlreadyOpen: action !== null && this.isTableOpen(action.table),\n              requestId\n            });\n          }\n        }\n        break;\n      case \"RPC_RESP\":\n        {\n          const { method, result } = body;\n          this.postMessageToClient({\n            type: \"RPC_RESP\",\n            method,\n            result,\n            requestId\n          });\n        }\n        break;\n      case \"VIEW_PORT_RPC_REPONSE\":\n        {\n          const { method, action } = body;\n          this.postMessageToClient({\n            type: \"VIEW_PORT_RPC_RESPONSE\",\n            rpcName: method,\n            action,\n            requestId\n          });\n        }\n        break;\n      case \"ERROR\":\n        error3(body.msg);\n        break;\n      default:\n        infoEnabled3 && info3(`handleMessageFromServer ${body[\"type\"]}.`);\n    }\n  }\n  cacheTableMeta(messageBody) {\n    const { module, table } = messageBody.table;\n    const key = `${module}:${table}`;\n    let tableSchema = this.cachedTableSchemas.get(key);\n    if (!tableSchema) {\n      tableSchema = createSchemaFromTableMetadata(messageBody);\n      this.cachedTableSchemas.set(key, tableSchema);\n    }\n    return tableSchema;\n  }\n  isTableOpen(table) {\n    if (table) {\n      const tableName = table.table;\n      for (const viewport of this.viewports.values()) {\n        if (!viewport.suspended && viewport.table.table === tableName) {\n          return true;\n        }\n      }\n    }\n  }\n  // Eliminate links to suspended viewports\n  getActiveLinks(linkDescriptors) {\n    return linkDescriptors.filter((linkDescriptor) => {\n      const viewport = this.viewports.get(linkDescriptor.parentVpId);\n      return viewport && !viewport.suspended;\n    });\n  }\n  processUpdates() {\n    this.viewports.forEach((viewport) => {\n      var _a;\n      if (viewport.hasUpdatesToProcess) {\n        const result = viewport.getClientRows();\n        if (result !== NO_DATA_UPDATE) {\n          const [rows, mode] = result;\n          const size = viewport.getNewRowCount();\n          if (size !== void 0 || rows && rows.length > 0) {\n            debugEnabled4 && debug4(\n              `postMessageToClient #${viewport.clientViewportId} viewport-update ${mode}, ${(_a = rows == null ? void 0 : rows.length) != null ? _a : \"no\"} rows, size ${size}`\n            );\n            if (mode) {\n              this.postMessageToClient({\n                clientViewportId: viewport.clientViewportId,\n                mode,\n                rows,\n                size,\n                type: \"viewport-update\"\n              });\n            }\n          }\n        }\n      }\n    });\n  }\n};\n\n// src/worker.ts\nvar server;\nvar { info: info4, infoEnabled: infoEnabled4 } = logger(\"worker\");\nasync function connectToServer(url, protocol, token, username, onConnectionStatusChange, retryLimitDisconnect, retryLimitStartup) {\n  const connection = await connect(\n    url,\n    protocol,\n    // if this was called during connect, we would get a ReferenceError, but it will\n    // never be called until subscriptions have been made, so this is safe.\n    //TODO do we need to listen in to the connection messages here so we can lock back in, in the event of a reconnenct ?\n    (msg) => {\n      if (isConnectionQualityMetrics(msg)) {\n        postMessage({ type: \"connection-metrics\", messages: msg });\n      } else if (isConnectionStatusMessage(msg)) {\n        onConnectionStatusChange(msg);\n        if (msg.status === \"reconnected\") {\n          server.reconnect();\n        }\n      } else {\n        server.handleMessageFromServer(msg);\n      }\n    },\n    retryLimitDisconnect,\n    retryLimitStartup\n  );\n  server = new ServerProxy(connection, (msg) => sendMessageToClient(msg));\n  if (connection.requiresLogin) {\n    await server.login(token, username);\n  }\n}\nfunction sendMessageToClient(message) {\n  postMessage(message);\n}\nvar handleMessageFromClient = async ({\n  data: message\n}) => {\n  switch (message.type) {\n    case \"connect\":\n      await connectToServer(\n        message.url,\n        message.protocol,\n        message.token,\n        message.username,\n        postMessage,\n        message.retryLimitDisconnect,\n        message.retryLimitStartup\n      );\n      postMessage({ type: \"connected\" });\n      break;\n    case \"subscribe\":\n      infoEnabled4 && info4(`client subscribe: ${JSON.stringify(message)}`);\n      server.subscribe(message);\n      break;\n    case \"unsubscribe\":\n      infoEnabled4 && info4(`client unsubscribe: ${JSON.stringify(message)}`);\n      server.unsubscribe(message.viewport);\n      break;\n    default:\n      infoEnabled4 && info4(`client message: ${JSON.stringify(message)}`);\n      server.handleMessageFromClient(message);\n  }\n};\nself.addEventListener(\"message\", handleMessageFromClient);\npostMessage({ type: \"ready\" });\n\n";

package/types/vuu-data/src/json-data-source.d.ts

@@ -0,0 +1,56 @@
+import { ColumnDescriptor, Selection } from "@vuu-ui/vuu-table-types";
+import { LinkDescriptorWithLabel, VuuGroupBy, VuuAggregation, VuuRange, VuuSort, ClientToServerMenuRPC, ClientToServerEditRpc, VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
+import { DataSourceFilter, DataSourceRow } from "@vuu-ui/vuu-data-types";
+import { EventEmitter, JsonData } from "@vuu-ui/vuu-utils";
+import type { DataSource, DataSourceConstructorProps, DataSourceEvents, DataSourceStatus, SubscribeCallback, SubscribeProps, WithFullConfig } from "./data-source";
+import { MenuRpcResponse, VuuUIMessageInRPCEditReject, VuuUIMessageInRPCEditResponse } from "./vuuUIMessageTypes";
+export interface JsonDataSourceConstructorProps extends Omit<DataSourceConstructorProps, "bufferSize" | "table"> {
+    data: JsonData;
+}
+export declare class JsonDataSource extends EventEmitter<DataSourceEvents> implements DataSource {
+    #private;
+    columnDescriptors: ColumnDescriptor[];
+    private clientCallback;
+    private expandedRows;
+    private visibleRows;
+    rowCount: number | undefined;
+    viewport: string;
+    private keys;
+    constructor({ aggregations, data, filter, groupBy, sort, title, viewport, }: JsonDataSourceConstructorProps);
+    subscribe({ viewport, columns, aggregations, range, sort, groupBy, filter, }: SubscribeProps, callback: SubscribeCallback): Promise<void>;
+    unsubscribe(): void;
+    suspend(): this;
+    resume(): this;
+    disable(): this;
+    enable(): this;
+    set data(data: JsonData);
+    select(selected: Selection): void;
+    openTreeNode(key: string): void;
+    closeTreeNode(key: string, cascade?: boolean): void;
+    get status(): DataSourceStatus;
+    get config(): WithFullConfig;
+    applyConfig(): true;
+    get selectedRowsCount(): number;
+    get size(): number;
+    get range(): VuuRange;
+    set range(range: VuuRange);
+    private sendRowsToClient;
+    get columns(): string[];
+    set columns(columns: string[]);
+    get aggregations(): VuuAggregation[];
+    set aggregations(aggregations: VuuAggregation[]);
+    get sort(): VuuSort;
+    set sort(sort: VuuSort);
+    get filter(): DataSourceFilter;
+    set filter(filter: DataSourceFilter);
+    get groupBy(): VuuGroupBy;
+    set groupBy(groupBy: VuuGroupBy);
+    get title(): string | undefined;
+    set title(title: string | undefined);
+    createLink({ parentVpId, link: { fromColumn, toColumn }, }: LinkDescriptorWithLabel): void;
+    removeLink(): void;
+    menuRpcCall(rpcRequest: Omit<ClientToServerMenuRPC, "vpId"> | ClientToServerEditRpc): Promise<MenuRpcResponse | VuuUIMessageInRPCEditReject | VuuUIMessageInRPCEditResponse | undefined>;
+    applyEdit(row: DataSourceRow, columnName: string, value: VuuRowDataItemType): Promise<true>;
+    getChildRows(rowKey: string): DataSourceRow[];
+    getRowsAtDepth(depth: number, visibleOnly?: boolean): DataSourceRow[];
+}

package/types/vuu-data/src/message-utils.d.ts

@@ -0,0 +1,28 @@
+import { ClientToServerMenuRPC, ClientToServerViewportRpcCall, VuuColumnDataType, VuuRow, VuuRpcRequest, VuuTable, VuuTableMeta } from "@vuu-ui/vuu-protocol-types";
+import { VuuUIMessageOut } from "./vuuUIMessageTypes";
+export declare const isVuuMenuRpcRequest: (message: VuuUIMessageOut | VuuRpcRequest | ClientToServerMenuRPC) => message is ClientToServerMenuRPC;
+export declare const isVuuRpcRequest: (message: VuuUIMessageOut | VuuRpcRequest | ClientToServerMenuRPC | ClientToServerViewportRpcCall) => message is ClientToServerViewportRpcCall;
+export type WithRequestId<T> = T & {
+    requestId: string;
+};
+export declare const stripRequestId: <T>({ requestId, ...rest }: WithRequestId<T>) => [string, T];
+export declare const getFirstAndLastRows: (rows: VuuRow[]) => [VuuRow, VuuRow] | [VuuRow];
+export type ViewportRowMap = {
+    [key: string]: VuuRow[];
+};
+export declare const groupRowsByViewport: (rows: VuuRow[]) => ViewportRowMap;
+export type SchemaColumn = {
+    name: string;
+    serverDataType: VuuColumnDataType;
+};
+export interface VuuTableMetaWithTable extends VuuTableMeta {
+    table: VuuTable;
+}
+export type TableSchema = {
+    columns: SchemaColumn[];
+    key: string;
+    table: VuuTable;
+};
+export declare const byModule: (schema1: TableSchema, schema2: TableSchema) => 0 | 1 | -1;
+export declare const getColumnByName: (schema: TableSchema, name?: string) => SchemaColumn | undefined;
+export declare const createSchemaFromTableMetadata: ({ columns, dataTypes, key, table, }: VuuTableMetaWithTable) => Readonly<TableSchema>;

package/types/vuu-data/src/remote-data-source.d.ts

@@ -0,0 +1,65 @@
+import { DataSourceFilter, DataSourceRow } from "@vuu-ui/vuu-data-types";
+import { Selection } from "@vuu-ui/vuu-table-types";
+import { ClientToServerEditRpc, ClientToServerMenuRPC, ClientToServerViewportRpcCall, LinkDescriptorWithLabel, VuuAggregation, VuuDataRowDto, VuuGroupBy, VuuMenu, VuuRange, VuuRowDataItemType, VuuSort, VuuTable } from "@vuu-ui/vuu-protocol-types";
+import { EventEmitter } from "@vuu-ui/vuu-utils";
+import { DataSource, DataSourceCallbackMessage, DataSourceConfig, DataSourceConstructorProps, DataSourceEvents, DataSourceStatus, OptimizeStrategy, RpcResponse, SubscribeCallback, SubscribeProps } from "./data-source";
+import { MenuRpcResponse } from "./vuuUIMessageTypes";
+import { TableSchema } from "./message-utils";
+export declare class RemoteDataSource extends EventEmitter<DataSourceEvents> implements DataSource {
+    #private;
+    private bufferSize;
+    private server;
+    private clientCallback;
+    private configChangePending;
+    private rangeRequest;
+    table: VuuTable;
+    tableSchema: TableSchema | undefined;
+    viewport: string | undefined;
+    constructor({ bufferSize, aggregations, columns, filter, groupBy, sort, table, title, viewport, visualLink, }: DataSourceConstructorProps);
+    subscribe({ viewport, columns, aggregations, range, sort, groupBy, filter, }: SubscribeProps, callback: SubscribeCallback): Promise<void>;
+    handleMessageFromServer: (message: DataSourceCallbackMessage) => void;
+    unsubscribe(): void;
+    suspend(): this;
+    resume(): this;
+    disable(): this;
+    enable(callback?: SubscribeCallback): this;
+    select(selected: Selection): void;
+    openTreeNode(key: string): void;
+    closeTreeNode(key: string): void;
+    get links(): LinkDescriptorWithLabel[] | undefined;
+    get menu(): VuuMenu | undefined;
+    get status(): DataSourceStatus;
+    get optimize(): OptimizeStrategy;
+    set optimize(optimize: OptimizeStrategy);
+    private revertDebounce;
+    get selectedRowsCount(): number;
+    get size(): number;
+    get range(): VuuRange;
+    set range(range: VuuRange);
+    private rawRangeRequest;
+    private debounceRangeRequest;
+    private throttleRangeRequest;
+    get config(): DataSourceConfig;
+    set config(config: DataSourceConfig);
+    applyConfig(config: DataSourceConfig): true | undefined;
+    get columns(): string[];
+    set columns(columns: string[]);
+    get aggregations(): VuuAggregation[];
+    set aggregations(aggregations: VuuAggregation[]);
+    get sort(): VuuSort;
+    set sort(sort: VuuSort);
+    get filter(): DataSourceFilter;
+    set filter(filter: DataSourceFilter);
+    get groupBy(): VuuGroupBy;
+    set groupBy(groupBy: VuuGroupBy);
+    get title(): string | undefined;
+    set title(title: string | undefined);
+    get visualLink(): LinkDescriptorWithLabel | undefined;
+    set visualLink(visualLink: LinkDescriptorWithLabel | undefined);
+    private setConfigPending;
+    rpcCall<T extends RpcResponse = RpcResponse>(rpcRequest: Omit<ClientToServerViewportRpcCall, "vpId">): Promise<T | undefined>;
+    menuRpcCall(rpcRequest: Omit<ClientToServerMenuRPC, "vpId"> | ClientToServerEditRpc): Promise<MenuRpcResponse | undefined>;
+    applyEdit(row: DataSourceRow, columnName: string, value: VuuRowDataItemType): Promise<string | true>;
+    insertRow(key: string, data: VuuDataRowDto): Promise<string | true>;
+    deleteRow(rowKey: string): Promise<string | true>;
+}