mathbox-react 0.0.14 → 0.2.0-rc1

package/build/esm/stories/Surface.stories.d.ts

@@ -0,0 +1,69 @@
+import React from "react";
+import { Story, Meta } from "@storybook/react";
+declare const _default: Meta<React.ForwardRefExoticComponent<import("mathbox").SurfaceProps & React.RefAttributes<import("mathbox").MathboxSelection<"surface">> & {
+    liveProps?: {
+        id?: ((t: number, dt: number) => import("mathbox").Optional<string>) | undefined;
+        classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
+        visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
+        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
+        zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        zIndex?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
+        zBias?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
+        zOrder?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
+        width?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
+        depth?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
+        join?: ((t: number, dt: number) => unknown) | undefined;
+        stroke?: ((t: number, dt: number) => unknown) | undefined;
+        proximity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
+        closed?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        fill?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        shaded?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        map?: ((t: number, dt: number) => any) | undefined;
+        normals?: ((t: number, dt: number) => any) | undefined;
+        lineBias?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
+        points?: ((t: number, dt: number) => any) | undefined;
+        colors?: ((t: number, dt: number) => any) | undefined;
+        lineX?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        lineY?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        crossed?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        closedX?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        closedY?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+    } | undefined;
+}>>;
+export default _default;
+export declare const DefaultCartesian: Story<import("mathbox").SurfaceProps & React.RefAttributes<import("mathbox").MathboxSelection<"surface">> & {
+    liveProps?: {
+        id?: ((t: number, dt: number) => import("mathbox").Optional<string>) | undefined;
+        classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
+        visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
+        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
+        zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        zIndex?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
+        zBias?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
+        zOrder?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
+        width?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
+        depth?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
+        join?: ((t: number, dt: number) => unknown) | undefined;
+        stroke?: ((t: number, dt: number) => unknown) | undefined;
+        proximity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
+        closed?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        fill?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        shaded?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        map?: ((t: number, dt: number) => any) | undefined;
+        normals?: ((t: number, dt: number) => any) | undefined;
+        lineBias?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
+        points?: ((t: number, dt: number) => any) | undefined;
+        colors?: ((t: number, dt: number) => any) | undefined;
+        lineX?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        lineY?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        crossed?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        closedX?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+        closedY?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
+    } | undefined;
+}>;

package/build/esm/stories/Surface.stories.js

@@ -0,0 +1,43 @@
+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);
+};
+import React from "react";
+import { CustomMathbox as Mathbox } from "./utils";
+import { Cartesian, Surface, Area, Grid } from "../components/components";
+export default {
+    title: "Surface",
+    component: Surface,
+    argTypes: {
+        color: {
+            type: "string",
+            defaultValue: "rgb(48,144,255)"
+        },
+        shaded: {
+            type: "boolean",
+            defaultValue: true
+        }
+    }
+};
+var Template = function (args) { return (React.createElement(Mathbox, { containerStyle: { height: 450 } },
+    React.createElement(Cartesian, { range: [
+            [-5, 5],
+            [-2, 2],
+            [-5, 5],
+        ] },
+        React.createElement(Grid, { axes: "xz" }),
+        React.createElement(Area, { width: 64, height: 64, axes: ["x", "z"], expr: function (emit, x, z, i, j, t) {
+                var y = Math.sin(x - t) * Math.cos(z - t);
+                emit(x, y, z);
+            } }),
+        React.createElement(Surface, __assign({}, args))))); };
+export var DefaultCartesian = Template.bind({});
+DefaultCartesian.args = {};
+//# sourceMappingURL=Surface.stories.js.map

package/build/esm/stories/Surface.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.stories.js","sourceRoot":"","sources":["../../../src/stories/Surface.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAEzE,eAAe;IACb,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,iBAAiB;SAChC;QACD,MAAM,EAAE;YACN,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,IAAI;SACnB;KACF;CACsB,CAAA;AAEzB,IAAM,QAAQ,GAAgD,UAAC,IAAI,IAAK,OAAA,CACtE,oBAAC,OAAO,IAAC,cAAc,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;IACtC,oBAAC,SAAS,IACR,KAAK,EAAE;YACL,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YACP,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YACP,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACR;QAED,oBAAC,IAAI,IAAC,IAAI,EAAC,IAAI,GAAG;QAClB,oBAAC,IAAI,IACH,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAChB,IAAI,EAAE,UAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;gBACxB,IAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;gBAC3C,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;YACf,CAAC,GACD;QACF,oBAAC,OAAO,eAAK,IAAI,EAAI,CACX,CACJ,CACX,EAtBuE,CAsBvE,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjD,gBAAgB,CAAC,IAAI,GAAG,EAAE,CAAA"}

package/build/esm/stories/utils.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { ContainedMathbox } from "../components";
+type MathboxProps = React.ComponentProps<typeof ContainedMathbox>;
+export declare const CustomMathbox: (props: MathboxProps) => JSX.Element;
+export {};

package/build/esm/stories/utils.js

@@ -0,0 +1,42 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useMemo, useCallback } from "react";
+import { OrbitControls } from "three/examples/jsm/controls/OrbitControls";
+import { ContainedMathbox } from "../components";
+var storybookDefaultMathboxOptions = {
+    plugins: ["core", "controls", "cursor"],
+    controls: {
+        klass: OrbitControls
+    }
+};
+export var CustomMathbox = function (props) {
+    var overrides = props.options, others = __rest(props, ["options"]);
+    var options = useMemo(function () { return (__assign(__assign({}, storybookDefaultMathboxOptions), (overrides !== null && overrides !== void 0 ? overrides : {}))); }, [overrides]);
+    var setup = useCallback(function (mathbox) {
+        if (mathbox === null)
+            return;
+        mathbox.three.camera.position.set(1, 1, 2);
+    }, []);
+    return (React.createElement(ContainedMathbox, __assign({ ref: setup, options: options }, others), props.children));
+};
+//# sourceMappingURL=utils.js.map

package/build/esm/stories/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/stories/utils.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAA;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAIhD,IAAM,8BAA8B,GAAG;IACrC,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC;IACvC,QAAQ,EAAE;QACR,KAAK,EAAE,aAAa;KACrB;CACF,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,KAAmB;IACvC,IAAS,SAAS,GAAgB,KAAK,QAArB,EAAK,MAAM,UAAK,KAAK,EAAzC,WAAiC,CAAF,CAAU;IAC/C,IAAM,OAAO,GAAG,OAAO,CACrB,cAAM,OAAA,uBACD,8BAA8B,GAC9B,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAC,EACpB,EAHI,CAGJ,EACF,CAAC,SAAS,CAAC,CACZ,CAAA;IACD,IAAM,KAAK,GAAG,WAAW,CAAC,UAAC,OAAwC;QACjE,IAAI,OAAO,KAAK,IAAI;YAAE,OAAM;QAC5B,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,CACL,oBAAC,gBAAgB,aAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAM,MAAM,GACvD,KAAK,CAAC,QAAQ,CACE,CACpB,CAAA;AACH,CAAC,CAAA"}

package/build/esm/testSetup.d.ts

@@ -0,0 +1 @@
+export {};

package/build/esm/testSetup.js

@@ -0,0 +1,3 @@
+import { getMockContext } from "./testUtils";
+HTMLCanvasElement.prototype.getContext = getMockContext;
+//# sourceMappingURL=testSetup.js.map

package/build/esm/testSetup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testSetup.js","sourceRoot":"","sources":["../../src/testSetup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,iBAAiB,CAAC,SAAS,CAAC,UAAU,GAAG,cAAc,CAAA"}

package/build/esm/testUtils.js

@@ -0,0 +1,42 @@
+/**
+ * A mock that uses proxies to create properties as they are accessed. Supports
+ * function calls and toPrimitive.
+ *
+ * @param specifics Allows specifying specific values for properties. If a prop
+ *  exists on `specifics`, then that value will be used when the property is
+ * accessed on automock.
+ * @returns
+ */
+var getAutomock = function (specifics) {
+    var autmockSeed = jest.fn();
+    var handler = {
+        get: function (target, prop) {
+            if (prop === Symbol.toPrimitive) {
+                return function () { return "Automock: ".concat(JSON.stringify(specifics)); };
+            }
+            if (specifics && Reflect.has(specifics, prop)) {
+                var value = Reflect.get(specifics, prop);
+                return value;
+            }
+            if (!Reflect.has(target, prop)) {
+                Reflect.set(target, prop, getAutomock());
+            }
+            return Reflect.get(target, prop);
+        },
+        apply: function () {
+            return getAutomock();
+        }
+    };
+    return new Proxy(autmockSeed, handler);
+};
+export var getMockContext = function () {
+    var mockContext = getAutomock({
+        getParameter: jest.fn(function (name) {
+            if (name === mockContext.VERSION)
+                return "Fake version!";
+            return getAutomock();
+        })
+    });
+    return mockContext;
+};
+//# sourceMappingURL=testUtils.js.map

package/build/esm/testUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testUtils.js","sourceRoot":"","sources":["../../src/testUtils.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,IAAM,WAAW,GAAG,UAClB,SAAa;IAEb,IAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;IAC7B,IAAM,OAAO,GAAG;QACd,GAAG,YAAC,MAAgB,EAAE,IAAqB;YACzC,IAAI,IAAI,KAAK,MAAM,CAAC,WAAW,EAAE;gBAC/B,OAAO,cAAM,OAAA,oBAAa,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAE,EAAxC,CAAwC,CAAA;aACtD;YACD,IAAI,SAAS,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE;gBAC7C,IAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;gBAC1C,OAAO,KAAK,CAAA;aACb;YACD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE;gBAC9B,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAA;aACzC;YACD,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;QAClC,CAAC;QACD,KAAK;YACH,OAAO,WAAW,EAAE,CAAA;QACtB,CAAC;KACF,CAAA;IACD,OAAO,IAAI,KAAK,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,IAAM,WAAW,GAAG,WAAW,CAAC;QAC9B,YAAY,EAAE,IAAI,CAAC,EAAE,CAAC,UAAC,IAAI;YACzB,IAAI,IAAI,KAAK,WAAW,CAAC,OAAO;gBAAE,OAAO,eAAe,CAAA;YACxD,OAAO,WAAW,EAAE,CAAA;QACtB,CAAC,CAAC;KACH,CAAC,CAAA;IACF,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA"}

package/build/esm/threestrap/Renderer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ColorRepresentation } from "three";
+type RendererProps = {
+    clearColor?: ColorRepresentation;
+};
+declare const Renderer: React.FC<RendererProps>;
+export default Renderer;

package/build/esm/threestrap/Renderer.js

@@ -0,0 +1,13 @@
+import { useEffect } from "react";
+import { useThreestrap } from "./ThreestrapContext";
+var Renderer = function (props) {
+    var threestrap = useThreestrap();
+    useEffect(function () {
+        if (props.clearColor) {
+            threestrap.renderer.setClearColor(props.clearColor);
+        }
+    });
+    return null;
+};
+export default Renderer;
+//# sourceMappingURL=Renderer.js.map

package/build/esm/threestrap/Renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../src/threestrap/Renderer.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAMnD,IAAM,QAAQ,GAA4B,UAAC,KAAK;IAC9C,IAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,SAAS,CAAC;QACR,IAAI,KAAK,CAAC,UAAU,EAAE;YACpB,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;SACpD;IACH,CAAC,CAAC,CAAA;IACF,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/build/esm/threestrap/ThreestrapContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { Threestrap } from "./threestrap";
+declare const ThreestrapContext: import("react").Context<Threestrap | null>;
+export default ThreestrapContext;
+declare const useThreestrap: () => Threestrap;
+export { useThreestrap };

package/build/esm/threestrap/ThreestrapContext.js

@@ -0,0 +1,12 @@
+import { createContext, useContext } from "react";
+var ThreestrapContext = createContext(null);
+export default ThreestrapContext;
+var useThreestrap = function () {
+    var threestrap = useContext(ThreestrapContext);
+    if (!threestrap) {
+        throw new Error("Threestrap context is not available");
+    }
+    return threestrap;
+};
+export { useThreestrap };
+//# sourceMappingURL=ThreestrapContext.js.map

package/build/esm/threestrap/ThreestrapContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreestrapContext.js","sourceRoot":"","sources":["../../../src/threestrap/ThreestrapContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGjD,IAAM,iBAAiB,GAAG,aAAa,CAAoB,IAAI,CAAC,CAAA;AAEhE,eAAe,iBAAiB,CAAA;AAEhC,IAAM,aAAa,GAAG;IACpB,IAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAChD,IAAI,CAAC,UAAU,EAAE;QACf,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAA;KACvD;IACD,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/build/esm/threestrap/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Renderer } from "./Renderer";
+export type { Threestrap } from "./threestrap";

package/build/esm/threestrap/index.js

@@ -0,0 +1,2 @@
+export { default as Renderer } from "./Renderer";
+//# sourceMappingURL=index.js.map

package/build/esm/threestrap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/threestrap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/build/esm/threestrap/threestrap.d.ts

@@ -0,0 +1,13 @@
+import type { OrbitControls } from "three/examples/jsm/controls/OrbitControls";
+import type { FirstPersonControls } from "three/examples/jsm/controls/FirstPersonControls";
+import type { WebGLRenderer } from "three";
+export interface ThreestrapControls {
+    orbit: OrbitControls;
+    firstPerson: FirstPersonControls;
+}
+type Controls = ThreestrapControls[keyof ThreestrapControls];
+export interface Threestrap {
+    renderer: WebGLRenderer;
+    controls: Controls | null;
+}
+export {};

package/build/esm/threestrap/threestrap.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=threestrap.js.map

package/build/esm/threestrap/threestrap.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mathbox-react",
-  "version": "0.0.14",
+  "version": "0.2.0-rc1",
   "description": "React wrapper for Mathbox",
   "license": "ISC",
   "repository": {
@@ -10,56 +10,65 @@
   },
   "author": "Chris Chudzicki",
   "main": "build/cjs/index.js",
-  "module": "build/esm/index.js",
-  "types": "build/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./build/esm/index.js",
+      "require": "./build/cjs/index.js"
+    },
+    "./threestrap": {
+      "import": "./build/esm/threestrap/index.js",
+      "require": "./build/cjs/threestrap/index.js"
+    }
+  },
   "files": [
     "build"
   ],
   "scripts": {
-    "build": "rm -rf build && rollup --config rollup.config.ts --configPlugin typescript",
-    "build-watch": "rollup --config rollup.config.ts --configPlugin typescript --watch",
+    "build": "rm -rf ./build && yarn build-esm && yarn build-cjs",
+    "build-esm": "tsc",
+    "build-cjs": "tsc --project tsconfig.cjs.json",
+    "build-watch": "tsc --watch",
     "storybook": "start-storybook -p 6006",
-    "lint": "yarn global:lint",
-    "format": "yarn global:format",
-    "autofix": "yarn global:autofix",
+    "lint": "eslint \"**/*.ts?(x)\"",
     "prepack": "yarn build",
     "test": "jest"
   },
   "devDependencies": {
-    "@babel/core": "7.19.3",
-    "@babel/preset-env": "7.19.4",
-    "@rollup/plugin-commonjs": "23.0.0",
-    "@rollup/plugin-node-resolve": "15.0.0",
-    "@rollup/plugin-typescript": "^10.0.1",
-    "@storybook/addon-actions": "6.5.12",
-    "@storybook/addon-essentials": "6.5.12",
-    "@storybook/addon-interactions": "6.5.12",
-    "@storybook/addon-links": "6.5.12",
-    "@storybook/react": "6.5.12",
+    "@babel/core": "7.20.12",
+    "@babel/preset-env": "7.20.2",
+    "@mathbox-react/eslint-config": "workspace:*",
+    "@mathbox-react/tsconfig": "workspace:*",
+    "@storybook/addon-actions": "6.5.15",
+    "@storybook/addon-essentials": "6.5.15",
+    "@storybook/addon-interactions": "6.5.15",
+    "@storybook/addon-links": "6.5.15",
+    "@storybook/builder-webpack5": "^6.5.15",
+    "@storybook/manager-webpack5": "^6.5.15",
+    "@storybook/react": "6.5.15",
     "@storybook/testing-library": "0.0.13",
-    "@testing-library/react": "12.1.5",
+    "@testing-library/react": "13.4.0",
     "@types/jest": "27.5.2",
-    "@types/lodash": "4.14.186",
-    "@types/react": "18.0.21",
-    "@types/three": "0.147.0",
+    "@types/lodash": "4.14.191",
+    "@types/react": "18.0.26",
+    "@types/three": "0.148.0",
     "babel-jest": "27.5.1",
-    "babel-loader": "8.2.5",
+    "babel-loader": "9.1.2",
+    "eslint": "^8.32.0",
     "jest": "27.5.1",
-    "mathbox": "2.2.1",
+    "mathbox": "2.3.1-rc1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rollup": "3.9.0",
-    "rollup-plugin-dts": "5.1.0",
-    "rollup-plugin-terser": "7.0.2",
     "three": "0.148.0",
-    "ts-jest": "27.1.5"
+    "ts-jest": "27.1.5",
+    "typescript": "^4.9.4"
   },
   "peerDependencies": {
-    "mathbox": "^2.2.1",
+    "mathbox": "^2.3.1-rc1",
     "react": "^17.0.2 || ^18.0.0",
     "three": ">=0.118.0"
   },
   "dependencies": {
-    "lodash": "^4.17.21"
+    "lodash": "^4.17.21",
+    "threestrap-react": "workspace:^"
   }
 }