@api-client/ui 0.0.14 → 0.0.17

package/dist/visualization/plugin/positioning/DataModelLayout.js

@@ -1,105 +0,0 @@
-import { layout } from "@api-client/graph";
-import { LayoutWeight, WorkspaceLayout } from "./WorkspaceLayout.js";
-export class DataModelLayout extends WorkspaceLayout {
-    layout(model) {
-        const { entities } = model;
-        if (!entities.length) {
-            return null;
-        }
-        this.readPositions = {};
-        const g = this.initGraph();
-        const selfEntities = entities.map(i => i.key);
-        const addedEntities = [];
-        // parents first
-        entities.forEach((entity) => {
-            if (!this.ensureAddEntity(g, entity.key)) {
-                return;
-            }
-            addedEntities.push(entity.key);
-            entity.parents.forEach((id) => {
-                if (selfEntities.includes(id) || addedEntities.includes(id) || g.node(id)) {
-                    return;
-                }
-                this.ensureAddEntity(g, id);
-                const config = {
-                    minLen: 1,
-                    weight: LayoutWeight.Parent,
-                };
-                g.setEdge(entity.key, id, config);
-            });
-            entity.associations.forEach((item) => {
-                const targets = item.getTargets();
-                if (!targets.length) {
-                    return;
-                }
-                if (targets.length === 1) {
-                    // classic association
-                    const [target] = targets;
-                    this.ensureAddEntity(g, target.key);
-                    addedEntities.push(target.key);
-                    // TODO: Union layout.
-                }
-            });
-        });
-        // once all entities are set we can add edges
-        entities.forEach((entity) => {
-            entity.associations.forEach((item) => {
-                const targets = item.getTargets();
-                if (!targets.length) {
-                    return;
-                }
-                if (targets.length === 1) {
-                    // classic association
-                    const [target] = targets;
-                    const isSelf = (target === entity);
-                    const config = {
-                        minLen: 2,
-                        weight: isSelf ? LayoutWeight.Self : LayoutWeight.Internal,
-                    };
-                    g.setEdge(entity.key, target.key, config);
-                }
-                else {
-                    // TODO: Union layout.
-                }
-            });
-        });
-        layout(g);
-        const nodes = [];
-        g.nodes().forEach((id) => {
-            const def = g.node(id);
-            if (!def) {
-                return;
-            }
-            const result = { ...def };
-            result.x -= Math.round(result.width / 2);
-            result.y -= Math.round(result.height / 2);
-            nodes.push({
-                id,
-                node: result,
-            });
-        });
-        return {
-            graph: g,
-            nodes,
-        };
-    }
-    addEntityNode(graph, key, rect) {
-        const { width, height } = rect;
-        graph.setNode(key, {
-            width,
-            height,
-        });
-    }
-    ensureAddEntity(graph, entityKey) {
-        if (graph.node(entityKey)) {
-            return false;
-        }
-        const position = this.readDimensions(entityKey);
-        if (!position) {
-            return false;
-        }
-        this.addEntityNode(graph, entityKey, position);
-        return true;
-    }
-}
-//# sourceMappingURL=DataModelLayout.js.map

package/dist/visualization/plugin/positioning/DataModelLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataModelLayout.js","sourceRoot":"","sources":["../../../../src/visualization/plugin/positioning/DataModelLayout.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable class-methods-use-this */\nimport { DataModel } from \"@api-client/core/build/browser.js\";\nimport { Graph, layout } from \"@api-client/graph\";\nimport { EdgeConfig, GraphLabel, NodeConfig } from \"@api-client/graph/src/layout/types\";\nimport { LayoutWeight, PositioningResult, PositionResult, WorkspaceLayout } from \"./WorkspaceLayout.js\";\n\nexport class DataModelLayout extends WorkspaceLayout {\n  layout(model: DataModel): PositioningResult | null {\n    const { entities } = model;\n    if (!entities.length) {\n      return null\n    }\n    this.readPositions = {};\n    const g = this.initGraph();\n\n    const selfEntities = entities.map(i => i.key);\n    const addedEntities: string[] = [];\n\n    // parents first\n    entities.forEach((entity) => {\n      if (!this.ensureAddEntity(g, entity.key)) {\n        return;\n      }\n      addedEntities.push(entity.key);\n      entity.parents.forEach((id) => {\n        if (selfEntities.includes(id) || addedEntities.includes(id) || g.node(id)) {\n          return;\n        }\n        this.ensureAddEntity(g, id);\n        const config: EdgeConfig = {\n          minLen: 1,\n          weight: LayoutWeight.Parent,\n        };\n        g.setEdge(entity.key, id, config);\n      });\n      entity.associations.forEach((item) => {\n        const targets = item.getTargets();\n        if (!targets.length) {\n          return;\n        }\n        if (targets.length === 1) {\n          // classic association\n          const [target] = targets;\n          this.ensureAddEntity(g, target.key);\n          addedEntities.push(target.key);\n          // TODO: Union layout.\n        }\n      });\n    });\n    // once all entities are set we can add edges\n    entities.forEach((entity) => {\n      entity.associations.forEach((item) => {\n        const targets = item.getTargets();\n        if (!targets.length) {\n          return;\n        }\n        if (targets.length === 1) {\n          // classic association\n          const [target] = targets;\n          const isSelf = (target === entity);\n          const config: EdgeConfig = {\n            minLen: 2,\n            weight: isSelf ? LayoutWeight.Self : LayoutWeight.Internal,\n          };\n          g.setEdge(entity.key, target.key, config);\n        } else {\n          // TODO: Union layout.\n        }\n      });\n    });\n\n    layout(g);\n\n    const nodes: PositionResult[] = [];\n    g.nodes().forEach((id) => {\n      const def = g.node(id);\n      if (!def) {\n        return;\n      }\n      const result: NodeConfig = { ...def };\n      result.x! -= Math.round(result.width! / 2);\n      result.y! -= Math.round(result.height! / 2);\n      nodes.push({\n        id,\n        node: result,\n      });\n    });\n    return {\n      graph: g,\n      nodes,\n    };\n  }\n\n  addEntityNode(graph: Graph<GraphLabel, NodeConfig, EdgeConfig>, key: string, rect: DOMRect): void {\n    const { width, height } = rect;\n    graph.setNode(key, {\n      width,\n      height,\n    });\n  }\n\n  ensureAddEntity(graph: Graph<GraphLabel, NodeConfig, EdgeConfig>, entityKey: string): boolean {\n    if (graph.node(entityKey)) {\n      return false;\n    }\n    const position = this.readDimensions(entityKey);\n    if (!position) {\n      return false;\n    }\n    this.addEntityNode(graph, entityKey, position);\n    return true;\n  }\n}\n"]}

package/dist/visualization/plugin/positioning/WorkspaceLayout.d.ts

@@ -1,92 +0,0 @@
-import { Graph, NodeIdentifier } from '@api-client/graph';
-import { EdgeConfig, NodeConfig, GraphLabel, RankDirOptions, AlignOptions, RankerOptions, AcyclicerOptions } from '@api-client/graph/src/layout/types';
-import VizWorkspaceElement from '../../elements/VizWorkspaceElement.js';
-export interface PositionedEdge {
-    /**
-     * The width of the label
-     */
-    width?: number;
-    /**
-     * The height of the label
-     */
-    height?: number;
-    /**
-     * The Id of the originating node
-     */
-    id: string;
-    /**
-     * The id of the target node
-     */
-    target: string;
-    /**
-     * Edge's weight, if possible to determine
-     */
-    weight?: number;
-}
-export interface PositionResult {
-    id: NodeIdentifier;
-    node: NodeConfig;
-}
-export interface PositioningResult {
-    graph: Graph<GraphLabel, NodeConfig, EdgeConfig>;
-    nodes: PositionResult[];
-}
-export declare enum LayoutWeight {
-    External = 1,
-    Internal = 10,
-    Parent = 40,
-    Self = 80
-}
-/**
- * A helper library that computes positioning of a data model
- * in the visualization workspace.
- */
-export declare class WorkspaceLayout {
-    workspace: VizWorkspaceElement;
-    readPositions: Record<string, DOMRect>;
-    /**
-     * Direction for rank nodes. Can be TB, BT, LR, or RL, where T = top, B = bottom, L = left, and R = right.
-     */
-    rankDir?: RankDirOptions;
-    /**
-     * Alignment for rank nodes. Can be UL, UR, DL, or DR, where U = up, D = down, L = left, and R = right.
-     */
-    align?: AlignOptions;
-    /**
-     * Type of algorithm to assign a rank to each node in the input graph.
-     */
-    ranker?: RankerOptions;
-    /**
-     * If set to greedy, uses a greedy heuristic for finding a feedback arc set for a graph. A feedback arc set is a set of edges that can be removed to make a graph acyclic.
-     */
-    acyclicer?: AcyclicerOptions;
-    /**
-     * Number of pixels that separate edges horizontally in the layout.
-     */
-    edgeSeparation: number;
-    /**
-     * Number of pixels between each rank in the layout.
-     */
-    rankSeparation: number;
-    /**
-     * Number of pixels that separate nodes horizontally in the layout.
-     */
-    nodeSeparation: number;
-    /**
-     * Graph margin LR
-     */
-    marginX: number;
-    /**
-     * Graph margin TB
-     */
-    marginY: number;
-    constructor(workspace: VizWorkspaceElement);
-    /**
-     * Reads workspace object dimensions
-     * @param {string} id Domain id of the object
-     * @returns {DOMRect}
-     */
-    readDimensions(id: string): DOMRect | undefined;
-    initGraph(): Graph<GraphLabel, NodeConfig, EdgeConfig>;
-}
-//# sourceMappingURL=WorkspaceLayout.d.ts.map

package/dist/visualization/plugin/positioning/WorkspaceLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceLayout.d.ts","sourceRoot":"","sources":["../../../../src/visualization/plugin/positioning/WorkspaceLayout.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACvJ,OAAO,mBAAmB,MAAM,uCAAuC,CAAC;AAGxE,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,cAAc,CAAC;IACnB,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;IACjD,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAMD,oBAAY,YAAY;IACtB,QAAQ,IAAI;IACZ,QAAQ,KAAK;IACb,MAAM,KAAK;IACX,IAAI,KAAK;CACV;AAED;;;GAGG;AACH,qBAAa,eAAe;IAgDP,SAAS,EAAE,mBAAmB;IA/CjD,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAM;IAE5C;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;OAEG;IACH,cAAc,EAAE,MAAM,CAAM;IAE5B;;OAEG;IACH,cAAc,EAAE,MAAM,CAAM;IAE5B;;OAEG;IACH,cAAc,EAAE,MAAM,CAAM;IAE5B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAM;IAErB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAM;gBAEF,SAAS,EAAE,mBAAmB;IAEjD;;;;OAIG;IACH,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS;IAa/C,SAAS,IAAI,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;CAkBvD"}

package/dist/visualization/plugin/positioning/WorkspaceLayout.js

@@ -1,84 +0,0 @@
-/* eslint-disable class-methods-use-this */
-/* eslint-disable no-plusplus */
-/* eslint-disable no-continue */
-/* eslint-disable no-param-reassign */
-import { Graph } from '@api-client/graph';
-import { getObjectBoundingClientRect } from '../../lib/PositionUtils.js';
-// 01 - external association
-// 10 - association (internal)
-// 20 - parent association
-// 40 - self association
-export var LayoutWeight;
-(function (LayoutWeight) {
-    LayoutWeight[LayoutWeight["External"] = 1] = "External";
-    LayoutWeight[LayoutWeight["Internal"] = 10] = "Internal";
-    LayoutWeight[LayoutWeight["Parent"] = 40] = "Parent";
-    LayoutWeight[LayoutWeight["Self"] = 80] = "Self";
-})(LayoutWeight || (LayoutWeight = {}));
-;
-/**
- * A helper library that computes positioning of a data model
- * in the visualization workspace.
- */
-export class WorkspaceLayout {
-    constructor(workspace) {
-        this.workspace = workspace;
-        this.readPositions = {};
-        /**
-         * Number of pixels that separate edges horizontally in the layout.
-         */
-        this.edgeSeparation = 20;
-        /**
-         * Number of pixels between each rank in the layout.
-         */
-        this.rankSeparation = 60; // 80
-        /**
-         * Number of pixels that separate nodes horizontally in the layout.
-         */
-        this.nodeSeparation = 60; // 80
-        /**
-         * Graph margin LR
-         */
-        this.marginX = 40;
-        /**
-         * Graph margin TB
-         */
-        this.marginY = 40;
-    }
-    /**
-     * Reads workspace object dimensions
-     * @param {string} id Domain id of the object
-     * @returns {DOMRect}
-     */
-    readDimensions(id) {
-        if (this.readPositions[id]) {
-            return this.readPositions[id];
-        }
-        const element = this.workspace.querySelector(`[data-key="${id}"]`);
-        if (!element) {
-            return undefined;
-        }
-        const rect = getObjectBoundingClientRect(element, this.workspace);
-        this.readPositions[id] = rect;
-        return rect;
-    }
-    initGraph() {
-        const g = new Graph();
-        const { rankDir, align, ranker, acyclicer, edgeSeparation, rankSeparation, nodeSeparation, marginX, marginY } = this;
-        g.setGraph({
-            edgeSeparation,
-            rankSeparation,
-            nodeSeparation,
-            rankDir,
-            align,
-            ranker,
-            acyclicer,
-            marginX,
-            marginY,
-        });
-        // eslint-disable-next-line arrow-body-style
-        // g.setDefaultEdgeLabel(() => { return {}; });
-        return g;
-    }
-}
-//# sourceMappingURL=WorkspaceLayout.js.map

package/dist/visualization/plugin/positioning/WorkspaceLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceLayout.js","sourceRoot":"","sources":["../../../../src/visualization/plugin/positioning/WorkspaceLayout.ts"],"names":[],"mappings":"AAAA,2CAA2C;AAC3C,gCAAgC;AAChC,gCAAgC;AAChC,sCAAsC;AAEtC,OAAO,EAAE,KAAK,EAAkB,MAAM,mBAAmB,CAAC;AAG1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAmCzE,4BAA4B;AAC5B,8BAA8B;AAC9B,0BAA0B;AAC1B,wBAAwB;AACxB,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,uDAAY,CAAA;IACZ,wDAAa,CAAA;IACb,oDAAW,CAAA;IACX,gDAAS,CAAA;AACX,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAAA,CAAC;AAEF;;;GAGG;AACH,MAAM,OAAO,eAAe;IAgD1B,YAAmB,SAA8B;QAA9B,cAAS,GAAT,SAAS,CAAqB;QA/CjD,kBAAa,GAA4B,EAAE,CAAC;QAsB5C;;WAEG;QACH,mBAAc,GAAW,EAAE,CAAC;QAE5B;;WAEG;QACH,mBAAc,GAAW,EAAE,CAAC,CAAC,KAAK;QAElC;;WAEG;QACH,mBAAc,GAAW,EAAE,CAAC,CAAC,KAAK;QAElC;;WAEG;QACH,YAAO,GAAW,EAAE,CAAC;QAErB;;WAEG;QACH,YAAO,GAAW,EAAE,CAAC;IAE+B,CAAC;IAErD;;;;OAIG;IACH,cAAc,CAAC,EAAU;QACvB,IAAI,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,EAAE;YAC1B,OAAO,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;SAC/B;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;QACnE,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,SAAS,CAAC;SAClB;QACD,MAAM,IAAI,GAAG,2BAA2B,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAClE,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAS;QACP,MAAM,CAAC,GAAG,IAAI,KAAK,EAAsC,CAAC;QAC1D,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrH,CAAC,CAAC,QAAQ,CAAC;YACT,cAAc;YACd,cAAc;YACd,cAAc;YACd,OAAO;YACP,KAAK;YACL,MAAM;YACN,SAAS;YACT,OAAO;YACP,OAAO;SACR,CAAC,CAAC;QACH,4CAA4C;QAC5C,+CAA+C;QAC/C,OAAO,CAAC,CAAC;IACX,CAAC;CACF","sourcesContent":["/* eslint-disable class-methods-use-this */\n/* eslint-disable no-plusplus */\n/* eslint-disable no-continue */\n/* eslint-disable no-param-reassign */\n\nimport { Graph, NodeIdentifier } from '@api-client/graph';\nimport { EdgeConfig, NodeConfig, GraphLabel, RankDirOptions, AlignOptions, RankerOptions, AcyclicerOptions } from '@api-client/graph/src/layout/types';\nimport VizWorkspaceElement from '../../elements/VizWorkspaceElement.js';\nimport { getObjectBoundingClientRect } from '../../lib/PositionUtils.js';\n\nexport interface PositionedEdge {\n  /**\n   * The width of the label\n   */\n  width?: number;\n  /**\n   * The height of the label\n   */\n  height?: number;\n  /**\n   * The Id of the originating node\n   */\n  id: string;\n  /**\n   * The id of the target node\n   */\n  target: string;\n  /**\n   * Edge's weight, if possible to determine\n   */\n  weight?: number;\n}\n\nexport interface PositionResult {\n  id: NodeIdentifier;\n  node: NodeConfig;\n}\n\nexport interface PositioningResult {\n  graph: Graph<GraphLabel, NodeConfig, EdgeConfig>;\n  nodes: PositionResult[];\n}\n\n// 01 - external association\n// 10 - association (internal)\n// 20 - parent association\n// 40 - self association\nexport enum LayoutWeight {\n  External = 1,\n  Internal = 10,\n  Parent = 40,\n  Self = 80,\n};\n\n/**\n * A helper library that computes positioning of a data model\n * in the visualization workspace.\n */\nexport class WorkspaceLayout {\n  readPositions: Record<string, DOMRect> = {};\n\n  /**\n   * Direction for rank nodes. Can be TB, BT, LR, or RL, where T = top, B = bottom, L = left, and R = right.\n   */\n  rankDir?: RankDirOptions;\n\n  /**\n   * Alignment for rank nodes. Can be UL, UR, DL, or DR, where U = up, D = down, L = left, and R = right.\n   */\n  align?: AlignOptions;\n\n  /**\n   * Type of algorithm to assign a rank to each node in the input graph.\n   */\n  ranker?: RankerOptions;\n\n  /**\n   * If set to greedy, uses a greedy heuristic for finding a feedback arc set for a graph. A feedback arc set is a set of edges that can be removed to make a graph acyclic.\n   */\n  acyclicer?: AcyclicerOptions;\n\n  /**\n   * Number of pixels that separate edges horizontally in the layout.\n   */\n  edgeSeparation: number = 20;\n\n  /**\n   * Number of pixels between each rank in the layout.\n   */\n  rankSeparation: number = 60; // 80\n\n  /**\n   * Number of pixels that separate nodes horizontally in the layout.\n   */\n  nodeSeparation: number = 60; // 80\n\n  /**\n   * Graph margin LR\n   */\n  marginX: number = 40;\n\n  /**\n   * Graph margin TB\n   */\n  marginY: number = 40;\n\n  constructor(public workspace: VizWorkspaceElement) {}\n\n  /**\n   * Reads workspace object dimensions\n   * @param {string} id Domain id of the object\n   * @returns {DOMRect}\n   */\n  readDimensions(id: string): DOMRect | undefined {\n    if (this.readPositions[id]) {\n      return this.readPositions[id];\n    }\n    const element = this.workspace.querySelector(`[data-key=\"${id}\"]`);\n    if (!element) {\n      return undefined;\n    }\n    const rect = getObjectBoundingClientRect(element, this.workspace);\n    this.readPositions[id] = rect;\n    return rect;\n  }\n\n  initGraph(): Graph<GraphLabel, NodeConfig, EdgeConfig> {\n    const g = new Graph<GraphLabel, NodeConfig, EdgeConfig>();\n    const { rankDir, align, ranker, acyclicer, edgeSeparation, rankSeparation, nodeSeparation, marginX, marginY } = this;\n    g.setGraph({\n      edgeSeparation,\n      rankSeparation,\n      nodeSeparation,\n      rankDir,\n      align,\n      ranker,\n      acyclicer,\n      marginX,\n      marginY,\n    });\n    // eslint-disable-next-line arrow-body-style\n    // g.setDefaultEdgeLabel(() => { return {}; });\n    return g;\n  }\n}\n"]}

package/src/bindings/base/HttpClientStoreBindings.ts

@@ -1,152 +0,0 @@
-/* eslint-disable no-param-reassign */
-import { 
-  BroadcastCreatedEvent,
-  BroadcastEvent,
-  ContextDeleteEvent, 
-  ContextQueryEvent, ContextReadBulkEvent, 
-  ContextReadEvent, ContextUpdateEvent, 
-  IRequestUiMeta, 
-  IUrl
-} from "@api-client/core/build/browser.js";
-import { Events } from "../../events/Events.js";
-import { EventTypes } from "../../events/EventTypes.js";
-import { StoreBroadcast } from "../../http-client/store/StoreBroadcast.js";
-import { PlatformBindings } from "./PlatformBindings.js";
-import { ProjectUi } from "../../http-client/store/stores/ProjectUi.js";
-import { UrlHistory } from "../../http-client/store/stores/UrlHistory.js";
-import { WsHistory } from "../../http-client/store/stores/WsHistory.js";
-import { IRequestUiInsertDetail } from "../../events/HttpClientEvents.js";
-
-export abstract class HttpClientStoreBindings extends PlatformBindings {
-  urlHistoryChannel = new BroadcastChannel(StoreBroadcast.urlHistory);
- 
-  abstract initializeStore(): Promise<void>;
-  
-  abstract wsHistory: WsHistory;
-  
-  abstract urlHistory: UrlHistory;
-
-  abstract projectUi: ProjectUi;
-  
-  async initialize(): Promise<void> {
-    const target = document.body;
-    target.addEventListener(EventTypes.HttpClient.Model.UrlHistory.add, this.addUrlHistoryHandler.bind(this));
-    target.addEventListener(EventTypes.HttpClient.Model.UrlHistory.query, this.queryUrlHistoryHandler.bind(this));
-    target.addEventListener(EventTypes.HttpClient.Model.UrlHistory.delete, this.deleteUrlHistoryHandler.bind(this));
-    target.addEventListener(EventTypes.HttpClient.Model.UrlHistory.clear, this.clearUrlHistoryHandler.bind(this));
-
-    target.addEventListener(EventTypes.HttpClient.Model.WsHistory.add, this.addWsHistoryHandler.bind(this));
-    target.addEventListener(EventTypes.HttpClient.Model.WsHistory.query, this.queryWsHistoryHandler.bind(this));
-    target.addEventListener(EventTypes.HttpClient.Model.WsHistory.delete, this.deleteWsHistoryHandler.bind(this));
-    target.addEventListener(EventTypes.HttpClient.Model.WsHistory.clear, this.clearWsHistoryHandler.bind(this));
-
-    // Request UI
-    window.addEventListener(EventTypes.HttpProject.Ui.delete, this.deleteProjectUiHandler.bind(this) as EventListener);
-    window.addEventListener(EventTypes.HttpProject.Ui.HttpRequest.set, this.setHttpRequestUiHandler.bind(this) as EventListener);
-    window.addEventListener(EventTypes.HttpProject.Ui.HttpRequest.get, this.getHttpRequestUiHandler.bind(this) as EventListener);
-    window.addEventListener(EventTypes.HttpProject.Ui.HttpRequest.getBulk, this.getBulkHttpRequestUiHandler.bind(this) as EventListener);
-    window.addEventListener(EventTypes.HttpProject.Ui.HttpRequest.delete, this.deleteHttpRequestUiHandler.bind(this) as EventListener);
-
-    this.urlHistoryChannel.addEventListener('message', this.handleUrlHistoryBroadcast.bind(this));
-  }
-
-  protected handleUrlHistoryBroadcast(e: MessageEvent): void {
-    const event = e.data as BroadcastEvent;
-    switch (event.operation) {
-      case 'created': this.handleUrlHistoryCreated((event as BroadcastCreatedEvent).data as IUrl); break;
-      case 'deleted': this.handleUrlHistoryDeleted(event.key); break;
-      case 'cleared': this.handleUrlHistoryCleared(); break;
-      default:
-    }
-  }
-
-  protected handleUrlHistoryCreated(entity: IUrl): void {
-    Events.HttpClient.Model.UrlHistory.State.add(entity);
-  }
-
-  protected handleUrlHistoryDeleted(url: string): void {
-    Events.HttpClient.Model.UrlHistory.State.delete(url);
-  }
-
-  protected handleUrlHistoryCleared(): void {
-    Events.HttpClient.Model.UrlHistory.State.clear();
-  }
-
-  protected addUrlHistoryHandler(event: Event): void {
-    const e = event as CustomEvent;
-    e.preventDefault();
-    e.detail.result = this.urlHistory.add(e.detail.url);
-  }
-
-  protected queryUrlHistoryHandler(event: Event): void {
-    const e = event as ContextQueryEvent<IUrl>;
-    e.preventDefault();
-    e.detail.result = this.urlHistory.query(e.detail.term);
-  }
-
-  protected deleteUrlHistoryHandler(event: Event): void {
-    const e = event as ContextDeleteEvent;
-    e.preventDefault();
-    e.detail.result = this.urlHistory.delete(e.detail.key);
-  }
-
-  protected clearUrlHistoryHandler(event: Event): void {
-    const e = event as CustomEvent;
-    e.preventDefault();
-    e.detail.result = this.urlHistory.clear();
-  }
-
-  protected addWsHistoryHandler(event: Event): void {
-    const e = event as CustomEvent;
-    e.preventDefault();
-    e.detail.result = this.wsHistory.add(e.detail.url);
-  }
-
-  protected queryWsHistoryHandler(event: Event): void {
-    const e = event as ContextQueryEvent<IUrl>;
-    e.preventDefault();
-    e.detail.result = this.wsHistory.query(e.detail.term);
-  }
-
-  protected deleteWsHistoryHandler(event: Event): void {
-    const e = event as ContextDeleteEvent;
-    e.preventDefault();
-    e.detail.result = this.wsHistory.delete(e.detail.key);
-  }
-
-  protected clearWsHistoryHandler(event: Event): void {
-    const e = event as CustomEvent;
-    e.preventDefault();
-    e.detail.result = this.wsHistory.clear();
-  }
-
-  protected deleteProjectUiHandler(e: ContextDeleteEvent): void {
-    e.preventDefault();
-    const { key } = e.detail;
-    e.detail.result = this.projectUi.clear(key);
-  }
-
-  protected setHttpRequestUiHandler(e: ContextUpdateEvent<IRequestUiInsertDetail, IRequestUiMeta>): void {
-    e.preventDefault();
-    const { item } = e.detail;
-    e.detail.result = this.projectUi.set(item.pid, item.id, item.meta);
-  }
-
-  protected getHttpRequestUiHandler(e: ContextReadEvent<IRequestUiMeta>): void {
-    e.preventDefault();
-    const { key, parent } = e.detail;
-    e.detail.result = this.projectUi.get(parent as string, key);
-  }
-
-  protected getBulkHttpRequestUiHandler(e: ContextReadBulkEvent<IRequestUiMeta | undefined>): void {
-    e.preventDefault();
-    const { keys, parent } = e.detail;
-    e.detail.result = this.projectUi.getBulk(parent as string, keys);
-  }
-
-  protected deleteHttpRequestUiHandler(e: ContextDeleteEvent): void {
-    e.preventDefault();
-    const { key, parent } = e.detail;
-    e.detail.result = this.projectUi.delete(parent as string, key);
-  }
-}

package/src/bindings/base/NavigationBindings.ts

@@ -1,116 +0,0 @@
-import { PlatformBindings } from './PlatformBindings.js';
-import { EventTypes } from '../../events/EventTypes.js';
-import { AppNavigationEvent, INavRunHttpProjectDetail, INavDetail, INavRunSchemaDesignerDetail, INavRunHttpClient } from '../../events/NavigationEvents.js';
-
-/**
- * Global navigation bindings.
- * This class handles navigation that cannot be handled by any specific
- * application in the suite but rather the event should be transferred
- * to the main process.
- * 
- * An example of such is the store configuration which is handled by the main process
- * instead of an application.
- */
-export abstract class NavigationBindings extends PlatformBindings {
-  async initialize(): Promise<void> {
-    window.addEventListener(EventTypes.Navigation.Store.config, this.storeConfigHandler.bind(this));
-    window.addEventListener(EventTypes.Navigation.App.runApiClient, this.appNavigationHandler.bind(this) as EventListener);
-    window.addEventListener(EventTypes.Navigation.App.runHttpProject, this.appNavigationHandler.bind(this) as EventListener);
-    window.addEventListener(EventTypes.Navigation.App.runSchemaDesigner, this.appNavigationHandler.bind(this) as EventListener);
-    window.addEventListener(EventTypes.Navigation.App.runTelemetry, this.appNavigationHandler.bind(this) as EventListener);
-    window.addEventListener(EventTypes.Navigation.Store.authenticate, this.appNavigationHandler.bind(this) as EventListener);
-  }
-
-  /**
-   * The application assumes that all screens are located in the same directory
-   * in which we have sub-directories for each screen
-   * ```
-   * (...)/public/pages
-   * (...)/public/pages/page1/main.html
-   * (...)/public/pages/page2/main.html
-   * (...)/public/pages/page3/main.html
-   * ```
-   * Then switching from one screen to another should be by providing a relative path from 
-   * the current page to the target page. For example switching from `page1/main.html`
-   * to `page2/main.html` would be
-   * 
-   * ```
-   * ../page2/main.html
-   * ```
-   * 
-   * In a different platforms this can be overwritten to support different way of creating URLs
-   * 
-   * @param relative The relative position from the current page.
-   * @returns The full URL to the screen HTML page.
-   */
-  public getPageUrl(relative: string): URL {
-    const url = new URL(relative, window.location.href);
-    return url;
-  }
-
-  protected storeConfigHandler(e: Event): void {
-    e.preventDefault();
-    this.openStoreConfiguration();
-  }
-
-  /**
-   * Handles and proxies all kind of intra-app navigation.
-   */
-  protected appNavigationHandler(e: AppNavigationEvent): void {
-    if (e.defaultPrevented) {
-      return;
-    }
-    e.preventDefault();
-    switch (e.type) {
-      case EventTypes.Navigation.App.runApiClient:
-        this.openApiClient(e.detail as INavRunHttpClient | undefined);
-        break;
-      case EventTypes.Navigation.App.runHttpProject: 
-        this.openHttpProject(e.detail as INavRunHttpProjectDetail);
-        break;
-      case EventTypes.Navigation.Store.authenticate: 
-        this.openStoreAuthenticate(e.detail as INavDetail);
-        break;
-      case EventTypes.Navigation.App.runSchemaDesigner: 
-        this.openSchemaDesigner(e.detail as INavRunSchemaDesignerDetail);
-        break;
-      case EventTypes.Navigation.App.runTelemetry: 
-        this.openTelemetry(e.detail as INavDetail);
-        break;
-      default:
-        // nothing, just ignore.
-    }
-  }
-
-  /**
-   * Opens a new window with the store configuration
-   */
-  abstract openStoreConfiguration(): Promise<void>;
-
-  /**
-   * Opens a new window with the HTTP Client application.
-   * @param init The HTTP Project app init options.
-   */
-  abstract openApiClient(init?: INavRunHttpClient): Promise<void>;
-
-  /**
-   * Opens a new window with the HTTP Project
-   * @param init The HTTP Project app init options.
-   */
-  abstract openHttpProject(init: INavRunHttpProjectDetail): Promise<void>;
-
-  /**
-   * Opens store authentication configuration.
-   */
-  abstract openStoreAuthenticate(init?: INavDetail): Promise<void>;
-
-  /**
-   * Opens the analytics consent screen
-   */
-  abstract openTelemetry(init?: INavDetail): Promise<void>;
-
-  /**
-   * Opens the schema designer app.
-   */
-  abstract openSchemaDesigner(init: INavRunSchemaDesignerDetail): Promise<void>;
-}

package/src/bindings/base/ProxyBindings.ts

@@ -1,65 +0,0 @@
-import { EventTypes as CoreEventTypes, ContextEvent, IRequestLog, IHttpRequest, IHttpRequestDetail, IProjectExecutionLog, IRequestProxyInit, IProxyResult, IHttpProjectProxyInit, IHttpProjectStoreProxyInit } from '@api-client/core/build/browser.js';
-import { PlatformBindings } from './PlatformBindings.js';
-
-/**
- * The bindings for making HTTP request in the application.
- * The purpose is to run API requests using the `CoreEngine` class or
- * to run entire projects or folders.
- */
-export abstract class ProxyBindings extends PlatformBindings {
-  /**
-   * This is used by the client side (main thread or the renderer process)
-   * to define the current space the app is using. 
-   * This space is used in some APIs instead of adding the space to the events system.
-   */
-  space = '';
-
-  async initialize(): Promise<void> {
-    window.addEventListener(CoreEventTypes.Transport.Core.request, this.handleCoreRequest.bind(this) as EventListener);
-    window.addEventListener(CoreEventTypes.Transport.Core.httpProject, this.handleHttpProject.bind(this) as EventListener);
-    window.addEventListener(CoreEventTypes.Transport.Http.send, this.handlerHttpSend.bind(this) as EventListener);
-  }
-
-  protected handleCoreRequest(e: ContextEvent<IRequestProxyInit, IProxyResult<IRequestLog>>): void {
-    e.detail.result = this.coreRequest(e.detail);
-  }
-
-  protected handleHttpProject(e: ContextEvent<IHttpProjectProxyInit | IHttpProjectStoreProxyInit, IProxyResult<IProjectExecutionLog>>): void {
-    const copy = { ...e.detail } as IHttpProjectStoreProxyInit;
-    if (this.space && !copy.space) {
-      copy.space = this.space;
-    }
-    e.detail.result = this.coreHttpProject(copy);
-  }
-
-  protected handlerHttpSend(e: ContextEvent<IHttpRequestDetail, Response>): void {
-    const { request, init } = e.detail;
-    e.detail.result = this.httpSend(request, init);
-  }
-
-  /**
-   * Sends a single request without a context of a project.
-   * 
-   * @param init The request execution configuration
-   * @returns The execution log with the variables evaluated during the run or `undefined` when the event was not handled.
-   */
-  abstract coreRequest(init: IRequestProxyInit): Promise<IProxyResult<IRequestLog>>;
-
-  /**
-   * For both a request or a folder (since it's all single configuration.)
-   * 
-   * @param init The project execution configuration
-   * @returns The project execution log.
-   */
-  abstract coreHttpProject(init: IHttpProjectProxyInit | IHttpProjectStoreProxyInit): Promise<IProxyResult<IProjectExecutionLog>>;
-
-  /**
-   * Sends the request outside the Core engine, most probably using Fetch API.
-   * Note, CORS may apply to the request.
-   * 
-   * @param request The base request definition.
-   * @param init Optional request init options compatible with the Fetch API.
-   * @returns Compatible with the Fetch API Response object.
-   */
-  abstract httpSend(request: IHttpRequest, init?: RequestInit): Promise<Response>;
-}