@inweb/client 25.3.12 → 25.3.13

package/src/Viewer/Markup/Api/Impl/Konva/KonvaImage.ts

@@ -1,123 +0,0 @@
-import Konva from "konva";
-import { IMarkupImage } from "../../IMarkupImage";
-
-export class KonvaImage implements IMarkupImage {
-  private _ref: Konva.Image;
-  private _canvasImage: HTMLImageElement;
-  private _ratio = 1;
-
-  constructor(
-    params: { position: { x: number; y: number }; src: string; width: number; height: number; id?: string },
-    ref = null
-  ) {
-    if (ref) {
-      if (ref.height() === 0 || ref.width() === 0) return;
-
-      this._ref = ref;
-      this._canvasImage = ref.image();
-      this._ratio = this._ref.height() / this._ref.width();
-      return;
-    }
-
-    if (!params.position || !params.src) return;
-    this._canvasImage = new Image();
-
-    this._ref = new Konva.Image({
-      x: params.position.x,
-      y: params.position.y,
-      image: this._canvasImage,
-      width: params.width,
-      height: params.height,
-      draggable: true,
-    });
-
-    this._canvasImage.onload = () => {
-      this._ref.image(this._canvasImage);
-      this._ratio = this._ref.height() === 0 || this._ref.width() === 0 ? 1 : this._ref.height() / this._ref.width();
-    };
-
-    this._canvasImage.src = params.src;
-
-    this._ref.id(this._ref._id.toString());
-  }
-
-  getSrc(): string {
-    return this._canvasImage.src;
-  }
-
-  setSrc(src: any) {
-    this._canvasImage.src = src;
-  }
-
-  getWidth(): number {
-    return this._ref.width();
-  }
-
-  setWidth(w: number) {
-    this._ref.width(w);
-    this._ref.height(w * this._ratio);
-  }
-
-  getHeight(): number {
-    return this._ref.height();
-  }
-
-  setHeight(h: number) {
-    this._ref.height(h);
-    this._ref.width(h / this._ratio);
-  }
-
-  ref() {
-    return this._ref;
-  }
-
-  id(): string {
-    return this._ref.id();
-  }
-
-  enableMouseEditing(value: boolean) {
-    this._ref.draggable(value);
-  }
-
-  type(): string {
-    return "image";
-  }
-
-  // we can break Liskov Substitution Principle, need to use separate IColorable
-  // getColor(): string {
-  //   return this._ref.fill();
-  // }
-
-  // setColor(hex: string) {
-  //   this._ref.fill(hex);
-  // }
-
-  getRotation(): number {
-    return this._ref.rotation();
-  }
-
-  setRotation(degrees: number): void {
-    this._ref.rotation(degrees);
-  }
-
-  getZIndex(): number {
-    return this._ref.zIndex();
-  }
-
-  setZIndex(zIndex: number): void {
-    this._ref.zIndex(zIndex);
-  }
-
-  delete() {
-    this._ref.destroy();
-    this._ref = null;
-  }
-
-  getPosition(): { x: number; y: number } {
-    return this._ref.getPosition();
-  }
-
-  setPosition(x: number, y: number) {
-    this._ref.setPosition({ x, y });
-  }
-}

package/src/Viewer/Markup/Api/Impl/Konva/KonvaLine.ts

@@ -1,131 +0,0 @@
-import Konva from "konva";
-import { IMarkupLine } from "../../IMarkupLine";
-import { IMarkupColorable } from "../../IMarkupColorable";
-import { LineType } from "../../../IViewpoint";
-
-const LineTypeSpecs = new Map<string, number[]>([
-  ["solid", []],
-  ["dot", [30, 30, 0.001, 30]],
-  ["dash", [30, 30]],
-]);
-
-export class KonvaLine implements IMarkupLine, IMarkupColorable {
-  private _ref: Konva.Line;
-
-  constructor(
-    params: { points: { x: number; y: number }[]; type?: LineType; width?: number; color?: string; id?: string },
-    ref = null
-  ) {
-    if (ref) {
-      this._ref = ref;
-      return;
-    }
-
-    if (!params.points) return;
-
-    const konvaPoints = [];
-    params.points.forEach((point) => konvaPoints.push(point.x, point.y));
-
-    this._ref = new Konva.Line({
-      stroke: params.color ?? "#ff0000",
-      strokeWidth: params.width ?? 4,
-      globalCompositeOperation: "source-over",
-      lineCap: "round",
-      lineJoin: "round",
-      points: konvaPoints,
-      draggable: true,
-      strokeScaleEnabled: false,
-      dash: LineTypeSpecs.get(params.type) || [],
-    });
-
-    this._ref.id(this._ref._id.toString());
-  }
-
-  ref() {
-    return this._ref;
-  }
-
-  id(): string {
-    return this._ref.id();
-  }
-
-  enableMouseEditing(value: boolean) {
-    this._ref.draggable(value);
-  }
-
-  type(): string {
-    return "line";
-  }
-
-  getColor(): string {
-    return this._ref.stroke();
-  }
-
-  setColor(hex: string) {
-    this._ref.stroke(hex);
-  }
-
-  getRotation(): number {
-    return this._ref.rotation();
-  }
-
-  setRotation(degrees: number): void {
-    this._ref.rotation(degrees);
-  }
-
-  getZIndex(): number {
-    return this._ref.zIndex();
-  }
-
-  setZIndex(zIndex: number): void {
-    this._ref.zIndex(zIndex);
-  }
-
-  delete() {
-    this._ref.destroy();
-    this._ref = null;
-  }
-
-  getPoints(): number[] {
-    return this._ref.points();
-  }
-
-  setLineWidth(size: number) {
-    this._ref.strokeWidth(size);
-  }
-
-  getLineWidth(): number {
-    return this._ref.strokeWidth();
-  }
-
-  getLineType(): string {
-    const typeSpecs = this._ref.dash() || [];
-    let type: LineType;
-    switch (typeSpecs) {
-      case LineTypeSpecs.get("dot"):
-        type = "dot";
-        break;
-      case LineTypeSpecs.get("dash"):
-        type = "dash";
-        break;
-      default:
-        type = "solid";
-        break;
-    }
-    return type;
-  }
-
-  setLineType(type: string) {
-    const specs = LineTypeSpecs.get(type);
-    if (specs) this._ref.dash(specs);
-  }
-
-  addPoints(points: [{ x: number; y: number }]) {
-    let newPoints = this._ref.points();
-    points.forEach((point) => {
-      newPoints = newPoints.concat([point.x, point.y]);
-    });
-
-    this._ref.points(newPoints);
-  }
-}

package/src/Viewer/Markup/Api/Impl/Konva/KonvaRectangle.ts

@@ -1,119 +0,0 @@
-import Konva from "konva";
-import { IMarkupRectangle } from "../../IMarkupRectangle";
-import { IMarkupColorable } from "../../IMarkupColorable";
-
-export class KonvaRectangle implements IMarkupRectangle, IMarkupColorable {
-  private _ref: Konva.Rect;
-
-  constructor(
-    params: {
-      position: { x: number; y: number };
-      width?: number;
-      height?: number;
-      lineWidth?: number;
-      color?: string;
-      id?: string;
-    },
-    ref = null
-  ) {
-    if (ref) {
-      this._ref = ref;
-      return;
-    }
-
-    if (!params.position) return;
-
-    this._ref = new Konva.Rect({
-      stroke: params.color ?? "#ff0000",
-      strokeWidth: params.lineWidth ?? 4,
-      globalCompositeOperation: "source-over",
-      lineCap: "round",
-      lineJoin: "round",
-      x: params.position.x,
-      y: params.position.y,
-      width: params.width ?? 200,
-      height: params.height ?? 200,
-      draggable: true,
-      strokeScaleEnabled: false,
-    });
-
-    this._ref.id(this._ref._id.toString());
-  }
-
-  getPosition(): { x: number; y: number } {
-    return this._ref.position();
-  }
-
-  getWidth(): number {
-    return this._ref.width();
-  }
-
-  getHeigth(): number {
-    return this._ref.height();
-  }
-
-  setWidth(w: number) {
-    this._ref.width(w);
-  }
-
-  setHeight(h: number) {
-    this._ref.height(h);
-  }
-
-  setPosition(x: number, y: number) {
-    this._ref.setPosition({ x, y });
-  }
-
-  ref() {
-    return this._ref;
-  }
-
-  id(): string {
-    return this._ref.id();
-  }
-
-  enableMouseEditing(value: boolean): void {
-    this._ref.draggable(value);
-  }
-
-  type(): string {
-    return "rectangle";
-  }
-
-  getColor(): string {
-    return this._ref.stroke();
-  }
-
-  setColor(hex: string): void {
-    this._ref.stroke(hex);
-  }
-
-  getRotation(): number {
-    return this._ref.rotation();
-  }
-
-  setRotation(degrees: number): void {
-    this._ref.rotation(degrees);
-  }
-
-  getZIndex(): number {
-    return this._ref.zIndex();
-  }
-
-  setZIndex(zIndex: number): void {
-    this._ref.zIndex(zIndex);
-  }
-
-  delete(): void {
-    this._ref.destroy();
-    this._ref = null;
-  }
-
-  setLineWidth(size: number): void {
-    this._ref.strokeWidth(size);
-  }
-
-  getLineWidth(): number {
-    return this._ref.strokeWidth();
-  }
-}

package/src/Viewer/Markup/Api/Impl/Konva/KonvaText.ts

@@ -1,110 +0,0 @@
-import Konva from "konva";
-import { IMarkupText } from "../../IMarkupText";
-import { IMarkupColorable } from "../../IMarkupColorable";
-
-export class KonvaText implements IMarkupText, IMarkupColorable {
-  private _ref: Konva.Text;
-  private readonly TEXT_FONT_FAMILY = "Calibri";
-
-  constructor(
-    params: {
-      position: { x: number; y: number };
-      text: string;
-      rotation?: number;
-      fontSize?: number;
-      color?: string;
-      id?: string;
-    },
-    ref = null
-  ) {
-    if (ref) {
-      this._ref = ref;
-      return;
-    }
-
-    if (!params || !params.text) return;
-
-    this._ref = new Konva.Text({
-      x: params.position.x,
-      y: params.position.y,
-      text: params.text,
-      fontSize: params.fontSize ?? 34,
-      fontFamily: this.TEXT_FONT_FAMILY,
-      fill: params.color ?? "#ff0000",
-      align: "left",
-      draggable: true,
-      rotation: params.rotation ?? 0,
-    });
-
-    this._ref.id(this._ref._id.toString());
-  }
-
-  ref() {
-    return this._ref;
-  }
-
-  id(): string {
-    return this._ref.id();
-  }
-
-  enableMouseEditing(value: boolean) {
-    this._ref.draggable(value);
-  }
-
-  type(): string {
-    return "text";
-  }
-
-  getColor(): string {
-    return this._ref.fill();
-  }
-
-  setColor(hex: string) {
-    this._ref.fill(hex);
-  }
-
-  getRotation(): number {
-    return this._ref.rotation();
-  }
-
-  setRotation(degrees: number): void {
-    this._ref.rotation(degrees);
-  }
-
-  getZIndex(): number {
-    return this._ref.zIndex();
-  }
-
-  setZIndex(zIndex: number): void {
-    this._ref.zIndex(zIndex);
-  }
-
-  delete() {
-    this._ref.destroy();
-    this._ref = null;
-  }
-
-  getText(): string {
-    return this._ref.text();
-  }
-
-  setText(text: string): void {
-    this._ref.text(text);
-  }
-
-  getPosition(): { x: number; y: number } {
-    return this._ref.getPosition();
-  }
-
-  setPosition(x: number, y: number) {
-    this._ref.setPosition({ x, y });
-  }
-
-  getFontSize() {
-    return this._ref.fontSize();
-  }
-
-  setFontSize(size: number) {
-    this._ref.fontSize(size);
-  }
-}

package/src/Viewer/Markup/IMarkup.ts

@@ -1,41 +0,0 @@
-import { OdBaseDragger } from "../Draggers/Common/OdBaseDragger";
-import { Viewer } from "../Viewer";
-import { IMarkupObject } from "./Api/IMarkupObject";
-import { IViewpoint } from "./IViewpoint";
-
-export enum MarkupType {
-  Unknown,
-  Konva = "Konva",
-  Visualize = "Visualize",
-}
-
-export enum MarkupMode {
-  Line = "Line",
-  Text = "Text",
-  Rectangle = "Rectangle",
-  Ellipse = "Ellipse",
-  Arrow = "Arrow",
-  Image = "Image",
-  Cloud = "Cloud",
-}
-
-export interface IMarkup {
-  lineWidth: number;
-
-  initialize(viewer: Viewer, canvas: HTMLCanvasElement, canvasEvents: string[]): void;
-  dispose(): void;
-
-  getDraggers(): Map<string, typeof OdBaseDragger>;
-  clearOverlay(): void;
-  setMarkupColor(r: number, g: number, b: number): void;
-  getMarkupColor(): { r: number; g: number; b: number };
-  colorizeAllMarkup(r: number, g: number, b: number): void;
-  setViewpoint(viewpoint: IViewpoint): void;
-  getViewpoint(): IViewpoint;
-
-  createObject(type: string, params: any): IMarkupObject;
-  getObjects(): IMarkupObject[];
-  getSelectedObjects(): IMarkupObject[];
-  selectObjects(objects: IMarkupObject[]): void;
-  clearSelected(): void;
-}

package/src/Viewer/Markup/IViewpoint.ts

@@ -1,146 +0,0 @@
-export interface ILocation {
-  x: number;
-  y: number;
-  z: number;
-}
-
-export interface IDirection {
-  x: number;
-  y: number;
-  z: number;
-}
-
-export interface IPoint {
-  x: number;
-  y: number;
-  z: number;
-}
-
-export interface IBitmap {
-  guid: string;
-  location: ILocation;
-  normal: IDirection;
-  up: IDirection;
-  height: number;
-}
-
-export interface IOrthogonalCamera {
-  view_point: IPoint;
-  direction: IDirection;
-  up_vector: IDirection;
-  field_width: number;
-  field_height: number;
-}
-
-export interface IClippingPlane {
-  location: ILocation;
-  direction: IDirection;
-}
-
-export interface IPerspectiveCamera {
-  view_point: IPoint;
-  direction: IDirection;
-  up_vector: IDirection;
-  field_of_view: number;
-}
-
-export type LineType = "solid" | "dot" | "dash";
-
-export interface ILine {
-  points: IPoint[];
-  type?: LineType;
-  width?: number;
-  color?: string;
-  id?: string;
-}
-
-export interface IText {
-  position: IPoint;
-  text: string;
-  angle?: number;
-  font_size?: number;
-  text_size?: number;
-  color?: string;
-  id?: string;
-}
-
-export interface IArrow {
-  start: IPoint;
-  end: IPoint;
-  color?: string;
-  id?: string;
-}
-
-export interface ICloud {
-  position: IPoint;
-  width?: number;
-  height?: number;
-  line_width?: number;
-  color?: string;
-  id?: string;
-}
-
-export interface IEllipse {
-  position: IPoint;
-  radius: {
-    x: number;
-    y: number;
-  };
-  line_width?: number;
-  color?: string;
-  id?: string;
-}
-
-export interface IImage {
-  position: IPoint;
-  src: string;
-  width: number;
-  height: number;
-  id?: string;
-}
-
-export interface IRectangle {
-  position: IPoint;
-  width?: number;
-  height?: number;
-  line_width?: number;
-  color?: string;
-  id?: string;
-}
-
-export interface IColoring {
-  handle: string;
-  color: string;
-}
-
-export interface IEntity {
-  handle: string;
-}
-
-export interface ISnapshot {
-  data: string;
-}
-
-export interface IViewpoint {
-  bitmaps?: IBitmap[];
-  guid?: string;
-  file_id?: string;
-  assembly_id?: string;
-  orthogonal_camera?: IOrthogonalCamera;
-  perspective_camera?: IPerspectiveCamera;
-  description?: string;
-  index?: number;
-  lines?: ILine[];
-  texts?: IText[];
-  clipping_planes?: IClippingPlane[];
-  selection?: IEntity[];
-  visibility?: IEntity[];
-  coloring?: IColoring[];
-  arrows?: IArrow[];
-  clouds?: ICloud[];
-  ellipses?: IEllipse[];
-  images?: IImage[];
-  rectangles?: IRectangle[];
-  custom_fields?: any;
-  snapshot?: ISnapshot;
-}