abstract-3d 0.1.2

package/lib/renderers/react/react-group.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactGroup = void 0;
+const react_1 = __importDefault(require("react"));
+const fiber_1 = require("@react-three/fiber");
+const react_material_1 = require("./react-material");
+const react_mesh_1 = require("./react-mesh");
+function ReactGroup({ g, materialStateImages, hoveredId, hoveredIdExternal, selectedId, hotSpotsActive, activeComponents, id, rootData, onClickGroup, onContextMenuGroup, setHoveredId, createGroupKey, }) {
+    var _a, _b, _c, _d, _f, _g, _h, _j;
+    const ref = react_1.default.useRef(undefined);
+    (0, fiber_1.useFrame)(({ invalidate }, delta) => {
+        var _a, _b, _c, _d, _f, _g;
+        if (g.animation) {
+            invalidate();
+            ref.current.rotation.x += (g.animation.transform.rot.x / g.animation.duration) * 1000 * delta;
+            ref.current.rotation.y += (g.animation.transform.rot.y / g.animation.duration) * 1000 * delta;
+            ref.current.rotation.z += (g.animation.transform.rot.z / g.animation.duration) * 1000 * delta;
+        }
+        else {
+            ref.current.rotation.x = (_b = (_a = g.rot) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0;
+            ref.current.rotation.y = (_d = (_c = g.rot) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0;
+            ref.current.rotation.z = (_g = (_f = g.rot) === null || _f === void 0 ? void 0 : _f.z) !== null && _g !== void 0 ? _g : 0;
+            ref.current.position.x = g.pos.x;
+            ref.current.position.y = g.pos.y;
+            ref.current.position.z = g.pos.z;
+        }
+    });
+    const materialState = activeComponents === null || activeComponents === void 0 ? void 0 : activeComponents[id !== null && id !== void 0 ? id : ""];
+    const disabled = hotSpotsActive && materialState !== "Accept";
+    return (react_1.default.createElement("group", Object.assign({ rotation: [(_b = (_a = g.rot) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0, (_d = (_c = g.rot) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0, (_g = (_f = g.rot) === null || _f === void 0 ? void 0 : _f.z) !== null && _g !== void 0 ? _g : 0], position: [g.pos.x, g.pos.y, g.pos.z], ref: ref }, (id &&
+        !disabled && {
+        onClick: (e) => {
+            if (onClickGroup) {
+                e.stopPropagation();
+                onClickGroup(id, rootData, g.data);
+            }
+        },
+        onPointerOver: (e) => {
+            e.stopPropagation();
+            document.body.style.cursor = "pointer";
+            setHoveredId(id);
+        },
+        onPointerOut: (_e) => {
+            document.body.style.cursor = "auto";
+            setHoveredId(undefined);
+        },
+        onContextMenu: (e) => {
+            if (onContextMenuGroup) {
+                e.stopPropagation();
+                onContextMenuGroup(id, rootData, g.data, e.nativeEvent.x, e.nativeEvent.y);
+            }
+        },
+    })), (_h = g.groups) === null || _h === void 0 ? void 0 :
+        _h.map((g, i) => (react_1.default.createElement(ReactGroup, { key: createGroupKey ? createGroupKey(g, i, rootData, id !== null && id !== void 0 ? id : "") : i, g: g, selectedId: selectedId, hotSpotsActive: hotSpotsActive, activeComponents: activeComponents, materialStateImages: materialStateImages, hoveredId: hoveredId, hoveredIdExternal: hoveredIdExternal, onClickGroup: onClickGroup, onContextMenuGroup: onContextMenuGroup, setHoveredId: setHoveredId, id: id, rootData: rootData, createGroupKey: createGroupKey }))), (_j = g.meshes) === null || _j === void 0 ? void 0 :
+        _j.map((m, i) => (react_1.default.createElement(react_mesh_1.ReactMesh, { key: `mesh_${i}`, mesh: m },
+            react_1.default.createElement(react_material_1.ReactMaterial, { material: m.material, id: id, selectedId: selectedId, hoveredId: hoveredId || hoveredIdExternal, materialStateImages: materialStateImages, disabled: disabled, state: materialState }))))));
+}
+exports.ReactGroup = ReactGroup;
+//# sourceMappingURL=react-group.js.map

package/lib/renderers/react/react-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-group.js","sourceRoot":"","sources":["../../../src/renderers/react/react-group.tsx"],"names":[],"mappings":"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"}

package/lib/renderers/react/react-hotspot.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import * as A3d from "../../abstract-3d";
+export interface HotSpotInfo {
+    readonly replaceId: string;
+    readonly replaceFromId: string;
+    readonly replaceOutlet: string;
+    readonly replaceToId: string;
+    readonly replaceInlet: string;
+}
+export declare const ReactHotSpots: React.MemoExoticComponent<({ hotSpots, showHotSpotTexts, hotSpotTexts, hotSpotZAdjPos, activeHotSpots, hoveredId, onClickHotSpot, setHoveredId, }: {
+    readonly hotSpots?: ReadonlyArray<A3d.HotSpot>;
+    readonly showHotSpotTexts: boolean;
+    readonly hotSpotZAdjPos: number;
+    readonly hotSpotTexts?: Record<string, string>;
+    readonly activeHotSpots: Record<string, HotSpotInfo> | undefined;
+    readonly hoveredId: string | undefined;
+    readonly onClickHotSpot?: (hotSpot: HotSpotInfo) => void;
+    readonly setHoveredId: (id: string | undefined) => void;
+}) => JSX.Element>;
+export declare function ReactHotSpot({ h, hotSpotZAdjPos, showHotSpotTexts, hotSpotTexts, activeHotSpots, hoveredId, onClickHotSpot, setHoveredId, }: {
+    readonly h: A3d.HotSpot;
+    readonly hotSpotZAdjPos: number;
+    readonly showHotSpotTexts: boolean;
+    readonly hotSpotTexts?: Record<string, string>;
+    readonly activeHotSpots: Record<string, HotSpotInfo> | undefined;
+    readonly hoveredId: string | undefined;
+    readonly onClickHotSpot?: (hotSpot: HotSpotInfo) => void;
+    readonly setHoveredId: (id: string | undefined) => void;
+}): JSX.Element;
+//# sourceMappingURL=react-hotspot.d.ts.map

package/lib/renderers/react/react-hotspot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-hotspot.d.ts","sourceRoot":"","sources":["../../../src/renderers/react/react-hotspot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,GAAG,MAAM,mBAAmB,CAAC;AAIzC,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,aAAa,qJAUrB;IACD,QAAQ,CAAC,QAAQ,CAAC,EAAE,cAAc,IAAI,OAAO,CAAC,CAAC;IAC/C,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,QAAQ,CAAC,cAAc,EAAE,OAAO,MAAM,EAAE,WAAW,CAAC,GAAG,SAAS,CAAC;IACjE,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACzD,KAAG,WAAW,CAmBhB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,CAAC,EACD,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,SAAS,EACT,cAAc,EACd,YAAY,GACb,EAAE;IACD,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,SAAS,CAAC;IACjE,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACzD,GAAG,GAAG,CAAC,OAAO,CA0Cd"}

package/lib/renderers/react/react-hotspot.js

@@ -0,0 +1,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    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 __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactHotSpot = exports.ReactHotSpots = void 0;
+const react_1 = __importDefault(require("react"));
+// import { Html } from "@react-three/drei/web/Html";
+const drei_1 = require("@react-three/drei");
+const A3d = __importStar(require("../../abstract-3d"));
+const react_mesh_1 = require("./react-mesh");
+const react_material_1 = require("./react-material");
+exports.ReactHotSpots = react_1.default.memo(({ hotSpots, showHotSpotTexts, hotSpotTexts, hotSpotZAdjPos, activeHotSpots, hoveredId, onClickHotSpot, setHoveredId, }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null, hotSpots === null || hotSpots === void 0 ? void 0 : hotSpots.map((h) => (react_1.default.createElement(ReactHotSpot, { key: h.id, h: h, hotSpotZAdjPos: hotSpotZAdjPos, activeHotSpots: activeHotSpots, hotSpotTexts: hotSpotTexts, hoveredId: hoveredId, onClickHotSpot: onClickHotSpot, setHoveredId: setHoveredId, showHotSpotTexts: showHotSpotTexts })))));
+});
+function ReactHotSpot({ h, hotSpotZAdjPos, showHotSpotTexts, hotSpotTexts, activeHotSpots, hoveredId, onClickHotSpot, setHoveredId, }) {
+    const hotSpot = activeHotSpots ? activeHotSpots[h.id] : undefined;
+    const hsPos = h.mesh.geometry.type === "Box" ? h.mesh.geometry.pos : A3d.vec3Zero;
+    const text = hotSpotTexts === null || hotSpotTexts === void 0 ? void 0 : hotSpotTexts[h.id];
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("group", Object.assign({ visible: hotSpot !== undefined }, (hotSpot && {
+            onClick: (e) => {
+                if (onClickHotSpot) {
+                    e.stopPropagation();
+                    onClickHotSpot(hotSpot);
+                }
+            },
+            onPointerOver: (e) => {
+                e.stopPropagation();
+                document.body.style.cursor = "pointer";
+                setHoveredId(h.id);
+            },
+            onPointerOut: (_e) => {
+                document.body.style.cursor = "auto";
+                setHoveredId(undefined);
+            },
+            onContextMenu: (e) => {
+                e.stopPropagation();
+            },
+        })),
+            react_1.default.createElement(react_mesh_1.ReactMesh, { mesh: h.mesh },
+                react_1.default.createElement(react_material_1.ReactMaterial, { id: h.id, material: h.mesh.material, hoveredId: hoveredId }))),
+        hotSpotTexts && text && (react_1.default.createElement(drei_1.Html, { position: [hsPos.x, hsPos.y, hotSpotZAdjPos], center: true },
+            react_1.default.createElement("div", { className: `air-states-container ${showHotSpotTexts ? "" : "air-states-container-hidden"}` },
+                react_1.default.createElement("span", { className: "air-states-text" }, text))))));
+}
+exports.ReactHotSpot = ReactHotSpot;
+//# sourceMappingURL=react-hotspot.js.map

package/lib/renderers/react/react-hotspot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-hotspot.js","sourceRoot":"","sources":["../../../src/renderers/react/react-hotspot.tsx"],"names":[],"mappings":"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"}

package/lib/renderers/react/react-material.d.ts

@@ -0,0 +1,13 @@
+import * as A3d from "../../abstract-3d";
+export type MaterialState = "Accept" | "Error" | "Warning";
+export declare const ERROR_IMG_KEY = "error";
+export declare function ReactMaterial({ material, id, selectedId, hoveredId, disabled, materialStateImages, state, }: {
+    readonly material: A3d.Material;
+    readonly id?: string;
+    readonly hoveredId?: string | undefined;
+    readonly selectedId?: string | undefined;
+    readonly disabled?: boolean;
+    readonly materialStateImages?: Record<string, string>;
+    readonly state?: MaterialState | undefined;
+}): JSX.Element;
+//# sourceMappingURL=react-material.d.ts.map

package/lib/renderers/react/react-material.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-material.d.ts","sourceRoot":"","sources":["../../../src/renderers/react/react-material.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,GAAG,MAAM,mBAAmB,CAAC;AAIzC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAC3D,eAAO,MAAM,aAAa,UAAU,CAAC;AAErC,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,EAAO,EACP,UAAU,EACV,SAAS,EACT,QAAQ,EACR,mBAAmB,EACnB,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtD,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;CAC5C,GAAG,GAAG,CAAC,OAAO,CAiEd"}

package/lib/renderers/react/react-material.js

@@ -0,0 +1,85 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactMaterial = exports.ERROR_IMG_KEY = void 0;
+const react_1 = __importDefault(require("react"));
+const three_1 = require("three");
+const suspend_react_1 = require("suspend-react");
+const decreasedOpacity = 0.2;
+exports.ERROR_IMG_KEY = "error";
+function ReactMaterial({ material, id = "", selectedId, hoveredId, disabled, materialStateImages, state, }) {
+    var _a, _b, _c, _d;
+    const mat = !state || ((_a = material.image) === null || _a === void 0 ? void 0 : _a.type) === "UrlImage"
+        ? material
+        : state === "Accept"
+            ? acceptMaterial
+            : state === "Error"
+                ? errorMaterial
+                : warningMaterial;
+    const color = selectedId === id ? mat.selected : hoveredId === id ? mat.hover : mat.normal;
+    const opacity = material.opacity !== undefined ? material.opacity : materialDefaults.opacity;
+    if (((_b = material.image) === null || _b === void 0 ? void 0 : _b.type) === "UrlImage") {
+        return (react_1.default.createElement(TextureMaterial, { url: state === "Error" ? (_c = materialStateImages === null || materialStateImages === void 0 ? void 0 : materialStateImages[exports.ERROR_IMG_KEY]) !== null && _c !== void 0 ? _c : material.image.url : material.image.url, color: color, material: mat }));
+    }
+    switch (mat.type) {
+        case "Basic":
+            return (react_1.default.createElement("meshBasicMaterial", Object.assign({ color: color, side: three_1.DoubleSide, transparent: true }, (opacity < 1 ? { opacity } : materialDefaults))));
+        case "Phong":
+            return (react_1.default.createElement("meshPhongMaterial", Object.assign({ color: color, shininess: ((_d = mat.shininess) !== null && _d !== void 0 ? _d : 70) * 2, side: three_1.DoubleSide }, (opacity < 1 || disabled
+                ? { transparent: true, opacity: disabled ? opacity * decreasedOpacity : opacity }
+                : materialDefaults))));
+        // return (
+        //   <meshStandardMaterial
+        //     color={color}
+        //     roughness={0.45}
+        //     metalness={0.55}
+        //     side={DoubleSide}
+        //     {...(mat.opacity < 1 || disabled
+        //       ? { transparent: true, opacity: disabled ? mat.opacity * decreasedOpacity : mat.opacity }
+        //       : materialDefaults)}
+        //   />
+        // );
+        case "Lambert":
+        default:
+            return (react_1.default.createElement("meshLambertMaterial", Object.assign({ color: color, side: three_1.DoubleSide }, (opacity < 1 || disabled
+                ? { transparent: true, opacity: disabled ? opacity * decreasedOpacity : opacity }
+                : materialDefaults))));
+    }
+}
+exports.ReactMaterial = ReactMaterial;
+function TextureMaterial({ url, color, material, }) {
+    const texture = (0, suspend_react_1.suspend)(new Promise((res) => textureLoader.load(url, (data) => {
+        data.colorSpace = three_1.SRGBColorSpace;
+        res(data);
+    }, undefined, () => res(null))), [url]);
+    return (react_1.default.createElement("meshBasicMaterial", Object.assign({ color: color, side: three_1.DoubleSide, alphaTest: 0.8, map: texture }, (material.opacity !== undefined && material.opacity < 1 ? { opacity: material.opacity } : materialDefaults), { transparent: true })));
+}
+const textureLoader = new three_1.TextureLoader();
+const materialDefaults = { transparent: false, opacity: 1.0, depthWrite: true, depthTest: true };
+const acceptMaterial = {
+    type: "Phong",
+    normal: "rgb(0,148,91)",
+    hover: "rgb(1,88,55)",
+    selected: "rgb(1,88,55)",
+    opacity: 1.0,
+    shininess: 50,
+};
+const errorMaterial = {
+    type: "Phong",
+    normal: "#b82f3a",
+    hover: "#991c31",
+    selected: "#991c31",
+    opacity: 1.0,
+    shininess: 50,
+};
+const warningMaterial = {
+    type: "Phong",
+    normal: "rgb(240, 197, 48)",
+    hover: "rgb(221, 181, 38)",
+    selected: "rgb(182, 147, 20)",
+    opacity: 1.0,
+    shininess: 50,
+};
+//# sourceMappingURL=react-material.js.map

package/lib/renderers/react/react-material.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-material.js","sourceRoot":"","sources":["../../../src/renderers/react/react-material.tsx"],"names":[],"mappings":"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"}

package/lib/renderers/react/react-mesh.d.ts

@@ -0,0 +1,10 @@
+import { Vector3, Euler, Quaternion } from "three";
+import * as A3d from "../../abstract-3d";
+export declare const euler: Euler;
+export declare const vector3: Vector3;
+export declare const quaternion: Quaternion;
+export declare function ReactMesh({ mesh, children, }: {
+    readonly mesh: A3d.Mesh;
+    readonly children?: JSX.Element;
+}): JSX.Element;
+//# sourceMappingURL=react-mesh.d.ts.map

package/lib/renderers/react/react-mesh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-mesh.d.ts","sourceRoot":"","sources":["../../../src/renderers/react/react-mesh.tsx"],"names":[],"mappings":"AAOA,OAAO,EAQL,OAAO,EACP,KAAK,EACL,UAAU,EAMX,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,GAAG,MAAM,mBAAmB,CAAC;AAQzC,eAAO,MAAM,KAAK,OAAc,CAAC;AACjC,eAAO,MAAM,OAAO,SAAgB,CAAC;AACrC,eAAO,MAAM,UAAU,YAAmB,CAAC;AAE3C,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACjC,GAAG,GAAG,CAAC,OAAO,CAoHd"}

package/lib/renderers/react/react-mesh.js

@@ -0,0 +1,238 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    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 __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactMesh = exports.quaternion = exports.vector3 = exports.euler = void 0;
+/* eslint-disable functional/no-class */
+/* eslint-disable functional/no-this-expression */
+/* eslint-disable functional/prefer-readonly-type */
+const react_1 = __importDefault(require("react"));
+// import { Text } from "@react-three/drei/core/Text";
+// import { Line } from "@react-three/drei/core/Line";
+const drei_1 = require("@react-three/drei");
+const three_1 = require("three");
+const ts_exhaustive_check_1 = require("ts-exhaustive-check");
+const A3d = __importStar(require("../../abstract-3d"));
+const boxGeometry = new three_1.BoxGeometry();
+const cylinderGeometry = new three_1.CylinderGeometry(1, 1, 1, 40, 1);
+const coneGeometry = new three_1.ConeGeometry(1, 1, 16, 1);
+const planeGeometry = new three_1.PlaneGeometry();
+const sphereGeometry = new three_1.SphereGeometry(1, 12, 12);
+exports.euler = new three_1.Euler();
+exports.vector3 = new three_1.Vector3();
+exports.quaternion = new three_1.Quaternion();
+function ReactMesh({ mesh, children, }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    switch (mesh.geometry.type) {
+        case "Box": {
+            const { pos, size, rot, holes } = mesh.geometry;
+            return !holes || holes.length === 0 ? (react_1.default.createElement("mesh", { geometry: boxGeometry, scale: [size.x, size.y, size.z], position: [pos.x, pos.y, pos.z], rotation: [(_a = rot === null || rot === void 0 ? void 0 : rot.x) !== null && _a !== void 0 ? _a : 0, (_b = rot === null || rot === void 0 ? void 0 : rot.y) !== null && _b !== void 0 ? _b : 0, (_c = rot === null || rot === void 0 ? void 0 : rot.z) !== null && _c !== void 0 ? _c : 0] }, children)) : (react_1.default.createElement(ExcrudeBoxPlane, { geo: mesh.geometry, sizeZ: size.z }, children));
+        }
+        case "Cone": {
+            const { pos, radius, rot, length } = mesh.geometry;
+            return (react_1.default.createElement("mesh", { geometry: coneGeometry, scale: [radius, length, radius], position: [pos.x, pos.y, pos.z], rotation: [(_d = rot === null || rot === void 0 ? void 0 : rot.x) !== null && _d !== void 0 ? _d : 0, (_e = rot === null || rot === void 0 ? void 0 : rot.y) !== null && _e !== void 0 ? _e : 0, (_f = rot === null || rot === void 0 ? void 0 : rot.z) !== null && _f !== void 0 ? _f : 0] }, children));
+        }
+        case "Cylinder": {
+            const { pos, radius, rot, length, holes } = mesh.geometry;
+            return !holes || holes.length === 0 ? (react_1.default.createElement("mesh", { geometry: cylinderGeometry, scale: [radius, length, radius], position: [pos.x, pos.y, pos.z], rotation: [(_g = rot === null || rot === void 0 ? void 0 : rot.x) !== null && _g !== void 0 ? _g : 0, (_h = rot === null || rot === void 0 ? void 0 : rot.y) !== null && _h !== void 0 ? _h : 0, (_j = rot === null || rot === void 0 ? void 0 : rot.z) !== null && _j !== void 0 ? _j : 0] }, children)) : (react_1.default.createElement(ExcrudeCylinder, { cyl: mesh.geometry }, children));
+        }
+        case "Plane": {
+            const { pos, size, rot, holes } = mesh.geometry;
+            return !holes || holes.length === 0 ? (react_1.default.createElement("mesh", { geometry: planeGeometry, scale: [size.x, size.y, 1], position: [pos.x, pos.y, pos.z], rotation: [(_k = rot === null || rot === void 0 ? void 0 : rot.x) !== null && _k !== void 0 ? _k : 0, (_l = rot === null || rot === void 0 ? void 0 : rot.y) !== null && _l !== void 0 ? _l : 0, (_m = rot === null || rot === void 0 ? void 0 : rot.z) !== null && _m !== void 0 ? _m : 0] }, children)) : (react_1.default.createElement(ExcrudeBoxPlane, { geo: mesh.geometry, sizeZ: 0 }, children));
+        }
+        case "Sphere": {
+            const { pos, radius } = mesh.geometry;
+            return (react_1.default.createElement("mesh", { geometry: sphereGeometry, scale: radius, position: [pos.x, pos.y, pos.z] }, children));
+        }
+        case "Shape":
+            return react_1.default.createElement(ExcrudeShape, { s: mesh.geometry }, children);
+        case "Text": {
+            const { pos, rot, text, fontSize } = mesh.geometry;
+            return (react_1.default.createElement(drei_1.Text, { position: [pos.x, pos.y, pos.z], rotation: [(_o = rot === null || rot === void 0 ? void 0 : rot.x) !== null && _o !== void 0 ? _o : 0, (_p = rot === null || rot === void 0 ? void 0 : rot.y) !== null && _p !== void 0 ? _p : 0, (_q = rot === null || rot === void 0 ? void 0 : rot.z) !== null && _q !== void 0 ? _q : 0], fontSize: fontSize, textAlign: "center", letterSpacing: 0.001, lineHeight: 1.5 },
+                children,
+                text));
+        }
+        case "Line": {
+            const { start, end, thickness } = mesh.geometry;
+            return (react_1.default.createElement(drei_1.Line, { points: [
+                    [start.x, start.y, start.z],
+                    [end.x, end.y, end.z],
+                ], lineWidth: thickness, color: mesh.material.normal }, children));
+        }
+        case "Polygon":
+            return react_1.default.createElement(Polygon, { polygon: mesh.geometry }, children);
+        case "Tube":
+            return react_1.default.createElement(Tube, { tube: mesh.geometry }, children);
+        default:
+            return react_1.default.createElement("group", null);
+    }
+}
+exports.ReactMesh = ReactMesh;
+function ExcrudeBoxPlane({ geo, sizeZ, children, }) {
+    var _a, _b, _c, _d, _e, _f;
+    const half = A3d.vec2Scale(geo.size, 0.5);
+    const excrudeGeometry = react_1.default.useMemo(() => {
+        const shape = new three_1.Shape();
+        shape.moveTo(-half.x, -half.y).lineTo(-half.x, half.y).lineTo(half.x, half.y).lineTo(half.x, -half.y).closePath();
+        holes(geo.holes, shape);
+        return new three_1.ExtrudeGeometry(shape, { depth: sizeZ, bevelEnabled: false });
+    }, [geo]);
+    return (
+    // Doesn't seem to adjust for excrude z size directly???
+    react_1.default.createElement("mesh", { rotation: [(_b = (_a = geo.rot) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0, (_d = (_c = geo.rot) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0, (_f = (_e = geo.rot) === null || _e === void 0 ? void 0 : _e.z) !== null && _f !== void 0 ? _f : 0], position: [geo.pos.x, geo.pos.y, geo.pos.z] },
+        react_1.default.createElement("mesh", { geometry: excrudeGeometry, "position-z": -sizeZ / 2 }, children)));
+}
+function ExcrudeShape({ s, children }) {
+    var _a, _b, _c, _d, _e, _f;
+    const excrudeGeometry = react_1.default.useMemo(() => {
+        const shape = new three_1.Shape();
+        if (s.points.length > 0) {
+            const p = s.points[0];
+            shape.moveTo(p.x, p.y);
+        }
+        for (let i = 1; i < s.points.length; i++) {
+            const p = s.points[i];
+            shape.lineTo(p.x, p.y);
+        }
+        shape.closePath();
+        holes(s.holes, shape);
+        return new three_1.ExtrudeGeometry(shape, { depth: s.thickness, bevelEnabled: false });
+    }, [s]);
+    return (
+    // Doesn't seem to adjust for excrude z size directly???
+    react_1.default.createElement("mesh", { rotation: [(_b = (_a = s.rot) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0, (_d = (_c = s.rot) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0, (_f = (_e = s.rot) === null || _e === void 0 ? void 0 : _e.z) !== null && _f !== void 0 ? _f : 0], position: [s.pos.x, s.pos.y, s.pos.z] },
+        react_1.default.createElement("mesh", { geometry: excrudeGeometry, "position-z": -s.thickness / 2 }, children)));
+}
+function ExcrudeCylinder({ cyl, children, }) {
+    var _a, _b, _c, _d, _e, _f;
+    const excrudeGeometry = react_1.default.useMemo(() => {
+        const shape = new three_1.Shape();
+        shape.moveTo(0, cyl.radius).absellipse(0, 0, cyl.radius, cyl.radius, 0, Math.PI * 2, true);
+        holes(cyl.holes, shape);
+        return new three_1.ExtrudeGeometry(shape, { depth: cyl.length, bevelEnabled: false });
+    }, [cyl]);
+    return (
+    // Doesn't seem to adjust for excrude z size directly???
+    react_1.default.createElement("mesh", { rotation: [(_b = (_a = cyl.rot) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0, (_d = (_c = cyl.rot) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0, (_f = (_e = cyl.rot) === null || _e === void 0 ? void 0 : _e.z) !== null && _f !== void 0 ? _f : 0], position: [cyl.pos.x, cyl.pos.y, cyl.pos.z] },
+        react_1.default.createElement("mesh", { geometry: excrudeGeometry, "rotation-x": Math.PI / 2, "position-y": +cyl.length / 2 }, children)));
+}
+function holes(holes, shape) {
+    holes === null || holes === void 0 ? void 0 : holes.forEach((h) => {
+        switch (h.type) {
+            case "RoundHole":
+                shape.holes.push(new three_1.Path().absarc(h.pos.x, h.pos.y, h.radius, 0, Math.PI * 2, true));
+                break;
+            case "SquareHole": {
+                const path = new three_1.Path();
+                const halfHole = A3d.vec2Scale(h.size, 0.5);
+                const min = A3d.vec2Sub(h.pos, halfHole);
+                const max = A3d.vec2Add(h.pos, halfHole);
+                path.moveTo(min.x, min.y).lineTo(min.x, max.y).lineTo(max.x, max.y).lineTo(max.x, min.y).closePath();
+                shape.holes.push(path);
+                break;
+            }
+            default:
+                (0, ts_exhaustive_check_1.exhaustiveCheck)(h);
+        }
+    });
+}
+function Polygon({ polygon, children, }) {
+    var _a, _b, _c, _d, _e, _f;
+    const ref = react_1.default.useRef(undefined);
+    const vertices = react_1.default.useMemo(() => {
+        let newVertices = undefined;
+        switch (polygon.points.length) {
+            default:
+            case 3: {
+                newVertices = new Float32Array(polygon.points.length * 3);
+                let i = 0;
+                polygon.points.forEach((p) => {
+                    newVertices[i++] = p.x;
+                    newVertices[i++] = p.y;
+                    newVertices[i++] = p.z;
+                });
+                break;
+            }
+            case 4: {
+                const v0 = polygon.points[0];
+                const v1 = polygon.points[1];
+                const v2 = polygon.points[2];
+                const v3 = polygon.points[3];
+                newVertices = new Float32Array([
+                    v0.x,
+                    v0.y,
+                    v0.z,
+                    v1.x,
+                    v1.y,
+                    v1.z,
+                    v2.x,
+                    v2.y,
+                    v2.z,
+                    v2.x,
+                    v2.y,
+                    v2.z,
+                    v3.x,
+                    v3.y,
+                    v3.z,
+                    v0.x,
+                    v0.y,
+                    v0.z,
+                ]);
+                break;
+            }
+        }
+        if (ref.current) {
+            ref.current.needsUpdate = true;
+        }
+        return newVertices;
+    }, [polygon]);
+    return (react_1.default.createElement("mesh", { rotation: [(_b = (_a = polygon.rot) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0, (_d = (_c = polygon.rot) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0, (_f = (_e = polygon.rot) === null || _e === void 0 ? void 0 : _e.z) !== null && _f !== void 0 ? _f : 0], position: [polygon.pos.x, polygon.pos.y, polygon.pos.z] },
+        react_1.default.createElement("bufferGeometry", { attach: "geometry", onUpdate: (self) => self.computeVertexNormals() },
+            react_1.default.createElement("bufferAttribute", { attach: "attributes-position", needsUpdate: true, ref: ref, array: vertices, count: vertices.length / 3, itemSize: 3 })),
+        children));
+}
+function Tube({ tube, children }) {
+    var _a, _b, _c, _d, _e, _f;
+    const tubeGeometry = react_1.default.useMemo(() => {
+        return new three_1.TubeGeometry(tube.curve.type === "SplineCurve"
+            ? new three_1.CatmullRomCurve3(tube.curve.points.map((p) => new three_1.Vector3(p.x, p.y, p.z)))
+            : new CircleCurve(tube.curve), 9, tube.radius, 9, false);
+    }, [tube]);
+    return (react_1.default.createElement("mesh", { rotation: [(_b = (_a = tube.rot) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0, (_d = (_c = tube.rot) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0, (_f = (_e = tube.rot) === null || _e === void 0 ? void 0 : _e.z) !== null && _f !== void 0 ? _f : 0], position: [tube.pos.x, tube.pos.y, tube.pos.z], geometry: tubeGeometry }, children));
+}
+class CircleCurve extends three_1.Curve {
+    constructor(circleCurve) {
+        super();
+        this.radius = circleCurve.radius;
+        this.startAngle = circleCurve.angleStart;
+        this.angleLength = circleCurve.angleLength;
+    }
+    getPoint(t, optionalTarget = new three_1.Vector3()) {
+        return optionalTarget.set(-this.radius * Math.sin(this.startAngle + this.angleLength * t), -this.radius * Math.cos(this.startAngle + this.angleLength * t), 0);
+    }
+}
+//# sourceMappingURL=react-mesh.js.map

package/lib/renderers/react/react-mesh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-mesh.js","sourceRoot":"","sources":["../../../src/renderers/react/react-mesh.tsx"],"names":[],"mappings":"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"}

package/lib/renderers/react/react-scene.d.ts

@@ -0,0 +1,20 @@
+import * as A3d from "../../abstract-3d";
+import { HotSpotInfo } from "./react-hotspot";
+import { MaterialState } from "./react-material";
+export declare function ReactScene({ scene, selectedId, hoveredIdExternal, activeHotSpots, activeComponents, hotSpotTexts, showHotSpotTexts, showDimensions, materialStateImages, onClickGroup, onContextMenuGroup, onClickHotSpot, createGroupKey, createGroupId, }: {
+    readonly scene: A3d.Scene;
+    readonly selectedId: string | undefined;
+    readonly hoveredIdExternal: string | undefined;
+    readonly activeHotSpots: Record<string, HotSpotInfo> | undefined;
+    readonly activeComponents: Record<string, MaterialState> | undefined;
+    readonly showHotSpotTexts: boolean;
+    readonly showDimensions: boolean;
+    readonly hotSpotTexts?: Record<string, string>;
+    readonly materialStateImages?: Record<string, string>;
+    readonly onClickGroup?: (id: string | undefined, rootData: Record<string, string> | undefined, data: Record<string, string> | undefined) => void;
+    readonly onContextMenuGroup?: (id: string, rootData: Record<string, string> | undefined, data: Record<string, string> | undefined, left: number, top: number) => void;
+    readonly onClickHotSpot?: (hotSpot: HotSpotInfo) => void;
+    readonly createGroupKey?: (g: A3d.Group, idx: number, rootData: Record<string, string> | undefined, id: string) => string;
+    readonly createGroupId?: (g: A3d.Group) => string;
+}): JSX.Element;
+//# sourceMappingURL=react-scene.d.ts.map

package/lib/renderers/react/react-scene.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-scene.d.ts","sourceRoot":"","sources":["../../../src/renderers/react/react-scene.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,GAAG,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAiB,MAAM,iBAAiB,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAoBjD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,aAAa,GACd,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,QAAQ,CAAC,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,SAAS,CAAC;IACjE,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,SAAS,CAAC;IACrE,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtD,QAAQ,CAAC,YAAY,CAAC,EAAE,CACtB,EAAE,EAAE,MAAM,GAAG,SAAS,EACtB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,EAC5C,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,KACrC,IAAI,CAAC;IACV,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAC5B,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,EAC5C,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,EACxC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,KACR,IAAI,CAAC;IACV,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,cAAc,CAAC,EAAE,CACxB,CAAC,EAAE,GAAG,CAAC,KAAK,EACZ,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,EAC5C,EAAE,EAAE,MAAM,KACP,MAAM,CAAC;IACZ,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,KAAK,KAAK,MAAM,CAAC;CACnD,GAAG,GAAG,CAAC,OAAO,CAgDd"}