@rasamjs/tools 0.0.0-stage → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/API.md +308 -0
- package/CHANGELOG.md +53 -0
- package/LICENSE +21 -0
- package/README.md +138 -2
- package/RELEASING.md +88 -0
- package/dist/advanced/context.d.ts +15 -0
- package/dist/advanced/context.d.ts.map +1 -0
- package/dist/advanced/context.js +2 -0
- package/dist/advanced/context.js.map +1 -0
- package/dist/advanced/curves.d.ts +5 -0
- package/dist/advanced/curves.d.ts.map +1 -0
- package/dist/advanced/curves.js +65 -0
- package/dist/advanced/curves.js.map +1 -0
- package/dist/advanced/geometry.d.ts +17 -0
- package/dist/advanced/geometry.d.ts.map +1 -0
- package/dist/advanced/geometry.js +61 -0
- package/dist/advanced/geometry.js.map +1 -0
- package/dist/advanced/rotation.d.ts +4 -0
- package/dist/advanced/rotation.d.ts.map +1 -0
- package/dist/advanced/rotation.js +86 -0
- package/dist/advanced/rotation.js.map +1 -0
- package/dist/advanced/session.d.ts +5 -0
- package/dist/advanced/session.d.ts.map +1 -0
- package/dist/advanced/session.js +240 -0
- package/dist/advanced/session.js.map +1 -0
- package/dist/advanced/snapper.d.ts +29 -0
- package/dist/advanced/snapper.d.ts.map +1 -0
- package/dist/advanced/snapper.js +118 -0
- package/dist/advanced/snapper.js.map +1 -0
- package/dist/advanced/types.d.ts +30 -0
- package/dist/advanced/types.d.ts.map +1 -0
- package/dist/advanced/types.js +2 -0
- package/dist/advanced/types.js.map +1 -0
- package/dist/drawing.d.ts +5 -0
- package/dist/drawing.d.ts.map +1 -0
- package/dist/drawing.js +3 -0
- package/dist/drawing.js.map +1 -0
- package/dist/editor/draw-tool.d.ts +35 -0
- package/dist/editor/draw-tool.d.ts.map +1 -0
- package/dist/editor/draw-tool.js +174 -0
- package/dist/editor/draw-tool.js.map +1 -0
- package/dist/editor/path-editor.d.ts +34 -0
- package/dist/editor/path-editor.d.ts.map +1 -0
- package/dist/editor/path-editor.js +208 -0
- package/dist/editor/path-editor.js.map +1 -0
- package/dist/editor/pointer.d.ts +21 -0
- package/dist/editor/pointer.d.ts.map +1 -0
- package/dist/editor/pointer.js +86 -0
- package/dist/editor/pointer.js.map +1 -0
- package/dist/editor/surface.d.ts +31 -0
- package/dist/editor/surface.d.ts.map +1 -0
- package/dist/editor/surface.js +138 -0
- package/dist/editor/surface.js.map +1 -0
- package/dist/grid.d.ts +23 -0
- package/dist/grid.d.ts.map +1 -0
- package/dist/grid.js +84 -0
- package/dist/grid.js.map +1 -0
- package/dist/rulers.d.ts +30 -0
- package/dist/rulers.d.ts.map +1 -0
- package/dist/rulers.js +234 -0
- package/dist/rulers.js.map +1 -0
- package/dist/snapping/advanced.d.ts +3 -0
- package/dist/snapping/advanced.d.ts.map +1 -0
- package/dist/snapping/advanced.js +2 -0
- package/dist/snapping/advanced.js.map +1 -0
- package/dist/snapping/guides.d.ts +14 -0
- package/dist/snapping/guides.d.ts.map +1 -0
- package/dist/snapping/guides.js +109 -0
- package/dist/snapping/guides.js.map +1 -0
- package/dist/snapping/lines.d.ts +43 -0
- package/dist/snapping/lines.d.ts.map +1 -0
- package/dist/snapping/lines.js +74 -0
- package/dist/snapping/lines.js.map +1 -0
- package/dist/snapping/options.d.ts +18 -0
- package/dist/snapping/options.d.ts.map +1 -0
- package/dist/snapping/options.js +44 -0
- package/dist/snapping/options.js.map +1 -0
- package/dist/snapping/overlay.d.ts +22 -0
- package/dist/snapping/overlay.d.ts.map +1 -0
- package/dist/snapping/overlay.js +165 -0
- package/dist/snapping/overlay.js.map +1 -0
- package/dist/snapping/session.d.ts +25 -0
- package/dist/snapping/session.d.ts.map +1 -0
- package/dist/snapping/session.js +89 -0
- package/dist/snapping/session.js.map +1 -0
- package/dist/snapping/snapper.d.ts +22 -0
- package/dist/snapping/snapper.d.ts.map +1 -0
- package/dist/snapping/snapper.js +140 -0
- package/dist/snapping/snapper.js.map +1 -0
- package/dist/snapping/spacing.d.ts +27 -0
- package/dist/snapping/spacing.d.ts.map +1 -0
- package/dist/snapping/spacing.js +127 -0
- package/dist/snapping/spacing.js.map +1 -0
- package/dist/snapping/targets.d.ts +7 -0
- package/dist/snapping/targets.d.ts.map +1 -0
- package/dist/snapping/targets.js +71 -0
- package/dist/snapping/targets.js.map +1 -0
- package/dist/snapping/types.d.ts +35 -0
- package/dist/snapping/types.d.ts.map +1 -0
- package/dist/snapping/types.js +2 -0
- package/dist/snapping/types.js.map +1 -0
- package/dist/snapping.d.ts +4 -0
- package/dist/snapping.d.ts.map +1 -0
- package/dist/snapping.js +3 -0
- package/dist/snapping.js.map +1 -0
- package/package.json +73 -4
- package/src/advanced/context.ts +15 -0
- package/src/advanced/curves.ts +65 -0
- package/src/advanced/geometry.ts +74 -0
- package/src/advanced/rotation.ts +93 -0
- package/src/advanced/session.ts +276 -0
- package/src/advanced/snapper.ts +124 -0
- package/src/advanced/types.ts +31 -0
- package/src/drawing.ts +4 -0
- package/src/editor/draw-tool.ts +190 -0
- package/src/editor/path-editor.ts +224 -0
- package/src/editor/pointer.ts +85 -0
- package/src/editor/surface.ts +141 -0
- package/src/grid.ts +99 -0
- package/src/rulers.ts +245 -0
- package/src/snapping/advanced.ts +8 -0
- package/src/snapping/guides.ts +132 -0
- package/src/snapping/lines.ts +108 -0
- package/src/snapping/options.ts +47 -0
- package/src/snapping/overlay.ts +186 -0
- package/src/snapping/session.ts +116 -0
- package/src/snapping/snapper.ts +147 -0
- package/src/snapping/spacing.ts +157 -0
- package/src/snapping/targets.ts +88 -0
- package/src/snapping/types.ts +27 -0
- package/src/snapping.ts +3 -0
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { Guards } from '@rasamjs/core/advanced';
|
|
2
|
+
import { resolveOptions } from '../snapping/options.js';
|
|
3
|
+
import { GuideOverlay } from '../snapping/overlay.js';
|
|
4
|
+
import { createAdvancedSession } from './session.js';
|
|
5
|
+
import { createRotationSession } from './rotation.js';
|
|
6
|
+
/** Owns enhanced sessions while sharing the original engine's geometry and guides. */
|
|
7
|
+
export class AdvancedSnapper {
|
|
8
|
+
drawing;
|
|
9
|
+
rotatedResize = true;
|
|
10
|
+
keyboard;
|
|
11
|
+
options;
|
|
12
|
+
advanced;
|
|
13
|
+
overlay;
|
|
14
|
+
dispose;
|
|
15
|
+
active = null;
|
|
16
|
+
version = 0;
|
|
17
|
+
disposed = false;
|
|
18
|
+
enabledState = true;
|
|
19
|
+
constructor(drawing, advanced = {}) {
|
|
20
|
+
this.drawing = drawing;
|
|
21
|
+
if (!Guards.isTransformable(drawing) ||
|
|
22
|
+
drawing.isDestroyed ||
|
|
23
|
+
drawing.el.localName !== 'svg' ||
|
|
24
|
+
!drawing.el.isConnected ||
|
|
25
|
+
!drawing.el.ownerDocument.defaultView)
|
|
26
|
+
throw new TypeError('AdvancedSnapper needs a live, mounted drawing');
|
|
27
|
+
this.advanced = { ...advanced };
|
|
28
|
+
this.options = resolveOptions(advanced);
|
|
29
|
+
this.keyboard = advanced.keyboard ?? true;
|
|
30
|
+
if (typeof this.keyboard !== 'boolean' ||
|
|
31
|
+
(advanced.curves !== undefined && typeof advanced.curves !== 'boolean'))
|
|
32
|
+
throw new TypeError('Keyboard and curve snapping options must be booleans');
|
|
33
|
+
if (advanced.guides !== undefined && typeof advanced.guides !== 'function')
|
|
34
|
+
throw new TypeError('guides must be a function');
|
|
35
|
+
for (const [name, value] of [
|
|
36
|
+
['curveResolution', advanced.curveResolution ?? 0.25],
|
|
37
|
+
['angleTolerance', advanced.angleTolerance ?? 5],
|
|
38
|
+
])
|
|
39
|
+
if (!Number.isFinite(value) || value <= 0)
|
|
40
|
+
throw new RangeError(`${name} must be positive and finite`);
|
|
41
|
+
this.overlay = new GuideOverlay(drawing, this.options.stroke, this.options.gapStroke);
|
|
42
|
+
this.dispose = drawing.onDispose(() => this.destroy());
|
|
43
|
+
}
|
|
44
|
+
get isDestroyed() {
|
|
45
|
+
return this.disposed;
|
|
46
|
+
}
|
|
47
|
+
get enabled() {
|
|
48
|
+
return this.enabledState;
|
|
49
|
+
}
|
|
50
|
+
set enabled(value) {
|
|
51
|
+
if (typeof value !== 'boolean')
|
|
52
|
+
throw new TypeError('enabled must be a boolean');
|
|
53
|
+
this.enabledState = value;
|
|
54
|
+
if (!value)
|
|
55
|
+
this.overlay.clear();
|
|
56
|
+
}
|
|
57
|
+
update() {
|
|
58
|
+
if (!this.disposed)
|
|
59
|
+
this.overlay.update();
|
|
60
|
+
return this;
|
|
61
|
+
}
|
|
62
|
+
destroy() {
|
|
63
|
+
if (this.disposed)
|
|
64
|
+
return;
|
|
65
|
+
this.disposed = true;
|
|
66
|
+
try {
|
|
67
|
+
this.active?.end();
|
|
68
|
+
}
|
|
69
|
+
finally {
|
|
70
|
+
this.overlay.destroy();
|
|
71
|
+
this.dispose();
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
reset() {
|
|
75
|
+
const version = ++this.version;
|
|
76
|
+
const previous = this.active;
|
|
77
|
+
this.active = null;
|
|
78
|
+
previous?.end();
|
|
79
|
+
return version;
|
|
80
|
+
}
|
|
81
|
+
ended(version) {
|
|
82
|
+
if (version !== this.version)
|
|
83
|
+
return;
|
|
84
|
+
this.active = null;
|
|
85
|
+
this.overlay.clear();
|
|
86
|
+
}
|
|
87
|
+
begin(request) {
|
|
88
|
+
const version = this.reset();
|
|
89
|
+
if (!this.enabled || this.disposed)
|
|
90
|
+
return null;
|
|
91
|
+
const session = createAdvancedSession(this.context(request, version));
|
|
92
|
+
if (session)
|
|
93
|
+
this.active = session;
|
|
94
|
+
return session;
|
|
95
|
+
}
|
|
96
|
+
rotate(request) {
|
|
97
|
+
const version = this.reset();
|
|
98
|
+
if (!this.enabled || this.disposed)
|
|
99
|
+
return null;
|
|
100
|
+
const session = createRotationSession(this.context(request, version));
|
|
101
|
+
if (session)
|
|
102
|
+
this.active = session;
|
|
103
|
+
return session;
|
|
104
|
+
}
|
|
105
|
+
context(request, version) {
|
|
106
|
+
return {
|
|
107
|
+
drawing: this.drawing,
|
|
108
|
+
options: this.options,
|
|
109
|
+
advanced: this.advanced,
|
|
110
|
+
overlay: this.overlay,
|
|
111
|
+
request,
|
|
112
|
+
isEnabled: () => this.enabled && !this.disposed,
|
|
113
|
+
isCurrent: () => version === this.version && !this.disposed,
|
|
114
|
+
onEnd: () => this.ended(version),
|
|
115
|
+
};
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
//# sourceMappingURL=snapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"snapper.js","sourceRoot":"","sources":["../../src/advanced/snapper.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { AnyNode, Point } from '@rasamjs/core';
|
|
2
|
+
import type { SnapperOptions, SnapRequest, SnapSession } from '../snapping/types.js';
|
|
3
|
+
export interface RulerGuide {
|
|
4
|
+
readonly axis: 'x' | 'y';
|
|
5
|
+
readonly position: number;
|
|
6
|
+
}
|
|
7
|
+
export interface AdvancedSnapperOptions extends SnapperOptions {
|
|
8
|
+
readonly guides?: () => Iterable<RulerGuide>;
|
|
9
|
+
readonly curves?: boolean;
|
|
10
|
+
readonly curveResolution?: number;
|
|
11
|
+
readonly angleTolerance?: number;
|
|
12
|
+
readonly keyboard?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export interface RotationSnapRequest {
|
|
15
|
+
readonly nodes: readonly AnyNode[];
|
|
16
|
+
readonly client: Point;
|
|
17
|
+
readonly pivot: Point;
|
|
18
|
+
readonly corners: readonly Point[];
|
|
19
|
+
}
|
|
20
|
+
export type AdvancedSnapRequest = (SnapRequest | {
|
|
21
|
+
readonly kind: 'point';
|
|
22
|
+
readonly client: Point;
|
|
23
|
+
readonly nodes?: readonly AnyNode[];
|
|
24
|
+
}) & {
|
|
25
|
+
readonly keyboard?: boolean;
|
|
26
|
+
};
|
|
27
|
+
export interface RotationSnapSession extends SnapSession {
|
|
28
|
+
readonly angleSnapped: boolean;
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/advanced/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAErF,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AACD,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,QAAQ,CAAC,UAAU,CAAC,CAAC;IAC7C,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AACD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;IACnC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,SAAS,KAAK,EAAE,CAAC;CACpC;AACD,MAAM,MAAM,mBAAmB,GAAG,CAC9B,WAAW,GACX;IACE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;CACrC,CACJ,GAAG;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AACpC,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;CAChC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/advanced/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { DrawTool } from './editor/draw-tool.js';
|
|
2
|
+
export type { DrawToolOptions, DrawingKind, PointSnapper } from './editor/draw-tool.js';
|
|
3
|
+
export { PathEditor } from './editor/path-editor.js';
|
|
4
|
+
export type { PathEditorOptions, EditablePath, PathHandle } from './editor/path-editor.js';
|
|
5
|
+
//# sourceMappingURL=drawing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawing.d.ts","sourceRoot":"","sources":["../src/drawing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC"}
|
package/dist/drawing.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawing.js","sourceRoot":"","sources":["../src/drawing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type { AnyNode, Point, Svg } from '@rasamjs/core';
|
|
2
|
+
import type { SnapSession } from '../snapping/types.js';
|
|
3
|
+
export interface PointSnapper {
|
|
4
|
+
begin(request: {
|
|
5
|
+
readonly kind: 'point';
|
|
6
|
+
readonly client: Point;
|
|
7
|
+
readonly nodes?: readonly AnyNode[];
|
|
8
|
+
}): SnapSession | null;
|
|
9
|
+
}
|
|
10
|
+
export type DrawingKind = 'rect' | 'ellipse' | 'line' | 'path';
|
|
11
|
+
export interface DrawToolOptions {
|
|
12
|
+
readonly snapper: PointSnapper;
|
|
13
|
+
readonly kind?: DrawingKind;
|
|
14
|
+
readonly paint?: Readonly<Record<string, string | number>>;
|
|
15
|
+
readonly onCreate?: (node: AnyNode) => void;
|
|
16
|
+
}
|
|
17
|
+
export declare class DrawTool {
|
|
18
|
+
private readonly drawing;
|
|
19
|
+
private readonly options;
|
|
20
|
+
private readonly surface;
|
|
21
|
+
private readonly hit;
|
|
22
|
+
private enabledState;
|
|
23
|
+
private active;
|
|
24
|
+
constructor(drawing: Svg, options: DrawToolOptions);
|
|
25
|
+
get enabled(): boolean;
|
|
26
|
+
get isDestroyed(): boolean;
|
|
27
|
+
set enabled(value: boolean);
|
|
28
|
+
begin(client: Point, ignore?: boolean): void;
|
|
29
|
+
move(client: Point, ignore?: boolean): void;
|
|
30
|
+
end(cancelled?: boolean): AnyNode | null;
|
|
31
|
+
update(): this;
|
|
32
|
+
destroy(): void;
|
|
33
|
+
private render;
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=draw-tool.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"draw-tool.d.ts","sourceRoot":"","sources":["../../src/editor/draw-tool.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAKxD,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,OAAO,EAAE;QACb,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;QACvB,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC;QACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;KACrC,GAAG,WAAW,GAAG,IAAI,CAAC;CACxB;AACD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAC/D,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;IAC3D,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AACD,qBAAa,QAAQ;IAWjB,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,OAAO;IAX1B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAU;IAClC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAiB;IACrC,OAAO,CAAC,YAAY,CAAQ;IAC5B,OAAO,CAAC,MAAM,CAKE;IAChB,YACmB,OAAO,EAAE,GAAG,EACZ,OAAO,EAAE,eAAe,EAkC1C;IACD,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,WAAW,IAAI,OAAO,CAEzB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAKzB;IACD,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,UAAQ,GAAG,IAAI,CAmBzC;IACD,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,UAAQ,GAAG,IAAI,CA6BxC;IACD,GAAG,CAAC,SAAS,UAAQ,GAAG,OAAO,GAAG,IAAI,CAsCrC;IAED,MAAM,IAAI,IAAI,CAGb;IACD,OAAO,IAAI,IAAI,CAEd;IACD,OAAO,CAAC,MAAM;CAYf"}
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
import { beginChangeGroup } from '@rasamjs/core/changes';
|
|
2
|
+
import { assertPoint } from '../snapping/options.js';
|
|
3
|
+
import { Surface, svg } from './surface.js';
|
|
4
|
+
import { PointerDrag } from './pointer.js';
|
|
5
|
+
export class DrawTool {
|
|
6
|
+
drawing;
|
|
7
|
+
options;
|
|
8
|
+
surface;
|
|
9
|
+
hit;
|
|
10
|
+
enabledState = true;
|
|
11
|
+
active = null;
|
|
12
|
+
constructor(drawing, options) {
|
|
13
|
+
this.drawing = drawing;
|
|
14
|
+
this.options = options;
|
|
15
|
+
if (!options?.snapper || typeof options.snapper.begin !== 'function')
|
|
16
|
+
throw new TypeError('Drawing needs a point snapper');
|
|
17
|
+
if (!['rect', 'ellipse', 'line', 'path'].includes(options.kind ?? 'rect'))
|
|
18
|
+
throw new TypeError('Unknown drawing tool');
|
|
19
|
+
if (options.onCreate !== undefined && typeof options.onCreate !== 'function')
|
|
20
|
+
throw new TypeError('onCreate must be a function');
|
|
21
|
+
this.options = { ...options, paint: { ...options.paint } };
|
|
22
|
+
this.surface = new Surface(drawing, 'rasam-draw-tool', () => this.render());
|
|
23
|
+
this.surface.element.style.zIndex = '10';
|
|
24
|
+
this.hit = svg(drawing.el.ownerDocument, 'rect', {
|
|
25
|
+
width: '100%',
|
|
26
|
+
height: '100%',
|
|
27
|
+
fill: 'transparent',
|
|
28
|
+
});
|
|
29
|
+
this.hit.style.pointerEvents = 'all';
|
|
30
|
+
this.hit.style.cursor = 'crosshair';
|
|
31
|
+
this.surface.element.append(this.hit);
|
|
32
|
+
new PointerDrag(this.surface, {
|
|
33
|
+
start: (event) => {
|
|
34
|
+
if (!this.enabled)
|
|
35
|
+
return false;
|
|
36
|
+
this.begin({ x: event.clientX, y: event.clientY }, event.ctrlKey || event.metaKey);
|
|
37
|
+
return true;
|
|
38
|
+
},
|
|
39
|
+
move: (event) => this.move({ x: event.clientX, y: event.clientY }, event.ctrlKey || event.metaKey),
|
|
40
|
+
end: (cancelled, event) => {
|
|
41
|
+
if (event && !cancelled)
|
|
42
|
+
this.move({ x: event.clientX, y: event.clientY }, event.ctrlKey || event.metaKey);
|
|
43
|
+
this.end(cancelled);
|
|
44
|
+
},
|
|
45
|
+
});
|
|
46
|
+
this.surface.cleanup(() => this.end(true));
|
|
47
|
+
}
|
|
48
|
+
get enabled() {
|
|
49
|
+
return this.enabledState;
|
|
50
|
+
}
|
|
51
|
+
get isDestroyed() {
|
|
52
|
+
return this.surface.isDestroyed;
|
|
53
|
+
}
|
|
54
|
+
set enabled(value) {
|
|
55
|
+
if (typeof value !== 'boolean')
|
|
56
|
+
throw new TypeError('enabled must be boolean');
|
|
57
|
+
this.enabledState = value;
|
|
58
|
+
if (!value)
|
|
59
|
+
this.end(true);
|
|
60
|
+
this.render();
|
|
61
|
+
}
|
|
62
|
+
begin(client, ignore = false) {
|
|
63
|
+
if (this.isDestroyed)
|
|
64
|
+
throw new Error('Drawing tool is destroyed');
|
|
65
|
+
this.end(true);
|
|
66
|
+
assertPoint(client);
|
|
67
|
+
const session = this.options.snapper.begin({ kind: 'point', client });
|
|
68
|
+
let start;
|
|
69
|
+
try {
|
|
70
|
+
start = this.drawing.fromClient(session?.snap(client, { ignore }) ?? client);
|
|
71
|
+
if (!start)
|
|
72
|
+
throw new Error('Drawing mapping is unavailable');
|
|
73
|
+
}
|
|
74
|
+
catch (error) {
|
|
75
|
+
session?.end();
|
|
76
|
+
throw error;
|
|
77
|
+
}
|
|
78
|
+
const kind = this.options.kind ?? 'rect';
|
|
79
|
+
const preview = svg(this.drawing.el.ownerDocument, kind);
|
|
80
|
+
preview.style.pointerEvents = 'none';
|
|
81
|
+
this.surface.element.append(preview);
|
|
82
|
+
this.active = { start, session, preview, attributes: {} };
|
|
83
|
+
this.move(client, ignore);
|
|
84
|
+
}
|
|
85
|
+
move(client, ignore = false) {
|
|
86
|
+
assertPoint(client);
|
|
87
|
+
const active = this.active;
|
|
88
|
+
if (!active)
|
|
89
|
+
return;
|
|
90
|
+
try {
|
|
91
|
+
const end = this.drawing.fromClient(active.session?.snap(client, { ignore }) ?? client);
|
|
92
|
+
if (!end)
|
|
93
|
+
return;
|
|
94
|
+
const { start } = active, x = Math.min(start.x, end.x), y = Math.min(start.y, end.y);
|
|
95
|
+
const width = Math.abs(end.x - start.x), height = Math.abs(end.y - start.y);
|
|
96
|
+
const paint = { fill: '#8bbbf4', stroke: '#2563a6', ...(this.options.paint ?? {}) };
|
|
97
|
+
const kind = this.options.kind ?? 'rect';
|
|
98
|
+
active.attributes =
|
|
99
|
+
kind === 'ellipse'
|
|
100
|
+
? { ...paint, cx: x + width / 2, cy: y + height / 2, rx: width / 2, ry: height / 2 }
|
|
101
|
+
: kind === 'line'
|
|
102
|
+
? { ...paint, x1: start.x, y1: start.y, x2: end.x, y2: end.y }
|
|
103
|
+
: kind === 'path'
|
|
104
|
+
? { ...paint, d: `M${start.x} ${start.y} L${end.x} ${end.y}` }
|
|
105
|
+
: { ...paint, x, y, width, height };
|
|
106
|
+
for (const [key, value] of Object.entries(active.attributes))
|
|
107
|
+
active.preview.setAttribute(key, String(value));
|
|
108
|
+
this.update();
|
|
109
|
+
}
|
|
110
|
+
catch (error) {
|
|
111
|
+
this.end(true);
|
|
112
|
+
throw error;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
end(cancelled = false) {
|
|
116
|
+
const active = this.active;
|
|
117
|
+
this.active = null;
|
|
118
|
+
if (!active)
|
|
119
|
+
return null;
|
|
120
|
+
try {
|
|
121
|
+
active.preview.remove();
|
|
122
|
+
if (cancelled)
|
|
123
|
+
return null;
|
|
124
|
+
const group = beginChangeGroup(this.drawing, { source: 'drawing-tool' });
|
|
125
|
+
let node;
|
|
126
|
+
try {
|
|
127
|
+
node = group.run(() => {
|
|
128
|
+
switch (this.options.kind ?? 'rect') {
|
|
129
|
+
case 'ellipse':
|
|
130
|
+
return this.drawing.ellipse({
|
|
131
|
+
...active.attributes,
|
|
132
|
+
rx: Number(active.attributes.rx),
|
|
133
|
+
ry: Number(active.attributes.ry),
|
|
134
|
+
});
|
|
135
|
+
case 'line':
|
|
136
|
+
return this.drawing.line({
|
|
137
|
+
...active.attributes,
|
|
138
|
+
x2: Number(active.attributes.x2),
|
|
139
|
+
y2: Number(active.attributes.y2),
|
|
140
|
+
});
|
|
141
|
+
case 'path':
|
|
142
|
+
return this.drawing.path({ ...active.attributes, d: String(active.attributes.d) });
|
|
143
|
+
default:
|
|
144
|
+
return this.drawing.rect(active.attributes);
|
|
145
|
+
}
|
|
146
|
+
});
|
|
147
|
+
}
|
|
148
|
+
finally {
|
|
149
|
+
group.end();
|
|
150
|
+
}
|
|
151
|
+
this.options.onCreate?.(node);
|
|
152
|
+
return node;
|
|
153
|
+
}
|
|
154
|
+
finally {
|
|
155
|
+
active.session?.end();
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
update() {
|
|
159
|
+
this.surface.update();
|
|
160
|
+
return this;
|
|
161
|
+
}
|
|
162
|
+
destroy() {
|
|
163
|
+
this.surface.destroy();
|
|
164
|
+
}
|
|
165
|
+
render() {
|
|
166
|
+
this.surface.element.style.display = this.enabled ? '' : 'none';
|
|
167
|
+
if (!this.active)
|
|
168
|
+
return;
|
|
169
|
+
const origin = this.surface.fromRoot({ x: 0, y: 0 }), u = this.surface.fromRoot({ x: 1, y: 0 }), v = this.surface.fromRoot({ x: 0, y: 1 });
|
|
170
|
+
if (origin && u && v)
|
|
171
|
+
this.active.preview.setAttribute('transform', `matrix(${u.x - origin.x} ${u.y - origin.y} ${v.x - origin.x} ${v.y - origin.y} ${origin.x} ${origin.y})`);
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
//# sourceMappingURL=draw-tool.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"draw-tool.js","sourceRoot":"","sources":["../../src/editor/draw-tool.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Path } from '@rasamjs/core';
|
|
2
|
+
import type { Point, Polygon, Polyline, Svg } from '@rasamjs/core';
|
|
3
|
+
import type { PointSnapper } from './draw-tool.js';
|
|
4
|
+
export type EditablePath = Path | Polyline | Polygon;
|
|
5
|
+
export interface PathHandle {
|
|
6
|
+
readonly point: Point;
|
|
7
|
+
readonly command: number;
|
|
8
|
+
readonly coordinate: number;
|
|
9
|
+
readonly control: boolean;
|
|
10
|
+
}
|
|
11
|
+
export interface PathEditorOptions {
|
|
12
|
+
readonly snapper: PointSnapper;
|
|
13
|
+
readonly stroke?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare class PathEditor {
|
|
16
|
+
private readonly drawing;
|
|
17
|
+
private readonly options;
|
|
18
|
+
private readonly surface;
|
|
19
|
+
private node;
|
|
20
|
+
private observe;
|
|
21
|
+
private stopNode;
|
|
22
|
+
private active;
|
|
23
|
+
constructor(drawing: Svg, options: PathEditorOptions);
|
|
24
|
+
attach(node: EditablePath | null): this;
|
|
25
|
+
get handles(): readonly PathHandle[];
|
|
26
|
+
begin(index: number): void;
|
|
27
|
+
move(client: Point, ignore?: boolean): void;
|
|
28
|
+
end(cancelled?: boolean): void;
|
|
29
|
+
update(): this;
|
|
30
|
+
get isDestroyed(): boolean;
|
|
31
|
+
destroy(): void;
|
|
32
|
+
private render;
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=path-editor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"path-editor.d.ts","sourceRoot":"","sources":["../../src/editor/path-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAyB,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAe,MAAM,eAAe,CAAC;AAIhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrD,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3B;AACD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AACD,qBAAa,UAAU;IAanB,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,OAAO;IAb1B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAU;IAClC,OAAO,CAAC,IAAI,CAA6B;IACzC,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,QAAQ,CAA6B;IAC7C,OAAO,CAAC,MAAM,CAME;IAChB,YACmB,OAAO,EAAE,GAAG,EACZ,OAAO,EAAE,iBAAiB,EAgC5C;IACD,MAAM,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,IAAI,CAyBtC;IACD,IAAI,OAAO,IAAI,SAAS,UAAU,EAAE,CA8BnC;IACD,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAgBzB;IACD,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,UAAQ,GAAG,IAAI,CAyBxC;IACD,GAAG,CAAC,SAAS,UAAQ,GAAG,IAAI,CAmB3B;IACD,MAAM,IAAI,IAAI,CAGb;IACD,IAAI,WAAW,IAAI,OAAO,CAEzB;IACD,OAAO,IAAI,IAAI,CAEd;IACD,OAAO,CAAC,MAAM;CA0Bf"}
|