feat(): Missing features from fabric 5 and types exports #8954

asturur · 2023-05-23T22:15:10Z

Motivation

Converting a small app from fabric 5 to 6 i noticed the following issues:

can't set anymore my own filter backend
can't set anymore the filter for texture for scalin

Also added some typings

github-actions · 2023-05-23T22:17:19Z

Build Stats

file / KB (diff)	bundled	minified
fabric	920.060 (+0.449)	301.917 (-0.114)

github-actions · 2023-05-23T22:18:57Z

Coverage after merging types-cleanup-while-working into master will be

83.66%

Coverage Report

File	Stmts	Branches	Funcs	Lines	Uncovered Lines
index.node.ts	47.83%	100%	25%	60%	17, 20, 23, 40, 43, 46
src
ClassRegistry.ts	100%	100%	100%	100%
Collection.ts	94.71%	94.64%	86.67%	97.09%	101, 104, 207–208, 233–234
CommonMethods.ts	96.55%	87.50%	100%	100%	10
Intersection.ts	100%	100%	100%	100%
Observable.ts	87.23%	85.29%	84.62%	89.36%	144–145, 170–171, 39–40, 48, 57, 91, 99
Point.ts	100%	100%	100%	100%
Shadow.ts	98.36%	95.65%	100%	100%	178
cache.ts	97.06%	90%	100%	100%	57
config.ts	75%	66.67%	66.67%	82.76%	130, 138, 138, 138, 138, 138–140, 151–153
constants.ts	100%	100%	100%	100%
src/Pattern
Pattern.ts	92.21%	91.89%	90%	93.33%	116, 127, 136, 29, 92
src/brushes
BaseBrush.ts	100%	100%	100%	100%
CircleBrush.ts	0%	0%	0%	0%	108, 108, 108, 110, 112, 114–116, 118–121, 128–129, 136, 138, 23–24, 32–36, 40–44, 51–54, 62–66, 68, 76, 76, 76, 76, 76–77, 79, 79, 79–82, 84, 92–93, 95, 97–99
PatternBrush.ts	97.06%	87.50%	100%	100%	21
PencilBrush.ts	91.01%	82.35%	100%	93.75%	122–123, 152, 152–154, 176, 176, 276, 280, 285–286, 68–69, 84–85
SprayBrush.ts	0%	0%	0%	0%	107, 107, 107, 107, 107–108, 110–111, 118–119, 121, 123–127, 136, 140–141, 141, 149, 149, 149–152, 154–157, 161–162, 164, 166–169, 17, 172, 179, 18, 180, 182, 184–185, 187, 194–195, 197–198, 20, 201, 201, 208, 208, 21, 212, 22, 22, 22–24, 28, 37, 44, 51, 58, 65, 84–86, 94–96, 98–99
src/canvas
Canvas.ts	79.05%	77.54%	83.05%	79.57%	1001–1002, 1002, 1002–1004, 1006–1007, 1007, 1007, 1009, 1017, 1017, 1017–1019, 1019, 1019, 1025–1026, 1034–1035, 1035, 1035–1036, 1041, 1043, 1074–1076, 1079–1080, 1084–1085, 1198–1200, 1203–1204, 1277, 1396, 1519, 162, 187, 297–298, 301–305, 310, 333–334, 339–344, 364, 364, 364–365, 365, 365–366, 37, 374, 379–380, 380, 380–381, 383, 392, 398–399, 399, 399, 41, 442, 450, 454, 454, 454–455, 457, 539–540, 540, 540–541, 547, 547, 547–549, 569, 571, 571, 571–572, 572, 572, 575, 575, 575–576, 579, 588–589, 591–592, 594, 594–595, 597–598, 610–611, 611, 611–612, 614–619, 625, 632, 669, 669, 669, 671, 673–678, 684, 690, 690, 690–691, 693, 696, 701, 714, 742, 742, 800–801, 801, 801–802, 804, 807–808, 808, 808–809, 811–812, 815, 815–817, 820–821, 891, 903, 910, 931, 963, 984–985
SelectableCanvas.ts	94.39%	91.16%	94.64%	96.62%	1120, 1120–1121, 1124, 1144, 1144, 1202, 1255–1256, 1277, 1285, 1410, 1412, 1414–1415, 519, 699–700, 702–703, 703, 703, 752–753, 814–815, 868–870, 902, 907–908, 935–936
StaticCanvas.ts	96.86%	92.94%	100%	98.60%	1102–1103, 1103, 1103–1104, 1224, 1234, 1288–1289, 1292, 1327–1328, 1404, 1413, 1413, 1417, 1417, 1464–1465, 310–311, 328, 759, 771–772
TextEditingManager.ts	82.69%	55.56%	91.67%	100%	15, 15, 15, 15, 15, 15, 15, 15
src/color
Color.ts	94.96%	91.67%	96.30%	96.05%	233, 258–259, 267–268, 48
color_map.ts	100%	100%	100%	100%
constants.ts	100%	100%	100%	100%
util.ts	85.71%	76.92%	100%	89.74%	55–56, 56, 58, 58, 58–59, 61–62, 89
src/controls
Control.ts	93.33%	87.88%	91.67%	97.78%	175, 240, 327, 327, 362
changeWidth.ts	100%	100%	100%	100%
commonControls.ts	100%	100%	100%	100%
controlRendering.ts	81.63%	78%	100%	84.78%	106, 111, 121, 121, 45, 50, 61, 61, 65–72, 81–82
drag.ts	100%	100%	100%	100%
fireEvent.ts	88.89%	75%	100%	100%	13
polyControl.ts	5.97%	0%	0%	11.11%	100, 105, 119, 119, 119, 119, 119, 121–124, 124, 127, 134, 17, 25–29, 29, 29, 29, 29, 29, 29, 29, 50–56, 56, 56, 56, 56, 58, 63–64, 66, 76, 82–83, 83, 83–84, 88–90, 90, 90, 90, 90, 92
rotate.ts	19.57%	12.50%	50%	21.43%	41, 45, 51, 51, 51–52, 55–57, 59, 59, 59, 59, 59–61, 61, 61–63, 65, 65, 65–67, 67, 67–68, 73, 73, 73–74, 76, 78, 80–81
scale.ts	93.57%	92.94%	100%	93.67%	129–130, 132–134, 148–149, 181–183, 42
scaleSkew.ts	78.79%	64.29%	100%	85.71%	27, 29, 29, 29, 31, 33, 35
skew.ts	91.03%	79.31%	100%	97.67%	131–132, 163–164, 171, 177, 179
util.ts	100%	100%	100%	100%
wrapWithFireEvent.ts	100%	100%	100%	100%
wrapWithFixedAnchor.ts	100%	100%	100%	100%
src/env
browser.ts	84.21%	77.78%	50%	100%	14, 17
index.ts	100%	100%	100%	100%
node.ts	74.07%	33.33%	66.67%	88.89%	27, 31–32, 32, 32, 37
src/filters
BaseFilter.ts	21.62%	23.21%	32%	18.27%	100, 100, 100–101, 108&nda

…ric.js into types-cleanup-while-working

asturur · 2023-05-24T09:38:29Z

@ShaMan123 i found some type issues in the build after the introduction of textStyleObject type, so i tried to fix it here.
I m building this locally and using while i work for now, but i will have to push this out today in some ways

asturur · 2023-05-24T09:39:40Z

rollup.config.mjs

+  ) {
+    console.error(chalk.redBright(warning.message));
+    throw Object.assign(new Error(), warning);
+  }


@ShaMan123 let's have the build error on default if types are broken.
We can comment this locally when we need to work in a broken state with watchers, but i feel better if the pipeline is strict about this, otherwise we found ourselves with unexpected cleanups that we can't see when we code review the PRs

I agree
That sourcemap warning must be resoled as well

asturur · 2023-05-24T19:55:34Z

@ShaMan123 i have to push this in a beta7 now for work reason i can't defer for my own peace of mind.
There are things here that needs to be checked together, some type stuff, some missing things and some difficulties i m having subclassing anyway.

I expect that we need to get back to some points from here.

ShaMan123

This is fine

ShaMan123 · 2023-05-24T23:05:47Z

rollup.config.mjs

+  ) {
+    console.error(chalk.redBright(warning.message));
+    throw Object.assign(new Error(), warning);
+  }


I agree
That sourcemap warning must be resoled as well

ShaMan123 · 2023-05-24T23:07:00Z

src/canvas/StaticCanvas.ts

+      const { styles, fontFamily } = obj;
      if (fontList[fontFamily] || !fontPaths[fontFamily]) {
        return;
      }
      fontList[fontFamily] = true;
-      if (!obj.styles) {
+      if (!styles) {
        return;
      }
-      Object.values(obj.styles).forEach((styleRow) => {
-        Object.values(styleRow).forEach((textCharStyle) => {
-          fontFamily = textCharStyle.fontFamily;
+      Object.values(styles).forEach((styleRow) => {
+        Object.values(styleRow).forEach(({ fontFamily = '' }) => {


I have touched this in my cleanup #8952

i think the only thing i really changed is es6 leverage

ShaMan123 · 2023-05-24T23:09:58Z

src/shapes/Text/StyledText.ts

@@ -164,6 +145,7 @@ export abstract class StyledText<
      graphemeCount += this._textLines[i].length;
    }
    if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) {
+      // @ts-expect-error conspiracy theory of TS


And don't know if to laugh or cry
These annoying errors

ShaMan123 · 2023-05-24T23:11:13Z

src/shapes/Text/StyledText.ts

-            property
-          );
+        const styleObject = obj[p1][p2] || {},
+          stylePropertyHasBeenSet = styleObject[property] !== undefined;


#8953 => but the rest are typeof meanwhile.

asturur and others added 2 commits May 24, 2023 00:13

some work today

936f118

update CHANGELOG.md

d0dd06d

asturur added 6 commits May 24, 2023 00:21

some work today

133b4c9

Merge branch 'types-cleanup-while-working' of github.com:fabricjs/fab…

3b03394

…ric.js into types-cleanup-while-working

Update CHANGELOG.md

9c4d39a

maybe i can recover the bytes

96be120

Merge branch 'types-cleanup-while-working' of github.com:fabricjs/fab…

a782f6b

…ric.js into types-cleanup-while-working

more of the same

a163b6b

ShaMan123 previously approved these changes May 24, 2023

View reviewed changes

some type cleanup not all

1231b1e

asturur dismissed ShaMan123’s stale review via 1231b1e May 24, 2023 09:37

asturur commented May 24, 2023

View reviewed changes

asturur added 4 commits May 24, 2023 11:44

remove extra comment

c330ac9

build with the master version of rollup config when doing stats

f342ba1

temporary work

17d2165

progress

42aa71c

asturur changed the title ~~feat(): Missing features from fabric 5~~ feat(): Missing features from fabric 5 and types exports May 24, 2023

Update CHANGELOG.md

99da8d0

asturur merged commit 1c0b77f into master May 24, 2023

asturur deleted the types-cleanup-while-working branch May 24, 2023 19:58

ShaMan123 reviewed May 24, 2023

View reviewed changes

ShaMan123 mentioned this pull request May 25, 2023

refactor(): cache state => rm isTextObject #8952

Closed

nicolasmondain mentioned this pull request Oct 2, 2023

Update fabric.extend depending on the BETA release version of fabric.js (6.0.0-beta) nicolasmondain/fabric#1

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(): Missing features from fabric 5 and types exports #8954

feat(): Missing features from fabric 5 and types exports #8954

asturur commented May 23, 2023

github-actions bot commented May 23, 2023 •

edited

Loading

github-actions bot commented May 23, 2023 •

edited

Loading

asturur commented May 24, 2023

asturur May 24, 2023 •

edited

Loading

ShaMan123 May 24, 2023

asturur commented May 24, 2023

ShaMan123 left a comment

ShaMan123 May 24, 2023

ShaMan123 May 24, 2023

asturur May 29, 2023

ShaMan123 May 24, 2023

ShaMan123 May 24, 2023

feat(): Missing features from fabric 5 and types exports #8954

feat(): Missing features from fabric 5 and types exports #8954

Conversation

asturur commented May 23, 2023

Motivation

github-actions bot commented May 23, 2023 • edited Loading

github-actions bot commented May 23, 2023 • edited Loading

asturur commented May 24, 2023

asturur May 24, 2023 • edited Loading

Choose a reason for hiding this comment

ShaMan123 May 24, 2023

Choose a reason for hiding this comment

asturur commented May 24, 2023

ShaMan123 left a comment

Choose a reason for hiding this comment

ShaMan123 May 24, 2023

Choose a reason for hiding this comment

ShaMan123 May 24, 2023

Choose a reason for hiding this comment

asturur May 29, 2023

Choose a reason for hiding this comment

ShaMan123 May 24, 2023

Choose a reason for hiding this comment

ShaMan123 May 24, 2023

Choose a reason for hiding this comment

github-actions bot commented May 23, 2023 •

edited

Loading

github-actions bot commented May 23, 2023 •

edited

Loading

asturur May 24, 2023 •

edited

Loading