@coolms/image-editor-angular 2.0.0-alpha.2 → 2.0.0-alpha.3
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/ATTRIBUTION.md +43 -0
- package/README.md +18 -5
- package/package.json +2 -2
package/ATTRIBUTION.md
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
# Attribution
|
|
2
|
+
|
|
3
|
+
`@coolms/image-editor-angular` builds on one open-source canvas
|
|
4
|
+
library. This file acknowledges it and records the license under
|
|
5
|
+
which it is used. The entry is MIT-compatible with CoolMS's own
|
|
6
|
+
MIT license.
|
|
7
|
+
|
|
8
|
+
## fabric.js
|
|
9
|
+
|
|
10
|
+
- **Project**: `fabric`
|
|
11
|
+
- **Version**: `^6.9.1` (peer dependency)
|
|
12
|
+
- **Copyright**: Printio (Juriy Zaytsev, Maxim Chernyak) and the
|
|
13
|
+
fabric.js contributors
|
|
14
|
+
- **License**: MIT
|
|
15
|
+
- **Repository**: https://github.com/fabricjs/fabric.js
|
|
16
|
+
- **Role**: Provides the canvas rendering surface (`Canvas`), the
|
|
17
|
+
image object (`FabricImage`), interactive corner / rotation
|
|
18
|
+
controls, and the filter pipeline (WebGL primary, Canvas2D
|
|
19
|
+
fallback) wrapped by `FabricEngineAdapter`. Imported via
|
|
20
|
+
`from 'fabric/es'` for tree-shaking.
|
|
21
|
+
- **Notes**: zero runtime dependencies, ESM-first, Promise-based
|
|
22
|
+
image loading, ships its own TypeScript types.
|
|
23
|
+
|
|
24
|
+
## Why this file exists
|
|
25
|
+
|
|
26
|
+
Even though every dependency is MIT and CoolMS itself ships under
|
|
27
|
+
MIT, the project policy is to track each transitive vendor surfaced
|
|
28
|
+
through public-facing packages. When `@coolms/image-editor` is
|
|
29
|
+
consumed by downstream CoolMS deployments, this file documents the
|
|
30
|
+
upstream chain without forcing operators to crawl `node_modules` to
|
|
31
|
+
assemble it.
|
|
32
|
+
|
|
33
|
+
## History
|
|
34
|
+
|
|
35
|
+
Prior to (May 3-4, 2026) this package wrapped Toast UI
|
|
36
|
+
Image Editor in headless mode. Toast UI in turn embedded fabric.js
|
|
37
|
+
v4. replaced the Toast UI layer with a direct
|
|
38
|
+
`FabricEngineAdapter` against fabric.js v6, and removed the
|
|
39
|
+
`tui-image-editor`, `tui-color-picker`, and `tui-code-snippet`
|
|
40
|
+
dependencies. See `docs/adr/079-toast-ui-rejection.md` for the
|
|
41
|
+
rationale and `docs/adr/081-image-editor-engine-swap.md` for the
|
|
42
|
+
journey. Toast UI Image Editor was MIT-licensed (NHN Cloud Corp,
|
|
43
|
+
https://github.com/nhn/tui.image-editor).
|
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @coolms/image-editor-angular
|
|
2
2
|
|
|
3
|
-
Modern image editor for CoolMS
|
|
3
|
+
Modern image editor for CoolMS. Built on fabric.js v6 via a
|
|
4
4
|
custom `FabricEngineAdapter`, wrapped by a CoolMS-native UI shell.
|
|
5
5
|
|
|
6
6
|
## Status
|
|
@@ -54,6 +54,16 @@ Slider filters live-preview during drag with a coalesced
|
|
|
54
54
|
preview session. `clearRedoStack()` on commit prevents stale preview
|
|
55
55
|
entries from leaking into the redo stack.
|
|
56
56
|
|
|
57
|
+
**Insert** (3 tools):
|
|
58
|
+
- **Shapes** — rectangle, ellipse, triangle, line and arrow, each
|
|
59
|
+
added as its own fabric object with solid, linear-gradient or
|
|
60
|
+
radial-gradient fill, stroke width and colour
|
|
61
|
+
- **Text** — editable text layers with font, size, weight and colour
|
|
62
|
+
- **Mask** — shape masks applied to the image
|
|
63
|
+
|
|
64
|
+
**Layers** — the object stack for everything Insert adds: select,
|
|
65
|
+
reorder, and remove without disturbing the underlying image.
|
|
66
|
+
|
|
57
67
|
### Top toolbar
|
|
58
68
|
|
|
59
69
|
- **Undo** / **Redo** — bound to engine history events. The custom
|
|
@@ -356,7 +366,8 @@ fraction of that — most is Angular CD + paint.
|
|
|
356
366
|
|
|
357
367
|
### Done
|
|
358
368
|
|
|
359
|
-
- Headless mount, engine adapter, UI shell,
|
|
369
|
+
- Headless mount, engine adapter, UI shell, the transform and filter tools,
|
|
370
|
+
theming, save flow
|
|
360
371
|
- `FabricEngineAdapter` rewrite (~640 LOC) and the state-service switch
|
|
361
372
|
- Canvas-space crop (bake-and-replace), Sharpen `textureSize` fix, blob-URL undo
|
|
362
373
|
- Bidirectional sync (`imageTransformed` event), live-bound rotate slider,
|
|
@@ -364,10 +375,12 @@ fraction of that — most is Angular CD + paint.
|
|
|
364
375
|
- Canvas frame overlay
|
|
365
376
|
- Toast UI dependency removed (640 LOC adapter deleted)
|
|
366
377
|
- Bundle, memory and functional verification
|
|
378
|
+
- Insert tools — Shapes, Text and Mask — with a Layers panel over the
|
|
379
|
+
object stack
|
|
367
380
|
|
|
368
381
|
### Planned
|
|
369
382
|
|
|
370
|
-
-
|
|
383
|
+
- Free-draw brush and an icon library for the Shapes tool
|
|
371
384
|
- Color picker / eyedropper
|
|
372
385
|
- WebP / AVIF export options
|
|
373
386
|
- Rich-text inline widget integration
|
|
@@ -385,7 +398,7 @@ fraction of that — most is Angular CD + paint.
|
|
|
385
398
|
consumer-defined tools
|
|
386
399
|
- **Video editor companion** sharing the engine-adapter pattern
|
|
387
400
|
|
|
388
|
-
##
|
|
401
|
+
## Licence
|
|
389
402
|
|
|
390
|
-
MIT
|
|
403
|
+
MIT. The runtime peer dependency `fabric` is also MIT.
|
|
391
404
|
See `ATTRIBUTION.md` for the full vendor acknowledgement chain.
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coolms/image-editor-angular",
|
|
3
|
-
"version": "2.0.0-alpha.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "2.0.0-alpha.3",
|
|
4
|
+
"description": "The CoolMS image editor for Angular: a fabric.js v6 engine behind a framework-agnostic adapter, with transform, filter and insert tools, a layers panel, and a save flow wired to the Media Library and VFS.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"peerDependencies": {
|