Add site (#40)

* Add site

* fix warnings

* Add external step models upload functionality

* fix text

Author: MustafaMulla29

.gitignore

@@ -42,3 +42,4 @@ debug-output
 
 # Snapshot diff files
 *.diff.png
+.vercel

lib/mesh-generation.ts

@@ -1,7 +1,6 @@
 import type { CircuitJson } from "circuit-json"
-import type { Triangle as GLTFTriangle } from "circuit-json-to-gltf"
-import { convertCircuitJsonTo3D } from "circuit-json-to-gltf"
 import type { Ref } from "stepts"
+import type { Triangle as GLTFTriangle } from "circuit-json-to-gltf"
 import type { Repository } from "stepts"
 import {
   AdvancedFace,
@@ -315,6 +314,13 @@ export async function generateComponentMeshes(
         return e
       })
 
+    // Dynamically import circuit-json-to-gltf to avoid bundling native dependencies
+    // Use a variable to prevent the bundler from statically analyzing the import
+    const gltfModule = "circuit-json-to-gltf"
+    const { convertCircuitJsonTo3D } = await import(
+      /* @vite-ignore */ gltfModule
+    )
+
     // Convert circuit JSON to 3D scene
     const scene3d = await convertCircuitJsonTo3D(filteredCircuitJson, {
       boardThickness,

package.json

@@ -9,10 +9,14 @@
     "test:update-snapshots": "BUN_UPDATE_SNAPSHOTS=1 bun test",
     "build": "tsup-node ./lib/index.ts --format esm --dts",
     "format": "biome format --write .",
-    "format:check": "biome format ."
+    "format:check": "biome format .",
+    "start": "bun site/index.html",
+    "build:site": "bun build site/index.html --outdir=site-export"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.3.8",
+    "@resvg/resvg-js": "^2.6.2",
+    "@resvg/resvg-wasm": "^2.6.2",
     "@types/bun": "latest",
     "circuit-json": "^0.0.286",
     "looks-same": "^10.0.1",