@sienci/gviewer 0.1.6 → 0.1.8

package/dist/react.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),F=require("./GCodeSVGRenderer-hZ8tZwov.cjs");function w(l){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const s in l)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(l,s);Object.defineProperty(u,s,i.get?i:{enumerable:!0,get:()=>l[s]})}}return u.default=l,Object.freeze(u)}const o=w(V),G=o.forwardRef(function(u,s){const{id:i,options:a,callbacks:c,className:m,style:f}=u,d=o.useRef(null),t=o.useRef(null);return o.useEffect(()=>{const e=d.current;if(!e)return;const p=new F.GCodeViewer({id:i,container:e,options:a,callbacks:c});return t.current=p,()=>{t.current=null,p.dispose()}},[i]),o.useEffect(()=>{var e;(e=t.current)==null||e.setOptions(a??{})},[a]),o.useEffect(()=>{var e;(e=t.current)==null||e.setCallbacks(c??{})},[c]),o.useImperativeHandle(s,()=>{const e=()=>{const r=t.current;if(!r)throw new Error("GCodeViewer is not ready.");return r};return{get id(){return i},setCallbacks(r){e().setCallbacks(r)},snapCameraToView(r,n){e().snapCameraToView(r,n)},setBitPosition(r,n){e().setBitPosition(r,n)},setBitVisible(r){e().setBitVisible(r)},setToolpathRotationA(r){e().setToolpathRotationA(r)},hideUntilLine(r,n){e().hideUntilLine(r,n)},seekToLine(r,n){e().seekToLine(r,n)},showAll(){e().showAll()},resetColors(){e().resetColors()},loadFromUrl(r,n){return e().loadFromUrl(r,n)},loadFromFile(r){return e().loadFromFile(r)},loadFromText(r){return e().loadFromText(r)},loadFromLines(r){return e().loadFromLines(r)},loadFromWorkerData(r){return e().loadFromWorkerData(r)},unload(){e().unload()},setOptions(r){e().setOptions(r)},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:a,className:c,style:m}=u,f=o.useRef(null),d=o.useRef(null);return o.useEffect(()=>{const t=f.current;if(!t)return;const e=new F.GCodeSVGRenderer(t,a);return d.current=e,()=>{d.current=null,e.dispose()}},[]),o.useEffect(()=>{var t;a&&((t=d.current)==null||t.setOptions(a))},[a]),o.useImperativeHandle(s,()=>{const t=()=>{const e=d.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),getSVGElement:()=>t().getSVGElement(),dispose:()=>t().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 F=require("react"),V=require("./GCodeSVGRenderer-BHrFbBpp.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)},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;

package/dist/react.js

@@ -1,27 +1,27 @@
-import * as t from "react";
-import { a as F, G as w } from "./GCodeSVGRenderer-DUQ-WgJi.js";
-const C = t.forwardRef(
+import * as o from "react";
+import { a as F, G as w } from "./GCodeSVGRenderer-BNcU8eeP.js";
+const C = o.forwardRef(
   function(u, c) {
-    const { id: a, options: n, callbacks: l, className: m, style: d } = u, i = t.useRef(null), o = t.useRef(null);
-    return t.useEffect(() => {
+    const { id: a, options: n, callbacks: l, className: m, style: d } = u, i = o.useRef(null), t = 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 o.current = f, () => {
-        o.current = null, f.dispose();
+      return t.current = f, () => {
+        t.current = null, f.dispose();
       };
-    }, [a]), t.useEffect(() => {
+    }, [a]), o.useEffect(() => {
       var e;
-      (e = o.current) == null || e.setOptions(n ?? {});
-    }, [n]), t.useEffect(() => {
+      (e = t.current) == null || e.setOptions(n ?? {});
+    }, [n]), o.useEffect(() => {
       var e;
-      (e = o.current) == null || e.setCallbacks(l ?? {});
-    }, [l]), t.useImperativeHandle(
+      (e = t.current) == null || e.setCallbacks(l ?? {});
+    }, [l]), o.useImperativeHandle(
       c,
       () => {
         const e = () => {
-          const r = o.current;
+          const r = t.current;
           if (!r)
             throw new Error("GCodeViewer is not ready.");
           return r;
@@ -99,41 +99,43 @@ const C = t.forwardRef(
         };
       },
       [a]
-    ), t.createElement("div", { ref: i, className: m, style: d });
+    ), o.createElement("div", { ref: i, className: m, style: d });
   }
-), G = t.forwardRef(
+), G = o.forwardRef(
   function(u, c) {
-    const { id: a, options: n, className: l, style: m } = u, d = t.useRef(null), i = t.useRef(null);
-    return t.useEffect(() => {
-      const o = d.current;
-      if (!o) return;
-      const e = new w(o, n);
+    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);
       return i.current = e, () => {
         i.current = null, e.dispose();
       };
-    }, []), t.useEffect(() => {
-      var o;
-      n && ((o = i.current) == null || o.setOptions(n));
-    }, [n]), t.useImperativeHandle(c, () => {
-      const o = () => {
+    }, []), o.useEffect(() => {
+      var t;
+      n && ((t = i.current) == null || t.setOptions(n));
+    }, [n]), o.useImperativeHandle(c, () => {
+      const t = () => {
         const e = i.current;
         if (!e) throw new Error("GCodeSVGRenderer is not ready.");
         return e;
       };
       return {
-        loadFromLines: (e) => o().loadFromLines(e),
-        loadFromFile: (e) => o().loadFromFile(e),
-        loadFromText: (e) => o().loadFromText(e),
-        loadFromWorkerData: (e) => o().loadFromWorkerData(e),
-        loadFromPrecomputedGroups: (e) => o().loadFromPrecomputedGroups(e),
-        clear: () => o().clear(),
-        resetView: () => o().resetView(),
-        setOptions: (e) => o().setOptions(e),
-        setProjectionMode: (e) => o().setProjectionMode(e),
-        getSVGElement: () => o().getSVGElement(),
-        dispose: () => o().dispose()
+        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()
       };
-    }, []), t.createElement("div", {
+    }, []), o.createElement("div", {
       ref: d,
       className: l,
       style: { width: "100%", height: "100%", ...m }

package/dist/types/geometry.d.ts

@@ -97,3 +97,23 @@ export type WorkerSegmentGroup = {
     rgbColors: Float32Array;
 };
 export declare function buildWorkerSegmentGroups(data: WorkerGeometryData): WorkerSegmentGroup[];
+export type WorkerToolpathStream = {
+    positions: Float32Array;
+    colors: Float32Array;
+    prefixEndVertex: Int32Array;
+};
+export type WorkerToolpathStreams = {
+    rapid: WorkerToolpathStream;
+    cut: WorkerToolpathStream;
+};
+/**
+ * Builds two line-ordered toolpath streams (rapid + cut) from worker geometry,
+ * preserving per-vertex colours and producing per-stream `prefixEndVertex`
+ * arrays (indexed by source line) so `hideUntilLine`/progress greying works on
+ * the worker-data path.
+ *
+ * Unlike `buildWorkerSegmentGroups`, segments are appended in source-line order
+ * (driven by `frames`) rather than grouped by colour, which is what the
+ * cumulative `prefixEndVertex` cursor requires.
+ */
+export declare function buildWorkerToolpathStreams(data: WorkerGeometryData): WorkerToolpathStreams;

package/dist/types/react/GCodeSVGVisualizer.d.ts

@@ -16,6 +16,12 @@ export type GCodeSVGRendererHandle = {
     resetView(): void;
     setOptions(opts: Partial<GCodeSVGOptions>): void;
     setProjectionMode(mode: 'perspective' | 'isometric'): void;
+    setBitPosition(pos: {
+        x: number;
+        y: number;
+        z: number;
+    }): void;
+    setBitVisible(visible: boolean): void;
     getSVGElement(): SVGSVGElement;
     dispose(): void;
 };

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

@@ -8,6 +8,9 @@ export declare class GCodeSVGRenderer {
     private bboxLabelZ;
     private pathLayer;
     private originMarker;
+    private crosshairEl;
+    private crosshairPos;
+    private crosshairVisible;
     private pathEls;
     private segmentGroups;
     private workerMode;
@@ -48,6 +51,12 @@ export declare class GCodeSVGRenderer {
     setOptions(opts: Partial<GCodeSVGOptions>): void;
     setProjectionMode(mode: 'perspective' | 'isometric'): void;
     getSVGElement(): SVGSVGElement;
+    setBitPosition(pos: {
+        x: number;
+        y: number;
+        z: number;
+    }): void;
+    setBitVisible(visible: boolean): void;
     dispose(): void;
     private updateTrig;
     private project;
@@ -58,6 +67,7 @@ export declare class GCodeSVGRenderer {
     private applyOptions;
     private renderBbox;
     private renderOriginMarker;
+    private renderCrosshairMarker;
     private onWheel;
     private onPointerDown;
     private onPointerMove;

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

@@ -8,5 +8,6 @@ export type GCodeSVGOptions = {
     projectionMode: 'perspective' | 'isometric';
     showOrigin: boolean;
     originColor: string;
+    crosshairColor: string;
 };
 export declare const defaultGCodeSVGOptions: GCodeSVGOptions;

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

@@ -21,7 +21,7 @@ export type GCodeViewerTheme = {
         };
     };
 };
-export type GCodeViewerBitType = "circle" | "triangle" | "drill" | "laser";
+export type GCodeViewerBitType = "circle" | "triangle" | "drill" | "laser" | "crosshair";
 export type GCodeViewerBitPosition = {
     x: number;
     y: number;

package/dist/viewer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./GCodeSVGRenderer-hZ8tZwov.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-BHrFbBpp.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-DUQ-WgJi.js";
+import { G as e, a as d, V as i, d as c, b as s } from "./GCodeSVGRenderer-BNcU8eeP.js";
 const a = {
   dark: {
     background: "#111827",

package/package.json

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