@abyss-project/main 1.0.71 → 1.0.73

package/dist/index.js

@@ -96,4 +96,7 @@ AbyssCore.config = {
     baseURL: DEFAULT_BASE_URL,
     abyssUserAnonymousIdentifier: '',
 };
-AbyssCore.axios = axios_1.default.create({ baseURL: _a.config.baseURL });
+AbyssCore.axios = axios_1.default.create({
+    baseURL: _a.config.baseURL,
+    withCredentials: true,
+});

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

@@ -1,4 +1,4 @@
-import { Endpoint, ICON_LIBRARY } from '../utils';
+import { Endpoint, ICON_LIBRARY, CurvePoint } from '../utils';
 export type DrawData = {
     drawId: string | null;
     shapes: DrawShapeToJsonResult[];
@@ -39,10 +39,15 @@ export interface DrawStyle {
     cornerRadius: number;
     fontSize: number;
     fontFamily: string;
+    fontWeight?: number;
     preserveAspectRatio: boolean;
     rotation: number;
+    textAlign?: 'left' | 'center' | 'right';
+    textVerticalPosition?: 'top' | 'center' | 'bottom';
+    textHorizontalPosition?: 'left' | 'center' | 'right';
 }
 export interface ShapeProperties {
+    id?: string;
     position: Point;
     zIndex?: number;
     size: DrawSize;
@@ -56,10 +61,11 @@ export declare enum DrawShapeType {
     ICON = "ICON",
     IMAGE = "IMAGE",
     COMMENT = "COMMENT",
-    ARROW = "ARROW"
+    ARROW = "ARROW",
+    PENCIL = "PENCIL"
 }
 export type ResizeShape = {
-    corner: 'se' | 'sw' | 'ne' | 'nw';
+    corner: 'se' | 'sw' | 'ne' | 'nw' | 'e' | 'w' | 'n' | 's';
     startPos: Point;
     originalSize: DrawSize;
     originalPosition: Point;
@@ -71,6 +77,11 @@ export type RotationData = {
 };
 export type Id = string;
 export type PortId = 'top' | 'right' | 'bottom' | 'left' | 'center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type TextAnchor = {
+    shapeId: string;
+    relativeX: number;
+    relativeY: number;
+};
 export type DrawShapeToJsonBaseResult = {
     id: string;
     type: DrawShapeType;
@@ -84,6 +95,7 @@ export type DrawShapeArrowToJsonResult = DrawShapeToJsonBaseResult & {
     type: DrawShapeType.ARROW;
     startEndpoint: Endpoint;
     endEndpoint: Endpoint;
+    curvePoints?: CurvePoint[];
 };
 export type DrawShapeIconToJsonResult = DrawShapeToJsonBaseResult & {
     type: DrawShapeType.ICON;
@@ -92,6 +104,7 @@ export type DrawShapeIconToJsonResult = DrawShapeToJsonBaseResult & {
 export type DrawShapeTextToJsonResult = DrawShapeToJsonBaseResult & {
     type: DrawShapeType.TEXT;
     text: string;
+    anchor?: TextAnchor;
 };
 export type DrawShapeRectangleToJsonResult = {
     type: DrawShapeType.RECTANGLE;
@@ -112,4 +125,8 @@ export type DrawShapeCommentToJsonResult = DrawShapeToJsonBaseResult & {
     text: string;
     date: string;
 };
-export type DrawShapeToJsonResult = DrawShapeArrowToJsonResult | DrawShapeIconToJsonResult | DrawShapeTextToJsonResult | DrawShapeRectangleToJsonResult | DrawShapeDiamondToJsonResult | DrawShapeImageToJsonResult | DrawShapeCommentToJsonResult | DrawShapeEllipseToJsonResult;
+export type DrawShapePencilToJsonResult = DrawShapeToJsonBaseResult & {
+    type: DrawShapeType.PENCIL;
+    points: number[];
+};
+export type DrawShapeToJsonResult = DrawShapeArrowToJsonResult | DrawShapeIconToJsonResult | DrawShapeTextToJsonResult | DrawShapeRectangleToJsonResult | DrawShapeDiamondToJsonResult | DrawShapeImageToJsonResult | DrawShapeCommentToJsonResult | DrawShapeEllipseToJsonResult | DrawShapePencilToJsonResult;

package/dist/types/draw.type.js

@@ -11,4 +11,5 @@ var DrawShapeType;
     DrawShapeType["IMAGE"] = "IMAGE";
     DrawShapeType["COMMENT"] = "COMMENT";
     DrawShapeType["ARROW"] = "ARROW";
+    DrawShapeType["PENCIL"] = "PENCIL";
 })(DrawShapeType || (exports.DrawShapeType = DrawShapeType = {}));

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

@@ -1,4 +1,4 @@
-import { Id, PortId, Point, DrawSize, DrawStyle, DrawShapeToJsonResult } from '../types/draw.type';
+import { Id, Point, DrawSize, DrawStyle, DrawShapeToJsonResult } from '../types/draw.type';
 export type Endpoint = {
     style: DrawArrowEndpointStyle;
 } & ({
@@ -6,11 +6,15 @@ export type Endpoint = {
     x: number;
     y: number;
 } | {
-    kind: 'port';
+    kind: 'anchor';
     shapeId: Id;
-    portId: PortId;
+    relativeX: number;
+    relativeY: number;
 });
 export type DrawArrowEndpointStyle = 'arrow' | 'circle' | 'square' | 'diamond' | 'none';
+export type CurvePoint = Point & {
+    type: 'straight' | 'curved';
+};
 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;

package/dist/utils/shape.utils.js

@@ -46,7 +46,7 @@ const textToSvg = (position, style, text) => {
     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}"
+    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;
@@ -79,15 +79,15 @@ const commentToSvg = (position, size, style, id) => {
     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>
+    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;
@@ -146,13 +146,13 @@ const sceneToSVG = (shapes, width, height) => {
                 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'
+                    const fromPos = s.startEndpoint.kind === 'anchor'
                         ? (_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'
+                    const toPos = s.endEndpoint.kind === 'anchor'
                         ? (_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,
@@ -167,15 +167,15 @@ const sceneToSVG = (shapes, width, height) => {
                 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>
+    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')}
+    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.71",
+  "version": "1.0.73",
   "description": "Core package to interact with Abyss-Project",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",