fabric 5.3.0 → 6.0.0-beta3

package/.babelrc

@@ -0,0 +1,11 @@
+{
+  "presets": [
+    ["@babel/env"],
+    [
+      "@babel/typescript",
+      {
+        "allowDeclareFields": true
+      }
+    ]
+  ]
+}

package/.babelrcAlt

@@ -0,0 +1,19 @@
+{
+  "presets": [
+    [
+      "@babel/env",
+      {
+        "modules": false,
+        "useBuiltIns": false,
+        "loose": true,
+        "targets": "chrome > 100"
+      }
+    ],
+    [
+      "@babel/typescript",
+      {
+        "allowDeclareFields": true
+      }
+    ]
+  ]
+}

package/.browserslistrc

@@ -0,0 +1,5 @@
+# Browsers that we support
+
+chrome >= 64
+safari >= 11
+firefox >= 58

package/.eslintignore

@@ -0,0 +1,3 @@
+src/mixins/eraser_brush.mixin.ts
+src/util/lang_class.ts
+src/parkinglot

package/.eslintrc.js

@@ -0,0 +1,43 @@
+module.exports = {
+  root: true,
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'prettier',
+  ],
+  overrides: [
+    {
+      files: ['**/*.ts'],
+    },
+  ],
+  rules: {
+    '@typescript-eslint/ban-types': 1,
+    '@typescript-eslint/ban-ts-comment': 1,
+    'no-restricted-globals': [
+      'error',
+      {
+        name: 'window',
+        message: 'Use fabric window or other utils instead.',
+      },
+      {
+        name: 'document',
+        message: 'Use fabric document or other utils instead.',
+      },
+    ],
+    'no-restricted-syntax': [
+      'error',
+      {
+        selector: '[callee.object.name="Math"][callee.property.name="hypot"]',
+        message:
+          '`Math.hypot` is not accurate on chrome, use `Math.sqrt` instead.\nSee https://stackoverflow.com/questions/62931950/different-results-of-math-hypot-on-chrome-and-firefox',
+      },
+      {
+        selector: 'VariableDeclarator[init.name="Math"]',
+        message:
+          'Aliasing or destructing `Math` is not allowed due to restrictions on `Math.hypot` usage.',
+      },
+    ],
+  },
+};

package/.eslintrc.json

@@ -3,7 +3,7 @@
     "browser": true
   },
   "globals": {
-    "ActiveXObject": true,
+    "Promise": true,
     "define": true,
     "eventjs": true,
     "exports": true,
@@ -12,9 +12,23 @@
     "Buffer": true,
     "process": true,
     "QUnit": true,
-    "assert": true
+    "assert": true,
+    "AbortController": true
+  },
+  "overrides": [
+    {
+      "files": ["**/*.js"]
+    }
+  ],
+  "parserOptions": {
+    "sourceType": "module"
   },
   "rules": {
+    "@typescript-eslint/no-empty-function": 0,
+    "@typescript-eslint/no-this-alias": 0,
+    "@typescript-eslint/no-extra-semi": 0,
+    "no-prototype-builtins": 0,
+    "no-redeclare": 0,
     "semi": 2,
     "eqeqeq": 2,
     "no-eq-null": 2,
@@ -26,14 +40,8 @@
       }
     ],
     "guard-for-in": 0,
-    "wrap-iife": [
-      2,
-      "inside"
-    ],
-    "linebreak-style": [
-      2,
-      "unix"
-    ],
+    "wrap-iife": [2, "inside"],
+    "linebreak-style": [2, "unix"],
     "no-loop-func": 2,
     "no-multi-str": 2,
     "no-caller": 2,
@@ -49,31 +57,13 @@
     "dot-notation": 2,
     "no-undef": 2,
     "no-unused-vars": 2,
-    "max-depth": [
-      2,
-      4
-    ],
-    "max-statements": [
-      2,
-      150
-    ],
-    "curly": [
-      2,
-      "all"
-    ],
-    "keyword-spacing": [
-      2,
-      {}
-    ],
+    "max-depth": [2, 4],
+    "max-statements": [2, 150],
+    "curly": [2, "all"],
+    "keyword-spacing": [2, {}],
     "space-infix-ops": 2,
-    "array-bracket-spacing": [
-      2,
-      "never"
-    ],
-    "comma-style": [
-      2,
-      "last"
-    ],
+    "array-bracket-spacing": [2, "never"],
+    "comma-style": [2, "last"],
     "camelcase": [
       2,
       {
@@ -88,10 +78,7 @@
       }
     ],
     "eol-last": 2,
-    "one-var": [
-      0,
-      "always"
-    ],
+    "one-var": [0, "always"],
     "quote-props": [
       2,
       "as-needed",
@@ -118,10 +105,7 @@
     "no-multiple-empty-lines": 2,
     "no-mixed-spaces-and-tabs": 2,
     "no-trailing-spaces": 2,
-    "quotes": [
-      2,
-      "single"
-    ],
+    "quotes": [2, "single"],
     "indent": [
       2,
       2,
@@ -130,10 +114,7 @@
         "VariableDeclarator": 2
       }
     ],
-    "consistent-this": [
-      2,
-      "_this"
-    ],
+    "consistent-this": [2, "_this"],
     "valid-jsdoc": [
       0,
       {
@@ -146,6 +127,17 @@
       {
         "ignoreComments": true
       }
+    ],
+    "no-restricted-syntax": [
+      "error",
+      {
+        "selector": "[callee.object.name='Math'][callee.property.name='hypot']",
+        "message": "`Math.hypot` is not accurate on chrome, use `Math.sqrt` instead.\nSee https://stackoverflow.com/questions/62931950/different-results-of-math-hypot-on-chrome-and-firefox"
+      },
+      {
+        "selector": "VariableDeclarator[init.name='Math']",
+        "message": "Aliasing or destructing `Math` is not allowed due to restrictions on `Math.hypot` usage"
+      }
     ]
   }
 }

package/.eslintrc_tests

@@ -10,6 +10,18 @@
     "pixelmatch": true
   },
   "rules": {
+    /* new rules, unify test and src lint */
+    "no-useless-escape": 0,
+    "@typescript-eslint/no-empty-function": 0,
+    "no-mixed-spaces-and-tabs": 0,
+    "@typescript-eslint/no-extra-semi": 0,
+    "no-redeclare": 0,
+    "@typescript-eslint/no-unused-vars": 0,
+    "no-setter-return": 0,
+    "@typescript-eslint/no-this-alias": 0,
+    "@typescript-eslint/no-var-requires": 0,
+    "@typescript-eslint/no-loss-of-precision": 0,
+    /* end of new rules */
     "eqeqeq": 0,
     "no-eq-null": 2,
     "no-eval": 2,

package/.gitattributes

@@ -0,0 +1,2 @@
+# https://stackoverflow.com/a/13264117/9068029
+CHANGELOG.md merge=union

package/.gitpod.yml

@@ -1,2 +1,18 @@
+# https://www.gitpod.io/docs/config-gitpod-file
+
 tasks:
-  - init: npm install
+  - name: Build & Watch
+    init: npm install
+    command: npm run build -- -w -f
+
+  - name: Node
+    init: npm install
+    command: npm start node -- --no-watch
+
+  - name: Next.js
+    init: npm install
+    command: npm start next -- --no-watch
+
+  - name: Vanilla
+    init: npm install
+    command: npm start vanilla -- --no-watch

package/.prettierignore

@@ -0,0 +1,19 @@
+.DS_Store
+*.iml
+change-output.md
+/.nyc_output/
+/node_modules/
+/npm-debug.log
+before_commit
+/coverage/
+.idea/
+/dist/fabric.require.js
+/dist/fabric.min.js.gz
+/cli_output/
+/scripts/cli_cache.json
+/dist/
+/lib/
+/test/
+.next/
+.parcel-cache/
+/docs/

package/.prettierrc

@@ -0,0 +1,4 @@
+{
+  "tabWidth": 2,
+  "singleQuote": true
+}