@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.
Files changed (131) hide show
  1. package/API.md +308 -0
  2. package/CHANGELOG.md +53 -0
  3. package/LICENSE +21 -0
  4. package/README.md +138 -2
  5. package/RELEASING.md +88 -0
  6. package/dist/advanced/context.d.ts +15 -0
  7. package/dist/advanced/context.d.ts.map +1 -0
  8. package/dist/advanced/context.js +2 -0
  9. package/dist/advanced/context.js.map +1 -0
  10. package/dist/advanced/curves.d.ts +5 -0
  11. package/dist/advanced/curves.d.ts.map +1 -0
  12. package/dist/advanced/curves.js +65 -0
  13. package/dist/advanced/curves.js.map +1 -0
  14. package/dist/advanced/geometry.d.ts +17 -0
  15. package/dist/advanced/geometry.d.ts.map +1 -0
  16. package/dist/advanced/geometry.js +61 -0
  17. package/dist/advanced/geometry.js.map +1 -0
  18. package/dist/advanced/rotation.d.ts +4 -0
  19. package/dist/advanced/rotation.d.ts.map +1 -0
  20. package/dist/advanced/rotation.js +86 -0
  21. package/dist/advanced/rotation.js.map +1 -0
  22. package/dist/advanced/session.d.ts +5 -0
  23. package/dist/advanced/session.d.ts.map +1 -0
  24. package/dist/advanced/session.js +240 -0
  25. package/dist/advanced/session.js.map +1 -0
  26. package/dist/advanced/snapper.d.ts +29 -0
  27. package/dist/advanced/snapper.d.ts.map +1 -0
  28. package/dist/advanced/snapper.js +118 -0
  29. package/dist/advanced/snapper.js.map +1 -0
  30. package/dist/advanced/types.d.ts +30 -0
  31. package/dist/advanced/types.d.ts.map +1 -0
  32. package/dist/advanced/types.js +2 -0
  33. package/dist/advanced/types.js.map +1 -0
  34. package/dist/drawing.d.ts +5 -0
  35. package/dist/drawing.d.ts.map +1 -0
  36. package/dist/drawing.js +3 -0
  37. package/dist/drawing.js.map +1 -0
  38. package/dist/editor/draw-tool.d.ts +35 -0
  39. package/dist/editor/draw-tool.d.ts.map +1 -0
  40. package/dist/editor/draw-tool.js +174 -0
  41. package/dist/editor/draw-tool.js.map +1 -0
  42. package/dist/editor/path-editor.d.ts +34 -0
  43. package/dist/editor/path-editor.d.ts.map +1 -0
  44. package/dist/editor/path-editor.js +208 -0
  45. package/dist/editor/path-editor.js.map +1 -0
  46. package/dist/editor/pointer.d.ts +21 -0
  47. package/dist/editor/pointer.d.ts.map +1 -0
  48. package/dist/editor/pointer.js +86 -0
  49. package/dist/editor/pointer.js.map +1 -0
  50. package/dist/editor/surface.d.ts +31 -0
  51. package/dist/editor/surface.d.ts.map +1 -0
  52. package/dist/editor/surface.js +138 -0
  53. package/dist/editor/surface.js.map +1 -0
  54. package/dist/grid.d.ts +23 -0
  55. package/dist/grid.d.ts.map +1 -0
  56. package/dist/grid.js +84 -0
  57. package/dist/grid.js.map +1 -0
  58. package/dist/rulers.d.ts +30 -0
  59. package/dist/rulers.d.ts.map +1 -0
  60. package/dist/rulers.js +234 -0
  61. package/dist/rulers.js.map +1 -0
  62. package/dist/snapping/advanced.d.ts +3 -0
  63. package/dist/snapping/advanced.d.ts.map +1 -0
  64. package/dist/snapping/advanced.js +2 -0
  65. package/dist/snapping/advanced.js.map +1 -0
  66. package/dist/snapping/guides.d.ts +14 -0
  67. package/dist/snapping/guides.d.ts.map +1 -0
  68. package/dist/snapping/guides.js +109 -0
  69. package/dist/snapping/guides.js.map +1 -0
  70. package/dist/snapping/lines.d.ts +43 -0
  71. package/dist/snapping/lines.d.ts.map +1 -0
  72. package/dist/snapping/lines.js +74 -0
  73. package/dist/snapping/lines.js.map +1 -0
  74. package/dist/snapping/options.d.ts +18 -0
  75. package/dist/snapping/options.d.ts.map +1 -0
  76. package/dist/snapping/options.js +44 -0
  77. package/dist/snapping/options.js.map +1 -0
  78. package/dist/snapping/overlay.d.ts +22 -0
  79. package/dist/snapping/overlay.d.ts.map +1 -0
  80. package/dist/snapping/overlay.js +165 -0
  81. package/dist/snapping/overlay.js.map +1 -0
  82. package/dist/snapping/session.d.ts +25 -0
  83. package/dist/snapping/session.d.ts.map +1 -0
  84. package/dist/snapping/session.js +89 -0
  85. package/dist/snapping/session.js.map +1 -0
  86. package/dist/snapping/snapper.d.ts +22 -0
  87. package/dist/snapping/snapper.d.ts.map +1 -0
  88. package/dist/snapping/snapper.js +140 -0
  89. package/dist/snapping/snapper.js.map +1 -0
  90. package/dist/snapping/spacing.d.ts +27 -0
  91. package/dist/snapping/spacing.d.ts.map +1 -0
  92. package/dist/snapping/spacing.js +127 -0
  93. package/dist/snapping/spacing.js.map +1 -0
  94. package/dist/snapping/targets.d.ts +7 -0
  95. package/dist/snapping/targets.d.ts.map +1 -0
  96. package/dist/snapping/targets.js +71 -0
  97. package/dist/snapping/targets.js.map +1 -0
  98. package/dist/snapping/types.d.ts +35 -0
  99. package/dist/snapping/types.d.ts.map +1 -0
  100. package/dist/snapping/types.js +2 -0
  101. package/dist/snapping/types.js.map +1 -0
  102. package/dist/snapping.d.ts +4 -0
  103. package/dist/snapping.d.ts.map +1 -0
  104. package/dist/snapping.js +3 -0
  105. package/dist/snapping.js.map +1 -0
  106. package/package.json +73 -4
  107. package/src/advanced/context.ts +15 -0
  108. package/src/advanced/curves.ts +65 -0
  109. package/src/advanced/geometry.ts +74 -0
  110. package/src/advanced/rotation.ts +93 -0
  111. package/src/advanced/session.ts +276 -0
  112. package/src/advanced/snapper.ts +124 -0
  113. package/src/advanced/types.ts +31 -0
  114. package/src/drawing.ts +4 -0
  115. package/src/editor/draw-tool.ts +190 -0
  116. package/src/editor/path-editor.ts +224 -0
  117. package/src/editor/pointer.ts +85 -0
  118. package/src/editor/surface.ts +141 -0
  119. package/src/grid.ts +99 -0
  120. package/src/rulers.ts +245 -0
  121. package/src/snapping/advanced.ts +8 -0
  122. package/src/snapping/guides.ts +132 -0
  123. package/src/snapping/lines.ts +108 -0
  124. package/src/snapping/options.ts +47 -0
  125. package/src/snapping/overlay.ts +186 -0
  126. package/src/snapping/session.ts +116 -0
  127. package/src/snapping/snapper.ts +147 -0
  128. package/src/snapping/spacing.ts +157 -0
  129. package/src/snapping/targets.ts +88 -0
  130. package/src/snapping/types.ts +27 -0
  131. 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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -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"}
@@ -0,0 +1,3 @@
1
+ export { DrawTool } from './editor/draw-tool.js';
2
+ export { PathEditor } from './editor/path-editor.js';
3
+ //# sourceMappingURL=drawing.js.map
@@ -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"}