@gridspace/raster-path 1.0.7 → 1.0.8

package/build/app.js

@@ -71,6 +71,12 @@ function saveParameters() {
     if (showWrappedCheckbox) {
         localStorage.setItem('raster-showWrapped', showWrappedCheckbox.checked);
     }
+
+    // Save radial V3 checkbox
+    const radialV3Checkbox = document.getElementById('radial-v3');
+    if (radialV3Checkbox) {
+        localStorage.setItem('raster-radialV3', radialV3Checkbox.checked);
+    }
 }
 
 function loadParameters() {
@@ -153,6 +159,15 @@ function loadParameters() {
             showWrappedCheckbox.checked = savedShowWrapped === 'true';
         }
     }
+
+    // Restore radial V3 checkbox
+    const savedRadialV3 = localStorage.getItem('raster-radialV3');
+    if (savedRadialV3 !== null) {
+        const radialV3Checkbox = document.getElementById('radial-v3');
+        if (radialV3Checkbox) {
+            radialV3Checkbox.checked = savedRadialV3 === 'true';
+        }
+    }
 }
 
 // ============================================================================
@@ -521,10 +536,14 @@ async function initRasterPath() {
         rasterPath.terminate();
     }
 
+    const radialV3Checkbox = document.getElementById('radial-v3');
+    const useRadialV3 = mode === 'radial' && radialV3Checkbox && radialV3Checkbox.checked;
+
     rasterPath = new RasterPath({
         mode: mode,
         resolution: resolution,
         rotationStep: mode === 'radial' ? angleStep : undefined,
+        radialV3: useRadialV3,
         batchDivisor: 5,
         debug: true
     });
@@ -1442,6 +1461,7 @@ function updateModeUI() {
     const traceStepContainer = document.getElementById('trace-step-container').classList;
     const xStepContainer = document.getElementById('x-step-container').classList;
     const yStepContainer = document.getElementById('y-step-container').classList;
+    const radialV3Container = document.getElementById('radial-v3-container').classList;
 
     if (mode === 'radial') {
         wrappedContainer.remove('hide');
@@ -1449,6 +1469,7 @@ function updateModeUI() {
         traceStepContainer.add('hide');
         xStepContainer.remove('hide');
         yStepContainer.remove('hide');
+        radialV3Container.remove('hide');
     } else if (mode === 'tracing') {
         wrappedContainer.add('hide');
         angleStepContainer.add('hide');
@@ -1460,6 +1481,7 @@ function updateModeUI() {
         wrappedContainer.add('hide');
         angleStepContainer.add('hide');
         traceStepContainer.add('hide');
+        radialV3Container.add('hide');
         xStepContainer.remove('hide');
         yStepContainer.remove('hide');
     }
@@ -1575,6 +1597,7 @@ document.addEventListener('DOMContentLoaded', async () => {
             modelRasterData = null;  // Need to re-rasterize with new angle step
             toolRasterData = null;
             toolpathData = null;
+            initRasterPath();  // Reinit with new angle step
         }
         saveParameters();
         updateInfo(`Angle Step changed to ${angleStep}°`);
@@ -1591,6 +1614,19 @@ document.addEventListener('DOMContentLoaded', async () => {
         updateButtonStates();
     });
 
+    document.getElementById('radial-v3').addEventListener('change', (e) => {
+        if (mode === 'radial') {
+            modelRasterData = null;  // Need to re-rasterize with different algorithm
+            toolRasterData = null;
+            toolpathData = null;
+            initRasterPath();  // Reinit with V3 setting
+        }
+        saveParameters();
+        const v3Status = e.target.checked ? 'V3 (experimental)' : 'V2 (default)';
+        updateInfo(`Radial algorithm: ${v3Status}`);
+        updateButtonStates();
+    });
+
     // Tool size change
     document.getElementById('tool-size').addEventListener('change', async (e) => {
         toolSize = parseFloat(e.target.value);

package/build/index.html

@@ -92,6 +92,9 @@
                 <label id="trace-step-container" class="hide">
                     Trace Step (mm): <input type="number" id="trace-step" value="0.5" min="0.1" max="5" step="0.1" style="width: 60px;">
                 </label>
+                <label id="radial-v3-container" class="hide">
+                    <input type="checkbox" id="radial-v3"> Use V3 (experimental)
+                </label>
             </div>
 
             <div class="section">

package/build/raster-path.js

@@ -111,6 +111,7 @@ export class RasterPath {
             gpuMemorySafetyMargin: config.gpuMemorySafetyMargin ?? 0.8,
             autoTiling: config.autoTiling ?? true,
             batchDivisor: config.batchDivisor ?? 1, // For testing batching overhead
+            radialV3: config.radialV3 ?? false, // Use radial V3 pipeline (rotate-filter-toolpath)
             debug: config.debug,
             quiet: config.quiet
         };
@@ -531,9 +532,13 @@ export class RasterPath {
                 resolve(data);
             };
 
-            // Send entire pipeline to worker
+            // Send entire pipeline to worker (use V3 if configured)
+            const messageType = this.config.radialV3
+                ? 'radial-generate-toolpaths-v3'
+                : 'radial-generate-toolpaths';
+
             this.#sendMessage(
-                'radial-generate-toolpaths',
+                messageType,
                 {
                     triangles: triangles,
                     bucketData,