circuit-json-to-gltf 0.0.4 → 0.0.6

package/README.md

@@ -2,6 +2,8 @@
 
 Converts circuit JSON to 3D GLTF files. Used for exporting circuits as 3D models.
 
+[Online Playground](https://circuit-json-to-gltf.vercel.app/renderer.html?fixtureId=%7B%22path%22%3A%22CircuitToGltfDemo.fixture.tsx%22%7D&locked=true)
+
 <img width="2424" height="1854" alt="image" src="https://github.com/user-attachments/assets/4ad8b607-e496-449c-88a3-8875b16c0a53" />
 
 ## Features

package/dist/index.js

@@ -489,7 +489,6 @@ async function renderBoardLayer(circuitJson, options) {
     backgroundColor = "transparent",
     copperColor = "#ffe066",
     silkscreenColor = "#ffffff",
-    padColor = "#ffe066",
     drillColor = "rgba(0,0,0,0.5)"
   } = options;
   const svg = convertCircuitJsonToPcbSvg(circuitJson, {
@@ -520,11 +519,19 @@ async function convertSvgToPng(svgString, resolution, backgroundColor) {
   if (typeof window !== "undefined" && typeof document !== "undefined") {
     return convertSvgToCanvasBrowser(svgString, resolution, backgroundColor);
   } else {
-    const { svgToPngDataUrl } = await import("./svg-to-png-browser-4BZIU5HP.js");
-    return await svgToPngDataUrl(svgString, {
-      width: resolution,
-      background: backgroundColor
-    });
+    try {
+      const { svgToPngDataUrl } = await import("./svg-to-png-BX4YEHCP.js");
+      return await svgToPngDataUrl(svgString, {
+        width: resolution,
+        background: backgroundColor
+      });
+    } catch (error) {
+      console.warn(
+        "Failed to load native svg-to-png, falling back to browser method:",
+        error
+      );
+      return convertSvgToCanvasBrowser(svgString, resolution, backgroundColor);
+    }
   }
 }
 async function convertSvgToCanvasBrowser(svgString, resolution, backgroundColor) {

package/dist/svg-to-png-BX4YEHCP.js

@@ -0,0 +1,29 @@
+// lib/utils/svg-to-png.ts
+import { Resvg } from "@resvg/resvg-js";
+async function svgToPng(svgString, options = {}) {
+  const opts = {
+    background: options.background,
+    fitTo: options.width ? {
+      mode: "width",
+      value: options.width
+    } : options.height ? {
+      mode: "height",
+      value: options.height
+    } : void 0,
+    font: {
+      fontFiles: options.fonts || []
+    }
+  };
+  const resvg = new Resvg(svgString, opts);
+  const pngData = resvg.render();
+  const pngBuffer = pngData.asPng();
+  return Buffer.from(pngBuffer);
+}
+async function svgToPngDataUrl(svgString, options = {}) {
+  const pngBuffer = await svgToPng(svgString, options);
+  return `data:image/png;base64,${pngBuffer.toString("base64")}`;
+}
+export {
+  svgToPng,
+  svgToPngDataUrl
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "circuit-json-to-gltf",
   "main": "dist/index.js",
   "type": "module",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "scripts": {
     "test": "bun test tests/",
     "format": "biome format --write .",

package/dist/svg-to-png-browser-2JB6D5DD.js

@@ -1,61 +0,0 @@
-// lib/utils/svg-to-png-browser.ts
-import { Resvg, initWasm } from "@resvg/resvg-wasm";
-var wasmInitialized = false;
-async function ensureWasmInitialized() {
-  if (!wasmInitialized) {
-    try {
-      if (typeof process !== "undefined" && process.versions?.node) {
-        const { readFileSync } = await import("fs");
-        const { fileURLToPath } = await import("url");
-        const { dirname, join } = await import("path");
-        const currentDir = dirname(fileURLToPath(import.meta.url));
-        const wasmPath = join(currentDir, "../../node_modules/@resvg/resvg-wasm/index_bg.wasm");
-        const wasmBuffer = readFileSync(wasmPath);
-        await initWasm(wasmBuffer);
-      } else {
-        try {
-          const wasmUrl = await import("@resvg/resvg-wasm/index_bg.wasm?url");
-          await initWasm(fetch(wasmUrl.default));
-        } catch {
-          await initWasm(fetch("https://unpkg.com/@resvg/resvg-wasm@2.6.2/index_bg.wasm"));
-        }
-      }
-      wasmInitialized = true;
-    } catch (error) {
-      console.error("Failed to initialize WASM:", error);
-      throw error;
-    }
-  }
-}
-async function svgToPng(svgString, options = {}) {
-  await ensureWasmInitialized();
-  const opts = {
-    background: options.background,
-    fitTo: options.width ? {
-      mode: "width",
-      value: options.width
-    } : options.height ? {
-      mode: "height",
-      value: options.height
-    } : void 0
-  };
-  const resvg = new Resvg(svgString, opts);
-  const pngData = resvg.render();
-  const pngBuffer = pngData.asPng();
-  return pngBuffer;
-}
-async function svgToPngDataUrl(svgString, options = {}) {
-  const pngBuffer = await svgToPng(svgString, options);
-  let binary = "";
-  const bytes = new Uint8Array(pngBuffer);
-  const len = bytes.byteLength;
-  for (let i = 0; i < len; i++) {
-    binary += String.fromCharCode(bytes[i]);
-  }
-  const base64 = btoa(binary);
-  return `data:image/png;base64,${base64}`;
-}
-export {
-  svgToPng,
-  svgToPngDataUrl
-};

package/dist/svg-to-png-browser-4BZIU5HP.js

@@ -1,66 +0,0 @@
-// lib/utils/svg-to-png-browser.ts
-import { Resvg, initWasm } from "@resvg/resvg-wasm";
-var wasmInitialized = false;
-async function ensureWasmInitialized() {
-  if (!wasmInitialized) {
-    try {
-      if (typeof process !== "undefined" && process.versions?.node) {
-        const { readFileSync } = await import("fs");
-        const { fileURLToPath } = await import("url");
-        const { dirname, join } = await import("path");
-        const currentDir = dirname(fileURLToPath(import.meta.url));
-        const wasmPath = join(
-          currentDir,
-          "../../node_modules/@resvg/resvg-wasm/index_bg.wasm"
-        );
-        const wasmBuffer = readFileSync(wasmPath);
-        await initWasm(wasmBuffer);
-      } else {
-        try {
-          const wasmUrl = await import("@resvg/resvg-wasm/index_bg.wasm?url");
-          await initWasm(fetch(wasmUrl.default));
-        } catch {
-          await initWasm(
-            fetch("https://unpkg.com/@resvg/resvg-wasm@2.6.2/index_bg.wasm")
-          );
-        }
-      }
-      wasmInitialized = true;
-    } catch (error) {
-      console.error("Failed to initialize WASM:", error);
-      throw error;
-    }
-  }
-}
-async function svgToPng(svgString, options = {}) {
-  await ensureWasmInitialized();
-  const opts = {
-    background: options.background,
-    fitTo: options.width ? {
-      mode: "width",
-      value: options.width
-    } : options.height ? {
-      mode: "height",
-      value: options.height
-    } : void 0
-  };
-  const resvg = new Resvg(svgString, opts);
-  const pngData = resvg.render();
-  const pngBuffer = pngData.asPng();
-  return pngBuffer;
-}
-async function svgToPngDataUrl(svgString, options = {}) {
-  const pngBuffer = await svgToPng(svgString, options);
-  let binary = "";
-  const bytes = new Uint8Array(pngBuffer);
-  const len = bytes.byteLength;
-  for (let i = 0; i < len; i++) {
-    binary += String.fromCharCode(bytes[i]);
-  }
-  const base64 = btoa(binary);
-  return `data:image/png;base64,${base64}`;
-}
-export {
-  svgToPng,
-  svgToPngDataUrl
-};