abstract-image 11.2.10 → 11.2.11

package/lib/abstract-image-jsx/index.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { Group as GroupComponent, BinaryImage as BinaryImageComponent, Ellipse as EllipseComponent, Line as LineComponent, PolyLine as PolyLineComponent, Polygon as PolygonComponent, Rectangle as RectangleComponent, Text as TextComponent, SubImage as SubImageComponent } from "../model/component.js";
+export interface ChildrenProp {
+    readonly children?: Child;
+}
+export type Child = React.JSX.Element | Children;
+export interface Children extends ReadonlyArray<Child> {
+}
+export declare const Group: (props: GroupComponent) => GroupComponent;
+export declare const BinaryImage: (props: BinaryImageComponent) => BinaryImageComponent;
+export declare const Ellipse: (props: EllipseComponent) => EllipseComponent;
+export declare const Line: (props: LineComponent) => LineComponent;
+export declare const PolyLine: (props: PolyLineComponent) => PolyLineComponent;
+export declare const Polygon: (props: PolygonComponent) => PolygonComponent;
+export declare const Rectangle: (props: RectangleComponent) => RectangleComponent;
+export declare const Text: (props: TextComponent) => TextComponent;
+export declare const SubImage: (props: SubImageComponent) => SubImageComponent;
+export declare function render(element: any): any;
+//# sourceMappingURL=index.d.ts.map

package/lib/abstract-image-jsx/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/abstract-image-jsx/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,KAAK,IAAI,cAAc,EACvB,WAAW,IAAI,oBAAoB,EACnC,OAAO,IAAI,gBAAgB,EAC3B,IAAI,IAAI,aAAa,EACrB,QAAQ,IAAI,iBAAiB,EAC7B,OAAO,IAAI,gBAAgB,EAC3B,SAAS,IAAI,kBAAkB,EAC/B,IAAI,IAAI,aAAa,EACrB,QAAQ,IAAI,iBAAiB,EAU9B,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAC3B;AACD,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC;AACjD,MAAM,WAAW,QAAS,SAAQ,aAAa,CAAC,KAAK,CAAC;CAAG;AAEzD,eAAO,MAAM,KAAK,GAAI,OAAO,cAAc,KAAG,cAAyD,CAAC;AACxG,eAAO,MAAM,WAAW,GAAI,OAAO,oBAAoB,KAAG,oBAC+B,CAAC;AAC1F,eAAO,MAAM,OAAO,GAAI,OAAO,gBAAgB,KAAG,gBAS/C,CAAC;AACJ,eAAO,MAAM,IAAI,GAAI,OAAO,aAAa,KAAG,aACmE,CAAC;AAChH,eAAO,MAAM,QAAQ,GAAI,OAAO,iBAAiB,KAAG,iBACqD,CAAC;AAC1G,eAAO,MAAM,OAAO,GAAI,OAAO,gBAAgB,KAAG,gBAQ/C,CAAC;AACJ,eAAO,MAAM,SAAS,GAAI,OAAO,kBAAkB,KAAG,kBAUnD,CAAC;AACJ,eAAO,MAAM,IAAI,GAAI,OAAO,aAAa,KAAG,aAgBzC,CAAC;AACJ,eAAO,MAAM,QAAQ,GAAI,OAAO,iBAAiB,KAAG,iBAA+D,CAAC;AAEpH,wBAAgB,MAAM,CAAC,OAAO,EAAE,GAAG,GAAG,GAAG,CAOxC"}

package/lib/abstract-image-jsx/index.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubImage = exports.Text = exports.Rectangle = exports.Polygon = exports.PolyLine = exports.Line = exports.Ellipse = exports.BinaryImage = exports.Group = void 0;
+exports.render = render;
+const component_js_1 = require("../model/component.js");
+const Group = (props) => (0, component_js_1.createGroup)(props.name, props.children);
+exports.Group = Group;
+const BinaryImage = (props) => (0, component_js_1.createBinaryImage)(props.topLeft, props.bottomRight, props.format, props.data, props.id);
+exports.BinaryImage = BinaryImage;
+const Ellipse = (props) => (0, component_js_1.createEllipse)(props.topLeft, props.bottomRight, props.strokeColor, props.strokeThickness, props.fillColor, props.id, props.strokeDashStyle);
+exports.Ellipse = Ellipse;
+const Line = (props) => (0, component_js_1.createLine)(props.start, props.end, props.strokeColor, props.strokeThickness, props.id, props.strokeDashStyle);
+exports.Line = Line;
+const PolyLine = (props) => (0, component_js_1.createPolyLine)(props.points, props.strokeColor, props.strokeThickness, props.id, props.strokeDashStyle);
+exports.PolyLine = PolyLine;
+const Polygon = (props) => (0, component_js_1.createPolygon)(props.points, props.strokeColor, props.strokeThickness, props.fillColor, props.id, props.strokeDashStyle);
+exports.Polygon = Polygon;
+const Rectangle = (props) => (0, component_js_1.createRectangle)(props.topLeft, props.bottomRight, props.strokeColor, props.strokeThickness, props.fillColor, props.id, props.strokeDashStyle, props.radius);
+exports.Rectangle = Rectangle;
+const Text = (props) => (0, component_js_1.createText)(props.position, props.text, props.fontFamily, props.fontSize, props.textColor, props.fontWeight, props.clockwiseRotationDegrees, props.textAlignment, props.horizontalGrowthDirection, props.verticalGrowthDirection, props.strokeThickness, props.strokeColor, props.italic, props.id);
+exports.Text = Text;
+const SubImage = (props) => (0, component_js_1.createSubImage)(props.topLeft, props.image);
+exports.SubImage = SubImage;
+function render(element) {
+    if (typeof element.type !== "function") {
+        return element;
+    }
+    const props = element.props || {};
+    const children = renderChildren(element);
+    return element.type({ ...props, children });
+}
+function renderChildren(element) {
+    if (!element.props || !element.props.children) {
+        return [];
+    }
+    if (element.props.type === "group") {
+        const children = element.props.children;
+        if (Array.isArray(children)) {
+            return children.flatMap((c) => {
+                if (!c)
+                    return [];
+                if (Array.isArray(c))
+                    return c.map(render);
+                return render(c);
+            });
+        }
+        else {
+            const elements = render(children);
+            return Array.isArray(elements) ? elements : [elements];
+        }
+    }
+    return [];
+}
+//# sourceMappingURL=index.js.map

package/lib/abstract-image-jsx/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/abstract-image-jsx/index.ts"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -10,4 +10,5 @@ export * from "./exporters/dxf2d-export-image.js";
 export * from "./exporters/react-svg-export-image.js";
 export * from "./exporters/eps-export-image.js";
 export * from "./dynamic-image/index.js";
+export * as AbstractImageJsx from "./abstract-image-jsx/index.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,OAAO,KAAK,gBAAgB,MAAM,+BAA+B,CAAC"}

package/lib/index.js

@@ -10,10 +10,33 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AbstractImageJsx = void 0;
 __exportStar(require("./model/abstract-image.js"), exports);
 __exportStar(require("./model/color.js"), exports);
 __exportStar(require("./model/component.js"), exports);
@@ -26,4 +49,5 @@ __exportStar(require("./exporters/dxf2d-export-image.js"), exports);
 __exportStar(require("./exporters/react-svg-export-image.js"), exports);
 __exportStar(require("./exporters/eps-export-image.js"), exports);
 __exportStar(require("./dynamic-image/index.js"), exports);
+exports.AbstractImageJsx = __importStar(require("./abstract-image-jsx/index.js"));
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4DAA0C;AAC1C,mDAAiC;AACjC,uDAAqC;AACrC,mDAAiC;AACjC,kDAAgC;AAChC,wDAAsC;AACtC,kEAAgD;AAChD,kEAAgD;AAChD,oEAAkD;AAClD,wEAAsD;AACtD,kEAAgD;AAChD,2DAAyC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA0C;AAC1C,mDAAiC;AACjC,uDAAqC;AACrC,mDAAiC;AACjC,kDAAgC;AAChC,wDAAsC;AACtC,kEAAgD;AAChD,kEAAgD;AAChD,oEAAkD;AAClD,wEAAsD;AACtD,kEAAgD;AAChD,2DAAyC;AACzC,kFAAkE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "abstract-image",
-  "version": "11.2.10",
+  "version": "11.2.11",
   "description": "Dynamically create images using code or JSX and render to any format",
   "repository": "https://github.com/dividab/abstract-visuals/tree/master/packages/abstract-image",
   "main": "lib/index.js",
@@ -34,5 +34,5 @@
     "vite": "^6.0.1",
     "vitest": "^2.1.6"
   },
-  "gitHead": "80796859ebcc05d5d285c8eda04a0ef8bff36997"
+  "gitHead": "dbd51d4be547cc60281c10623b9ab00ec632d55d"
 }

package/src/abstract-image-jsx/index.ts

@@ -0,0 +1,115 @@
+import React from "react";
+
+import {
+  Group as GroupComponent,
+  BinaryImage as BinaryImageComponent,
+  Ellipse as EllipseComponent,
+  Line as LineComponent,
+  PolyLine as PolyLineComponent,
+  Polygon as PolygonComponent,
+  Rectangle as RectangleComponent,
+  Text as TextComponent,
+  SubImage as SubImageComponent,
+  createGroup,
+  createBinaryImage,
+  createEllipse,
+  createLine,
+  createPolyLine,
+  createPolygon,
+  createRectangle,
+  createText,
+  createSubImage,
+} from "../model/component.js";
+
+export interface ChildrenProp {
+  readonly children?: Child;
+}
+export type Child = React.JSX.Element | Children;
+export interface Children extends ReadonlyArray<Child> {}
+
+export const Group = (props: GroupComponent): GroupComponent => createGroup(props.name, props.children);
+export const BinaryImage = (props: BinaryImageComponent): BinaryImageComponent =>
+  createBinaryImage(props.topLeft, props.bottomRight, props.format, props.data, props.id);
+export const Ellipse = (props: EllipseComponent): EllipseComponent =>
+  createEllipse(
+    props.topLeft,
+    props.bottomRight,
+    props.strokeColor,
+    props.strokeThickness,
+    props.fillColor,
+    props.id,
+    props.strokeDashStyle
+  );
+export const Line = (props: LineComponent): LineComponent =>
+  createLine(props.start, props.end, props.strokeColor, props.strokeThickness, props.id, props.strokeDashStyle);
+export const PolyLine = (props: PolyLineComponent): PolyLineComponent =>
+  createPolyLine(props.points, props.strokeColor, props.strokeThickness, props.id, props.strokeDashStyle);
+export const Polygon = (props: PolygonComponent): PolygonComponent =>
+  createPolygon(
+    props.points,
+    props.strokeColor,
+    props.strokeThickness,
+    props.fillColor,
+    props.id,
+    props.strokeDashStyle
+  );
+export const Rectangle = (props: RectangleComponent): RectangleComponent =>
+  createRectangle(
+    props.topLeft,
+    props.bottomRight,
+    props.strokeColor,
+    props.strokeThickness,
+    props.fillColor,
+    props.id,
+    props.strokeDashStyle,
+    props.radius
+  );
+export const Text = (props: TextComponent): TextComponent =>
+  createText(
+    props.position,
+    props.text,
+    props.fontFamily,
+    props.fontSize,
+    props.textColor,
+    props.fontWeight,
+    props.clockwiseRotationDegrees,
+    props.textAlignment,
+    props.horizontalGrowthDirection,
+    props.verticalGrowthDirection,
+    props.strokeThickness,
+    props.strokeColor,
+    props.italic,
+    props.id
+  );
+export const SubImage = (props: SubImageComponent): SubImageComponent => createSubImage(props.topLeft, props.image);
+
+export function render(element: any): any {
+  if (typeof element.type !== "function") {
+    return element;
+  }
+  const props = element.props || {};
+  const children = renderChildren(element);
+  return (element.type as any)({ ...props, children });
+}
+
+function renderChildren(element: React.ReactElement<any>): any {
+  if (!element.props || !element.props.children) {
+    return [];
+  }
+
+  if (element.props.type === "group") {
+    const children = element.props.children;
+    if (Array.isArray(children)) {
+      return children.flatMap((c: any) => {
+        if (!c) return [];
+        if (Array.isArray(c)) return c.map(render);
+        return render(c);
+      });
+    } else {
+      const elements = render(children);
+      return Array.isArray(elements) ? elements : [elements];
+    }
+  }
+
+  return [];
+}

package/src/index.ts

@@ -10,3 +10,4 @@ export * from "./exporters/dxf2d-export-image.js";
 export * from "./exporters/react-svg-export-image.js";
 export * from "./exporters/eps-export-image.js";
 export * from "./dynamic-image/index.js";
+export * as AbstractImageJsx from "./abstract-image-jsx/index.js";