frame.image 1.6.2 → 1.6.4

package/dist/Designer.d.ts

@@ -1,5 +1,6 @@
 export declare function Designer(props: {
     onClose: (rt1: string) => void;
     nrPoints?: number;
+    trademarkImageUrl?: string;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Designer.d.ts.map

package/dist/Designer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Designer.d.ts","sourceRoot":"","sources":["../src/Designer.tsx"],"names":[],"mappings":"AAeA,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAC9B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,2CA+QA"}
+{"version":3,"file":"Designer.d.ts","sourceRoot":"","sources":["../src/Designer.tsx"],"names":[],"mappings":"AAeA,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAC9B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,2CAgRA"}

package/dist/Designer.js

@@ -146,7 +146,7 @@ export function Designer(props) {
                                     height: '100%',
                                     boxSizing: 'border-box',
                                     backgroundColor: 'rgb(173, 216, 230)', // lightblue in rgb
-                                }, children: _jsx(DrawCanvas, { machine: currentMachine, command: sendCommand, width: width, height: height, status: { status, setStatus }, show: show, axis: { axis, setAxis }, imageUrl: imageUrl, coords: { coords, setCoords }, trademarkCenter: { trademarkCenter, setTrademarkCenter }, imageCoords: { imageCoords, setImageCoords }, rotation: { rotationAngle, setRotationAngle }, scaledSL: scaledSL, scaledSH: scaledSH, catmullRomPoints: { catmullRomPoints, setCatmullRomPoints } }) }), _jsx(Box, { id: "id.box.ScaleForm", sx: {
+                                }, children: _jsx(DrawCanvas, { machine: currentMachine, command: sendCommand, width: width, height: height, status: { status, setStatus }, show: show, axis: { axis, setAxis }, imageUrl: imageUrl, coords: { coords, setCoords }, trademarkCenter: { trademarkCenter, setTrademarkCenter }, imageCoords: { imageCoords, setImageCoords }, rotation: { rotationAngle, setRotationAngle }, scaledSL: scaledSL, scaledSH: scaledSH, catmullRomPoints: { catmullRomPoints, setCatmullRomPoints }, trademarkImageUrl: props.trademarkImageUrl }) }), _jsx(Box, { id: "id.box.ScaleForm", sx: {
                                     display: 'flex',
                                     flexDirection: 'column',
                                     flex: wCol3,

package/dist/DrawCanvas.d.ts

@@ -17,5 +17,6 @@ export declare function DrawCanvas(props: {
     scaledSL?: number;
     scaledSH?: number;
     zoomFactor?: number;
+    trademarkImageUrl?: string;
 }): JSX.Element;
 //# sourceMappingURL=DrawCanvas.d.ts.map

package/dist/DrawCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawCanvas.d.ts","sourceRoot":"","sources":["../src/DrawCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqD,MAAM,OAAO,CAAC;AAG/E,OAAO,EACL,SAAS,EACT,qBAAqB,EACrB,WAAW,EACX,UAAU,EACV,aAAa,EACb,KAAK,EACL,WAAW,EACX,cAAc,EACf,MAAM,SAAS,CAAC;AAKjB,wBAAgB,UAAU,CAAC,KAAK,EAAE;IAChC,OAAO,EAAE,GAAG,CAAC;IACb,OAAO,EAAE,GAAG,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,eAAe,EAAE,cAAc,CAAC;IAChC,gBAAgB,EAAE,qBAAqB,CAAC;IACxC,WAAW,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,GAAG,CAAC,OAAO,CAqsBd"}
+{"version":3,"file":"DrawCanvas.d.ts","sourceRoot":"","sources":["../src/DrawCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqD,MAAM,OAAO,CAAC;AAG/E,OAAO,EACL,SAAS,EACT,qBAAqB,EACrB,WAAW,EACX,UAAU,EACV,aAAa,EACb,KAAK,EACL,WAAW,EACX,cAAc,EACf,MAAM,SAAS,CAAC;AAKjB,wBAAgB,UAAU,CAAC,KAAK,EAAE;IAChC,OAAO,EAAE,GAAG,CAAC;IACb,OAAO,EAAE,GAAG,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,eAAe,EAAE,cAAc,CAAC;IAChC,gBAAgB,EAAE,qBAAqB,CAAC;IACxC,WAAW,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,GAAG,CAAC,OAAO,CAysBd"}

package/dist/DrawCanvas.js

@@ -199,11 +199,16 @@ export function DrawCanvas(props) {
     const loadTrademarkImage = useCallback((onLoad) => {
         const newImg = new window.Image();
         newImg.onload = () => onLoad(newImg);
-        // Use relative path that works both locally and when published
-        const path = '../src/assets/rlogo.gif';
-        newImg.src = new URL(path, import.meta.url).href;
-        newImg.onerror = () => console.error(`Failed to load trademark image from ${path}`);
-    }, []);
+        newImg.onerror = () => console.warn('Failed to load trademark image');
+        if (props.trademarkImageUrl) {
+            // Use the URL provided by the external program
+            newImg.src = props.trademarkImageUrl;
+        }
+        else {
+            // Fallback to default asset path for backward compatibility
+            newImg.src = new URL('../assets/rlogo.gif', import.meta.url).href;
+        }
+    }, [props.trademarkImageUrl]);
     // Split drawImageBackground into two functions: loadImage and drawImageBackground
     const loadImage = useCallback((src, onLoad) => {
         const newImg = new window.Image();

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import rlogo from './assets/rlogo.gif';
+import rlogo from '../src/assets/rlogo.gif';
 export { DrawCanvas } from './DrawCanvas';
 export { ModalDesigner } from './ModalDesigner';
 export { Designer } from './Designer';
@@ -10,5 +10,6 @@ export { TCoordsHook, TStatusHook, TShowHook, TAxisHook, TMouseCoordsHook, TImag
 export { Polygon } from './Polygon';
 export { Point } from './Point';
 export { rlogo };
+export declare function getTrademarkImageUrl(): string;
 export declare function loadTrademarkImage(): Promise<HTMLImageElement>;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oBAAoB,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,WAAW,EACX,WAAW,EACX,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,qBAAqB,GACtB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,CAAC;AAGjB,wBAAgB,kBAAkB,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAO9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,WAAW,EACX,WAAW,EACX,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,qBAAqB,GACtB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,CAAC;AAGjB,wBAAgB,oBAAoB,IAAI,MAAM,CAE7C;AAGD,wBAAgB,kBAAkB,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAO9D"}

package/dist/index.js

@@ -1,4 +1,4 @@
-import rlogo from './assets/rlogo.gif';
+import rlogo from '../src/assets/rlogo.gif';
 export { DrawCanvas } from './DrawCanvas';
 export { ModalDesigner } from './ModalDesigner';
 export { Designer } from './Designer';
@@ -9,6 +9,10 @@ export { States } from './States';
 export { Polygon } from './Polygon';
 export { Point } from './Point';
 export { rlogo };
+// Get the trademark image URL for external programs
+export function getTrademarkImageUrl() {
+    return rlogo;
+}
 // Utility function to load the Rodenstock trademark image
 export function loadTrademarkImage() {
     return new Promise((resolve, reject) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frame.image",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "description": "A React component for drawing a frame on a canvas element.",
   "license": "MIT",
   "author": "Christian.Todd@rodenstock.com",