mathbox-react 0.0.0-a53eb3e

package/build/cjs/components/components.spec.js

@@ -0,0 +1,332 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var vitest_1 = require("vitest");
+var react_1 = __importStar(require("react"));
+var react_2 = require("@testing-library/react");
+var ContainedMathbox_1 = __importDefault(require("./ContainedMathbox"));
+var Mathbox_1 = __importDefault(require("./Mathbox"));
+var components_1 = require("./components");
+function assertNotNil(value) {
+    if (value === undefined) {
+        throw new Error("Unexpected undefined value");
+    }
+    if (value === null) {
+        throw new Error("Unexpected null value");
+    }
+}
+/**
+ * Assert that two mathbox selections have the same nodes in the same order.
+ */
+var assertSelectionsEqual = function (s1, s2) {
+    (0, vitest_1.expect)(s1.length).toBe(s2.length);
+    Array(s1.length)
+        .fill(null)
+        .forEach(function (_, i) {
+        (0, vitest_1.expect)(s1[i]).toBe(s2[i]);
+    });
+};
+(0, vitest_1.describe)("ContainedMathbox", function () {
+    (0, vitest_1.it)("makes a new mathbox instance only if the options have changed", function () {
+        var mbRef = { current: null };
+        var rerender = (0, react_2.render)(react_1.default.createElement(ContainedMathbox_1.default, { options: {}, ref: mbRef })).rerender;
+        var mb0 = mbRef.current;
+        assertNotNil(mb0);
+        rerender(react_1.default.createElement(ContainedMathbox_1.default, { options: {}, ref: mbRef }));
+        var mb1 = mbRef.current;
+        (0, vitest_1.expect)(mb1).toBe(mb0);
+        assertNotNil(mb1);
+        rerender(react_1.default.createElement(ContainedMathbox_1.default, { options: { plugins: ["core"] }, ref: mbRef }));
+        var mb2 = mbRef.current;
+        assertNotNil(mb2);
+        (0, vitest_1.expect)(mb2).not.toBe(mb1);
+    });
+});
+(0, vitest_1.describe)("Cartesian", function () {
+    (0, vitest_1.it)("exposes Mathbox instance via ref", function () {
+        var _a, _b;
+        var mbRef = { current: null };
+        var cartesianRef = { current: null };
+        (0, react_2.render)(react_1.default.createElement(ContainedMathbox_1.default, { ref: mbRef },
+            react_1.default.createElement(components_1.Cartesian, { ref: cartesianRef })));
+        (0, vitest_1.expect)((_a = mbRef.current) === null || _a === void 0 ? void 0 : _a[0].type).toBe("root");
+        (0, vitest_1.expect)((_b = cartesianRef.current) === null || _b === void 0 ? void 0 : _b[0].type).toBe("cartesian");
+    });
+    (0, vitest_1.it)("creates a cartesian instance as child of root", function () {
+        var _a;
+        var mbRef = { current: null };
+        (0, react_2.render)(react_1.default.createElement(ContainedMathbox_1.default, { ref: mbRef },
+            react_1.default.createElement(components_1.Cartesian, null)));
+        (0, vitest_1.expect)((_a = mbRef.current) === null || _a === void 0 ? void 0 : _a.select("cartesian").length).toBe(1);
+    });
+    (0, vitest_1.it)("creates mathbox children as children of itself", function () {
+        var _a, _b, _c;
+        var mbRef = { current: null };
+        (0, react_2.render)(react_1.default.createElement(ContainedMathbox_1.default, { ref: mbRef },
+            react_1.default.createElement(components_1.Cartesian, null,
+                react_1.default.createElement(components_1.Grid, null),
+                react_1.default.createElement(components_1.Grid, null))));
+        (_a = mbRef.current) === null || _a === void 0 ? void 0 : _a.print();
+        (0, vitest_1.expect)((_b = mbRef.current) === null || _b === void 0 ? void 0 : _b.select("cartesian").length).toBe(1);
+        (0, vitest_1.expect)((_c = mbRef.current) === null || _c === void 0 ? void 0 : _c.select("cartesian grid").length).toBe(2);
+    });
+    (0, vitest_1.it)("removes its mathbox instance when unmounted", function () {
+        var _a, _b;
+        var mbRef = { current: null };
+        var rerender = (0, react_2.render)(react_1.default.createElement(ContainedMathbox_1.default, { ref: mbRef },
+            react_1.default.createElement(components_1.Cartesian, null))).rerender;
+        (0, vitest_1.expect)((_a = mbRef.current) === null || _a === void 0 ? void 0 : _a.select("cartesian").length).toBe(1);
+        rerender(react_1.default.createElement(ContainedMathbox_1.default, { ref: mbRef }));
+        (0, vitest_1.expect)((_b = mbRef.current) === null || _b === void 0 ? void 0 : _b.select("cartesian").length).toBe(0);
+    });
+    vitest_1.it.each([
+        { props: { visible: true, scale: [3, 2, 1] } },
+        { props: { visible: false, scale: [1, 2, 3] } },
+    ])("passes appropriate props to its mathbox instance", function (_a) {
+        var _b;
+        var props = _a.props;
+        var mbRef = { current: null };
+        (0, react_2.render)(react_1.default.createElement(ContainedMathbox_1.default, { ref: mbRef },
+            react_1.default.createElement(components_1.Cartesian, __assign({}, props))));
+        var cartesian = (_b = mbRef.current) === null || _b === void 0 ? void 0 : _b.select("cartesian");
+        assertNotNil(cartesian);
+        (0, vitest_1.expect)(cartesian.get("visible")).toBe(props.visible);
+        // Mathbox converts scale to a ThreeJS Vec3
+        (0, vitest_1.expect)(cartesian.get("scale").toArray()).toStrictEqual(props.scale);
+    });
+    (0, vitest_1.it)("updates props on its mathbox instance when rerendered", function () {
+        var _a;
+        var mbRef = { current: null };
+        var rerender = (0, react_2.render)(react_1.default.createElement(ContainedMathbox_1.default, { ref: mbRef },
+            react_1.default.createElement(components_1.Cartesian, null))).rerender;
+        var cartesian = (_a = mbRef.current) === null || _a === void 0 ? void 0 : _a.select("cartesian");
+        assertNotNil(cartesian);
+        (0, vitest_1.expect)(cartesian.get("visible")).toBe(true);
+        rerender(react_1.default.createElement(ContainedMathbox_1.default, { ref: mbRef },
+            react_1.default.createElement(components_1.Cartesian, { visible: false })));
+        (0, vitest_1.expect)(cartesian.get("visible")).toBe(false);
+    });
+    (0, vitest_1.it)("updates liveProps on its mathbox instance when rerendered", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var mbRef, rerender, grid, w1, w2;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    mbRef = { current: null };
+                    rerender = (0, react_2.render)(react_1.default.createElement(ContainedMathbox_1.default, { ref: mbRef },
+                        react_1.default.createElement(components_1.Cartesian, null,
+                            react_1.default.createElement(components_1.Grid, { liveProps: {
+                                    width: function (t) { return 1 + t; },
+                                } })))).rerender;
+                    grid = (_a = mbRef.current) === null || _a === void 0 ? void 0 : _a.select("grid");
+                    assertNotNil(grid);
+                    w1 = grid.get("width");
+                    return [4 /*yield*/, new Promise(function (resolve) {
+                            setTimeout(resolve, 500);
+                        })];
+                case 1:
+                    _b.sent();
+                    w2 = grid.get("width");
+                    (0, vitest_1.expect)(w1).toBe(1);
+                    // Mathbox uses seconds
+                    (0, vitest_1.expect)(w2 - w1).toBeGreaterThan(0.45);
+                    (0, vitest_1.expect)(w2 - w1).toBeLessThanOrEqual(0.5);
+                    rerender(react_1.default.createElement(ContainedMathbox_1.default, { ref: mbRef },
+                        react_1.default.createElement(components_1.Cartesian, null,
+                            react_1.default.createElement(components_1.Grid, { width: 10 }))));
+                    (0, vitest_1.expect)(grid.get("width")).toBe(10);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    (0, vitest_1.it)("re-renders inside new instance when root changes", function () {
+        var mbRef = { current: null };
+        var cartesianRef = { current: null };
+        var gridRef = { current: null };
+        var options1 = {};
+        var rerender = (0, react_2.render)(react_1.default.createElement(ContainedMathbox_1.default, { ref: mbRef, options: options1 },
+            react_1.default.createElement(components_1.Cartesian, { ref: cartesianRef },
+                react_1.default.createElement(components_1.Grid, { ref: gridRef })))).rerender;
+        var mb1 = mbRef.current;
+        var cartesian1 = cartesianRef.current;
+        var grid1 = gridRef.current;
+        assertNotNil(mb1);
+        assertNotNil(cartesian1);
+        assertNotNil(grid1);
+        (0, vitest_1.expect)(cartesian1).toHaveLength(1);
+        assertSelectionsEqual(mb1.select("cartesian"), cartesian1);
+        (0, vitest_1.expect)(grid1).toHaveLength(1);
+        assertSelectionsEqual(mb1.select("grid"), grid1);
+        /**
+         * When re-rendered, this will create a new mathBox since the options
+         * object prop will have changed.
+         */
+        var options2 = { plugins: ["core"] };
+        (0, vitest_1.expect)(options1).not.toBe(options2);
+        rerender(react_1.default.createElement(ContainedMathbox_1.default, { ref: mbRef, options: options2 },
+            react_1.default.createElement(components_1.Cartesian, { ref: cartesianRef },
+                react_1.default.createElement(components_1.Grid, { ref: gridRef }))));
+        var mb2 = mbRef.current;
+        var cartesian2 = cartesianRef.current;
+        var grid2 = gridRef.current;
+        assertNotNil(mb2);
+        assertNotNil(cartesian2);
+        assertNotNil(grid2);
+        // The options have changed (via deep equal) so a new instance is created
+        (0, vitest_1.expect)(mb1).not.toBe(mb2);
+        (0, vitest_1.expect)(cartesian2).toHaveLength(1);
+        assertSelectionsEqual(mb2.select("cartesian"), cartesian2);
+        (0, vitest_1.expect)(grid2).toHaveLength(1);
+        assertSelectionsEqual(mb2.select("grid"), grid2);
+    });
+    (0, vitest_1.it)("Can render a new instance without error", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var mbRef, containerDiv, setKey, KeyedMathbox;
+        return __generator(this, function (_a) {
+            mbRef = { current: null };
+            containerDiv = null;
+            KeyedMathbox = function () {
+                var _a = (0, react_1.useState)(null), container = _a[0], setContainer = _a[1];
+                var _b = (0, react_1.useState)("key-0"), key = _b[0], setKeyState = _b[1];
+                setKey = setKeyState;
+                containerDiv = container;
+                return (react_1.default.createElement("div", { ref: setContainer, key: key }, container && (react_1.default.createElement(Mathbox_1.default, { ref: mbRef, container: container },
+                    react_1.default.createElement(components_1.Cartesian, null)))));
+            };
+            (0, react_2.render)(react_1.default.createElement(KeyedMathbox, null));
+            assertNotNil(mbRef.current);
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            (0, react_2.act)(function () { return setKey("key-2"); });
+            assertNotNil(containerDiv);
+            (0, vitest_1.expect)(mbRef.current.three.element).toBe(containerDiv);
+            (0, vitest_1.expect)(mbRef.current.select("cartesian").length).toBe(1);
+            return [2 /*return*/];
+        });
+    }); });
+    (0, vitest_1.it)("Can add and remove children without error", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var mbRef, rerender;
+        return __generator(this, function (_a) {
+            mbRef = { current: null };
+            rerender = (0, react_2.render)(react_1.default.createElement(ContainedMathbox_1.default, { ref: mbRef, options: {} },
+                react_1.default.createElement(components_1.Cartesian, null,
+                    react_1.default.createElement(components_1.Grid, null)))).rerender;
+            assertNotNil(mbRef.current);
+            (0, vitest_1.expect)(mbRef.current.select("grid").length).toBe(1);
+            rerender(react_1.default.createElement(ContainedMathbox_1.default, { ref: mbRef, options: {} },
+                react_1.default.createElement(components_1.Cartesian, null,
+                    react_1.default.createElement(components_1.Grid, null),
+                    react_1.default.createElement(components_1.Grid, null))));
+            assertNotNil(mbRef.current);
+            (0, vitest_1.expect)(mbRef.current.select("grid").length).toBe(2);
+            rerender(react_1.default.createElement(ContainedMathbox_1.default, { ref: mbRef, options: {} },
+                react_1.default.createElement(components_1.Cartesian, null)));
+            assertNotNil(mbRef.current);
+            (0, vitest_1.expect)(mbRef.current.select("grid").length).toBe(0);
+            return [2 /*return*/];
+        });
+    }); });
+});
+(0, vitest_1.describe)("<Voxel />", function () {
+    (0, vitest_1.it)("throws a runtime error if it has children", function () {
+        /**
+         * In development React re-dispatches errors thrown during render through a
+         * `window` "error" event (invokeGuardedCallbackDev) in addition to
+         * rethrowing them to the caller. Vitest's global "error" listener collects
+         * that expected error as an unhandled error and fails the run — observed
+         * intermittently in CI. Calling preventDefault on the matching event marks
+         * it handled, which suppresses Vitest's collection, while `render` still
+         * throws so the assertion below holds.
+         */
+        var suppressExpectedError = function (event) {
+            var _a, _b;
+            if ((_b = (_a = event.error) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.includes("cannot have children")) {
+                event.preventDefault();
+            }
+        };
+        window.addEventListener("error", suppressExpectedError);
+        try {
+            var willThrow = function () {
+                return (0, react_2.render)(react_1.default.createElement(ContainedMathbox_1.default, null,
+                    react_1.default.createElement(components_1.Cartesian, null,
+                        react_1.default.createElement(components_1.Voxel, null,
+                            react_1.default.createElement(components_1.Grid, null)))));
+            };
+            (0, vitest_1.expect)(willThrow).toThrow("Component <Voxel /> cannot have children.");
+        }
+        finally {
+            window.removeEventListener("error", suppressExpectedError);
+        }
+    });
+});
+//# sourceMappingURL=components.spec.js.map

package/build/cjs/components/components.spec.js.map

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

package/build/cjs/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./components";
+export { default as Mathbox } from "./Mathbox";
+export { default as ContainedMathbox } from "./ContainedMathbox";
+export { useMathbox } from "./MathboxAPIContext";

package/build/cjs/components/index.js

@@ -0,0 +1,28 @@
+"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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMathbox = exports.ContainedMathbox = exports.Mathbox = void 0;
+__exportStar(require("./components"), exports);
+var Mathbox_1 = require("./Mathbox");
+Object.defineProperty(exports, "Mathbox", { enumerable: true, get: function () { return __importDefault(Mathbox_1).default; } });
+var ContainedMathbox_1 = require("./ContainedMathbox");
+Object.defineProperty(exports, "ContainedMathbox", { enumerable: true, get: function () { return __importDefault(ContainedMathbox_1).default; } });
+var MathboxAPIContext_1 = require("./MathboxAPIContext");
+Object.defineProperty(exports, "useMathbox", { enumerable: true, get: function () { return MathboxAPIContext_1.useMathbox; } });
+//# sourceMappingURL=index.js.map

package/build/cjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,qCAA8C;AAArC,mHAAA,OAAO,OAAW;AAC3B,uDAAgE;AAAvD,qIAAA,OAAO,OAAoB;AAEpC,yDAAgD;AAAvC,+GAAA,UAAU,OAAA"}

package/build/cjs/components/types.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+import type { MathboxSelection, NodeType } from "mathbox";
+import React from "react";
+export type WithChildren<T> = {
+    children?: ReactNode | ReactNode[];
+} & T;
+export type MathboxRef<T extends NodeType> = React.Ref<MathboxSelection<T>>;

package/build/cjs/components/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/build/cjs/components/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/types.ts"],"names":[],"mappings":""}

package/build/cjs/components/util.d.ts

@@ -0,0 +1,38 @@
+import { MathboxSelection, NodeType } from "mathbox";
+export declare const isRootDestroyed: (selection: MathboxSelection) => boolean;
+/**
+ * Check that parent is actually the selection's parent.
+ * The mathbox components occasionally render with a selection value whose
+ * parent does not match the parent specified in MathboxContext.
+ *
+ * I believe this fundamentally this is happening because
+ * - we store parent value in context...
+ * - we update the context parent value using useEffect hooks..
+ * - useEffect hooks are called children before parents.
+ *
+ * One wonders whether we really need to be using useEffect hooks for the
+ * mathbox components, or if we can just put all the node creation/removal stuff
+ * in a render function. Hooks seem nice for dependencies, but mathbox is pretty
+ * smart about diffing out the actual changes.
+ */
+export declare const isSelectionParent: (selection: MathboxSelection, parent: MathboxSelection) => boolean;
+declare const CAN_HAVE_CHILDREN: readonly ["view", "cartesian", "cartesian4", "polar", "spherical", "stereographic", "stereographic4", "transform", "transform4", "vertex", "fragment", "layer", "mask", "group", "inherit", "root", "unit", "rtt", "clock", "now", "move", "present", "reveal", "slide"];
+export type ParentNodeTypes = (typeof CAN_HAVE_CHILDREN)[number];
+export declare const canNodeHaveChildren: (type: NodeType) => boolean;
+export declare const capitalize: (s: string) => string;
+/**
+ * Returns the same reference to `value` as long as the the given values are
+ * deep equal.
+ *
+ * This is, in general, not a great idea. See
+ * https://github.com/facebook/react/issues/14476#issuecomment-471199055
+ *
+ * This should work OK for mathbox options because the objects in question are
+ * either shallow, or are deep equal at a fairly shallow level.
+ * E.g., OrbitControls may not be a shall object, but if it's not, it will at
+ * least be deep equal between renders.
+ *
+ * But should work OK for mathbox options.
+ */
+export declare const useDeepCompareMemo: <T>(value: T, initial: T) => T;
+export {};

package/build/cjs/components/util.js

@@ -0,0 +1,107 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeepCompareMemo = exports.capitalize = exports.canNodeHaveChildren = exports.isSelectionParent = exports.isRootDestroyed = void 0;
+/* eslint-disable no-underscore-dangle */
+var isEqual_1 = __importDefault(require("lodash/isEqual"));
+var react_1 = require("react");
+/**
+ * Get root node given any node in Mathbox tree
+ */
+var getRoot = function (selection) {
+    var current = selection;
+    while (current._up) {
+        current = current._up;
+    }
+    return current;
+};
+var isRootDestroyed = function (selection) {
+    var root = getRoot(selection);
+    return root.three === undefined;
+};
+exports.isRootDestroyed = isRootDestroyed;
+/**
+ * Check that parent is actually the selection's parent.
+ * The mathbox components occasionally render with a selection value whose
+ * parent does not match the parent specified in MathboxContext.
+ *
+ * I believe this fundamentally this is happening because
+ * - we store parent value in context...
+ * - we update the context parent value using useEffect hooks..
+ * - useEffect hooks are called children before parents.
+ *
+ * One wonders whether we really need to be using useEffect hooks for the
+ * mathbox components, or if we can just put all the node creation/removal stuff
+ * in a render function. Hooks seem nice for dependencies, but mathbox is pretty
+ * smart about diffing out the actual changes.
+ */
+var isSelectionParent = function (selection, parent) {
+    var _a;
+    var selectionParentNode = (_a = selection._up) === null || _a === void 0 ? void 0 : _a[0];
+    return selectionParentNode === parent[0];
+};
+exports.isSelectionParent = isSelectionParent;
+var CAN_HAVE_CHILDREN = [
+    "view",
+    "cartesian",
+    "cartesian4",
+    "polar",
+    "spherical",
+    "stereographic",
+    "stereographic4",
+    "transform",
+    "transform4",
+    "vertex",
+    "fragment",
+    "layer",
+    "mask",
+    "group",
+    "inherit",
+    "root",
+    "unit",
+    "rtt",
+    "clock",
+    "now",
+    "move",
+    "present",
+    "reveal",
+    "slide",
+];
+var canNodeHaveChildren = function (type) {
+    return CAN_HAVE_CHILDREN.includes(type);
+};
+exports.canNodeHaveChildren = canNodeHaveChildren;
+var capitalize = function (s) {
+    if (!s)
+        return "";
+    return s[0].toLocaleUpperCase() + s.slice(1);
+};
+exports.capitalize = capitalize;
+/**
+ * Returns the same reference to `value` as long as the the given values are
+ * deep equal.
+ *
+ * This is, in general, not a great idea. See
+ * https://github.com/facebook/react/issues/14476#issuecomment-471199055
+ *
+ * This should work OK for mathbox options because the objects in question are
+ * either shallow, or are deep equal at a fairly shallow level.
+ * E.g., OrbitControls may not be a shall object, but if it's not, it will at
+ * least be deep equal between renders.
+ *
+ * But should work OK for mathbox options.
+ */
+var useDeepCompareMemo = function (value, initial) {
+    var oldValue = (0, react_1.useRef)(initial);
+    var memoOptions = (0, react_1.useMemo)(function () {
+        if ((0, isEqual_1.default)(value, oldValue.current))
+            return oldValue.current;
+        oldValue.current = value;
+        return value;
+    }, [value]);
+    return memoOptions;
+};
+exports.useDeepCompareMemo = useDeepCompareMemo;
+//# sourceMappingURL=util.js.map

package/build/cjs/components/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/components/util.ts"],"names":[],"mappings":";;;;;;AAAA,yCAAyC;AACzC,2DAAoC;AACpC,+BAAuC;AAKvC;;GAEG;AACH,IAAM,OAAO,GAAG,UAAC,SAA2B;IAC1C,IAAI,OAAO,GAAG,SAA0B,CAAA;IACxC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,OAAO,GAAG,OAAO,CAAC,GAAG,CAAA;KACtB;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAEM,IAAM,eAAe,GAAG,UAAC,SAA2B;IACzD,IAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,CAAA;IAC/B,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,CAAA;AACjC,CAAC,CAAA;AAHY,QAAA,eAAe,mBAG3B;AAED;;;;;;;;;;;;;;GAcG;AACI,IAAM,iBAAiB,GAAG,UAC/B,SAA2B,EAC3B,MAAwB;;IAExB,IAAM,mBAAmB,GAAG,MAAC,SAA2B,CAAC,GAAG,0CAAG,CAAC,CAAC,CAAA;IACjE,OAAO,mBAAmB,KAAK,MAAM,CAAC,CAAC,CAAC,CAAA;AAC1C,CAAC,CAAA;AANY,QAAA,iBAAiB,qBAM7B;AAED,IAAM,iBAAiB,GAAG;IACxB,MAAM;IACN,WAAW;IACX,YAAY;IACZ,OAAO;IACP,WAAW;IACX,eAAe;IACf,gBAAgB;IAChB,WAAW;IACX,YAAY;IACZ,QAAQ;IACR,UAAU;IACV,OAAO;IACP,MAAM;IACN,OAAO;IACP,SAAS;IACT,MAAM;IACN,MAAM;IACN,KAAK;IACL,OAAO;IACP,KAAK;IACL,MAAM;IACN,SAAS;IACT,QAAQ;IACR,OAAO;CACC,CAAA;AAIH,IAAM,mBAAmB,GAAG,UAAC,IAAc;IAChD,OAAC,iBAAuC,CAAC,QAAQ,CAAC,IAAI,CAAC;AAAvD,CAAuD,CAAA;AAD5C,QAAA,mBAAmB,uBACyB;AAElD,IAAM,UAAU,GAAG,UAAC,CAAS;IAClC,IAAI,CAAC,CAAC;QAAE,OAAO,EAAE,CAAA;IACjB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;AAC9C,CAAC,CAAA;AAHY,QAAA,UAAU,cAGtB;AAED;;;;;;;;;;;;;GAaG;AACI,IAAM,kBAAkB,GAAG,UAAI,KAAQ,EAAE,OAAU;IACxD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAI,OAAO,CAAC,CAAA;IACnC,IAAM,WAAW,GAAG,IAAA,eAAO,EAAC;QAC1B,IAAI,IAAA,iBAAO,EAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;YAAE,OAAO,QAAQ,CAAC,OAAO,CAAA;QAC7D,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAA;QACxB,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACX,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AARY,QAAA,kBAAkB,sBAQ9B"}

package/build/cjs/index.d.ts

@@ -0,0 +1,3 @@
+import * as Threestrap from "./threestrap";
+export * from "./components";
+export { Threestrap };

package/build/cjs/index.js

@@ -0,0 +1,33 @@
+"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 __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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Threestrap = void 0;
+var Threestrap = __importStar(require("./threestrap"));
+exports.Threestrap = Threestrap;
+__exportStar(require("./components"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAA0C;AAGjC,gCAAU;AADnB,+CAA4B"}