@abyss-project/main 1.0.62 → 1.0.64

package/dist/api/draw.api.d.ts

@@ -0,0 +1,8 @@
+import { ICreateDrawBody, ICreateDrawResponse, ICreateForProjectDrawParams, IDeleteDrawParams, IDeleteDrawResponse, IGetDrawParams, IGetDrawResponse, IPaginateDrawQuery, IPaginateDrawResponse, IPaginateProjectDrawParams, IUpdateDrawBody, IUpdateDrawParams, IUpdateDrawResponse } from '../types';
+export declare const paginateDraw: (query: IPaginateDrawQuery) => Promise<IPaginateDrawResponse>;
+export declare const paginateProjectDraw: (params: IPaginateProjectDrawParams, query: IPaginateDrawQuery) => Promise<IPaginateDrawResponse>;
+export declare const getDraw: (params: IGetDrawParams) => Promise<IGetDrawResponse>;
+export declare const deleteDraw: (params: IDeleteDrawParams) => Promise<IDeleteDrawResponse>;
+export declare const updateDraw: (params: IUpdateDrawParams, body: IUpdateDrawBody) => Promise<IUpdateDrawResponse>;
+export declare const createDraw: (body: ICreateDrawBody) => Promise<ICreateDrawResponse>;
+export declare const createForProjectDraw: (params: ICreateForProjectDrawParams, body: ICreateDrawBody) => Promise<ICreateDrawResponse>;

package/dist/api/draw.api.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createForProjectDraw = exports.createDraw = exports.updateDraw = exports.deleteDraw = exports.getDraw = exports.paginateProjectDraw = exports.paginateDraw = void 0;
+const __1 = require("..");
+const paginateDraw = async (query) => {
+    return (await __1.AbyssCore.axios.get(`draw/paginate`, { params: query }))
+        .data;
+};
+exports.paginateDraw = paginateDraw;
+const paginateProjectDraw = async (params, query) => {
+    return (await __1.AbyssCore.axios.get(`project/${params.projectId}/draw/paginate`, {
+        params: query,
+    })).data;
+};
+exports.paginateProjectDraw = paginateProjectDraw;
+const getDraw = async (params) => {
+    return (await __1.AbyssCore.axios.get(`draw/${params.drawId}`)).data;
+};
+exports.getDraw = getDraw;
+const deleteDraw = async (params) => {
+    return (await __1.AbyssCore.axios.delete(`draw/${params.drawId}`)).data;
+};
+exports.deleteDraw = deleteDraw;
+const updateDraw = async (params, body) => {
+    return (await __1.AbyssCore.axios.put(`draw/${params.drawId}`, body)).data;
+};
+exports.updateDraw = updateDraw;
+const createDraw = async (body) => {
+    return (await __1.AbyssCore.axios.post(`draw`, body)).data;
+};
+exports.createDraw = createDraw;
+const createForProjectDraw = async (params, body) => {
+    return (await __1.AbyssCore.axios.post(`draw/project/${params.projectId}`, body))
+        .data;
+};
+exports.createForProjectDraw = createForProjectDraw;

package/dist/api/draw.public.api.d.ts

@@ -0,0 +1,5 @@
+import { ICreateDrawPublicBody, ICreateDrawPublicResponse, IDeleteDrawPublicParams, IDeleteDrawPublicResponse, IGetDrawPublicParams, IGetDrawPublicResponse, IUpdateDrawPublicBody, IUpdateDrawPublicParams, IUpdateDrawPublicResponse } from '../types';
+export declare const getDrawPublic: (params: IGetDrawPublicParams) => Promise<IGetDrawPublicResponse>;
+export declare const deleteDrawPublic: (params: IDeleteDrawPublicParams) => Promise<IDeleteDrawPublicResponse>;
+export declare const updateDrawPublic: (params: IUpdateDrawPublicParams, body: IUpdateDrawPublicBody) => Promise<IUpdateDrawPublicResponse>;
+export declare const createDrawPublic: (body: ICreateDrawPublicBody) => Promise<ICreateDrawPublicResponse>;

package/dist/api/draw.public.api.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDrawPublic = exports.updateDrawPublic = exports.deleteDrawPublic = exports.getDrawPublic = void 0;
+const __1 = require("..");
+const getDrawPublic = async (params) => {
+    return (await __1.AbyssCore.axios.get(`draw/public/${params.publicAccessToken}`)).data;
+};
+exports.getDrawPublic = getDrawPublic;
+const deleteDrawPublic = async (params) => {
+    return (await __1.AbyssCore.axios.delete(`draw/public/${params.publicAccessToken}`)).data;
+};
+exports.deleteDrawPublic = deleteDrawPublic;
+const updateDrawPublic = async (params, body) => {
+    return (await __1.AbyssCore.axios.put(`draw/public/${params.publicAccessToken}`, body)).data;
+};
+exports.updateDrawPublic = updateDrawPublic;
+const createDrawPublic = async (body) => {
+    return (await __1.AbyssCore.axios.post(`draw/public`, body)).data;
+};
+exports.createDrawPublic = createDrawPublic;

package/dist/api/index.d.ts

@@ -29,3 +29,5 @@ export * from './board-label.api';
 export * from './board-card-comment.api';
 export * from './board-card-checklist.api';
 export * from './board-card-document.api';
+export * from './draw.api';
+export * from './draw.public.api';

package/dist/api/index.js

@@ -45,3 +45,5 @@ __exportStar(require("./board-label.api"), exports);
 __exportStar(require("./board-card-comment.api"), exports);
 __exportStar(require("./board-card-checklist.api"), exports);
 __exportStar(require("./board-card-document.api"), exports);
+__exportStar(require("./draw.api"), exports);
+__exportStar(require("./draw.public.api"), exports);

package/dist/server-sent-events/index.d.ts

@@ -1,2 +1,7 @@
 export * from './server-sent-events.manager';
 export * from './protocols';
+export declare enum SSEChannels {
+    BOARD = "sse:board",
+    BOARD_CARD = "sse:board-card",
+    USER_NOTIFICATION = "sse:user-notification"
+}

package/dist/server-sent-events/index.js

@@ -14,5 +14,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SSEChannels = void 0;
 __exportStar(require("./server-sent-events.manager"), exports);
 __exportStar(require("./protocols"), exports);
+var SSEChannels;
+(function (SSEChannels) {
+    SSEChannels["BOARD"] = "sse:board";
+    SSEChannels["BOARD_CARD"] = "sse:board-card";
+    SSEChannels["USER_NOTIFICATION"] = "sse:user-notification";
+})(SSEChannels || (exports.SSEChannels = SSEChannels = {}));

package/dist/server-sent-events/protocols/board/board.sse-protocol.d.ts

@@ -0,0 +1,91 @@
+import { SystemSSEMessageContent } from '..';
+import { IBoardCardChecklist, IBoardCardComment, IBoardCardDocument, IBoardCardMember, IGetBoardData, IListBoardLabelData, ValueOf } from '../../../types';
+export declare enum BoardSSEEvent {
+    BOARD_UPDATE = "BOARD_UPDATE",
+    BOARD_DELETE = "BOARD_DELETE",
+    BOARD_LABELS = "BOARD_LABELS",
+    BOARD_CARD_MEMBER_CREATE = "BOARD_CARD_MEMBER_CREATE",
+    BOARD_CARD_MEMBER_DELETE = "BOARD_CARD_MEMBER_DELETE",
+    BOARD_CARD_DOCUMENT_CREATE = "BOARD_CARD_DOCUMENT_CREATE",
+    BOARD_CARD_DOCUMENT_DELETE = "BOARD_CARD_DOCUMENT_DELETE",
+    BOARD_CARD_COMMENT_CREATE = "BOARD_CARD_COMMENT_CREATE",
+    BOARD_CARD_COMMENT_DELETE = "BOARD_CARD_COMMENT_DELETE",
+    BOARD_CARD_COMMENT_UPDATE = "BOARD_CARD_COMMENT_UPDATE",
+    BOARD_CARD_CHECKLIST_CREATE = "BOARD_CARD_CHECKLIST_CREATE",
+    BOARD_CARD_CHECKLIST_DELETE = "BOARD_CARD_CHECKLIST_DELETE",
+    BOARD_CARD_CHECKLIST_UPDATE = "BOARD_CARD_CHECKLIST_UPDATE"
+}
+export type BoardSSEMessageContent = ValueOf<{
+    [K in BoardSSEEvent]: {
+        type: K;
+        payload: SourceBoardSSEEventPayload[K];
+    };
+}>;
+export declare class SourceBoardSSEEventPayload implements Record<BoardSSEEvent, Record<string, any>> {
+    [BoardSSEEvent.BOARD_UPDATE]: {
+        boardId: string;
+        boardData: IGetBoardData;
+    };
+    [BoardSSEEvent.BOARD_DELETE]: {
+        boardId: string;
+    };
+    [BoardSSEEvent.BOARD_LABELS]: {
+        boardId: string;
+        boardLabels: IListBoardLabelData['boardLabels'];
+    };
+    [BoardSSEEvent.BOARD_CARD_MEMBER_CREATE]: {
+        boardId: string;
+        boardCardMember: IBoardCardMember;
+        boardData: IGetBoardData;
+    };
+    [BoardSSEEvent.BOARD_CARD_MEMBER_DELETE]: {
+        boardId: string;
+        boardCardId: string;
+        userId: string;
+        boardData: IGetBoardData;
+    };
+    [BoardSSEEvent.BOARD_CARD_DOCUMENT_CREATE]: {
+        boardId: string;
+        boardCardDocument: IBoardCardDocument;
+        boardData: IGetBoardData;
+    };
+    [BoardSSEEvent.BOARD_CARD_DOCUMENT_DELETE]: {
+        boardId: string;
+        boardCardId: string;
+        boardCardDocumentId: string;
+        boardData: IGetBoardData;
+    };
+    [BoardSSEEvent.BOARD_CARD_COMMENT_CREATE]: {
+        boardId: string;
+        boardCardComment: IBoardCardComment;
+        boardData: IGetBoardData;
+    };
+    [BoardSSEEvent.BOARD_CARD_COMMENT_DELETE]: {
+        boardId: string;
+        boardCardId: string;
+        boardCardCommentId: string;
+        boardData: IGetBoardData;
+    };
+    [BoardSSEEvent.BOARD_CARD_COMMENT_UPDATE]: {
+        boardId: string;
+        boardCardComment: IBoardCardComment;
+        boardData: IGetBoardData;
+    };
+    [BoardSSEEvent.BOARD_CARD_CHECKLIST_CREATE]: {
+        boardId: string;
+        boardCardChecklist: IBoardCardChecklist;
+        boardData: IGetBoardData;
+    };
+    [BoardSSEEvent.BOARD_CARD_CHECKLIST_DELETE]: {
+        boardId: string;
+        boardCardId: string;
+        boardCardChecklistId: string;
+        boardData: IGetBoardData;
+    };
+    [BoardSSEEvent.BOARD_CARD_CHECKLIST_UPDATE]: {
+        boardId: string;
+        boardCardChecklist: IBoardCardChecklist;
+        boardData: IGetBoardData;
+    };
+}
+export type BoardSSEEventContent = BoardSSEMessageContent | SystemSSEMessageContent;

package/dist/server-sent-events/protocols/board/board.sse-protocol.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SourceBoardSSEEventPayload = exports.BoardSSEEvent = void 0;
+var BoardSSEEvent;
+(function (BoardSSEEvent) {
+    BoardSSEEvent["BOARD_UPDATE"] = "BOARD_UPDATE";
+    BoardSSEEvent["BOARD_DELETE"] = "BOARD_DELETE";
+    BoardSSEEvent["BOARD_LABELS"] = "BOARD_LABELS";
+    BoardSSEEvent["BOARD_CARD_MEMBER_CREATE"] = "BOARD_CARD_MEMBER_CREATE";
+    BoardSSEEvent["BOARD_CARD_MEMBER_DELETE"] = "BOARD_CARD_MEMBER_DELETE";
+    BoardSSEEvent["BOARD_CARD_DOCUMENT_CREATE"] = "BOARD_CARD_DOCUMENT_CREATE";
+    BoardSSEEvent["BOARD_CARD_DOCUMENT_DELETE"] = "BOARD_CARD_DOCUMENT_DELETE";
+    BoardSSEEvent["BOARD_CARD_COMMENT_CREATE"] = "BOARD_CARD_COMMENT_CREATE";
+    BoardSSEEvent["BOARD_CARD_COMMENT_DELETE"] = "BOARD_CARD_COMMENT_DELETE";
+    BoardSSEEvent["BOARD_CARD_COMMENT_UPDATE"] = "BOARD_CARD_COMMENT_UPDATE";
+    BoardSSEEvent["BOARD_CARD_CHECKLIST_CREATE"] = "BOARD_CARD_CHECKLIST_CREATE";
+    BoardSSEEvent["BOARD_CARD_CHECKLIST_DELETE"] = "BOARD_CARD_CHECKLIST_DELETE";
+    BoardSSEEvent["BOARD_CARD_CHECKLIST_UPDATE"] = "BOARD_CARD_CHECKLIST_UPDATE";
+})(BoardSSEEvent || (exports.BoardSSEEvent = BoardSSEEvent = {}));
+class SourceBoardSSEEventPayload {
+}
+exports.SourceBoardSSEEventPayload = SourceBoardSSEEventPayload;
+BoardSSEEvent.BOARD_UPDATE, BoardSSEEvent.BOARD_DELETE, BoardSSEEvent.BOARD_LABELS, BoardSSEEvent.BOARD_CARD_MEMBER_CREATE, BoardSSEEvent.BOARD_CARD_MEMBER_DELETE, BoardSSEEvent.BOARD_CARD_DOCUMENT_CREATE, BoardSSEEvent.BOARD_CARD_DOCUMENT_DELETE, BoardSSEEvent.BOARD_CARD_COMMENT_CREATE, BoardSSEEvent.BOARD_CARD_COMMENT_DELETE, BoardSSEEvent.BOARD_CARD_COMMENT_UPDATE, BoardSSEEvent.BOARD_CARD_CHECKLIST_CREATE, BoardSSEEvent.BOARD_CARD_CHECKLIST_DELETE, BoardSSEEvent.BOARD_CARD_CHECKLIST_UPDATE;

package/dist/server-sent-events/protocols/board/index.d.ts

@@ -0,0 +1 @@
+export * from './board.sse-protocol';

package/dist/server-sent-events/protocols/board/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./board.sse-protocol"), exports);

package/dist/server-sent-events/protocols/board-card/board-card.sse-protocol.d.ts

@@ -0,0 +1,18 @@
+import { SystemSSEMessageContent } from '..';
+import { IGetBoardCardData, ValueOf } from '../../../types';
+export declare enum BoardCardSSEEvent {
+    BOARD_CARD_UPDATE = "BOARD_CARD_UPDATE"
+}
+export type BoardCardSSEMessageContent = ValueOf<{
+    [K in BoardCardSSEEvent]: {
+        type: K;
+        payload: SourceBoardCardSSEEventPayload[K];
+    };
+}>;
+export declare class SourceBoardCardSSEEventPayload implements Record<BoardCardSSEEvent, Record<string, any>> {
+    [BoardCardSSEEvent.BOARD_CARD_UPDATE]: {
+        boardCardId: string;
+        boardData: IGetBoardCardData;
+    };
+}
+export type BoardCardSSEEventContent = BoardCardSSEMessageContent | SystemSSEMessageContent;

package/dist/server-sent-events/protocols/board-card/board-card.sse-protocol.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SourceBoardCardSSEEventPayload = exports.BoardCardSSEEvent = void 0;
+var BoardCardSSEEvent;
+(function (BoardCardSSEEvent) {
+    BoardCardSSEEvent["BOARD_CARD_UPDATE"] = "BOARD_CARD_UPDATE";
+})(BoardCardSSEEvent || (exports.BoardCardSSEEvent = BoardCardSSEEvent = {}));
+class SourceBoardCardSSEEventPayload {
+}
+exports.SourceBoardCardSSEEventPayload = SourceBoardCardSSEEventPayload;
+BoardCardSSEEvent.BOARD_CARD_UPDATE;

package/dist/server-sent-events/protocols/board-card/index.d.ts

@@ -0,0 +1 @@
+export * from './board-card.sse-protocol';

package/dist/server-sent-events/protocols/board-card/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./board-card.sse-protocol"), exports);

package/dist/server-sent-events/protocols/index.d.ts

@@ -1,5 +1,7 @@
 import { ValueOf } from '../..';
 export * from './user-notification';
+export * from './board';
+export * from './board-card';
 export declare enum SYSTEM_PROTOCOL_EVENTS {
     PING = "PING"
 }

package/dist/server-sent-events/protocols/index.js

@@ -16,6 +16,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SystemSSEEventPayload = exports.SYSTEM_PROTOCOL_EVENTS = void 0;
 __exportStar(require("./user-notification"), exports);
+__exportStar(require("./board"), exports);
+__exportStar(require("./board-card"), exports);
 var SYSTEM_PROTOCOL_EVENTS;
 (function (SYSTEM_PROTOCOL_EVENTS) {
     SYSTEM_PROTOCOL_EVENTS["PING"] = "PING";

package/dist/server-sent-events/protocols/user-notification/user-notification.sse-protocol.d.ts

@@ -1,6 +1,5 @@
-import { SystemSSEEventPayload } from '..';
+import { SystemSSEMessageContent } from '..';
 import { IUserNotification, NotificationDTO, ValueOf } from '../../../types';
-export declare const SSE_USER_NOTIFICATION_CHANNEL = "SSE_USER_NOTIFICATION_CHANNEL";
 export declare enum UserNotificationSSEEvent {
     USER_NOTIFICATION_CREATED = "USER_NOTIFICATION_CREATED",
     USER_NOTIFICATION_OPENED = "USER_NOTIFICATION_OPENED"
@@ -8,10 +7,10 @@ export declare enum UserNotificationSSEEvent {
 export type UserNotificationSSEMessageContent = ValueOf<{
     [K in UserNotificationSSEEvent]: {
         type: K;
-        payload: UserNotificationSSEEventPayload[K];
+        payload: SourceUserNotificationSSEEventPayload[K];
     };
 }>;
-export declare class UserNotificationSSEEventPayload implements Record<UserNotificationSSEEvent, Record<string, any>> {
+export declare class SourceUserNotificationSSEEventPayload implements Record<UserNotificationSSEEvent, Record<string, any>> {
     [UserNotificationSSEEvent.USER_NOTIFICATION_CREATED]: {
         userNotification: IUserNotification & NotificationDTO;
         userId: string;
@@ -21,4 +20,4 @@ export declare class UserNotificationSSEEventPayload implements Record<UserNotif
         userId: string;
     };
 }
-export type UserNotificationCombinedSSEEventPayload = UserNotificationSSEEventPayload & SystemSSEEventPayload;
+export type UserNotificationSSEEventContent = UserNotificationSSEMessageContent | SystemSSEMessageContent;

package/dist/server-sent-events/protocols/user-notification/user-notification.sse-protocol.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserNotificationSSEEventPayload = exports.UserNotificationSSEEvent = exports.SSE_USER_NOTIFICATION_CHANNEL = void 0;
-exports.SSE_USER_NOTIFICATION_CHANNEL = 'SSE_USER_NOTIFICATION_CHANNEL';
+exports.SourceUserNotificationSSEEventPayload = exports.UserNotificationSSEEvent = void 0;
 var UserNotificationSSEEvent;
 (function (UserNotificationSSEEvent) {
     UserNotificationSSEEvent["USER_NOTIFICATION_CREATED"] = "USER_NOTIFICATION_CREATED";
     UserNotificationSSEEvent["USER_NOTIFICATION_OPENED"] = "USER_NOTIFICATION_OPENED";
 })(UserNotificationSSEEvent || (exports.UserNotificationSSEEvent = UserNotificationSSEEvent = {}));
-class UserNotificationSSEEventPayload {
+class SourceUserNotificationSSEEventPayload {
 }
-exports.UserNotificationSSEEventPayload = UserNotificationSSEEventPayload;
+exports.SourceUserNotificationSSEEventPayload = SourceUserNotificationSSEEventPayload;
 UserNotificationSSEEvent.USER_NOTIFICATION_CREATED, UserNotificationSSEEvent.USER_NOTIFICATION_OPENED;

package/dist/server-sent-events/server-sent-events.manager.d.ts

@@ -5,6 +5,10 @@ export declare class ServerSentEventBaseContext {
     req: Request;
     res: Response;
 }
+export type RedisSSEMessage = {
+    key: string;
+    data: any;
+};
 export declare class ServerSentEventsManager<T extends ServerSentEventBaseContext, P extends {
     type: string;
     payload: any;

package/dist/types/draw.type.d.ts

@@ -0,0 +1,106 @@
+import { Endpoint, ICON_LIBRARY } from '../utils';
+export type DrawData = {
+    drawId: string | null;
+    shapes: DrawShapeToJsonResult[];
+    stagePos: Point;
+    stageScale: number;
+    showGrid: boolean;
+    timestamp: number;
+    version: number;
+};
+export interface Point {
+    x: number;
+    y: number;
+}
+export interface BoundingBox {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+}
+export interface DrawSize {
+    width: number;
+    height: number;
+}
+export interface DrawStyle {
+    fillColor: string;
+    strokeColor: string;
+    strokeWidth: number;
+    opacity: number;
+    lineDash: number[];
+    cornerRadius: number;
+    fontSize: number;
+    fontFamily: string;
+    preserveAspectRatio: boolean;
+    rotation: number;
+}
+export interface ShapeProperties {
+    position: Point;
+    zIndex?: number;
+    size: DrawSize;
+    style?: Partial<DrawStyle>;
+}
+export declare enum DrawShapeType {
+    RECTANGLE = "RECTANGLE",
+    DIAMOND = "DIAMOND",
+    ELLIPSE = "ELLIPSE",
+    TEXT = "TEXT",
+    ICON = "ICON",
+    IMAGE = "IMAGE",
+    COMMENT = "COMMENT",
+    ARROW = "ARROW"
+}
+export type ResizeShape = {
+    corner: 'se' | 'sw' | 'ne' | 'nw';
+    startPos: Point;
+    originalSize: DrawSize;
+    originalPosition: Point;
+};
+export type RotationData = {
+    startAngle: number;
+    originalRotation: number;
+    center: Point;
+};
+export type Id = string;
+export type PortId = 'top' | 'right' | 'bottom' | 'left' | 'center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type DrawShapeToJsonBaseResult = {
+    id: string;
+    type: DrawShapeType;
+    position: Point;
+    size: DrawSize;
+    style: DrawStyle;
+    zIndex: number;
+};
+export type DrawShapeArrowToJsonResult = DrawShapeToJsonBaseResult & {
+    type: DrawShapeType.ARROW;
+    startEndpoint: Endpoint;
+    endEndpoint: Endpoint;
+};
+export type DrawShapeIconToJsonResult = DrawShapeToJsonBaseResult & {
+    type: DrawShapeType.ICON;
+    iconType: keyof typeof ICON_LIBRARY;
+};
+export type DrawShapeTextToJsonResult = DrawShapeToJsonBaseResult & {
+    type: DrawShapeType.TEXT;
+    text: string;
+};
+export type DrawShapeRectangleToJsonResult = {
+    type: DrawShapeType.RECTANGLE;
+} & DrawShapeToJsonBaseResult;
+export type DrawShapeDiamondToJsonResult = {
+    type: DrawShapeType.DIAMOND;
+} & DrawShapeToJsonBaseResult;
+export type DrawShapeImageToJsonResult = DrawShapeToJsonBaseResult & {
+    type: DrawShapeType.IMAGE;
+    src: string;
+    base64: string;
+};
+export type DrawShapeEllipseToJsonResult = DrawShapeToJsonBaseResult & {
+    type: DrawShapeType.ELLIPSE;
+};
+export type DrawShapeCommentToJsonResult = DrawShapeToJsonBaseResult & {
+    type: DrawShapeType.COMMENT;
+    text: string;
+    date: string;
+};
+export type DrawShapeToJsonResult = DrawShapeArrowToJsonResult | DrawShapeIconToJsonResult | DrawShapeTextToJsonResult | DrawShapeRectangleToJsonResult | DrawShapeDiamondToJsonResult | DrawShapeImageToJsonResult | DrawShapeCommentToJsonResult | DrawShapeEllipseToJsonResult;

package/dist/types/draw.type.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawShapeType = void 0;
+var DrawShapeType;
+(function (DrawShapeType) {
+    DrawShapeType["RECTANGLE"] = "RECTANGLE";
+    DrawShapeType["DIAMOND"] = "DIAMOND";
+    DrawShapeType["ELLIPSE"] = "ELLIPSE";
+    DrawShapeType["TEXT"] = "TEXT";
+    DrawShapeType["ICON"] = "ICON";
+    DrawShapeType["IMAGE"] = "IMAGE";
+    DrawShapeType["COMMENT"] = "COMMENT";
+    DrawShapeType["ARROW"] = "ARROW";
+})(DrawShapeType || (exports.DrawShapeType = DrawShapeType = {}));

package/dist/types/enum/abyss-application-event.enum.d.ts

@@ -8,6 +8,8 @@ export declare enum AbyssApplicationEvent {
     USER_NOTIFICATION_OPEN = "user.notification.open",
     SERVER_SENT_EVENTS_BOARD_OPEN = "server-sent-events.board.open",
     SERVER_SENT_EVENTS_BOARD_SEND = "server-sent-events.board.send",
+    SERVER_SENT_EVENTS_BOARD_CARD_OPEN = "server-sent-events.board-card.open",
+    SERVER_SENT_EVENTS_BOARD_CARD_SEND = "server-sent-events.board-card.send",
     SERVER_SENT_EVENTS_USER_OPEN = "server-sent-events.user.open",
     SERVER_SENT_EVENTS_USER_SEND = "server-sent-events.user.send",
     BOARD_CREATE = "board.create",
@@ -38,6 +40,9 @@ export declare enum AbyssApplicationEvent {
     BOARD_CARD_COMMENT_CREATE = "board.card.comment.create",
     BOARD_CARD_COMMENT_UPDATE = "board.card.comment.update",
     BOARD_CARD_COMMENT_DELETE = "board.card.comment.delete",
+    DRAW_CREATE = "draw.create",
+    DRAW_UPDATE = "draw.update",
+    DRAW_DELETE = "draw.delete",
     ABYSS_STORAGE_MINDEE_EXTRACT = "abyss-storage.mindee.extract",
     ABYSS_STORAGE_COLLECTION_FREEPIK_FETCH = "abyss-storage.collection.freepik.fetch",
     ABYSS_STORAGE_COLLECTION_FREEPIK_GET_DOWNLOAD_URL = "abyss-storage.collection.freepik.get-download-url",

package/dist/types/enum/abyss-application-event.enum.js

@@ -12,6 +12,8 @@ var AbyssApplicationEvent;
     AbyssApplicationEvent["USER_NOTIFICATION_OPEN"] = "user.notification.open";
     AbyssApplicationEvent["SERVER_SENT_EVENTS_BOARD_OPEN"] = "server-sent-events.board.open";
     AbyssApplicationEvent["SERVER_SENT_EVENTS_BOARD_SEND"] = "server-sent-events.board.send";
+    AbyssApplicationEvent["SERVER_SENT_EVENTS_BOARD_CARD_OPEN"] = "server-sent-events.board-card.open";
+    AbyssApplicationEvent["SERVER_SENT_EVENTS_BOARD_CARD_SEND"] = "server-sent-events.board-card.send";
     AbyssApplicationEvent["SERVER_SENT_EVENTS_USER_OPEN"] = "server-sent-events.user.open";
     AbyssApplicationEvent["SERVER_SENT_EVENTS_USER_SEND"] = "server-sent-events.user.send";
     AbyssApplicationEvent["BOARD_CREATE"] = "board.create";
@@ -42,6 +44,9 @@ var AbyssApplicationEvent;
     AbyssApplicationEvent["BOARD_CARD_COMMENT_CREATE"] = "board.card.comment.create";
     AbyssApplicationEvent["BOARD_CARD_COMMENT_UPDATE"] = "board.card.comment.update";
     AbyssApplicationEvent["BOARD_CARD_COMMENT_DELETE"] = "board.card.comment.delete";
+    AbyssApplicationEvent["DRAW_CREATE"] = "draw.create";
+    AbyssApplicationEvent["DRAW_UPDATE"] = "draw.update";
+    AbyssApplicationEvent["DRAW_DELETE"] = "draw.delete";
     AbyssApplicationEvent["ABYSS_STORAGE_MINDEE_EXTRACT"] = "abyss-storage.mindee.extract";
     AbyssApplicationEvent["ABYSS_STORAGE_COLLECTION_FREEPIK_FETCH"] = "abyss-storage.collection.freepik.fetch";
     AbyssApplicationEvent["ABYSS_STORAGE_COLLECTION_FREEPIK_GET_DOWNLOAD_URL"] = "abyss-storage.collection.freepik.get-download-url";

package/dist/types/index.d.ts

@@ -7,3 +7,4 @@ export type BaseEntity<T> = Omit<T, 'createdAt' | 'deletedAt' | 'updatedAt'>;
 export type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
+export * from './draw.type';

package/dist/types/index.js

@@ -19,3 +19,4 @@ __exportStar(require("./enum"), exports);
 __exportStar(require("./session"), exports);
 __exportStar(require("./utils"), exports);
 __exportStar(require("./models"), exports);
+__exportStar(require("./draw.type"), exports);

package/dist/types/interface/api/index.d.ts

@@ -31,6 +31,8 @@ export * from './requests/board-label.request';
 export * from './requests/board-card-comment.request';
 export * from './requests/board-card-checklist.request';
 export * from './requests/board-card-document.request';
+export * from './requests/draw.request';
+export * from './requests/draw.public.request';
 export * from './responses/auth.response';
 export * from './responses/user.response';
 export * from './responses/user.admin.response';
@@ -62,3 +64,5 @@ export * from './responses/board-label.response';
 export * from './responses/board-card-comment.response';
 export * from './responses/board-card-checklist.response';
 export * from './responses/board-card-document.response';
+export * from './responses/draw.response';
+export * from './responses/draw.public.response';

package/dist/types/interface/api/index.js

@@ -47,6 +47,8 @@ __exportStar(require("./requests/board-label.request"), exports);
 __exportStar(require("./requests/board-card-comment.request"), exports);
 __exportStar(require("./requests/board-card-checklist.request"), exports);
 __exportStar(require("./requests/board-card-document.request"), exports);
+__exportStar(require("./requests/draw.request"), exports);
+__exportStar(require("./requests/draw.public.request"), exports);
 __exportStar(require("./responses/auth.response"), exports);
 __exportStar(require("./responses/user.response"), exports);
 __exportStar(require("./responses/user.admin.response"), exports);
@@ -78,3 +80,5 @@ __exportStar(require("./responses/board-label.response"), exports);
 __exportStar(require("./responses/board-card-comment.response"), exports);
 __exportStar(require("./responses/board-card-checklist.response"), exports);
 __exportStar(require("./responses/board-card-document.response"), exports);
+__exportStar(require("./responses/draw.response"), exports);
+__exportStar(require("./responses/draw.public.response"), exports);

package/dist/types/interface/api/requests/board-card.request.d.ts

@@ -28,6 +28,10 @@ export type IGetBoardCardParams = {
     boardId: string;
     boardCardId: string;
 };
+export type ISSEBoardCardParams = {
+    boardId: string;
+    boardCardId: string;
+};
 export type IDeleteBoardCardParams = {
     boardId: string;
     boardCardId: string;

package/dist/types/interface/api/requests/draw.public.request.d.ts

@@ -0,0 +1,17 @@
+export type ICreateDrawPublicBody = {
+    title: string;
+    content: string;
+};
+export type IUpdateDrawPublicParams = {
+    publicAccessToken: string;
+};
+export type IUpdateDrawPublicBody = {
+    title?: string;
+    content?: string;
+};
+export type IGetDrawPublicParams = {
+    publicAccessToken: string;
+};
+export type IDeleteDrawPublicParams = {
+    publicAccessToken: string;
+};

package/dist/types/interface/api/requests/draw.public.request.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/interface/api/requests/draw.request.d.ts

@@ -0,0 +1,31 @@
+import { QueryPaginate } from '../type-message/base-paginate';
+export type ICreateForProjectDrawParams = {
+    projectId: string;
+};
+export type ICreateDrawBody = {
+    title: string;
+    content: string;
+};
+export type IUpdateDrawParams = {
+    drawId: string;
+};
+export type IUpdateDrawBody = {
+    title?: string;
+    archived?: boolean;
+    content?: string;
+    enablePublicReadAccess?: boolean;
+    enablePublicWriteAccess?: boolean;
+};
+export type IGetDrawParams = {
+    drawId: string;
+};
+export type IDeleteDrawParams = {
+    drawId: string;
+};
+export type IPaginateDrawQuery = {
+    title?: string;
+    archived?: boolean;
+} & QueryPaginate;
+export type IPaginateProjectDrawParams = {
+    projectId: string;
+};

package/dist/types/interface/api/requests/draw.request.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/interface/api/responses/draw.public.response.d.ts

@@ -0,0 +1,17 @@
+import { IResponse } from '..';
+import { IDraw } from '../../models/draw.model';
+export interface IGetDrawPublicData {
+    draw: IDraw;
+}
+export type IGetDrawPublicResponse = IResponse<IGetDrawPublicData>;
+export interface IUpdateDrawPublicData {
+    draw: IDraw;
+}
+export type IUpdateDrawPublicResponse = IResponse<IUpdateDrawPublicData>;
+export interface ICreateDrawPublicData {
+    draw: IDraw;
+}
+export type ICreateDrawPublicResponse = IResponse<ICreateDrawPublicData>;
+export interface IDeleteDrawPublicData {
+}
+export type IDeleteDrawPublicResponse = IResponse<IDeleteDrawPublicData>;

package/dist/types/interface/api/responses/draw.public.response.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/interface/api/responses/draw.response.d.ts

@@ -0,0 +1,18 @@
+import { BasePaginate, IResponse } from '..';
+import { IDraw } from '../../models/draw.model';
+export interface IGetDrawData {
+    draw: IDraw;
+}
+export type IGetDrawResponse = IResponse<IGetDrawData>;
+export interface IUpdateDrawData {
+    draw: IDraw;
+}
+export type IUpdateDrawResponse = IResponse<IUpdateDrawData>;
+export interface ICreateDrawData {
+    draw: IDraw;
+}
+export type ICreateDrawResponse = IResponse<ICreateDrawData>;
+export interface IDeleteDrawData {
+}
+export type IDeleteDrawResponse = IResponse<IDeleteDrawData>;
+export type IPaginateDrawResponse = IResponse<BasePaginate<IDraw>>;

package/dist/types/interface/api/responses/draw.response.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/interface/index.d.ts

@@ -30,3 +30,4 @@ export * from './models/board-card-checklist-row.model';
 export * from './models/board-card-comment.model';
 export * from './models/board-label.model';
 export * from './models/board-card-label.model';
+export * from './models/draw.model';

package/dist/types/interface/index.js

@@ -46,3 +46,4 @@ __exportStar(require("./models/board-card-checklist-row.model"), exports);
 __exportStar(require("./models/board-card-comment.model"), exports);
 __exportStar(require("./models/board-label.model"), exports);
 __exportStar(require("./models/board-card-label.model"), exports);
+__exportStar(require("./models/draw.model"), exports);

package/dist/types/interface/models/draw.model.d.ts

@@ -0,0 +1,20 @@
+import { IProject } from './project.model';
+import { IUser } from './user.model';
+export interface IDraw {
+    id: string;
+    title: string;
+    content: string;
+    userId: string | null;
+    projectId: string | null;
+    publicReadAccess: string | null;
+    publicWriteAccess: string | null;
+    fileId: string | null;
+    filePublicAccessId: string | null;
+    thumbnailId: string | null;
+    thumbnailPublicAccessId: string | null;
+    archivedAt?: Date | null;
+    updatedAt?: Date;
+    createdAt?: Date;
+    user?: IUser | null;
+    project?: IProject | null;
+}

package/dist/types/interface/models/draw.model.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/interface/models/project.model.d.ts

@@ -5,6 +5,7 @@ import { IApplication } from './application.model';
 import { ISubscription } from './subscription.model';
 import { IUserTransaction } from './user-transaction.model';
 import { ProjectStatus } from '../../enum';
+import { IDraw } from './draw.model';
 export interface IProject {
     id?: string;
     name: string;
@@ -21,4 +22,5 @@ export interface IProject {
     application?: IApplication[];
     subscription?: ISubscription | null;
     userTransaction?: IUserTransaction[];
+    draw?: IDraw[];
 }

package/dist/types/interface/models/user.model.d.ts

@@ -2,6 +2,7 @@ import { IBoard, IGiftCodeActivation, IOAuthAccount, IProject, IUserTransaction
 import { AbyssService, OnboardingSteps, UserCreditPurchaseCurrency, UserLanguage, UserType } from '../../enum';
 import { OnboardingData } from '../../utils';
 import { IBoardCardComment } from './board-card-comment.model';
+import { IDraw } from './draw.model';
 import { ISubscription } from './subscription.model';
 import { IUserNotification } from './user-notification.model';
 export interface IUserSetting {
@@ -41,6 +42,7 @@ export interface IUser {
     project?: IProject[];
     boardCardComment?: IBoardCardComment[];
     board?: IBoard[];
+    draw?: IDraw[];
 }
 export type UserOnboardingStatus = {
     completedAt?: Date | null;

package/dist/utils/compression.utils.d.ts

@@ -0,0 +1,2 @@
+export declare const compress: (input: string) => string;
+export declare const decompress: (input: string) => string;

package/dist/utils/compression.utils.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.decompress = exports.compress = void 0;
+const lz_string_1 = require("lz-string");
+const compress = (input) => {
+    return (0, lz_string_1.compressToBase64)(input);
+};
+exports.compress = compress;
+const decompress = (input) => {
+    return (0, lz_string_1.decompressFromBase64)(input);
+};
+exports.decompress = decompress;

package/dist/utils/file.utils.d.ts

@@ -0,0 +1 @@
+export declare const srcToBase64: (src: string) => Promise<string>;

package/dist/utils/file.utils.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.srcToBase64 = void 0;
+const srcToBase64 = (src) => {
+    return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.src = src;
+        img.onload = () => {
+            const canvas = document.createElement('canvas');
+            canvas.width = img.width;
+            canvas.height = img.height;
+            const ctx = canvas.getContext('2d');
+            ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(img, 0, 0);
+            const dataURL = canvas.toDataURL('image/png');
+            resolve(dataURL);
+        };
+        img.onerror = (error) => {
+            reject(error);
+        };
+    });
+};
+exports.srcToBase64 = srcToBase64;

package/dist/utils/icons.utils.d.ts

@@ -0,0 +1,75 @@
+export declare const ICON_LIBRARY: {
+    database: string;
+    server: string;
+    cloud: string;
+    network: string;
+    router: string;
+    security: string;
+    warning: string;
+    error: string;
+    success: string;
+    info: string;
+    diamond: string;
+    gear: string;
+    tool: string;
+    wrench: string;
+    arrowUp: string;
+    arrowDown: string;
+    arrowLeft: string;
+    arrowRight: string;
+    arrowUpRight: string;
+    arrowDownRight: string;
+    arrowDownLeft: string;
+    arrowUpLeft: string;
+    start: string;
+    stop: string;
+    pause: string;
+    play: string;
+    process: string;
+    email: string;
+    phone: string;
+    message: string;
+    notification: string;
+    document: string;
+    folder: string;
+    file: string;
+    pdf: string;
+    image: string;
+    user: string;
+    users: string;
+    team: string;
+    admin: string;
+    add: string;
+    remove: string;
+    edit: string;
+    search: string;
+    filter: string;
+    sort: string;
+    online: string;
+    offline: string;
+    pending: string;
+    unknown: string;
+    circle: string;
+    square: string;
+    triangle: string;
+    star: string;
+    heart: string;
+    settings: string;
+    power: string;
+    battery: string;
+    wifi: string;
+    bluetooth: string;
+};
+export declare const ICON_CATEGORIES: {
+    technical: string[];
+    status: string[];
+    arrows: string[];
+    process: string[];
+    communication: string[];
+    files: string[];
+    users: string[];
+    actions: string[];
+    shapes: string[];
+    system: string[];
+};
+export type IconType = keyof typeof ICON_LIBRARY;

package/dist/utils/icons.utils.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ICON_CATEGORIES = exports.ICON_LIBRARY = void 0;
+exports.ICON_LIBRARY = {
+    database: '🗄️',
+    server: '🖥️',
+    cloud: '☁️',
+    network: '🌐',
+    router: '📡',
+    security: '🔒',
+    warning: '⚠️',
+    error: '❌',
+    success: '✅',
+    info: 'ℹ️',
+    diamond: '💎',
+    gear: '⚙️',
+    tool: '🔧',
+    wrench: '🔨',
+    arrowUp: '⬆️',
+    arrowDown: '⬇️',
+    arrowLeft: '⬅️',
+    arrowRight: '➡️',
+    arrowUpRight: '↗️',
+    arrowDownRight: '↘️',
+    arrowDownLeft: '↙️',
+    arrowUpLeft: '↖️',
+    start: '🚀',
+    stop: '🛑',
+    pause: '⏸️',
+    play: '▶️',
+    process: '⚡',
+    email: '📧',
+    phone: '📞',
+    message: '💬',
+    notification: '🔔',
+    document: '📄',
+    folder: '📁',
+    file: '📋',
+    pdf: '📕',
+    image: '🖼️',
+    user: '👤',
+    users: '👥',
+    team: '👪',
+    admin: '👨‍💼',
+    add: '➕',
+    remove: '➖',
+    edit: '✏️',
+    search: '🔍',
+    filter: '🔽',
+    sort: '📊',
+    online: '🟢',
+    offline: '🔴',
+    pending: '🟡',
+    unknown: '⚪',
+    circle: '⭕',
+    square: '⬜',
+    triangle: '🔺',
+    star: '⭐',
+    heart: '❤️',
+    settings: '⚙️',
+    power: '🔌',
+    battery: '🔋',
+    wifi: '📶',
+    bluetooth: '📲',
+};
+exports.ICON_CATEGORIES = {
+    technical: ['database', 'server', 'cloud', 'network', 'router', 'security'],
+    status: ['warning', 'error', 'success', 'info', 'online', 'offline', 'pending', 'unknown'],
+    arrows: [
+        'arrowUp',
+        'arrowDown',
+        'arrowLeft',
+        'arrowRight',
+        'arrowUpRight',
+        'arrowDownRight',
+        'arrowDownLeft',
+        'arrowUpLeft',
+    ],
+    process: ['start', 'stop', 'pause', 'play', 'process', 'gear', 'tool', 'wrench'],
+    communication: ['email', 'phone', 'message', 'notification'],
+    files: ['document', 'folder', 'file', 'pdf', 'image'],
+    users: ['user', 'users', 'team', 'admin'],
+    actions: ['add', 'remove', 'edit', 'search', 'filter', 'sort'],
+    shapes: ['circle', 'square', 'triangle', 'star', 'heart', 'diamond'],
+    system: ['settings', 'power', 'battery', 'wifi', 'bluetooth'],
+};

package/dist/utils/index.d.ts

@@ -10,3 +10,7 @@ export * from './array.utils';
 export * from './abyss.utils';
 export * from './color.utils';
 export * from './board.utils';
+export * from './file.utils';
+export * from './compression.utils';
+export * from './shape.utils';
+export * from './icons.utils';

package/dist/utils/index.js

@@ -26,3 +26,7 @@ __exportStar(require("./array.utils"), exports);
 __exportStar(require("./abyss.utils"), exports);
 __exportStar(require("./color.utils"), exports);
 __exportStar(require("./board.utils"), exports);
+__exportStar(require("./file.utils"), exports);
+__exportStar(require("./compression.utils"), exports);
+__exportStar(require("./shape.utils"), exports);
+__exportStar(require("./icons.utils"), exports);

package/dist/utils/shape.utils.d.ts

@@ -0,0 +1,22 @@
+import { Id, PortId, Point, DrawSize, DrawStyle, DrawShapeToJsonResult } from '../types/draw.type';
+export type Endpoint = {
+    style: DrawArrowEndpointStyle;
+} & ({
+    kind: 'free';
+    x: number;
+    y: number;
+} | {
+    kind: 'port';
+    shapeId: Id;
+    portId: PortId;
+});
+export type DrawArrowEndpointStyle = 'arrow' | 'circle' | 'square' | 'diamond' | 'none';
+export declare const rectangleToSvg: (position: Point, size: DrawSize, style: DrawStyle) => string;
+export declare const diamondToSvg: (position: Point, size: DrawSize, style: DrawStyle) => string;
+export declare const ellipseToSvg: (position: Point, size: DrawSize, style: DrawStyle) => string;
+export declare const textToSvg: (position: Point, style: DrawStyle, text: string) => string;
+export declare const iconToSvg: (position: Point, size: DrawSize, style: DrawStyle, iconSymbol: string) => string;
+export declare const imageToSvg: (position: Point, size: DrawSize, style: DrawStyle, src: string) => string;
+export declare const commentToSvg: (position: Point, size: DrawSize, style: DrawStyle, id: string) => string;
+export declare const arrowToSvg: (style: DrawStyle, startEndpoint: Endpoint, endEndpoint: Endpoint, fromPos: Point, toPos: Point) => string;
+export declare const sceneToSVG: (shapes: DrawShapeToJsonResult[], width: number, height: number) => string;

package/dist/utils/shape.utils.js

@@ -0,0 +1,181 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sceneToSVG = exports.arrowToSvg = exports.commentToSvg = exports.imageToSvg = exports.iconToSvg = exports.textToSvg = exports.ellipseToSvg = exports.diamondToSvg = exports.rectangleToSvg = void 0;
+const __1 = require("..");
+const draw_type_1 = require("../types/draw.type");
+const rectangleToSvg = (position, size, style) => {
+    const x = position.x - size.width / 2;
+    const y = position.y - size.height / 2;
+    const width = size.width;
+    const height = size.height;
+    const fillColor = style.fillColor === 'none' ? 'none' : style.fillColor;
+    const strokeColor = style.strokeColor === 'none' ? 'none' : style.strokeColor;
+    const centerX = position.x;
+    const centerY = position.y;
+    return `<rect x="${x}" y="${y}" width="${width}" height="${height}" fill="${fillColor}" stroke="${strokeColor}" stroke-width="${style.strokeWidth}" opacity="${style.opacity}" rx="${style.cornerRadius}" ry="${style.cornerRadius}" stroke-dasharray="${style.lineDash || 'none'}" transform="rotate(${style.rotation} ${centerX} ${centerY})" />`;
+};
+exports.rectangleToSvg = rectangleToSvg;
+const diamondToSvg = (position, size, style) => {
+    const cx = position.x;
+    const cy = position.y;
+    const halfWidth = size.width / 2;
+    const halfHeight = size.height / 2;
+    const fillColor = style.fillColor === 'none' ? 'none' : style.fillColor;
+    const strokeColor = style.strokeColor === 'none' ? 'none' : style.strokeColor;
+    const points = [
+        `${cx},${cy - halfHeight}`,
+        `${cx + halfWidth},${cy}`,
+        `${cx},${cy + halfHeight}`,
+        `${cx - halfWidth},${cy}`,
+    ].join(' ');
+    return `<polygon points="${points}" fill="${fillColor}" stroke="${strokeColor}" stroke-width="${style.strokeWidth}" stroke-dasharray="${style.lineDash || 'none'}" opacity="${style.opacity}" transform="rotate(${style.rotation} ${cx} ${cy})" />`;
+};
+exports.diamondToSvg = diamondToSvg;
+const ellipseToSvg = (position, size, style) => {
+    const cx = position.x;
+    const cy = position.y;
+    const radiusX = size.width / 2;
+    const radiusY = size.height / 2;
+    const fillColor = style.fillColor === 'none' ? 'none' : style.fillColor;
+    const strokeColor = style.strokeColor === 'none' ? 'none' : style.strokeColor;
+    return `<ellipse cx="${cx}" cy="${cy}" rx="${radiusX}" ry="${radiusY}" fill="${fillColor}" stroke="${strokeColor}" stroke-width="${style.strokeWidth}" opacity="${style.opacity}" stroke-dasharray="${style.lineDash || 'none'}" transform="rotate(${style.rotation} ${cx} ${cy})" />`;
+};
+exports.ellipseToSvg = ellipseToSvg;
+const textToSvg = (position, style, text) => {
+    const x = position.x;
+    const y = position.y;
+    const fillColor = style.fillColor === 'none' ? 'none' : style.fillColor;
+    const strokeColor = style.strokeColor === 'none' ? 'none' : style.strokeColor;
+    return `<text x="${x}" y="${y}" fill="${fillColor}" stroke="${strokeColor}" stroke-width="${style.strokeWidth}" opacity="${style.opacity}" font-size="${style.fontSize}" font-family="${style.fontFamily}"
+  stroke-dasharray="${style.lineDash || 'none'}" text-anchor="middle" dominant-baseline="middle" transform="rotate(${style.rotation} ${x} ${y})">${text}</text>`;
+};
+exports.textToSvg = textToSvg;
+const iconToSvg = (position, size, style, iconSymbol) => {
+    const x = position.x;
+    const y = position.y;
+    const fillColor = style.fillColor === 'none' ? 'none' : style.fillColor;
+    const strokeColor = style.strokeColor === 'none' ? 'none' : style.strokeColor;
+    const fontSize = Math.min(size.width, size.height) * 0.8;
+    return `<text x="${x}" y="${y}" fill="${fillColor}" stroke="${strokeColor}" stroke-width="${style.strokeWidth}" opacity="${style.opacity}" font-size="${fontSize}" font-family="Arial" text-anchor="middle" dominant-baseline="middle" transform="rotate(${style.rotation} ${x} ${y})">${iconSymbol}</text>`;
+};
+exports.iconToSvg = iconToSvg;
+const imageToSvg = (position, size, style, src) => {
+    const x = position.x - size.width / 2;
+    const y = position.y - size.height / 2;
+    const width = size.width;
+    const height = size.height;
+    const strokeColor = style.strokeColor === 'none' ? 'none' : style.strokeColor;
+    const centerX = position.x;
+    const centerY = position.y;
+    return `<image x="${x}" y="${y}" width="${width}" height="${height}" href="${src}" opacity="${style.opacity}" stroke="${strokeColor}" stroke-width="${style.strokeWidth}" rx="${style.cornerRadius}" ry="${style.cornerRadius}" transform="rotate(${style.rotation} ${centerX} ${centerY})" />`;
+};
+exports.imageToSvg = imageToSvg;
+const commentToSvg = (position, size, style, id) => {
+    const cx = position.x;
+    const cy = position.y;
+    const radius = size.width / 2;
+    const fillColor = style.fillColor === 'none' ? 'transparent' : style.fillColor;
+    const strokeColor = style.strokeColor === 'none' ? 'none' : style.strokeColor;
+    const fontSize = size.width * 0.6;
+    const textX = cx;
+    const textY = cy + fontSize * 0.35;
+    return `
+    <g opacity="${style.opacity}" transform="rotate(${style.rotation} ${cx} ${cy})">
+      <defs>
+        <filter id="comment-shadow-${id}" x="-50%" y="-50%" width="200%" height="200%">
+          <feDropShadow dx="2" dy="2" stdDeviation="5" flood-color="black" flood-opacity="0.3"/>
+        </filter>
+      </defs>
+      <circle cx="${cx}" cy="${cy}" r="${radius}" fill="${fillColor}" stroke="${strokeColor}" stroke-width="${style.strokeWidth}" filter="url(#comment-shadow-${id})" />
+      <text x="${textX}" y="${textY}" fill="white" font-size="${fontSize}" font-family="Arial" text-anchor="middle" dominant-baseline="middle" font-weight="bold">!</text>
+    </g>`;
+};
+exports.commentToSvg = commentToSvg;
+const renderEndpointStyleSvg = (x, y, style, angle, strokeColor, fillColor, strokeWidth) => {
+    switch (style) {
+        case 'circle':
+            return `<circle cx="${x}" cy="${y}" r="6" fill="${fillColor}" stroke="${strokeColor}" stroke-width="${strokeWidth}" />`;
+        case 'square':
+            const squareX = x - 6;
+            const squareY = y - 6;
+            return `<rect x="${squareX}" y="${squareY}" width="12" height="12" fill="${fillColor}" stroke="${strokeColor}" stroke-width="${strokeWidth}" transform="rotate(${angle * (180 / Math.PI)} ${x} ${y})" />`;
+        case 'diamond':
+            return `<polygon points="${x},${y - 6} ${x + 6},${y} ${x},${y + 6} ${x - 6},${y}" fill="${fillColor}" stroke="${strokeColor}" stroke-width="${strokeWidth}" transform="rotate(${angle * (180 / Math.PI)} ${x} ${y})" />`;
+        case 'arrow':
+            const arrowSize = 8;
+            const x1 = x - arrowSize * Math.cos(angle - Math.PI / 6);
+            const y1 = y - arrowSize * Math.sin(angle - Math.PI / 6);
+            const x2 = x - arrowSize * Math.cos(angle + Math.PI / 6);
+            const y2 = y - arrowSize * Math.sin(angle + Math.PI / 6);
+            return `<polygon points="${x},${y} ${x1},${y1} ${x2},${y2}" fill="${fillColor}" stroke="${strokeColor}" stroke-width="${strokeWidth}" />`;
+        case 'none':
+        default:
+            return '';
+    }
+};
+const arrowToSvg = (style, startEndpoint, endEndpoint, fromPos, toPos) => {
+    const angle = Math.atan2(toPos.y - fromPos.y, toPos.x - fromPos.x);
+    let svg = `<g opacity="${style.opacity}">`;
+    svg += `<line x1="${fromPos.x}" y1="${fromPos.y}" x2="${toPos.x}" y2="${toPos.y}" stroke="${style.strokeColor}" stroke-width="${style.strokeWidth}" />`;
+    svg += renderEndpointStyleSvg(fromPos.x, fromPos.y, startEndpoint.style, angle + Math.PI, style.strokeColor, style.fillColor, style.strokeWidth);
+    svg += renderEndpointStyleSvg(toPos.x, toPos.y, endEndpoint.style, angle, style.strokeColor, style.fillColor, style.strokeWidth);
+    svg += '</g>';
+    return svg;
+};
+exports.arrowToSvg = arrowToSvg;
+const sceneToSVG = (shapes, width, height) => {
+    const shapeEls = shapes
+        .sort((a, b) => (a.zIndex || 0) - (b.zIndex || 0))
+        .map((s) => {
+        var _a, _b;
+        switch (s.type) {
+            case draw_type_1.DrawShapeType.RECTANGLE:
+                return (0, exports.rectangleToSvg)(s.position, s.size, s.style);
+            case draw_type_1.DrawShapeType.DIAMOND:
+                return (0, exports.diamondToSvg)(s.position, s.size, s.style);
+            case draw_type_1.DrawShapeType.ELLIPSE:
+                return (0, exports.ellipseToSvg)(s.position, s.size, s.style);
+            case draw_type_1.DrawShapeType.TEXT:
+                return (0, exports.textToSvg)(s.position, s.style, s.text || '');
+            case draw_type_1.DrawShapeType.ICON:
+                const iconSymbol = __1.ICON_LIBRARY[s.iconType] || '';
+                return (0, exports.iconToSvg)(s.position, s.size, s.style, iconSymbol);
+            case draw_type_1.DrawShapeType.IMAGE:
+                return (0, exports.imageToSvg)(s.position, s.size, s.style, s.src);
+            case draw_type_1.DrawShapeType.COMMENT:
+                return (0, exports.commentToSvg)(s.position, s.size, s.style, s.id);
+            case draw_type_1.DrawShapeType.ARROW:
+                if (s.startEndpoint && s.endEndpoint) {
+                    const fromPos = s.startEndpoint.kind === 'port'
+                        ? (_a = shapes.find((shape) => { var _a; return shape.id === ((_a = s.startEndpoint) === null || _a === void 0 ? void 0 : _a.shapeId); })) === null || _a === void 0 ? void 0 : _a.position
+                        : {
+                            x: s.startEndpoint.x,
+                            y: s.startEndpoint.y,
+                        };
+                    const toPos = s.endEndpoint.kind === 'port'
+                        ? (_b = shapes.find((shape) => { var _a; return shape.id === ((_a = s.endEndpoint) === null || _a === void 0 ? void 0 : _a.shapeId); })) === null || _b === void 0 ? void 0 : _b.position
+                        : {
+                            x: s.endEndpoint.x,
+                            y: s.endEndpoint.y,
+                        };
+                    if (!fromPos || !toPos)
+                        return '';
+                    return (0, exports.arrowToSvg)(s.style, s.startEndpoint, s.endEndpoint, fromPos, toPos);
+                }
+                return '';
+            default:
+                return '';
+        }
+    });
+    const defs = `
+<defs>
+  <marker id="arrow" markerWidth="10" markerHeight="10" refX="10" refY="5" orient="auto-start-reverse">
+    <path d="M0,0 L10,5 L0,10 z" fill="currentColor"/>
+  </marker>
+</defs>`;
+    return `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}">
+  ${defs}
+  ${shapeEls.join('\n')}
+</svg>`;
+};
+exports.sceneToSVG = sceneToSVG;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abyss-project/main",
-  "version": "1.0.62",
+  "version": "1.0.64",
   "description": "Core package to interact with Abyss-Project",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",