fabric 7.4.0 → 7.5.0-beta.1

package/scripts/sandbox.mjs

@@ -1,148 +0,0 @@
-import { red, blue, yellow, cyanBright, bold } from './colors.mjs';
-import * as commander from 'commander';
-import fs from 'node:fs';
-import inquirer from 'inquirer';
-import path from 'node:path';
-import process from 'node:process';
-import { createCodeSandbox, ignore } from '../.codesandbox/deploy.mjs';
-import { startSandbox } from '../.codesandbox/start.mjs';
-import { wd } from './dirname.mjs';
-
-const program = new commander.Command()
-  .showHelpAfterError()
-  .allowUnknownOption(false)
-  .allowExcessArguments(false);
-
-const codesandboxTemplatesDir = path.resolve(wd, '.codesandbox', 'templates');
-
-const sandbox = program.command('sandbox').description('sandbox commands');
-
-const templates = fs.readdirSync(codesandboxTemplatesDir);
-
-program
-  .command('start')
-  .description('start a sandbox app')
-  .addArgument(
-    new commander.Argument('<template>', 'template to use').choices(templates),
-  )
-  .option('-w, --watch', 'build and watch fabric', true)
-  .option(
-    '--no-watch',
-    'use this option if you have another process watching fabric',
-  )
-  .action(async (template, { watch }) => {
-    const pathToSandbox = path.resolve(codesandboxTemplatesDir, template);
-    startSandbox(pathToSandbox, watch);
-  });
-
-sandbox
-  .command('deploy')
-  .argument('[path]', 'directory to upload')
-  .description('deploy a sandbox to codesandbox')
-  .addOption(
-    new commander.Option(
-      '-t, --template <template>',
-      'template to use instead of a "path"',
-    ).choices(templates),
-  )
-  .action(async (deploy, { template }, context) => {
-    if (!deploy && !template) {
-      console.log(red(`Provide "path" or "--template"`));
-      context.help({ error: true });
-      return;
-    } else if (
-      !template &&
-      !fs.existsSync(deploy) &&
-      templates.includes(deploy)
-    ) {
-      template = deploy;
-      deploy = undefined;
-      const { confirm } = await inquirer.prompt([
-        {
-          type: 'confirm',
-          name: 'confirm',
-          message: `Did you mean to run ${blue(
-            `npm run sandbox deploy -- -t ${template}\n`,
-          )}?`,
-          default: true,
-        },
-      ]);
-      if (!confirm) {
-        context.help({ error: true });
-        return;
-      }
-    }
-    const uri = await createCodeSandbox(
-      deploy || path.resolve(codesandboxTemplatesDir, template),
-    );
-    console.log(yellow(`> created codesandbox ${uri}`));
-  });
-
-sandbox
-  .command('build')
-  .description('build and start a sandbox')
-  .addArgument(
-    new commander.Argument('<template>', 'template to use').choices(templates),
-  )
-  .argument('<destination>', 'build destination')
-  .option('-w, --watch', 'build and watch fabric', true)
-  .option(
-    '--no-watch',
-    'use this option if you have another process watching fabric',
-  )
-  .action((template, destination, { watch }) => {
-    const templateDir = path.resolve(codesandboxTemplatesDir, template);
-    fs.cpSync(templateDir, destination, {
-      recursive: true,
-      filter: (src) => !ignore(templateDir, path.relative(templateDir, src)),
-    });
-    console.log(
-      `${blue(`> building ${bold(template)} sandbox`)} at ${cyanBright(destination)}`,
-    );
-    startSandbox(destination, watch, true);
-  });
-
-sandbox
-  .command('start [path]')
-  .description('start a sandbox')
-  .addOption(
-    new commander.Option(
-      '-t, --template <template>',
-      'template to use instead of a "path"',
-    ).choices(templates),
-  )
-  .option('-w, --watch', 'build and watch fabric', true)
-  .option(
-    '--no-watch',
-    'use this option if you have another process watching fabric',
-  )
-  .action(async (pathToSandbox, { template, watch }, context) => {
-    if (!fs.existsSync(pathToSandbox) && templates.includes(pathToSandbox)) {
-      const { confirm } = await inquirer.prompt([
-        {
-          type: 'confirm',
-          name: 'confirm',
-          message: `Did you mean to run ${blue(
-            `npm run sandbox start -- -t ${pathToSandbox}\n`,
-          )}?`,
-          default: true,
-        },
-      ]);
-      if (!confirm) {
-        context.help({ error: true });
-        return;
-      }
-      template = pathToSandbox;
-      pathToSandbox = undefined;
-    } else if (!fs.existsSync(pathToSandbox)) {
-      console.log(blue('Did you mean to use the build command?'));
-      context.help({ error: true });
-      return;
-    }
-    startSandbox(
-      pathToSandbox || path.resolve(codesandboxTemplatesDir, template),
-      watch,
-    );
-  });
-
-program.parse(process.argv);

package/scripts/updater-reference.mjs

@@ -1,66 +0,0 @@
-import * as fabric from 'fabric/node';
-
-/**
- * Updates the fromObject function of a class to return a version that can restore old data
- * with values of originX and originY that are different from 'center', 'center'
- * Used to upgrade from fabric 6 to fabric 7
- * @param originalFn the original fromObject function of an object,
- * @param defaultOriginX optional default value for non exported originX,
- * @param defaultOriginY optional default value for non exported originY,
- * @returns a wrapped fromObject function for the object
- */
-export const originUpdaterWrapper = (
-  originalFn,
-  defaultOriginX = 'left',
-  defaultOriginY = 'top',
-) =>
-  async function (serializedObject, ...args) {
-    // we default to left and top because those are defaults before deprecation
-    const { originX = defaultOriginX, originY = defaultOriginY } =
-      serializedObject;
-    // and we do not want to pass those properties on the object anymore
-    delete serializedObject.originX;
-    delete serializedObject.originY;
-    const originalObject = await originalFn.call(
-      this,
-      serializedObject,
-      ...args,
-    );
-    const actualPosition = new fabric.Point(
-      originalObject.left,
-      originalObject.top,
-    );
-    originalObject.setPositionByOrigin(actualPosition, originX, originY);
-    return originalObject;
-  };
-
-const installOriginWrapperUpdater = (originX, originY) => {
-  // @ts-expect-error the _fromObject parameter could be instantiated differently
-  fabric.BaseFabricObject._fromObject = originUpdaterWrapper(
-    fabric.BaseFabricObject._fromObject,
-    originX,
-    originY,
-  );
-  // FabricImage and Group do not use _fromObject
-  fabric.FabricImage.fromObject = originUpdaterWrapper(
-    fabric.FabricImage.fromObject,
-    originX,
-    originY,
-  );
-  fabric.Group.fromObject = originUpdaterWrapper(
-    fabric.Group.fromObject,
-    originX,
-    originY,
-  );
-};
-
-const canvasWithObjects =
-  '{"version":"2.4.6","objects":[{"type":"Rect","version":"2.4.6","left":-8,"top":-11,"width":50,"height":50,"fill":{"type":"linear","coords":{"x1":0,"y1":0,"x2":50,"y2":0},"colorStops":[{"offset":0,"color":"rgb(109,67,57)","opacity":1},{"offset":1,"color":"rgb(51,167,218)","opacity":1}],"offsetX":0,"offsetY":0},"scaleX":16,"scaleY":12.18,"opacity":0.8},{"type":"Circle","version":"2.4.6","left":13.11,"top":130.77,"width":100,"height":100,"fill":"#0ec6ba","scaleX":0.57,"scaleY":0.57,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Triangle","version":"2.4.6","left":361.54,"top":236.84,"width":50,"height":50,"fill":"#b99503","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"Rect","version":"2.4.6","left":119.83,"top":97.98,"width":50,"height":50,"fill":{"type":"linear","coords":{"x1":0,"y1":0,"x2":0,"y2":50},"colorStops":[{"offset":0,"color":"rgb(12,101,114)","opacity":1},{"offset":1,"color":"rgb(206,164,109)","opacity":1}],"offsetX":0,"offsetY":0},"scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"Polygon","version":"2.4.6","left":511.04,"top":115.36,"width":385,"height":245,"fill":{"type":"linear","coords":{"x1":0,"y1":0,"x2":385,"y2":0},"colorStops":[{"offset":0,"color":"rgb(151,164,232)","opacity":1},{"offset":1,"color":"rgb(68,30,248)","opacity":1}],"offsetX":0,"offsetY":0},"scaleX":0.49,"scaleY":0.49,"angle":-24.56,"points":[{"x":185,"y":0},{"x":250,"y":100},{"x":385,"y":170},{"x":0,"y":245}]},{"type":"line","version":"2.4.6","left":200.83,"top":101.84,"width":150,"height":100,"stroke":"#d11594","scaleX":0.46,"scaleY":0.46,"x1":-75,"x2":75,"y1":-50,"y2":50},{"type":"Triangle","version":"2.4.6","left":178.97,"top":118.55,"width":50,"height":50,"fill":"#c560ff","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"Circle","version":"2.4.6","left":508.12,"top":23.41,"width":100,"height":100,"fill":"#033516","scaleX":0.62,"scaleY":0.62,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Rect","version":"2.4.6","left":108.25,"top":267.7,"width":50,"height":50,"fill":"#ceada8","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"Circle","version":"2.4.6","left":279.26,"top":124.34,"width":100,"height":100,"fill":"#439867","scaleX":0.52,"scaleY":0.52,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Triangle","version":"2.4.6","left":178.97,"top":213.7,"width":50,"height":50,"fill":"#a84956","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"line","version":"2.4.6","left":139.11,"top":162.27,"width":150,"height":100,"stroke":"#06150b","scaleX":0.49,"scaleY":0.49,"x1":-75,"x2":75,"y1":-50,"y2":50},{"type":"Polygon","version":"2.4.6","left":464.73,"top":108.91,"width":385,"height":245,"fill":"#78ef2e","stroke":"#4ea2d7","strokeWidth":3,"scaleX":0.54,"scaleY":0.54,"angle":33.18,"opacity":0.84,"points":[{"x":185,"y":0},{"x":250,"y":100},{"x":385,"y":170},{"x":0,"y":245}]},{"type":"line","version":"2.4.6","left":217.54,"top":289.56,"width":150,"height":100,"stroke":"#636d31","scaleX":0.98,"scaleY":0.98,"x1":-75,"x2":75,"y1":-50,"y2":50},{"type":"Triangle","version":"2.4.6","left":229.11,"top":162.27,"width":50,"height":50,"fill":"#21fdd6","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"Circle","version":"2.4.6","left":6.68,"top":52.98,"width":100,"height":100,"fill":"#aff4ab","scaleX":0.38,"scaleY":0.38,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Rect","version":"2.4.6","left":434.83,"top":22.12,"width":50,"height":50,"fill":"#0004f0","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"Circle","version":"2.4.6","left":509.4,"top":94.13,"width":100,"height":100,"fill":"#d3abcf","scaleX":0.65,"scaleY":0.65,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Triangle","version":"2.4.6","left":105.68,"top":333.27,"width":50,"height":50,"fill":"#dd30e6","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"line","version":"2.4.6","left":366.69,"top":209.9,"width":150,"height":100,"stroke":"#6f48ec","scaleX":0.98,"scaleY":0.98,"x1":-75,"x2":75,"y1":-50,"y2":50},{"type":"Polygon","version":"2.4.6","left":50.4,"top":138.92,"width":385,"height":245,"fill":"#e5dc30","scaleX":0.27,"scaleY":0.27,"points":[{"x":185,"y":0},{"x":250,"y":100},{"x":385,"y":170},{"x":0,"y":245}]},{"type":"line","version":"2.4.6","left":177.8,"top":20.96,"width":150,"height":100,"stroke":"#b99297","scaleX":0.62,"scaleY":0.62,"angle":93.47,"x1":-75,"x2":75,"y1":-50,"y2":50},{"type":"Triangle","version":"2.4.6","left":178.97,"top":285.7,"width":50,"height":50,"fill":"#34c5c9","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"Circle","version":"2.4.6","left":317.83,"top":214.98,"width":100,"height":100,"fill":"#b19c03","scaleX":0.59,"scaleY":0.59,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Rect","version":"2.4.6","left":245.83,"top":231.7,"width":50,"height":50,"fill":{"type":"linear","coords":{"x1":0,"y1":0,"x2":50,"y2":0},"colorStops":[{"offset":0,"color":"rgb(166,239,249)","opacity":1},{"offset":1,"color":"rgb(179,252,126)","opacity":1}],"offsetX":0,"offsetY":0},"scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"Circle","version":"2.4.6","left":59.4,"top":91.55,"width":100,"height":100,"fill":"#e622ed","scaleX":0.52,"scaleY":0.52,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Triangle","version":"2.4.6","left":65.83,"top":194.41,"width":50,"height":50,"fill":"#27592d","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"line","version":"2.4.6","left":329.4,"top":31.12,"width":150,"height":100,"stroke":"#2aad0c","scaleX":1.29,"scaleY":1.29,"x1":-75,"x2":75,"y1":-50,"y2":50},{"type":"Polygon","version":"2.4.6","left":113.09,"top":31.26,"width":385,"height":245,"fill":"#9f018a","scaleX":0.28,"scaleY":0.28,"angle":103.34,"points":[{"x":185,"y":0},{"x":250,"y":100},{"x":385,"y":170},{"x":0,"y":245}]},{"type":"Polygon","version":"2.4.6","left":277.69,"top":84.15,"width":385,"height":245,"fill":{"type":"linear","coords":{"x1":0,"y1":0,"x2":385,"y2":0},"colorStops":[{"offset":0,"color":"rgb(191,3,90)","opacity":1},{"offset":1,"color":"rgb(89,41,35)","opacity":1}],"offsetX":0,"offsetY":0},"scaleX":0.55,"scaleY":0.55,"opacity":0.78,"points":[{"x":185,"y":0},{"x":250,"y":100},{"x":385,"y":170},{"x":0,"y":245}]},{"type":"Rect","version":"2.4.6","left":168.68,"top":35.62,"width":50,"height":50,"fill":"#2b14e3","scaleX":1.07,"scaleY":1.07,"opacity":0.8},{"type":"Circle","version":"2.4.6","left":230.4,"top":20.84,"width":100,"height":100,"fill":"#d4a8de","scaleX":1.02,"scaleY":1.02,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Triangle","version":"2.4.6","left":112.81,"top":63.77,"width":50,"height":50,"fill":"#d9df91","scaleX":0.87,"scaleY":0.87,"angle":176.42,"opacity":0.8},{"type":"line","version":"2.4.6","left":9.25,"top":181.55,"width":150,"height":100,"stroke":"#54d6b2","scaleX":0.39,"scaleY":0.39,"x1":-75,"x2":75,"y1":-50,"y2":50},{"type":"Polygon","version":"2.4.6","left":156.91,"top":335.97,"width":385,"height":245,"fill":{"type":"linear","coords":{"x1":0,"y1":0,"x2":385,"y2":245},"colorStops":[{"offset":0,"color":"rgb(227,86,178)","opacity":1},{"offset":1,"color":"rgb(229,227,6)","opacity":1}],"offsetX":0,"offsetY":0},"scaleX":0.39,"scaleY":0.39,"angle":142.19,"points":[{"x":185,"y":0},{"x":250,"y":100},{"x":385,"y":170},{"x":0,"y":245}]},{"type":"Triangle","version":"2.4.6","left":6.68,"top":208.56,"width":50,"height":50,"fill":"#8eab91","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"Circle","version":"2.4.6","left":123.68,"top":191.2,"width":100,"height":100,"fill":"#85ddb5","scaleX":0.69,"scaleY":0.69,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Rect","version":"2.4.6","left":7.97,"top":18.27,"width":50,"height":50,"fill":"#794b0d","scaleX":0.63,"scaleY":0.63,"opacity":0.8},{"type":"Text","version":"2.4.6","left":383.24,"top":307.83,"width":598.13,"height":359.79,"fill":"#96062c","scaleX":0.32,"scaleY":0.32,"angle":9,"text":"Lorem ipsum dolor sit amet,\\nconsectetur adipisicing elit,\\nsed do eiusmod tempor incididunt\\nut labore et dolore magna aliqua.\\nUt enim ad minim veniam,\\nquis nostrud exercitation ullamco\\nlaboris nisi ut ","fontWeight":"normal","fontFamily":"helvetica","styles":{}},{"type":"Text","version":"2.4.6","left":617.41,"top":29.52,"width":598.13,"height":307.36,"fill":"#67586c","scaleX":0.23,"scaleY":0.23,"angle":-7,"text":"Lorem ipsum dolor sit amet,\\nconsectetur adipisicing elit,\\nsed do eiusmod tempor incididunt\\nut labore et dolore magna aliqua.\\nUt enim ad minim veniam,\\nquis nostrud exer","fontWeight":"normal","fontFamily":"helvetica","styles":{}},{"type":"Rect","version":"2.4.6","left":238.11,"top":355.13,"width":50,"height":50,"fill":"#f1750c","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"Circle","version":"2.4.6","left":310.11,"top":299.2,"width":100,"height":100,"fill":"#b091e0","scaleX":0.53,"scaleY":0.53,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Text","version":"2.4.6","left":24.92,"top":399.49,"width":598.13,"height":202.5,"fill":"#1a11a8","scaleX":0.28,"scaleY":0.24,"angle":8,"text":"Lorem ipsum dolor sit amet,\\nconsectetur adipisicing elit,\\nsed do eiusmod tempor incididunt\\nut labore et","fontWeight":"normal","fontFamily":"helvetica","styles":{}},{"type":"Triangle","version":"2.4.6","left":186.68,"top":357.7,"width":50,"height":50,"fill":"#312567","scaleX":0.63,"scaleY":1.29,"opacity":0.8},{"type":"Group","version":"2.4.6","left":583.32,"top":203.28,"width":151,"height":151,"scaleX":0.41,"scaleY":0.41,"angle":7,"objects":[{"type":"Path","version":"2.4.6","left":-75.68,"top":-75.56,"width":150.01,"height":150.01,"fill":"#5E0000","path":[["M",121.32,0],["L",44.58,0],["C",36.67,0,29.5,3.22,24.31,8.41],["c",-5.19,5.19,-8.41,12.37,-8.41,20.28],["c",0,15.82,12.87,28.69,28.69,28.69],["c",0,0,4.4,0,7.48,0],["C",36.66,72.78,8.4,101.04,8.4,101.04],["C",2.98,106.45,0,113.66,0,121.32],["c",0,7.66,2.98,14.87,8.4,20.29],["l",0,0],["c",5.42,5.42,12.62,8.4,20.28,8.4],["c",7.66,0,14.87,-2.98,20.29,-8.4],["c",0,0,28.26,-28.25,43.66,-43.66],["c",0,3.08,0,7.48,0,7.48],["c",0,15.82,12.87,28.69,28.69,28.69],["c",7.66,0,14.87,-2.99,20.29,-8.4],["c",5.42,-5.42,8.4,-12.62,8.4,-20.28],["l",0,-76.74],["c",0,-7.66,-2.98,-14.87,-8.4,-20.29],["C",136.19,2.98,128.98,0,121.32,0],["z"]]},{"type":"Path","version":"2.4.6","left":-68.09,"top":-67.97,"width":134.83,"height":134.83,"fill":"#961B1E","path":[["M",142.42,105.43],["V",28.69],["c",0,-11.65,-9.45,-21.1,-21.1,-21.1],["H",44.58],["c",-11.65,0,-21.1,9.45,-21.1,21.1],["s",9.45,21.1,21.1,21.1],["h",25.79],["L",13.77,106.4],["c",-8.24,8.24,-8.24,21.6,0,29.84],["c",8.24,8.24,21.6,8.24,29.84,0],["l",56.61,-56.61],["v",25.79],["c",0,11.65,9.45,21.1,21.1,21.1],["C",132.97,126.53,142.42,117.08,142.42,105.43],["z"]]}]},{"type":"Rect","version":"2.4.6","left":538.98,"top":308.2,"width":50,"height":50,"fill":"#f75873","scaleX":0.92,"scaleY":0.92,"opacity":0.8},{"type":"Circle","version":"2.4.6","left":644.41,"top":153.27,"width":100,"height":100,"fill":"#66df30","scaleX":0.83,"scaleY":0.83,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Triangle","version":"2.4.6","left":297.26,"top":378.27,"width":50,"height":50,"fill":"#85d3e3","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"Triangle","version":"2.4.6","left":587.83,"top":267.7,"width":50,"height":50,"fill":"#99a934","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"Rect","version":"2.4.6","left":205.97,"top":430.99,"width":50,"height":50,"fill":"#d1ab33","scaleX":1.42,"scaleY":1.42,"opacity":0.8},{"type":"Rect","version":"2.4.6","left":718.98,"top":88.98,"width":50,"height":50,"fill":"#649cf2","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"Circle","version":"2.4.6","left":63.25,"top":450.27,"width":100,"height":100,"fill":"#787bd8","scaleX":0.74,"scaleY":0.74,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Rect","version":"2.4.6","left":571.12,"top":362.84,"width":50,"height":50,"fill":"#1a7f06","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"Circle","version":"2.4.6","left":285.69,"top":450.27,"width":100,"height":100,"fill":{"type":"linear","coords":{"x1":0,"y1":0,"x2":0,"y2":100},"colorStops":[{"offset":0,"color":"rgb(103,118,26)","opacity":1},{"offset":1,"color":"rgb(164,77,104)","opacity":1}],"offsetX":0,"offsetY":0},"scaleX":0.67,"scaleY":0.67,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Polygon","version":"2.4.6","left":328.11,"top":433.39,"width":385,"height":245,"fill":"#ee833f","scaleX":0.43,"scaleY":0.43,"points":[{"x":185,"y":0},{"x":250,"y":100},{"x":385,"y":170},{"x":0,"y":245}]},{"type":"Circle","version":"2.4.6","left":446.4,"top":432.27,"width":100,"height":100,"fill":"#4ac9fa","scaleX":0.5,"scaleY":0.5,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Textbox","version":"2.4.6","left":16.97,"top":538.99,"width":674.96,"height":48.82,"fill":"#722561","scaleX":1.19,"scaleY":1.19,"text":"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut la","fontSize":20,"fontWeight":"normal","fontFamily":"helvetica","minWidth":20,"styles":{}},{"type":"Rect","version":"2.4.6","left":500.4,"top":470.84,"width":50,"height":50,"fill":"#a51907","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"Circle","version":"2.4.6","left":652.12,"top":238.13,"width":100,"height":100,"fill":{"type":"linear","coords":{"x1":0,"y1":0,"x2":100,"y2":0},"colorStops":[{"offset":0,"color":"rgb(29,69,103)","opacity":1},{"offset":1,"color":"rgb(206,159,161)","opacity":1}],"offsetX":0,"offsetY":0},"scaleX":1.29,"scaleY":1.29,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Triangle","version":"2.4.6","left":727.98,"top":167.41,"width":50,"height":50,"fill":"#9f2237","scaleX":1.29,"scaleY":1.29,"opacity":0.8},{"type":"Polygon","version":"2.4.6","left":568.55,"top":414.95,"width":385,"height":245,"fill":"#ba0975","scaleX":0.48,"scaleY":0.48,"points":[{"x":185,"y":0},{"x":250,"y":100},{"x":385,"y":170},{"x":0,"y":245}]},{"type":"Circle","version":"2.4.6","left":558.26,"top":433.56,"width":100,"height":100,"fill":"#869412","scaleX":0.46,"scaleY":0.46,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Circle","version":"2.4.6","left":675.26,"top":377.63,"width":100,"height":100,"fill":"#1a6248","scaleX":0.75,"scaleY":0.75,"opacity":0.8,"radius":50,"startAngle":0,"endAngle":360},{"type":"Triangle","version":"2.4.6","left":711.26,"top":472.13,"width":50,"height":50,"fill":"#6acbfa","scaleX":1.29,"scaleY":1.29,"opacity":0.8}]}';
-
-installOriginWrapperUpdater();
-
-const canvas = new fabric.Canvas();
-await canvas.loadFromJSON(canvasWithObjects);
-canvas.includeDefaultValues = false;
-fabric.config.NUM_FRACTION_DIGITS = 4;
-console.log(JSON.stringify(canvas.toJSON()));

package/sonar-project.properties

@@ -1,23 +0,0 @@
-sonar.projectKey=fabricjs_fabric.js
-sonar.organization=fabricjs
-
-
-# This is the name and version displayed in the SonarCloud UI.
-#sonar.projectName=fabric.js
-#sonar.projectVersion=1.0
-
-
-# Path is relative to the sonar-project.properties file. Replace "\" by "/" on Windows.
-sonar.sources=src,extensions,fabric.ts,index.node.ts,index.ts
-sonar.exclusions=dist-extensions/**/*,dist/**/*,**/*.spec.ts,e2e/**/*,.codesandbox/**/*
-sonar.test.inclusions=**/*.spec.*,**/*.test.*
-sonar.tests=src,extensions
-
-# Encoding of the source code. Default is default system encoding
-sonar.sourceEncoding=UTF-8
-sonar.language=ts
-sonar.projectBaseDir=.
-
-# Encoding of the source code. Default is default system encoding
-#sonar.sourceEncoding=UTF-8
-sonar.javascript.lcov.reportPaths=./.nyc_output/lcov.info

package/src/ClassRegistry.spec.ts

@@ -1,90 +0,0 @@
-import type { ClassRegistry } from './ClassRegistry';
-
-import { describe, expect, beforeEach, afterEach, it, vi } from 'vitest';
-
-describe('ClassRegistry', () => {
-  let classRegistry: ClassRegistry;
-  beforeEach(async () => {
-    const { ClassRegistry } = await import('./ClassRegistry');
-    classRegistry = new ClassRegistry();
-  });
-  afterEach(() => {
-    vi.resetModules();
-  });
-  it('will error if a class is request that is not registered', () => {
-    expect(() => classRegistry.getClass('any')).toThrow(
-      'No class registered for any',
-    );
-  });
-  it('will return a class previously registered', () => {
-    classRegistry.setClass(Set, 'any');
-    expect(classRegistry.getClass('any')).toBe(Set);
-  });
-  it('will check if a class was previously registered', () => {
-    expect(classRegistry.has('any')).toBe(false);
-    classRegistry.setClass(Set, 'any');
-    expect(classRegistry.has('any')).toBe(true);
-  });
-  it('not specified will register the class using the type static prop', () => {
-    class Set2 extends Set {
-      static type = 'SetAbc';
-    }
-    classRegistry.setClass(Set2);
-    expect(classRegistry.has('SetAbc')).toBe(true);
-    expect(classRegistry.getClass('SetAbc'), 'exact match').toBe(Set2);
-    expect(classRegistry.getClass('setabc'), 'lowercase match').toBe(Set2);
-    expect(
-      () => classRegistry.getClass('SETABC'),
-      'is not a generic match',
-    ).toThrowError();
-  });
-  it('has a method for SVG parsing classes', () => {
-    class Set2 extends Set {
-      static type = 'SETABC';
-    }
-    classRegistry.setSVGClass(Set2);
-    expect(classRegistry.getSVGClass('SETABC')).toBe(undefined);
-    expect(classRegistry.getSVGClass('setabc')).toBe(Set2);
-  });
-  it('can resolve different class for SVG and JSON', function () {
-    class TestClass3 {}
-    class TestClass4 {}
-    classRegistry.setClass(TestClass3, 'myCustomType');
-    classRegistry.setSVGClass(TestClass4, 'myCustomType');
-    const resolved = classRegistry.getClass('myCustomType');
-    const resolvedSvg = classRegistry.getSVGClass('myCustomType');
-    expect(resolved, 'resolved different classes').not.toBe(resolvedSvg);
-  });
-  it('legacy resolution preparation', async () => {
-    const { classRegistry: freshRegistry } = await import('./ClassRegistry');
-
-    // Registry should be empty before any shape classes are imported
-    expect(freshRegistry.has('rect')).toBe(false);
-    expect(freshRegistry.has('i-text')).toBe(false);
-    expect(freshRegistry.has('activeSelection')).toBe(false);
-    expect(freshRegistry.has('object')).toBe(false);
-  });
-  it('legacy resolution', async () => {
-    const { classRegistry: freshRegistry } = await import('./ClassRegistry');
-    const { Rect } = await import('./shapes/Rect');
-    const { IText } = await import('./shapes/IText/IText');
-    const { ActiveSelection } = await import('./shapes/ActiveSelection');
-    // const { FabricObject } = await import('./shapes/Object/FabricObject');
-    expect(
-      freshRegistry.getClass('rect'),
-      'resolves Rect class correctly',
-    ).toBe(Rect);
-    expect(
-      freshRegistry.getClass('i-text'),
-      'resolves IText class correctly',
-    ).toBe(IText);
-    expect(
-      freshRegistry.getClass('activeSelection'),
-      'resolves ActiveSelection class correctly',
-    ).toBe(ActiveSelection);
-    // expect(
-    //   genericClassRegistryInstance.getClass('object'),
-    //   'resolves FabricObject class correctly',
-    // ).toBe(FabricObject);
-  });
-});

package/src/ClassRegistry.ts

@@ -1,62 +0,0 @@
-import { FabricError } from './util/internals/console';
-
-/*
- * This Map connects the objects type value with their
- * class implementation. It used from any object to understand which are
- * the classes to enlive when requesting a object.type = 'path' for example.
- * Objects uses it for clipPath, Canvas uses it for everything.
- * This is necessary for generic code to run and enlive instances from serialized representation.
- * You can customize which classes get enlived from SVG parsing using this classRegistry.
- * The Registry start empty and gets filled in depending which files you import.
- * If you want to be able to parse arbitrary SVGs or JSON representation of canvases, coming from
- * different sources you will need to import all fabric because you may need all classes.
- */
-
-export const JSON = 'json';
-export const SVG = 'svg';
-
-export class ClassRegistry {
-  declare [JSON]: Map<string, any>;
-  declare [SVG]: Map<string, any>;
-
-  constructor() {
-    this[JSON] = new Map();
-    this[SVG] = new Map();
-  }
-
-  has(classType: string): boolean {
-    return this[JSON].has(classType);
-  }
-
-  getClass<T>(classType: string): T {
-    const constructor = this[JSON].get(classType);
-    if (!constructor) {
-      throw new FabricError(`No class registered for ${classType}`);
-    }
-    return constructor;
-  }
-
-  setClass(classConstructor: any, classType?: string) {
-    if (classType) {
-      this[JSON].set(classType, classConstructor);
-    } else {
-      this[JSON].set(classConstructor.type, classConstructor);
-      // legacy
-      // @TODO: needs to be removed in fabric 7 or 8
-      this[JSON].set(classConstructor.type.toLowerCase(), classConstructor);
-    }
-  }
-
-  getSVGClass(SVGTagName: string): any {
-    return this[SVG].get(SVGTagName);
-  }
-
-  setSVGClass(classConstructor: any, SVGTagName?: string) {
-    this[SVG].set(
-      SVGTagName ?? classConstructor.type.toLowerCase(),
-      classConstructor,
-    );
-  }
-}
-
-export const classRegistry = new ClassRegistry();