@sienci/gviewer 0.1.0 → 0.1.2

package/dist/react.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),V=require("./GCodeSVGRenderer-DaLc9_L-.cjs");function C(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=C(w),G=o.forwardRef(function(u,s){const{id:i,options:l,callbacks:d,className:m,style:f}=u,c=o.useRef(null),r=o.useRef(null);return o.useEffect(()=>{const e=c.current;if(!e)return;const p=new V.GCodeViewer({id:i,container:e,options:l,callbacks:d});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(d??{})},[d]),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)},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:c,className:m,style:f})}),F=o.forwardRef(function(u,s){const{id:i,options:l,className:d,style:m}=u,f=o.useRef(null),c=o.useRef(null);return o.useEffect(()=>{const r=f.current;if(!r)return;const e=new V.GCodeSVGRenderer(r,l);return c.current=e,()=>{c.current=null,e.dispose()}},[]),o.useEffect(()=>{var r;l&&((r=c.current)==null||r.setOptions(l))},[l]),o.useImperativeHandle(s,()=>{const r=()=>{const e=c.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),clear:()=>r().clear(),resetView:()=>r().resetView(),setOptions:e=>r().setOptions(e),setProjectionMode:e=>r().setProjectionMode(e),getSVGElement:()=>r().getSVGElement(),dispose:()=>r().dispose()}},[]),o.createElement("div",{ref:f,className:d,style:{width:"100%",height:"100%",...m}})});exports.GCodeSVGVisualizer=F;exports.GCodeVisualizer=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),V=require("./GCodeSVGRenderer-DGzotwOB.cjs");function F(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=F(w),C=o.forwardRef(function(u,s){const{id:i,options:a,callbacks:d,className:m,style:f}=u,c=o.useRef(null),t=o.useRef(null);return o.useEffect(()=>{const e=c.current;if(!e)return;const p=new V.GCodeViewer({id:i,container:e,options:a,callbacks:d});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(d??{})},[d]),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:c,className:m,style:f})}),G=o.forwardRef(function(u,s){const{id:i,options:a,className:d,style:m}=u,f=o.useRef(null),c=o.useRef(null);return o.useEffect(()=>{const t=f.current;if(!t)return;const e=new V.GCodeSVGRenderer(t,a);return c.current=e,()=>{c.current=null,e.dispose()}},[]),o.useEffect(()=>{var t;a&&((t=c.current)==null||t.setOptions(a))},[a]),o.useImperativeHandle(s,()=>{const t=()=>{const e=c.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),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:d,style:{width:"100%",height:"100%",...m}})});exports.GCodeSVGVisualizer=G;exports.GCodeVisualizer=C;

package/dist/react.js

@@ -1,23 +1,23 @@
 import * as o from "react";
-import { a as w, G as V } from "./GCodeSVGRenderer-DnFLLJmH.js";
+import { a as F, G as w } from "./GCodeSVGRenderer-B3Yor_nk.js";
 const C = o.forwardRef(
   function(u, c) {
-    const { id: l, options: n, callbacks: a, className: f, style: d } = u, i = o.useRef(null), t = o.useRef(null);
+    const { id: a, options: n, callbacks: l, className: f, style: d } = u, i = o.useRef(null), t = o.useRef(null);
     return o.useEffect(() => {
       const e = i.current;
       if (!e)
         return;
-      const m = new w({ id: l, container: e, options: n, callbacks: a });
+      const m = new F({ id: a, container: e, options: n, callbacks: l });
       return t.current = m, () => {
         t.current = null, m.dispose();
       };
-    }, [l]), o.useEffect(() => {
+    }, [a]), o.useEffect(() => {
       var e;
       (e = t.current) == null || e.setOptions(n ?? {});
     }, [n]), o.useEffect(() => {
       var e;
-      (e = t.current) == null || e.setCallbacks(a ?? {});
-    }, [a]), o.useImperativeHandle(
+      (e = t.current) == null || e.setCallbacks(l ?? {});
+    }, [l]), o.useImperativeHandle(
       c,
       () => {
         const e = () => {
@@ -28,7 +28,7 @@ const C = o.forwardRef(
         };
         return {
           get id() {
-            return l;
+            return a;
           },
           setCallbacks(r) {
             e().setCallbacks(r);
@@ -69,6 +69,9 @@ const C = o.forwardRef(
           loadFromLines(r) {
             return e().loadFromLines(r);
           },
+          loadFromWorkerData(r) {
+            return e().loadFromWorkerData(r);
+          },
           unload() {
             e().unload();
           },
@@ -95,16 +98,16 @@ const C = o.forwardRef(
           }
         };
       },
-      [l]
+      [a]
     ), o.createElement("div", { ref: i, className: f, style: d });
   }
 ), G = o.forwardRef(
   function(u, c) {
-    const { id: l, options: n, className: a, style: f } = u, d = o.useRef(null), i = o.useRef(null);
+    const { id: a, options: n, className: l, style: f } = u, d = o.useRef(null), i = o.useRef(null);
     return o.useEffect(() => {
       const t = d.current;
       if (!t) return;
-      const e = new V(t, n);
+      const e = new w(t, n);
       return i.current = e, () => {
         i.current = null, e.dispose();
       };
@@ -121,6 +124,7 @@ const C = o.forwardRef(
         loadFromLines: (e) => t().loadFromLines(e),
         loadFromFile: (e) => t().loadFromFile(e),
         loadFromText: (e) => t().loadFromText(e),
+        loadFromWorkerData: (e) => t().loadFromWorkerData(e),
         clear: () => t().clear(),
         resetView: () => t().resetView(),
         setOptions: (e) => t().setOptions(e),
@@ -130,7 +134,7 @@ const C = o.forwardRef(
       };
     }, []), o.createElement("div", {
       ref: d,
-      className: a,
+      className: l,
       style: { width: "100%", height: "100%", ...f }
     });
   }

package/dist/types/geometry.d.ts

@@ -1,4 +1,4 @@
-import { ArcMoveCallback, LinearMoveCallback, Position } from "./types";
+import { ArcMoveCallback, LinearMoveCallback, Position, WorkerGeometryData } from "./types";
 export type VertexCollector = {
     onLinearMove?: (args: Parameters<LinearMoveCallback>[0], vertices: number[]) => void;
     onArcMove?: (args: Parameters<ArcMoveCallback>[0], vertices: number[]) => void;
@@ -90,3 +90,10 @@ export declare function buildLaserGeometryFromLinesBatched(lines: readonly strin
     batch?: BatchBuildOptions;
 }): Promise<LaserGeometry>;
 export declare function pushXYZ(vertices: number[], position: Position): void;
+export type WorkerSegmentGroup = {
+    hexColor: string;
+    opacity: number;
+    positions: Float32Array;
+    rgbColors: Float32Array;
+};
+export declare function buildWorkerSegmentGroups(data: WorkerGeometryData): WorkerSegmentGroup[];

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

@@ -1,9 +1,11 @@
 import * as React from "react";
 import type { GCodeSVGOptions } from "../viewer/svg/types";
+import type { WorkerGeometryData } from "../types";
 export type GCodeSVGRendererHandle = {
     loadFromLines(lines: string[]): void;
     loadFromFile(file: File): Promise<void>;
     loadFromText(gcode: string): void;
+    loadFromWorkerData(data: WorkerGeometryData): void;
     clear(): void;
     resetView(): void;
     setOptions(opts: Partial<GCodeSVGOptions>): void;

package/dist/types/types.d.ts

@@ -69,3 +69,11 @@ export type VirtualizeResult = {
     movement: "none" | "linear" | "arc";
     arcMax?: Position;
 };
+export type WorkerGeometryData = {
+    vertices: ArrayBuffer;
+    frames: ArrayBuffer;
+    colorArrayBuffer: ArrayBuffer;
+    verticesLen: number;
+    framesLen: number;
+    colorLen: number;
+};

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

@@ -1,3 +1,4 @@
+import type { WorkerGeometryData } from "../types";
 import { GCodeViewerCameraView, GCodeViewerBounds, GCodeViewerCallbacks, GCodeViewerCreateArgs, GCodeViewerHandle, GCodeViewerBitPosition, GCodeViewerOptions } from "./types";
 export declare class GCodeViewer implements GCodeViewerHandle {
     readonly id: string;
@@ -52,6 +53,7 @@ export declare class GCodeViewer implements GCodeViewerHandle {
     loadFromFile(file: File): Promise<void>;
     loadFromText(gcode: string): Promise<void>;
     loadFromLines(lines: readonly string[]): Promise<void>;
+    loadFromWorkerData(data: WorkerGeometryData): Promise<void>;
     unload(): void;
     setOptions(next: Partial<GCodeViewerOptions>): void;
     getOptions(): Readonly<GCodeViewerOptions>;

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

@@ -5,3 +5,4 @@ export type { GCodeViewerThemePresetName } from "./themes";
 export * from "./types";
 export { GCodeSVGRenderer } from "./svg/GCodeSVGRenderer";
 export type { GCodeSVGOptions } from "./svg/types";
+export type { WorkerGeometryData } from "../types";

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

@@ -1,3 +1,4 @@
+import type { WorkerGeometryData } from "../../types";
 import { GCodeSVGOptions } from "./types";
 export declare class GCodeSVGRenderer {
     private svg;
@@ -5,8 +6,11 @@ export declare class GCodeSVGRenderer {
     private bboxLabelX;
     private bboxLabelY;
     private bboxLabelZ;
-    private rapidPath;
-    private cutPath;
+    private pathLayer;
+    private originMarker;
+    private pathEls;
+    private segmentGroups;
+    private workerMode;
     private options;
     private viewBox;
     private rotX;
@@ -30,6 +34,8 @@ export declare class GCodeSVGRenderer {
     loadFromFile(file: File): Promise<void>;
     loadFromText(gcode: string): void;
     clear(): void;
+    loadFromWorkerData(data: WorkerGeometryData): void;
+    private syncSegmentGroupsFromLines;
     resetView(): void;
     setOptions(opts: Partial<GCodeSVGOptions>): void;
     setProjectionMode(mode: 'perspective' | 'isometric'): void;
@@ -43,6 +49,7 @@ export declare class GCodeSVGRenderer {
     private applyViewBox;
     private applyOptions;
     private renderBbox;
+    private renderOriginMarker;
     private onWheel;
     private onPointerDown;
     private onPointerMove;

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

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

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

@@ -17,6 +17,7 @@ export type ToolpathStreamSpec = {
     positions: Float32Array;
     prefixEndVertex: Int32Array;
     opacity: number;
+    colors?: Float32Array;
 };
 export declare function createToolpathStreams(args: {
     specs: readonly ToolpathStreamSpec[];

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

@@ -1,3 +1,4 @@
+import type { WorkerGeometryData } from "../types";
 export type GridUnits = "mm" | "in";
 export type GCodeViewerTheme = {
     background: string;
@@ -153,6 +154,7 @@ export type GCodeViewerHandle = {
     loadFromFile(file: File): Promise<void>;
     loadFromText(gcode: string): Promise<void>;
     loadFromLines(lines: readonly string[]): Promise<void>;
+    loadFromWorkerData(data: WorkerGeometryData): Promise<void>;
     unload(): void;
     setOptions(next: Partial<GCodeViewerOptions>): void;
     getOptions(): Readonly<GCodeViewerOptions>;

package/dist/viewer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./GCodeSVGRenderer-DaLc9_L-.cjs"),a={dark:{background:"#111827",opacity:.9,rapidOpacity:.3,colors:{rapid:"#0ef6ae",cutting:"#3e85c7",laser:"#a855f7",processed:"#6b7280",boundingBox:"#77a9d7",grid:{major:"#2f3840",minor:"#1f252b"},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:"#77a9d7",minor:"#a8c6e4"},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:"#403e3c",minor:"#282726"},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:"#414868",minor:"#24283b"},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:"#d5c4a1",minor:"#ebdbb2"},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:"#242b38",minor:"#1a1f2b"},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:"#c9cacc",minor:"#e5e7ea"},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-DGzotwOB.cjs"),a={dark:{background:"#111827",opacity:.9,rapidOpacity:.3,colors:{rapid:"#0ef6ae",cutting:"#3e85c7",laser:"#a855f7",processed:"#6b7280",boundingBox:"#77a9d7",grid:{major:"#2f3840",minor:"#1f252b"},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:"#77a9d7",minor:"#a8c6e4"},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:"#403e3c",minor:"#282726"},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:"#414868",minor:"#24283b"},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:"#d5c4a1",minor:"#ebdbb2"},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:"#242b38",minor:"#1a1f2b"},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:"#c9cacc",minor:"#e5e7ea"},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 r, a as d, V as i, d as c, b as s } from "./GCodeSVGRenderer-DnFLLJmH.js";
+import { G as r, a as d, V as i, d as c, b as s } from "./GCodeSVGRenderer-B3Yor_nk.js";
 const a = {
   dark: {
     background: "#111827",

package/package.json

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