@plait/common 0.1.0-next.0

package/fesm2020/plait-common.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"plait-common.mjs","sources":["../../../packages/common/src/constants/default.ts","../../../packages/common/src/constants/media.ts","../../../packages/common/src/constants/resize.ts","../../../packages/common/src/rectangle.ts","../../../packages/common/src/generator/generator.ts","../../../packages/common/src/generator/active.generator.ts","../../../packages/common/src/transforms/element.ts","../../../packages/common/src/transforms/index.ts","../../../packages/common/src/shape/common.ts","../../../packages/common/src/utils/resize.ts","../../../packages/common/src/plugins/with-resize.ts","../../../packages/common/src/public-api.ts","../../../packages/common/src/plait-common.ts"],"sourcesContent":["export const BASE = 4;\nexport const PRIMARY_COLOR = '#6698FF';\nexport const RESIZE_HANDLE_DIAMETER = 10;","export enum MediaKeys {\n    image = 'image'\n}\n","export enum ResizeCursorClass {\n    ew = 'ew-resize',\n    ns = 'ns-resize',\n    nesw = 'nesw-resize',\n    nwse = 'nwse-resize'\n}\n\nexport enum ResizeDirection {\n    ne = 'ne',\n    n = 'n',\n    nw = 'nw',\n    e = 'w',\n    se = 'se',\n    s = 's',\n    sw = 'sw',\n    w = 'w'\n}","import { PlaitBoard, Point, RectangleClient } from '@plait/core';\nimport { Options } from 'roughjs/bin/core';\n\nexport const drawRectangle = (board: PlaitBoard, rectangle: RectangleClient, options: Options) => {\n    const roughSVG = PlaitBoard.getRoughSVG(board);\n    const rectangleG = roughSVG.rectangle(rectangle.x, rectangle.y, rectangle.width, rectangle.height, options);\n    rectangleG.querySelector('path')!.setAttribute('stroke-linecap', 'square');\n    return rectangleG;\n};\n\nexport const getRectangleByPoints = (points: [Point, Point]) => {\n    return {\n        x: points[0][0],\n        y: points[0][1],\n        width: points[1][0] - points[0][0],\n        height: points[1][1] - points[0][1]\n    } as RectangleClient;\n};\n","import { PlaitBoard, PlaitElement } from '@plait/core';\n\nexport interface GeneratorExtraData {}\n\nexport interface GeneratorOptions {}\n\nexport abstract class Generator<\n    T extends PlaitElement = PlaitElement,\n    K extends GeneratorExtraData = GeneratorExtraData,\n    V extends GeneratorOptions = GeneratorOptions\n> {\n    g?: SVGGElement;\n\n    constructor(protected board: PlaitBoard, options?: V) {}\n\n    draw(element: T, parentG: SVGGElement, data?: K) {\n        this.destroy();\n        if (this.canDraw && this.canDraw(element, data)) {\n            const g = this.baseDraw(element, data);\n            if (g) {\n                parentG.append(g);\n            }\n            if (hasAfterDraw(this)) {\n                this.afterDraw(element);\n            }\n        }\n    }\n\n    abstract canDraw(element: T, data?: K): boolean;\n\n    abstract baseDraw(element: T, data?: K): SVGGElement | undefined;\n\n    destroy() {\n        if (this.g) {\n            this.g.remove();\n        }\n    }\n}\n\nexport interface AfterDraw<T extends PlaitElement = PlaitElement> {\n    afterDraw(element: T): void;\n}\n\nexport function hasAfterDraw(value: any): value is AfterDraw {\n    if (value.afterDraw) {\n        return true;\n    }\n    return false;\n}\n","import { PlaitBoard, PlaitElement, Point, RectangleClient, createG, drawCircle } from '@plait/core';\nimport { Generator } from './generator';\nimport { PRIMARY_COLOR, RESIZE_HANDLE_DIAMETER } from '../constants/default';\nimport { drawRectangle } from '../rectangle';\nimport { Options } from 'roughjs/bin/core';\n\nexport interface ActiveGeneratorExtraData {\n    selected: boolean;\n}\n\nexport interface ActiveGeneratorOptions<T> {\n    getRectangle: (element: T) => RectangleClient;\n    activeStrokeWidth: number;\n    getStrokeWidthByElement: (element: T) => number;\n}\n\nexport class ActiveGenerator<T extends PlaitElement = PlaitElement> extends Generator<T, ActiveGeneratorExtraData, ActiveGeneratorOptions<T>> {\n    constructor(public board: PlaitBoard, public options: ActiveGeneratorOptions<T>) {\n        super(board, options);\n    }\n\n    canDraw(element: T, data: ActiveGeneratorExtraData): boolean {\n        if (data.selected) {\n            return true;\n        } else {\n            return false;\n        }\n    }\n\n    baseDraw(element: T, data: ActiveGeneratorExtraData): SVGGElement {\n        const activeG = createG();\n        this.g = activeG;\n        const rectangle = this.options.getRectangle(element);\n\n        // add 0.1 to avoid white gap\n        const offset = (this.options.getStrokeWidthByElement(element) + this.options.activeStrokeWidth) / 2 - 0.1;\n        const activeRectangle = RectangleClient.getOutlineRectangle(rectangle, -offset);\n\n        const strokeG = drawRectangle(this.board, activeRectangle, {\n            stroke: PRIMARY_COLOR,\n            strokeWidth: this.options.activeStrokeWidth\n        });\n\n        // resize handle\n        const options: Options = { stroke: '#999999', strokeWidth: 1, fill: '#FFF', fillStyle: 'solid' };\n        const leftTopHandleG = drawCircle(\n            PlaitBoard.getRoughSVG(this.board),\n            [activeRectangle.x, activeRectangle.y],\n            RESIZE_HANDLE_DIAMETER,\n            options\n        );\n        const rightTopHandleG = drawCircle(\n            PlaitBoard.getRoughSVG(this.board),\n            [activeRectangle.x + activeRectangle.width, activeRectangle.y],\n            RESIZE_HANDLE_DIAMETER,\n            options\n        );\n        const rightBottomHandleG = drawCircle(\n            PlaitBoard.getRoughSVG(this.board),\n            [activeRectangle.x + activeRectangle.width, activeRectangle.y + activeRectangle.height],\n            RESIZE_HANDLE_DIAMETER,\n            options\n        );\n        const leftBottomHandleG = drawCircle(\n            PlaitBoard.getRoughSVG(this.board),\n            [activeRectangle.x, activeRectangle.y + activeRectangle.height],\n            RESIZE_HANDLE_DIAMETER,\n            options\n        );\n        this.g.append(...[strokeG, leftTopHandleG, rightTopHandleG, rightBottomHandleG, leftBottomHandleG]);\n        return activeG;\n    }\n}\n","import { PlaitBoard, PlaitElement, Transforms, removeSelectedElement } from '@plait/core';\n\nexport const removeElements = (board: PlaitBoard, elements: PlaitElement[]) => {\n    elements\n        .map(element => {\n            const path = PlaitBoard.findPath(board, element);\n            const ref = board.pathRef(path);\n            return () => {\n                Transforms.removeNode(board, ref.current!);\n                ref.unref();\n                removeSelectedElement(board, element);\n            };\n        })\n        .forEach(action => {\n            action();\n        });\n};\n","import { removeElements } from './element';\n\nexport const CommonTransforms = {\n    removeElements\n};\n","import { Point } from '@plait/core';\n\nexport const normalizeShapePoints = (points: [Point, Point]): [Point, Point] => {\n    const leftTopPoint: Point = [Math.min(points[0][0], points[1][0]), Math.min(points[0][1], points[1][1])];\n    const rightBottomPoint: Point = [Math.max(points[0][0], points[1][0]), Math.max(points[0][1], points[1][1])];\n    return [leftTopPoint, rightBottomPoint];\n};\n","import { PlaitBoard, Point, RectangleClient } from '@plait/core';\nimport { ResizeCursorClass, ResizeDirection } from '../constants/resize';\n\n/**\n * @returns [left-top,right-top,right-bottom,left-bottom]: [Point, Point, Point, Point]\n */\nexport const getHandleCenters = (rectangle: RectangleClient) => {\n    return [\n        [rectangle.x, rectangle.y],\n        [rectangle.x + rectangle.width, rectangle.y],\n        [rectangle.x + rectangle.width, rectangle.y + rectangle.height],\n        [rectangle.x, rectangle.y + rectangle.height]\n    ] as [Point, Point, Point, Point];\n};\n\nconst getResizeDirectionByIndex = (index: number) => {\n    switch (index) {\n        case 0:\n            return ResizeDirection.nw;\n        case 1:\n            return ResizeDirection.ne;\n        case 2:\n            return ResizeDirection.se;\n        case 3:\n            return ResizeDirection.sw;\n        default:\n            return null;\n    }\n};\n\nconst getResizeCursorClassByIndex = (index: number) => {\n    switch (index) {\n        case 0:\n            return ResizeCursorClass.nwse;\n        case 1:\n            return ResizeCursorClass.nesw;\n        case 2:\n            return ResizeCursorClass.nwse;\n        case 3:\n            return ResizeCursorClass.nesw;\n        default:\n            return null;\n    }\n};\n\nexport const getRectangleResizeTargets = (rectangle: RectangleClient, diameter: number) => {\n    const centers = getHandleCenters(rectangle);\n    return centers.map((center, index: number) => {\n        return {\n            rectangle: {\n                x: center[0] - diameter / 2,\n                y: center[1] - diameter / 2,\n                width: diameter,\n                height: diameter\n            },\n            direction: getResizeDirectionByIndex(index) as ResizeDirection,\n            cursorClass: getResizeCursorClassByIndex(index) as ResizeCursorClass\n        };\n    });\n};\n\n\nexport const IS_RESIZING = new WeakMap<PlaitBoard, boolean>();\n\nexport const isResizing = (board: PlaitBoard) => {\n    return !!IS_RESIZING.get(board);\n};\n\nexport const addResizing = (board: PlaitBoard, key: string) => {\n    PlaitBoard.getBoardContainer(board).classList.add(`${key}-resizing`);\n    IS_RESIZING.set(board, true);\n};\n\nexport const removeResizing = (board: PlaitBoard, key: string) => {\n    PlaitBoard.getBoardContainer(board).classList.remove(`${key}-resizing`);\n    IS_RESIZING.set(board, false);\n};","import {\n    MERGING,\n    PRESS_AND_MOVE_BUFFER,\n    Path,\n    PlaitBoard,\n    PlaitElement,\n    PlaitPointerType,\n    Point,\n    distanceBetweenPointAndPoint,\n    isMainPointer,\n    preventTouchMove,\n    throttleRAF,\n    toPoint,\n    transformPoint\n} from '@plait/core';\nimport { ResizeDirection, ResizeCursorClass } from '../constants/resize';\nimport { addResizing, isResizing, removeResizing } from '../utils/resize';\n\nexport interface WithResizeOptions<T extends PlaitElement = PlaitElement> {\n    key: string;\n    canResize: () => boolean;\n    detect: (point: Point) => ResizeDetectResult<T> | null;\n    onResize: (resizeRef: ResizeRef<T>, resizeState: ResizeState) => void;\n}\n\nexport interface ResizeDetectResult<T extends PlaitElement = PlaitElement> {\n    element: T;\n    direction: ResizeDirection;\n    cursorClass: ResizeCursorClass;\n}\n\nexport interface ResizeRef<T extends PlaitElement = PlaitElement> {\n    element: T;\n    path: Path;\n    direction: ResizeDirection;\n}\n\nexport interface ResizeState {\n    offsetX: number;\n    offsetY: number;\n}\n\nconst generalCanResize = (board: PlaitBoard, event: PointerEvent) => {\n    return (\n        PlaitBoard.isReadonly(board) ||\n        PlaitBoard.hasBeenTextEditing(board) ||\n        !PlaitBoard.isPointer(board, PlaitPointerType.hand) ||\n        !isMainPointer(event)\n    );\n};\n\nexport const withResize = <T extends PlaitElement = PlaitElement>(board: PlaitBoard, options: WithResizeOptions<T>) => {\n    const { pointerDown, pointerMove, globalPointerUp } = board;\n    let resizeDetectResult: ResizeDetectResult<T> | null = null;\n    let resizeRef: ResizeRef<T> | null = null;\n    let startPoint: Point | null = null;\n    let hoveDetectResult: ResizeDetectResult<T> | null = null;\n\n    board.pointerDown = (event: PointerEvent) => {\n        if (!options.canResize() || !generalCanResize(board, event)) {\n            pointerDown(event);\n            return;\n        }\n        const point = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));\n        resizeDetectResult = options.detect(point);\n        if (resizeDetectResult) {\n            PlaitBoard.getBoardContainer(board).classList.add(`${resizeDetectResult.cursorClass}`);\n            startPoint = [event.x, event.y];\n            resizeRef = {\n                path: PlaitBoard.findPath(board, resizeDetectResult.element),\n                element: resizeDetectResult.element,\n                direction: resizeDetectResult.direction\n            };\n            return;\n        }\n        pointerDown(event);\n    };\n\n    board.pointerMove = (event: PointerEvent) => {\n        if (!options.canResize() || !generalCanResize(board, event)) {\n            pointerMove(event);\n            return;\n        }\n        if (startPoint && resizeDetectResult && !isResizing(board)) {\n            // prevent text from being selected\n            event.preventDefault();\n            preventTouchMove(board, true);\n\n            const endPoint = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));\n            const distance = distanceBetweenPointAndPoint(startPoint[0], startPoint[1], endPoint[0], endPoint[1]);\n            if (distance > PRESS_AND_MOVE_BUFFER) {\n                addResizing(board, options.key);\n                MERGING.set(board, true);\n            }\n        }\n\n        if (isResizing(board) && startPoint) {\n            // prevent text from being selected\n            event.preventDefault();\n            preventTouchMove(board, true);\n\n            throttleRAF(() => {\n                const endPoint = [event.x, event.y];\n                if (startPoint && resizeRef) {\n                    const offsetX = endPoint[0] - startPoint[0];\n                    const offsetY = endPoint[1] - startPoint[1];\n                    options.onResize(resizeRef, { offsetX, offsetY });\n                }\n            });\n            return;\n        } else {\n            const point = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));\n            const resizeDetectResult = options.detect(point);\n            if (resizeDetectResult) {\n                hoveDetectResult = resizeDetectResult;\n                PlaitBoard.getBoardContainer(board).classList.add(`${hoveDetectResult.cursorClass}`);\n            } else {\n                if (hoveDetectResult) {\n                    PlaitBoard.getBoardContainer(board).classList.remove(`${hoveDetectResult.cursorClass}`);\n                    hoveDetectResult = null;\n                }\n            }\n        }\n        pointerMove(event);\n    };\n\n    board.globalPointerUp = (event: PointerEvent) => {\n        globalPointerUp(event);\n        if (isResizing(board) || resizeDetectResult) {\n            removeResizing(board, options.key);\n            startPoint = null;\n            resizeDetectResult = null;\n            resizeRef = null;\n            MERGING.set(board, false);\n            preventTouchMove(board, false);\n        }\n    };\n\n    return board;\n};\n","/*\n * Public API Surface of utils\n */\n\nexport * from './constants';\nexport * from './rectangle';\nexport * from './generator';\nexport * from './transforms';\nexport * from './shape';\nexport * from './plugins';\nexport * from './utils';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/generator/active.generator.d.ts

@@ -0,0 +1,17 @@
+import { PlaitBoard, PlaitElement, RectangleClient } from '@plait/core';
+import { Generator } from './generator';
+export interface ActiveGeneratorExtraData {
+    selected: boolean;
+}
+export interface ActiveGeneratorOptions<T> {
+    getRectangle: (element: T) => RectangleClient;
+    activeStrokeWidth: number;
+    getStrokeWidthByElement: (element: T) => number;
+}
+export declare class ActiveGenerator<T extends PlaitElement = PlaitElement> extends Generator<T, ActiveGeneratorExtraData, ActiveGeneratorOptions<T>> {
+    board: PlaitBoard;
+    options: ActiveGeneratorOptions<T>;
+    constructor(board: PlaitBoard, options: ActiveGeneratorOptions<T>);
+    canDraw(element: T, data: ActiveGeneratorExtraData): boolean;
+    baseDraw(element: T, data: ActiveGeneratorExtraData): SVGGElement;
+}

package/generator/generator.d.ts

@@ -0,0 +1,18 @@
+import { PlaitBoard, PlaitElement } from '@plait/core';
+export interface GeneratorExtraData {
+}
+export interface GeneratorOptions {
+}
+export declare abstract class Generator<T extends PlaitElement = PlaitElement, K extends GeneratorExtraData = GeneratorExtraData, V extends GeneratorOptions = GeneratorOptions> {
+    protected board: PlaitBoard;
+    g?: SVGGElement;
+    constructor(board: PlaitBoard, options?: V);
+    draw(element: T, parentG: SVGGElement, data?: K): void;
+    abstract canDraw(element: T, data?: K): boolean;
+    abstract baseDraw(element: T, data?: K): SVGGElement | undefined;
+    destroy(): void;
+}
+export interface AfterDraw<T extends PlaitElement = PlaitElement> {
+    afterDraw(element: T): void;
+}
+export declare function hasAfterDraw(value: any): value is AfterDraw;

package/generator/index.d.ts

@@ -0,0 +1,2 @@
+export * from './generator';
+export * from './active.generator';

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@plait/common" />
+export * from './public-api';

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@plait/common",
+  "version": "0.1.0-next.0",
+  "peerDependencies": {
+    "@angular/common": "^15.2.0",
+    "@angular/core": "^15.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2015/plait-common.mjs",
+  "es2020": "fesm2020/plait-common.mjs",
+  "esm2020": "esm2020/plait-common.mjs",
+  "fesm2020": "fesm2020/plait-common.mjs",
+  "fesm2015": "fesm2015/plait-common.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/plait-common.mjs",
+      "es2020": "./fesm2020/plait-common.mjs",
+      "es2015": "./fesm2015/plait-common.mjs",
+      "node": "./fesm2015/plait-common.mjs",
+      "default": "./fesm2020/plait-common.mjs"
+    }
+  }
+}

package/plugins/index.d.ts

@@ -0,0 +1 @@
+export * from './with-resize';

package/plugins/with-resize.d.ts

@@ -0,0 +1,23 @@
+import { Path, PlaitBoard, PlaitElement, Point } from '@plait/core';
+import { ResizeDirection, ResizeCursorClass } from '../constants/resize';
+export interface WithResizeOptions<T extends PlaitElement = PlaitElement> {
+    key: string;
+    canResize: () => boolean;
+    detect: (point: Point) => ResizeDetectResult<T> | null;
+    onResize: (resizeRef: ResizeRef<T>, resizeState: ResizeState) => void;
+}
+export interface ResizeDetectResult<T extends PlaitElement = PlaitElement> {
+    element: T;
+    direction: ResizeDirection;
+    cursorClass: ResizeCursorClass;
+}
+export interface ResizeRef<T extends PlaitElement = PlaitElement> {
+    element: T;
+    path: Path;
+    direction: ResizeDirection;
+}
+export interface ResizeState {
+    offsetX: number;
+    offsetY: number;
+}
+export declare const withResize: <T extends PlaitElement = PlaitElement>(board: PlaitBoard, options: WithResizeOptions<T>) => PlaitBoard;

package/public-api.d.ts

@@ -0,0 +1,7 @@
+export * from './constants';
+export * from './rectangle';
+export * from './generator';
+export * from './transforms';
+export * from './shape';
+export * from './plugins';
+export * from './utils';

package/rectangle.d.ts

@@ -0,0 +1,4 @@
+import { PlaitBoard, Point, RectangleClient } from '@plait/core';
+import { Options } from 'roughjs/bin/core';
+export declare const drawRectangle: (board: PlaitBoard, rectangle: RectangleClient, options: Options) => SVGGElement;
+export declare const getRectangleByPoints: (points: [Point, Point]) => RectangleClient;

package/shape/common.d.ts

@@ -0,0 +1,2 @@
+import { Point } from '@plait/core';
+export declare const normalizeShapePoints: (points: [Point, Point]) => [Point, Point];

package/shape/index.d.ts

@@ -0,0 +1 @@
+export * from './common';

package/transforms/element.d.ts

@@ -0,0 +1,2 @@
+import { PlaitBoard, PlaitElement } from '@plait/core';
+export declare const removeElements: (board: PlaitBoard, elements: PlaitElement[]) => void;

package/transforms/index.d.ts

@@ -0,0 +1,3 @@
+export declare const CommonTransforms: {
+    removeElements: (board: import("@plait/core").PlaitBoard, elements: import("@plait/core").PlaitElement[]) => void;
+};

package/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './resize';

package/utils/resize.d.ts

@@ -0,0 +1,20 @@
+import { PlaitBoard, Point, RectangleClient } from '@plait/core';
+import { ResizeCursorClass, ResizeDirection } from '../constants/resize';
+/**
+ * @returns [left-top,right-top,right-bottom,left-bottom]: [Point, Point, Point, Point]
+ */
+export declare const getHandleCenters: (rectangle: RectangleClient) => [Point, Point, Point, Point];
+export declare const getRectangleResizeTargets: (rectangle: RectangleClient, diameter: number) => {
+    rectangle: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    direction: ResizeDirection;
+    cursorClass: ResizeCursorClass;
+}[];
+export declare const IS_RESIZING: WeakMap<PlaitBoard, boolean>;
+export declare const isResizing: (board: PlaitBoard) => boolean;
+export declare const addResizing: (board: PlaitBoard, key: string) => void;
+export declare const removeResizing: (board: PlaitBoard, key: string) => void;