headless-svg-to-excalidraw 0.0.1 → 0.0.9

package/README.md

@@ -1,17 +1,23 @@
 # svg-to-excalidraw
 
-Library to convert SVG to Excalidraw’s file format.
+Library to convert SVG to Excalidraw's file format.
+
+> This is a shameless fork of [@excalidraw/svg-to-excalidraw](https://github.com/excalidraw/svg-to-excalidraw) with the intent of keeping it up to date, using TypeScript, and removing browser dependencies.
 
 ## :floppy_disk: Installation
 
 ```bash
-yarn add svg-to-excalidraw
+bun add headless-svg-to-excalidraw
+# or
+npm install headless-svg-to-excalidraw
+# or
+yarn add headless-svg-to-excalidraw
 ```
 
 ## :beginner: Usage
 
 ```typescript
-import svgToEx from "svg-to-excalidraw";
+import { convert } from "headless-svg-to-excalidraw";
 
 const heartSVG = `
 <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
@@ -23,7 +29,7 @@ const heartSVG = `
 </svg>
 `;
 
-const { hasErrors, errors, content } = svgToEx.convert(heartSVG);
+const { hasErrors, errors, content } = convert(heartSVG);
 
 // SVG parsing errors are propagated through.
 if (hasErrors) {
@@ -31,10 +37,8 @@ if (hasErrors) {
   return;
 }
 
-navigator.clipboard.writeText(content);
-
-// the heart excalidraw json is now copied to your clipboard.
-// Just Paste it into your Excalidraw session!
+// Write to file or use however you need
+console.log(content);
 ```
 
 ## :game_die: Running tests
@@ -46,12 +50,12 @@ TODO.
 #### Building the Project
 
 ```bash
-yarn build
+bun run build
 
-# Build and watch whenever a file is updated
-yarn build:watch
+# Type checking
+bun run typecheck
 ```
 
 ## :busts_in_silhouette: Contributing
 
-Pull requests are welcome. For major changes, please [open an issue](https://github.com/excalidraw/svg-to-excalidraw/issues) first to discuss what you would like to change.
+Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import { mat4, vec3 } from "gl-matrix";
 import { Random } from "roughjs/bin/math";
 import { nanoid } from "nanoid";
 import chroma from "chroma-js";
+import { mat4, vec3 } from "gl-matrix";
 import { DOMParser, parseHTML } from "linkedom";
 import { pointsOnPath } from "points-on-path";
 
@@ -84,7 +84,7 @@ const attrHandlers = {
 	}
 };
 function presAttrsToElementValues(el) {
-	return [...el.attributes].reduce((exVals, attr) => {
+	return Array.from(el.attributes).reduce((exVals, attr) => {
 		const name = attr.name;
 		if (Object.keys(attrHandlers).includes(name)) attrHandlers[name]({
 			el,
@@ -362,7 +362,7 @@ const allwaysPassedUseAttrs = [
 	"xlink:href"
 ];
 const getDefElWithCorrectAttrs = (defEl, useEl) => {
-	return [...useEl.attributes].reduce((el, attr) => {
+	return Array.from(useEl.attributes).reduce((el, attr) => {
 		if (skippedUseAttrs.includes(attr.value)) return el;
 		if (!defEl.hasAttribute(attr.name) || allwaysPassedUseAttrs.includes(attr.name)) el.setAttribute(attr.name, useEl.getAttribute(attr.name) || "");
 		return el;

package/package.json

@@ -1,11 +1,19 @@
 {
   "name": "headless-svg-to-excalidraw",
-  "version": "0.0.1",
+  "version": "0.0.9",
   "description": "Convert SVG to Excalidraw's file format, no browser required.",
   "type": "module",
   "publishConfig": {
     "access": "public"
   },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/awhiteside1/headless-svg-to-excalidraw.git"
+  },
+  "bugs": {
+    "url": "https://github.com/awhiteside1/headless-svg-to-excalidraw/issues"
+  },
+  "homepage": "https://github.com/awhiteside1/headless-svg-to-excalidraw#readme",
   "exports": {
     ".": {
       "import": {
@@ -21,10 +29,13 @@
   "scripts": {
     "build": "tsdown",
     "clean": "rm -rf dist",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "test": "bun test"
   },
   "license": "MIT",
   "devDependencies": {
+    "@tsconfig/bun": "^1.0.10",
+    "@types/bun": "^1.3.7",
     "@types/chroma-js": "^2.1.3",
     "tsdown": "^0.20.1",
     "typescript": "^5.9.3"