fabricjs-document-engine 1.0.1 → 1.1.0

package/dist/react.js

@@ -2,5 +2,6 @@
 import { useDocumentEngine } from "./react/use-document-engine.js";
 import { useDocumentState } from "./react/use-document-state.js";
 import { useDocumentEvent } from "./react/use-document-event.js";
+import { useLayers } from "./react/use-layers.js";
 import { DocumentEngineProvider, useEngine } from "./react/engine-context.js";
-export { DocumentEngineProvider, useDocumentEngine, useDocumentEvent, useDocumentState, useEngine };
+export { DocumentEngineProvider, useDocumentEngine, useDocumentEvent, useDocumentState, useEngine, useLayers };

package/dist/util/concurrency.cjs

@@ -0,0 +1,28 @@
+//#region src/util/concurrency.ts
+/**
+* Runs `work` for every item with at most `limit` running at once, and
+* returns the results in the order of `items`.
+*/
+async function mapWithConcurrency(items, limit, work) {
+	const results = new Array(items.length);
+	const workers = Math.max(1, Math.min(Math.floor(limit) || 1, items.length));
+	let next = 0;
+	async function runWorker() {
+		while (next < items.length) {
+			const index = next;
+			next += 1;
+			results[index] = await work(items[index], index);
+		}
+	}
+	await Promise.all(Array.from({ length: workers }, runWorker));
+	return results;
+}
+/** Lets the browser paint and handle input before the next piece of work. */
+function yieldToEventLoop() {
+	const scheduler = globalThis.scheduler;
+	if (typeof scheduler?.yield === "function") return scheduler.yield();
+	return new Promise((resolve) => setTimeout(resolve, 0));
+}
+//#endregion
+exports.mapWithConcurrency = mapWithConcurrency;
+exports.yieldToEventLoop = yieldToEventLoop;

package/dist/util/concurrency.js

@@ -0,0 +1,27 @@
+//#region src/util/concurrency.ts
+/**
+* Runs `work` for every item with at most `limit` running at once, and
+* returns the results in the order of `items`.
+*/
+async function mapWithConcurrency(items, limit, work) {
+	const results = new Array(items.length);
+	const workers = Math.max(1, Math.min(Math.floor(limit) || 1, items.length));
+	let next = 0;
+	async function runWorker() {
+		while (next < items.length) {
+			const index = next;
+			next += 1;
+			results[index] = await work(items[index], index);
+		}
+	}
+	await Promise.all(Array.from({ length: workers }, runWorker));
+	return results;
+}
+/** Lets the browser paint and handle input before the next piece of work. */
+function yieldToEventLoop() {
+	const scheduler = globalThis.scheduler;
+	if (typeof scheduler?.yield === "function") return scheduler.yield();
+	return new Promise((resolve) => setTimeout(resolve, 0));
+}
+//#endregion
+export { mapWithConcurrency, yieldToEventLoop };

package/package.json

@@ -1,27 +1,46 @@
 {
   "name": "fabricjs-document-engine",
-  "version": "1.0.1",
-  "description": "Turn an existing Fabric.js canvas into a dependable editable document: stable object ids, versioned save and load, undo and redo, safe autosave with conflict protection, custom objects and clear errors.",
+  "version": "1.1.0",
+  "description": "Fabric.js save and load, undo and redo, and autosave for an existing canvas: stable object ids, custom objects, copy and paste, SVG import, PNG, SVG and PDF export, and recovery.",
   "keywords": [
-    "fabric",
     "fabricjs",
     "fabric.js",
+    "fabric",
+    "fabric js",
     "canvas",
     "canvas editor",
-    "document",
-    "document engine",
-    "save",
-    "load",
-    "serialization",
+    "fabricjs editor",
+    "design editor",
+    "image editor",
+    "undo redo",
     "undo",
     "redo",
+    "history",
+    "save canvas json",
+    "load from json",
+    "tojson",
+    "loadfromjson",
+    "serialization",
     "autosave",
-    "editor",
-    "typescript",
-    "storage",
+    "custom objects",
+    "custom properties",
+    "object id",
+    "export svg",
+    "export image",
+    "text on path",
+    "import svg",
+    "layers",
+    "copy paste",
+    "pdf",
+    "export pdf",
     "recovery",
+    "indexeddb",
     "react",
-    "react hooks"
+    "react hooks",
+    "nextjs",
+    "vue",
+    "svelte",
+    "typescript"
   ],
   "license": "MIT",
   "author": "Sohail Khan (https://me.jscrate.dev)",
@@ -31,6 +50,7 @@
     "dist",
     "schema",
     "README.md",
+    "README.zh-CN.md",
     "LICENSE"
   ],
   "main": "./dist/index.cjs",
@@ -77,6 +97,16 @@
         "default": "./dist/react.cjs"
       }
     },
+    "./pdf": {
+      "import": {
+        "types": "./dist/pdf.d.ts",
+        "default": "./dist/pdf.js"
+      },
+      "require": {
+        "types": "./dist/pdf.d.cts",
+        "default": "./dist/pdf.cjs"
+      }
+    },
     "./schema/document-v1.json": "./schema/document-v1.schema.json",
     "./package.json": "./package.json"
   },
@@ -95,7 +125,9 @@
   },
   "peerDependencies": {
     "fabric": "^6.0.0 || ^7.0.0",
-    "react": "^18.0.0 || ^19.0.0"
+    "react": "^18.0.0 || ^19.0.0",
+    "jspdf": "^4.0.0",
+    "svg2pdf.js": "^2.7.0"
   },
   "publishConfig": {
     "access": "public",
@@ -108,7 +140,7 @@
     "type": "git",
     "url": "git+https://github.com/re-sohail/fabricjs-document-engine.git"
   },
-  "homepage": "https://github.com/re-sohail/fabricjs-document-engine#readme",
+  "homepage": "https://fabricjs-document-engine.jscrate.dev",
   "bugs": {
     "url": "https://github.com/re-sohail/fabricjs-document-engine/issues"
   },
@@ -122,10 +154,13 @@
     "ajv": "^8.20.0",
     "fabric": "^7.4.0",
     "fabric6": "npm:fabric@^6.9.1",
+    "jspdf": "^4.2.1",
+    "pdfjs-dist": "^6.3.289",
     "playwright": "^1.63.0",
     "publint": "^0.3.24",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
+    "svg2pdf.js": "^2.8.1",
     "tsdown": "^0.23.0",
     "typescript": "^5.9.3",
     "vitest": "^5.0.2"
@@ -133,6 +168,12 @@
   "peerDependenciesMeta": {
     "react": {
       "optional": true
+    },
+    "jspdf": {
+      "optional": true
+    },
+    "svg2pdf.js": {
+      "optional": true
     }
   }
 }