@sienci/gviewer 0.1.16 → 0.1.17

package/dist/react.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react"),V=require("./GCodeSVGRenderer-BOliBeEd.cjs");function w(a){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const s in a)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(a,s);Object.defineProperty(u,s,i.get?i:{enumerable:!0,get:()=>a[s]})}}return u.default=a,Object.freeze(u)}const o=w(F),G=o.forwardRef(function(u,s){const{id:i,options:l,callbacks:c,className:m,style:f}=u,d=o.useRef(null),r=o.useRef(null);return o.useEffect(()=>{const e=d.current;if(!e)return;const p=new V.GCodeViewer({id:i,container:e,options:l,callbacks:c});return r.current=p,()=>{r.current=null,p.dispose()}},[i]),o.useEffect(()=>{var e;(e=r.current)==null||e.setOptions(l??{})},[l]),o.useEffect(()=>{var e;(e=r.current)==null||e.setCallbacks(c??{})},[c]),o.useImperativeHandle(s,()=>{const e=()=>{const t=r.current;if(!t)throw new Error("GCodeViewer is not ready.");return t};return{get id(){return i},setCallbacks(t){e().setCallbacks(t)},snapCameraToView(t,n){e().snapCameraToView(t,n)},setBitPosition(t,n){e().setBitPosition(t,n)},setBitVisible(t){e().setBitVisible(t)},setBitSpinning(t){e().setBitSpinning(t)},setToolpathRotationA(t){e().setToolpathRotationA(t)},hideUntilLine(t,n){e().hideUntilLine(t,n)},seekToLine(t,n){e().seekToLine(t,n)},showAll(){e().showAll()},resetColors(){e().resetColors()},loadFromUrl(t,n){return e().loadFromUrl(t,n)},loadFromFile(t){return e().loadFromFile(t)},loadFromText(t){return e().loadFromText(t)},loadFromLines(t){return e().loadFromLines(t)},loadFromWorkerData(t){return e().loadFromWorkerData(t)},unload(){e().unload()},setOptions(t){e().setOptions(t)},getOptions(){return e().getOptions()},resize(){e().resize()},focusToModel(){e().focusToModel()},resetCamera(){e().resetCamera()},getBounds(){return e().getBounds()},dispose(){e().dispose()}}},[i]),o.createElement("div",{ref:d,className:m,style:f})}),C=o.forwardRef(function(u,s){const{id:i,options:l,className:c,style:m}=u,f=o.useRef(null),d=o.useRef(null);return o.useEffect(()=>{const r=f.current;if(!r)return;const e=new V.GCodeSVGRenderer(r,l);return d.current=e,()=>{d.current=null,e.dispose()}},[]),o.useEffect(()=>{var r;l&&((r=d.current)==null||r.setOptions(l))},[l]),o.useImperativeHandle(s,()=>{const r=()=>{const e=d.current;if(!e)throw new Error("GCodeSVGRenderer is not ready.");return e};return{loadFromLines:e=>r().loadFromLines(e),loadFromFile:e=>r().loadFromFile(e),loadFromText:e=>r().loadFromText(e),loadFromWorkerData:e=>r().loadFromWorkerData(e),loadFromPrecomputedGroups:e=>r().loadFromPrecomputedGroups(e),clear:()=>r().clear(),resetView:()=>r().resetView(),setOptions:e=>r().setOptions(e),setProjectionMode:e=>r().setProjectionMode(e),setBitPosition:e=>r().setBitPosition(e),setBitVisible:e=>r().setBitVisible(e),getSVGElement:()=>r().getSVGElement(),dispose:()=>r().dispose()}},[]),o.createElement("div",{ref:f,className:c,style:{width:"100%",height:"100%",...m}})});exports.GCodeSVGVisualizer=C;exports.GCodeVisualizer=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),V=require("./GCodeSVGRenderer-_n8GbXrI.cjs");function G(a){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const s in a)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(a,s);Object.defineProperty(d,s,i.get?i:{enumerable:!0,get:()=>a[s]})}}return d.default=a,Object.freeze(d)}const o=G(w),C=o.forwardRef(function(d,s){const{id:i,options:l,callbacks:c,className:m,style:f}=d,u=o.useRef(null),r=o.useRef(null);return o.useEffect(()=>{const e=u.current;if(!e)return;const p=new V.GCodeViewer({id:i,container:e,options:l,callbacks:c});return r.current=p,()=>{r.current=null,p.dispose()}},[i]),o.useEffect(()=>{var e;(e=r.current)==null||e.setOptions(l??{})},[l]),o.useEffect(()=>{var e;(e=r.current)==null||e.setCallbacks(c??{})},[c]),o.useImperativeHandle(s,()=>{const e=()=>{const t=r.current;if(!t)throw new Error("GCodeViewer is not ready.");return t};return{get id(){return i},setCallbacks(t){e().setCallbacks(t)},snapCameraToView(t,n){e().snapCameraToView(t,n)},setRotateEnabled(t){e().setRotateEnabled(t)},screenToWorld(t,n,F){return e().screenToWorld(t,n,F)},setBitPosition(t,n){e().setBitPosition(t,n)},setBitVisible(t){e().setBitVisible(t)},setBitSpinning(t){e().setBitSpinning(t)},setToolpathRotationA(t){e().setToolpathRotationA(t)},hideUntilLine(t,n){e().hideUntilLine(t,n)},seekToLine(t,n){e().seekToLine(t,n)},showAll(){e().showAll()},resetColors(){e().resetColors()},loadFromUrl(t,n){return e().loadFromUrl(t,n)},loadFromFile(t){return e().loadFromFile(t)},loadFromText(t){return e().loadFromText(t)},loadFromLines(t){return e().loadFromLines(t)},loadFromWorkerData(t){return e().loadFromWorkerData(t)},unload(){e().unload()},setOptions(t){e().setOptions(t)},getOptions(){return e().getOptions()},resize(){e().resize()},focusToModel(){e().focusToModel()},resetCamera(){e().resetCamera()},getBounds(){return e().getBounds()},dispose(){e().dispose()}}},[i]),o.createElement("div",{ref:u,className:m,style:f})}),g=o.forwardRef(function(d,s){const{id:i,options:l,className:c,style:m}=d,f=o.useRef(null),u=o.useRef(null);return o.useEffect(()=>{const r=f.current;if(!r)return;const e=new V.GCodeSVGRenderer(r,l);return u.current=e,()=>{u.current=null,e.dispose()}},[]),o.useEffect(()=>{var r;l&&((r=u.current)==null||r.setOptions(l))},[l]),o.useImperativeHandle(s,()=>{const r=()=>{const e=u.current;if(!e)throw new Error("GCodeSVGRenderer is not ready.");return e};return{loadFromLines:e=>r().loadFromLines(e),loadFromFile:e=>r().loadFromFile(e),loadFromText:e=>r().loadFromText(e),loadFromWorkerData:e=>r().loadFromWorkerData(e),loadFromPrecomputedGroups:e=>r().loadFromPrecomputedGroups(e),clear:()=>r().clear(),resetView:()=>r().resetView(),setOptions:e=>r().setOptions(e),setProjectionMode:e=>r().setProjectionMode(e),setBitPosition:e=>r().setBitPosition(e),setBitVisible:e=>r().setBitVisible(e),getSVGElement:()=>r().getSVGElement(),dispose:()=>r().dispose()}},[]),o.createElement("div",{ref:f,className:c,style:{width:"100%",height:"100%",...m}})});exports.GCodeSVGVisualizer=g;exports.GCodeVisualizer=C;

package/dist/react.js

@@ -1,58 +1,64 @@
 import * as o from "react";
-import { a as F, G as w } from "./GCodeSVGRenderer-AJzTt7mi.js";
-const C = o.forwardRef(
+import { a as w, G as V } from "./GCodeSVGRenderer-Onjhdwbv.js";
+const G = o.forwardRef(
   function(u, c) {
-    const { id: a, options: n, callbacks: l, className: m, style: d } = u, i = o.useRef(null), t = o.useRef(null);
+    const { id: a, options: n, callbacks: l, className: m, style: d } = u, i = o.useRef(null), r = o.useRef(null);
     return o.useEffect(() => {
       const e = i.current;
       if (!e)
         return;
-      const f = new F({ id: a, container: e, options: n, callbacks: l });
-      return t.current = f, () => {
-        t.current = null, f.dispose();
+      const f = new w({ id: a, container: e, options: n, callbacks: l });
+      return r.current = f, () => {
+        r.current = null, f.dispose();
       };
     }, [a]), o.useEffect(() => {
       var e;
-      (e = t.current) == null || e.setOptions(n ?? {});
+      (e = r.current) == null || e.setOptions(n ?? {});
     }, [n]), o.useEffect(() => {
       var e;
-      (e = t.current) == null || e.setCallbacks(l ?? {});
+      (e = r.current) == null || e.setCallbacks(l ?? {});
     }, [l]), o.useImperativeHandle(
       c,
       () => {
         const e = () => {
-          const r = t.current;
-          if (!r)
+          const t = r.current;
+          if (!t)
             throw new Error("GCodeViewer is not ready.");
-          return r;
+          return t;
         };
         return {
           get id() {
             return a;
           },
-          setCallbacks(r) {
-            e().setCallbacks(r);
+          setCallbacks(t) {
+            e().setCallbacks(t);
           },
-          snapCameraToView(r, s) {
-            e().snapCameraToView(r, s);
+          snapCameraToView(t, s) {
+            e().snapCameraToView(t, s);
           },
-          setBitPosition(r, s) {
-            e().setBitPosition(r, s);
+          setRotateEnabled(t) {
+            e().setRotateEnabled(t);
           },
-          setBitVisible(r) {
-            e().setBitVisible(r);
+          screenToWorld(t, s, F) {
+            return e().screenToWorld(t, s, F);
           },
-          setBitSpinning(r) {
-            e().setBitSpinning(r);
+          setBitPosition(t, s) {
+            e().setBitPosition(t, s);
           },
-          setToolpathRotationA(r) {
-            e().setToolpathRotationA(r);
+          setBitVisible(t) {
+            e().setBitVisible(t);
           },
-          hideUntilLine(r, s) {
-            e().hideUntilLine(r, s);
+          setBitSpinning(t) {
+            e().setBitSpinning(t);
           },
-          seekToLine(r, s) {
-            e().seekToLine(r, s);
+          setToolpathRotationA(t) {
+            e().setToolpathRotationA(t);
+          },
+          hideUntilLine(t, s) {
+            e().hideUntilLine(t, s);
+          },
+          seekToLine(t, s) {
+            e().seekToLine(t, s);
           },
           showAll() {
             e().showAll();
@@ -60,26 +66,26 @@ const C = o.forwardRef(
           resetColors() {
             e().resetColors();
           },
-          loadFromUrl(r, s) {
-            return e().loadFromUrl(r, s);
+          loadFromUrl(t, s) {
+            return e().loadFromUrl(t, s);
           },
-          loadFromFile(r) {
-            return e().loadFromFile(r);
+          loadFromFile(t) {
+            return e().loadFromFile(t);
           },
-          loadFromText(r) {
-            return e().loadFromText(r);
+          loadFromText(t) {
+            return e().loadFromText(t);
           },
-          loadFromLines(r) {
-            return e().loadFromLines(r);
+          loadFromLines(t) {
+            return e().loadFromLines(t);
           },
-          loadFromWorkerData(r) {
-            return e().loadFromWorkerData(r);
+          loadFromWorkerData(t) {
+            return e().loadFromWorkerData(t);
           },
           unload() {
             e().unload();
           },
-          setOptions(r) {
-            e().setOptions(r);
+          setOptions(t) {
+            e().setOptions(t);
           },
           getOptions() {
             return e().getOptions();
@@ -104,39 +110,39 @@ const C = o.forwardRef(
       [a]
     ), o.createElement("div", { ref: i, className: m, style: d });
   }
-), G = o.forwardRef(
+), R = o.forwardRef(
   function(u, c) {
     const { id: a, options: n, className: l, style: m } = u, d = o.useRef(null), i = o.useRef(null);
     return o.useEffect(() => {
-      const t = d.current;
-      if (!t) return;
-      const e = new w(t, n);
+      const r = d.current;
+      if (!r) return;
+      const e = new V(r, n);
       return i.current = e, () => {
         i.current = null, e.dispose();
       };
     }, []), o.useEffect(() => {
-      var t;
-      n && ((t = i.current) == null || t.setOptions(n));
+      var r;
+      n && ((r = i.current) == null || r.setOptions(n));
     }, [n]), o.useImperativeHandle(c, () => {
-      const t = () => {
+      const r = () => {
         const e = i.current;
         if (!e) throw new Error("GCodeSVGRenderer is not ready.");
         return e;
       };
       return {
-        loadFromLines: (e) => t().loadFromLines(e),
-        loadFromFile: (e) => t().loadFromFile(e),
-        loadFromText: (e) => t().loadFromText(e),
-        loadFromWorkerData: (e) => t().loadFromWorkerData(e),
-        loadFromPrecomputedGroups: (e) => t().loadFromPrecomputedGroups(e),
-        clear: () => t().clear(),
-        resetView: () => t().resetView(),
-        setOptions: (e) => t().setOptions(e),
-        setProjectionMode: (e) => t().setProjectionMode(e),
-        setBitPosition: (e) => t().setBitPosition(e),
-        setBitVisible: (e) => t().setBitVisible(e),
-        getSVGElement: () => t().getSVGElement(),
-        dispose: () => t().dispose()
+        loadFromLines: (e) => r().loadFromLines(e),
+        loadFromFile: (e) => r().loadFromFile(e),
+        loadFromText: (e) => r().loadFromText(e),
+        loadFromWorkerData: (e) => r().loadFromWorkerData(e),
+        loadFromPrecomputedGroups: (e) => r().loadFromPrecomputedGroups(e),
+        clear: () => r().clear(),
+        resetView: () => r().resetView(),
+        setOptions: (e) => r().setOptions(e),
+        setProjectionMode: (e) => r().setProjectionMode(e),
+        setBitPosition: (e) => r().setBitPosition(e),
+        setBitVisible: (e) => r().setBitVisible(e),
+        getSVGElement: () => r().getSVGElement(),
+        dispose: () => r().dispose()
       };
     }, []), o.createElement("div", {
       ref: d,
@@ -146,6 +152,6 @@ const C = o.forwardRef(
   }
 );
 export {
-  G as GCodeSVGVisualizer,
-  C as GCodeVisualizer
+  R as GCodeSVGVisualizer,
+  G as GCodeVisualizer
 };

package/dist/types/viewer/GCodeViewer.d.ts

@@ -25,6 +25,7 @@ export declare class GCodeViewer implements GCodeViewerHandle {
     private toolpathStreams;
     private toolpathCutBucketCount;
     private toolpathRotationA;
+    private lastBitPosition;
     private sim3dHandle;
     private currentLines;
     private linePositions;
@@ -47,6 +48,37 @@ export declare class GCodeViewer implements GCodeViewerHandle {
         durationMs?: number;
         distance?: number;
     }): void;
+    /**
+     * Enable or disable orbit *rotation* while leaving pan and zoom untouched.
+     *
+     * Used to pin the camera to a fixed view (e.g. top-down) so a press-and-hold
+     * gesture is not interpreted as a rotate-drag and the picked plane stays
+     * stable under the cursor. Picking (screenToWorld) works from any camera
+     * orientation, so this is a UX lock, not a correctness requirement.
+     */
+    setRotateEnabled(enabled: boolean): void;
+    /**
+     * Convert a viewport pixel (clientX/clientY, e.g. from a PointerEvent) into a
+     * point on a horizontal toolpath plane, in the scene's coordinate space.
+     *
+     * A ray is cast from the camera through the pixel and intersected with the
+     * plane Z = `planeZ`, which defaults to the bit's current Z so the pick lands
+     * on the plane the tool is sitting on. Returns null when the pixel is outside
+     * a laid-out canvas or the ray is parallel to the plane (no intersection).
+     *
+     * The result is in world/scene space. The toolpath root sits at the origin,
+     * so for a normal (non-rotary) file this equals the gcode work coordinate.
+     * For a rotary file the toolpath root is rotated about X, so the returned XY
+     * is not a meaningful work coordinate — callers supporting only XY moves
+     * should gate on file type.
+     */
+    screenToWorld(clientX: number, clientY: number, options?: {
+        planeZ?: number;
+    }): {
+        x: number;
+        y: number;
+        z: number;
+    } | null;
     private startSnapToView;
     loadFromUrl(url: string, args?: {
         signal?: AbortSignal;

package/dist/types/viewer/types.d.ts

@@ -140,6 +140,14 @@ export type GCodeViewerHandle = {
         durationMs?: number;
         distance?: number;
     }): void;
+    setRotateEnabled(enabled: boolean): void;
+    screenToWorld(clientX: number, clientY: number, options?: {
+        planeZ?: number;
+    }): {
+        x: number;
+        y: number;
+        z: number;
+    } | null;
     setBitPosition(position: GCodeViewerBitPosition, options?: {
         immediate?: boolean;
     }): void;

package/dist/viewer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./GCodeSVGRenderer-BOliBeEd.cjs"),a={dark:{background:"#111827",opacity:.9,rapidOpacity:.3,colors:{rapid:"#0ef6ae",cutting:"#3e85c7",laser:"#a855f7",processed:"#6b7280",boundingBox:"#77a9d7",grid:{major:"#77a9d7",minor:"#3e6e9e"},axes:{x:"#df3b3b",y:"#06b881",z:"#295d8d"}}},light:{background:"#e5e7eb",opacity:.9,rapidOpacity:.3,colors:{rapid:"#295d8d",cutting:"#111827",laser:"#FF0000",processed:"#9ca3af",boundingBox:"#5191cc",grid:{major:"#295d8d",minor:"#5191cc"},axes:{x:"#df3b3b",y:"#06b881",z:"#295d8d"}}},"flexoki-dark":{background:"#100f0f",opacity:.9,rapidOpacity:.3,colors:{rapid:"#DA702C",cutting:"#3AA99F",laser:"#8B7EC8",processed:"#6f6e69",boundingBox:"#da702c",grid:{major:"#a89984",minor:"#6f6e69"},axes:{x:"#d14d41",y:"#879a39",z:"#4385be"}}},"tokyo-night":{background:"#1a1b26",opacity:.9,rapidOpacity:.3,colors:{rapid:"#ff9e64",cutting:"#7dcfff",laser:"#bb9af7",processed:"#565f89",boundingBox:"#73daca",grid:{major:"#7aa2f7",minor:"#414868"},axes:{x:"#f7768e",y:"#9ece6a",z:"#7aa2f7"}}},"gruvbox-light":{background:"#fbf1c7",opacity:.9,rapidOpacity:.3,colors:{rapid:"#d65d0e",cutting:"#3c3836",laser:"#b16286",processed:"#928374",boundingBox:"#076678",grid:{major:"#7c6f64",minor:"#a89984"},axes:{x:"#cc241d",y:"#98971a",z:"#458588"}}},"ayu-dark":{background:"#0b0e14",opacity:.9,rapidOpacity:.3,colors:{rapid:"#FFA659",cutting:"#73D0FF",laser:"#DFBFFF",processed:"#6E7C8F",boundingBox:"#95E6CB",grid:{major:"#77a9d7",minor:"#3e6590"},axes:{x:"#F28779",y:"#D5FF80",z:"#5CCFE6"}}},"ayu-light":{background:"#fafafa",opacity:.9,rapidOpacity:.3,colors:{rapid:"#FA8D3E",cutting:"#22A4E6",laser:"#A37ACC",processed:"#ADAEB1",boundingBox:"#5C6773",grid:{major:"#5c6773",minor:"#9aacba"},axes:{x:"#F07171",y:"#86B300",z:"#55B4D4"}}}};exports.GCodeSVGRenderer=e.GCodeSVGRenderer;exports.GCodeViewer=e.GCodeViewer;exports.ViewCube=e.ViewCube;exports.defaultGCodeViewerOptions=e.defaultGCodeViewerOptions;exports.defaultGCodeViewerTheme=e.defaultGCodeViewerTheme;exports.gCodeViewerThemePresets=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./GCodeSVGRenderer-_n8GbXrI.cjs"),a={dark:{background:"#111827",opacity:.9,rapidOpacity:.3,colors:{rapid:"#0ef6ae",cutting:"#3e85c7",laser:"#a855f7",processed:"#6b7280",boundingBox:"#77a9d7",grid:{major:"#77a9d7",minor:"#3e6e9e"},axes:{x:"#df3b3b",y:"#06b881",z:"#295d8d"}}},light:{background:"#e5e7eb",opacity:.9,rapidOpacity:.3,colors:{rapid:"#295d8d",cutting:"#111827",laser:"#FF0000",processed:"#9ca3af",boundingBox:"#5191cc",grid:{major:"#295d8d",minor:"#5191cc"},axes:{x:"#df3b3b",y:"#06b881",z:"#295d8d"}}},"flexoki-dark":{background:"#100f0f",opacity:.9,rapidOpacity:.3,colors:{rapid:"#DA702C",cutting:"#3AA99F",laser:"#8B7EC8",processed:"#6f6e69",boundingBox:"#da702c",grid:{major:"#a89984",minor:"#6f6e69"},axes:{x:"#d14d41",y:"#879a39",z:"#4385be"}}},"tokyo-night":{background:"#1a1b26",opacity:.9,rapidOpacity:.3,colors:{rapid:"#ff9e64",cutting:"#7dcfff",laser:"#bb9af7",processed:"#565f89",boundingBox:"#73daca",grid:{major:"#7aa2f7",minor:"#414868"},axes:{x:"#f7768e",y:"#9ece6a",z:"#7aa2f7"}}},"gruvbox-light":{background:"#fbf1c7",opacity:.9,rapidOpacity:.3,colors:{rapid:"#d65d0e",cutting:"#3c3836",laser:"#b16286",processed:"#928374",boundingBox:"#076678",grid:{major:"#7c6f64",minor:"#a89984"},axes:{x:"#cc241d",y:"#98971a",z:"#458588"}}},"ayu-dark":{background:"#0b0e14",opacity:.9,rapidOpacity:.3,colors:{rapid:"#FFA659",cutting:"#73D0FF",laser:"#DFBFFF",processed:"#6E7C8F",boundingBox:"#95E6CB",grid:{major:"#77a9d7",minor:"#3e6590"},axes:{x:"#F28779",y:"#D5FF80",z:"#5CCFE6"}}},"ayu-light":{background:"#fafafa",opacity:.9,rapidOpacity:.3,colors:{rapid:"#FA8D3E",cutting:"#22A4E6",laser:"#A37ACC",processed:"#ADAEB1",boundingBox:"#5C6773",grid:{major:"#5c6773",minor:"#9aacba"},axes:{x:"#F07171",y:"#86B300",z:"#55B4D4"}}}};exports.GCodeSVGRenderer=e.GCodeSVGRenderer;exports.GCodeViewer=e.GCodeViewer;exports.ViewCube=e.ViewCube;exports.defaultGCodeViewerOptions=e.defaultGCodeViewerOptions;exports.defaultGCodeViewerTheme=e.defaultGCodeViewerTheme;exports.gCodeViewerThemePresets=a;

package/dist/viewer.js

@@ -1,4 +1,4 @@
-import { G as e, a as d, V as i, d as c, b as s } from "./GCodeSVGRenderer-AJzTt7mi.js";
+import { G as e, a as d, V as i, d as c, b as s } from "./GCodeSVGRenderer-Onjhdwbv.js";
 const a = {
   dark: {
     background: "#111827",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sienci/gviewer",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "description": "GCode visualization library using Three.js",
   "repository": {
     "type": "git",