cyclecad 0.8.6 → 0.9.6

package/app/js/operations.js

@@ -397,8 +397,106 @@ export function createPrimitive(type, params = {}, options = {}) {
       );
       break;
 
+    case 'bracket': {
+      // L-shaped bracket from width, height, thickness
+      const bw = params.width || 80;
+      const bh = params.height || 40;
+      const bt = params.thickness || 5;
+      const shape = new THREE.Shape();
+      shape.moveTo(0, 0);
+      shape.lineTo(bw, 0);
+      shape.lineTo(bw, bt);
+      shape.lineTo(bt, bt);
+      shape.lineTo(bt, bh);
+      shape.lineTo(0, bh);
+      shape.lineTo(0, 0);
+      geometry = new THREE.ExtrudeGeometry(shape, { depth: bt, bevelEnabled: false });
+      geometry.center();
+      break;
+    }
+
+    case 'flange': {
+      // Annular flange: outer ring with center hole
+      const fo = (params.outerDiameter || params.outerRadius * 2 || 60) / 2;
+      const fi = (params.innerDiameter || params.innerRadius * 2 || 20) / 2;
+      const fh = params.height || params.thickness || 10;
+      const outerShape = new THREE.Shape();
+      outerShape.absarc(0, 0, fo, 0, Math.PI * 2, false);
+      const holePath = new THREE.Path();
+      holePath.absarc(0, 0, fi, 0, Math.PI * 2, true);
+      outerShape.holes.push(holePath);
+      geometry = new THREE.ExtrudeGeometry(outerShape, { depth: fh, bevelEnabled: false });
+      geometry.center();
+      break;
+    }
+
+    case 'washer': {
+      const wo = (params.outerDiameter || 20) / 2;
+      const wi = (params.innerDiameter || 10) / 2;
+      const wt = params.thickness || 2;
+      const wShape = new THREE.Shape();
+      wShape.absarc(0, 0, wo, 0, Math.PI * 2, false);
+      const wHole = new THREE.Path();
+      wHole.absarc(0, 0, wi, 0, Math.PI * 2, true);
+      wShape.holes.push(wHole);
+      geometry = new THREE.ExtrudeGeometry(wShape, { depth: wt, bevelEnabled: false });
+      geometry.center();
+      break;
+    }
+
+    case 'spacer': {
+      const so = (params.outerDiameter || params.diameter || 15) / 2;
+      const si = (params.innerDiameter || params.holeDiameter || 6) / 2;
+      const sh = params.height || params.length || 20;
+      const sShape = new THREE.Shape();
+      sShape.absarc(0, 0, so, 0, Math.PI * 2, false);
+      const sHole = new THREE.Path();
+      sHole.absarc(0, 0, si, 0, Math.PI * 2, true);
+      sShape.holes.push(sHole);
+      geometry = new THREE.ExtrudeGeometry(sShape, { depth: sh, bevelEnabled: false });
+      geometry.center();
+      break;
+    }
+
+    case 'gear': {
+      // Simple spur gear approximation
+      const gr = params.radius || params.diameter / 2 || 30;
+      const gt = params.teeth || 20;
+      const gd = params.depth || params.thickness || 10;
+      const toothH = gr * 0.15;
+      const gShape = new THREE.Shape();
+      for (let i = 0; i < gt; i++) {
+        const a0 = (i / gt) * Math.PI * 2;
+        const a1 = ((i + 0.3) / gt) * Math.PI * 2;
+        const a2 = ((i + 0.5) / gt) * Math.PI * 2;
+        const a3 = ((i + 0.8) / gt) * Math.PI * 2;
+        if (i === 0) gShape.moveTo(Math.cos(a0) * gr, Math.sin(a0) * gr);
+        gShape.lineTo(Math.cos(a1) * (gr + toothH), Math.sin(a1) * (gr + toothH));
+        gShape.lineTo(Math.cos(a2) * (gr + toothH), Math.sin(a2) * (gr + toothH));
+        gShape.lineTo(Math.cos(a3) * gr, Math.sin(a3) * gr);
+      }
+      gShape.closePath();
+      geometry = new THREE.ExtrudeGeometry(gShape, { depth: gd, bevelEnabled: false });
+      geometry.center();
+      break;
+    }
+
+    case 'plate': {
+      const pw = params.width || 100;
+      const ph = params.height || params.depth || 50;
+      const pt = params.thickness || 5;
+      geometry = new THREE.BoxGeometry(pw, pt, ph);
+      break;
+    }
+
     default:
-      throw new Error(`Unknown primitive type: ${type}`);
+      // Fallback: treat unknown as a box with available dimensions
+      console.warn(`Unknown primitive type "${type}" — creating box fallback`);
+      geometry = new THREE.BoxGeometry(
+        params.width || params.diameter || 50,
+        params.height || params.thickness || 50,
+        params.depth || params.thickness || 50
+      );
   }
 
   // Create mesh

package/app/js/shortcuts.js

@@ -46,7 +46,7 @@ const SHORTCUT_MAP = {
   // Display
   'g': { action: 'toggleGrid', label: 'Toggle Grid', category: 'Display' },
   'w': { action: 'toggleWireframe', label: 'Toggle Wireframe', category: 'Display' },
-  'shift+f': { action: 'fitAll', label: 'Fit All', category: 'Display' },
+  'h': { action: 'fitAll', label: 'Fit All / Home View', category: 'Display' },
 
   // Export & Save
   'ctrl+s': { action: 'save', label: 'Save (Export JSON)', category: 'File' },

package/app/js/token-dashboard.js

@@ -13,7 +13,7 @@
 export function initTokenDashboard() {
   // Create panel HTML
   const panelHTML = `
-    <div id="tab-tokens" style="display: none; padding: 12px; overflow-y: auto;">
+    <div style="padding: 12px; overflow-y: auto;">
       <!-- Balance Card -->
       <div style="background: var(--bg-tertiary); border: 1px solid var(--border-color); border-radius: 6px; padding: 12px; margin-bottom: 12px;">
         <div style="font-size: 11px; color: var(--text-secondary); text-transform: uppercase; margin-bottom: 6px;">Balance</div>

package/app/js/tree.js

@@ -310,7 +310,20 @@ export function onSelect(callback) {
  */
 export function suppressFeature(index) {
   if (index >= 0 && index < treeState.features.length) {
-    treeState.features[index].suppressed = !treeState.features[index].suppressed;
+    const feature = treeState.features[index];
+    feature.suppressed = !feature.suppressed;
+    // Toggle mesh visibility in 3D scene
+    if (feature.mesh) {
+      feature.mesh.visible = !feature.suppressed;
+    }
+    // Also sync with APP.features if available
+    const appFeatures = window.APP?.features;
+    if (appFeatures && appFeatures[index]) {
+      appFeatures[index].suppressed = feature.suppressed;
+      if (appFeatures[index].mesh) {
+        appFeatures[index].mesh.visible = !feature.suppressed;
+      }
+    }
     renderTree();
   }
 }

package/app/js/viewport.js

@@ -521,6 +521,14 @@ export function toggleReferencePlanes(visible, plane = null) {
  * @param {boolean} enabled - Enable/disable wireframe mode
  */
 export function toggleWireframe(enabled) {
+  // If no argument, toggle based on current state
+  if (enabled === undefined) {
+    window._wireframeEnabled = !window._wireframeEnabled;
+    enabled = window._wireframeEnabled;
+  } else {
+    window._wireframeEnabled = !!enabled;
+  }
+
   if (scene) {
     scene.traverse((obj) => {
       // Skip reference planes and grid

package/linkedin-post.md

@@ -1,24 +1,29 @@
 # cycleCAD Launch Post
 
-We just shipped cycleCAD — an open-source, browser-based 3D CAD modeler that runs on your phone.
+**We just shipped the first AI-first CAD modeler that runs in your browser.**
 
-The origin story: I was building the cycleWASH DUO (a robotic bike washing machine) and needed CAD software. Every option cost $500-$4000/year, required Windows/Mac + installation, and wouldn't let me design parts faster. 19 modules later, we have something better.
+cycleCAD is open-source, free, and agent-ready. No install. No subscriptions required. Just solid 3D parametric design with a twist: agents can design parts as easily as humans.
 
-**The revolutionary part?** cycleCAD is agent-first. Forget clicking buttons. You describe what you need — "build a cylinder 50mm diameter, add a hole, fillet the edges" — and agents (or you) execute it via text or voice commands. No GUI needed. It's CAD designed for AI to design manufacturing.
+**The story:** I was building cycleWASH (a robotic bike washing machine) and every CAD tool cost $500-$4000/year and required Windows. 19 modules, 18,800 lines of JavaScript, and a lot of coffee later — here we are.
 
-What's inside:
-✨ Browser-native (zero install)
-✨ Free & open-source
-✨ AI-powered design assistant (Gemini + Groq)
-✨ Parses Inventor files natively
-✨ Runs on desktop + mobile
-✨ Agent API (55 commands for AI integration)
+**What you get:**
+✨ Browser-native 3D CAD modeler (sketch → extrude → fillet → export)
+✨ Inventor file parsing (open your .ipt/.iam directly)
+✨ AI co-pilot (Gemini + Groq + local NLP fallback)
+✨ Agent API — 55 commands for autonomous design
+✨ MCP Server + CLI tool (integrate into any AI workflow)
+✨ Model marketplace (publish, earn, collaborate)
+✨ ExplodeView integration (40+ analysis tools: BOM, DIN specs, McMaster-Carr, QR codes, AR)
 
-We're merging ExplodeView (our 3D viewer with 40+ analysis tools) into cycleCAD to create a complete design + analysis + collaboration platform.
+**Free tier. Pro €49/mo. Enterprise €299/mo.**
 
-**Try it now:** https://cyclecad.com or `npm install cyclecad`
-**Star us on GitHub:** https://github.com/vvlars-cmd/cyclecad
+We're building the OS of manufacturing where agents design, humans review, and machines build.
 
-This is just the beginning. We're building the OS of manufacturing — where agents design parts, humans review, and machines build them.
+**Try it now:**
+→ https://cyclecad.com
+→ npm install cyclecad
+→ https://github.com/vvlars-cmd/cyclecad
 
-#OpenSource #CAD #Manufacturing #AI #Agents #3D #Design #FreeCAD #Engineering
+Star us. Contribute. Let's build the future of CAD together.
+
+#OpenSource #CAD #AI #Manufacturing #Agents #Engineering #3D #Design #BuildingInPublic #FreeCAD

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cyclecad",
-  "version": "0.8.6",
+  "version": "0.9.6",
   "description": "Browser-based parametric 3D CAD modeler with AI-powered tools, native Inventor file parsing, and smart assembly management. No install required.",
   "main": "index.html",
   "bin": {