@abyss-project/main 1.0.72 → 1.0.74

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

@@ -47,6 +47,7 @@ export interface DrawStyle {
     textHorizontalPosition?: 'left' | 'center' | 'right';
 }
 export interface ShapeProperties {
+    id?: string;
     position: Point;
     zIndex?: number;
     size: DrawSize;
@@ -78,9 +79,8 @@ 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;
-    portId: PortId;
-    offsetX?: number;
-    offsetY?: number;
+    relativeX: number;
+    relativeY: number;
 };
 export type DrawShapeToJsonBaseResult = {
     id: string;

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,9 +6,10 @@ 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 & {

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.72",
+  "version": "1.0.74",
   "description": "Core package to interact with Abyss-Project",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",