mathbox-react 0.0.0-a53eb3e

package/build/esm/threestrap/Controls.js

@@ -0,0 +1,73 @@
+/* eslint-disable react/no-unused-prop-types */
+import { useEffect } from "react";
+import { useThreestrap } from "./ThreestrapContext";
+var ALLOWED_CONTROLS = ["orbit"];
+var useOrbitControls = function (threestrap, _a) {
+    var type = _a.type, enablePan = _a.enablePan, enableRotate = _a.enableRotate, enableZoom = _a.enableZoom, onStart = _a.onStart, onEnd = _a.onEnd, target = _a.target;
+    useEffect(function () {
+        if (type !== "orbit")
+            return;
+        if (!threestrap.controls)
+            return;
+        var controls = threestrap.controls;
+        if (enablePan !== undefined) {
+            controls.enablePan = enablePan;
+        }
+        if (enableZoom !== undefined) {
+            controls.enableZoom = enableZoom;
+        }
+        if (enableRotate !== undefined) {
+            controls.enableRotate = enableRotate;
+        }
+    }, [type, enablePan, enableRotate, enableZoom, threestrap.controls]);
+    useEffect(function () {
+        if (type !== "orbit")
+            return;
+        if (!threestrap.controls)
+            return;
+        var controls = threestrap.controls;
+        if (target) {
+            controls.target = target;
+        }
+    }, [type, threestrap.controls, target]);
+    useEffect(function () {
+        if (type !== "orbit")
+            return function () { };
+        if (!threestrap.controls)
+            return function () { };
+        var controls = threestrap.controls;
+        if (onStart) {
+            controls.addEventListener("start", onStart);
+        }
+        return function () {
+            if (onStart) {
+                controls.removeEventListener("start", onStart);
+            }
+        };
+    }, [type, onStart, threestrap.controls]);
+    useEffect(function () {
+        if (type !== "orbit")
+            return function () { };
+        if (!threestrap.controls)
+            return function () { };
+        var controls = threestrap.controls;
+        if (onEnd) {
+            controls.addEventListener("end", onEnd);
+        }
+        return function () {
+            if (onEnd) {
+                controls.removeEventListener("end", onEnd);
+            }
+        };
+    }, [type, onEnd, threestrap.controls]);
+};
+var Controls = function (props) {
+    if (!ALLOWED_CONTROLS.includes(props.type)) {
+        throw new Error("Invalid control type ".concat(props.type));
+    }
+    var threestrap = useThreestrap();
+    useOrbitControls(threestrap, props);
+    return null;
+};
+export default Controls;
+//# sourceMappingURL=Controls.js.map

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

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

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,4 @@
+export { default as Renderer } from "./Renderer";
+export { default as Controls } from "./Controls";
+export { useThreestrap } from "./ThreestrapContext";
+export type { Threestrap } from "./threestrap";

package/build/esm/threestrap/index.js

@@ -0,0 +1,4 @@
+export { default as Renderer } from "./Renderer";
+export { default as Controls } from "./Controls";
+export { useThreestrap } from "./ThreestrapContext";
+//# 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;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,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

@@ -0,0 +1,74 @@
+{
+  "name": "mathbox-react",
+  "version": "0.0.0-a53eb3e",
+  "description": "React wrapper for Mathbox",
+  "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ChristopherChudzicki/mathbox-react",
+    "directory": "mathbox-react"
+  },
+  "author": "Chris Chudzicki",
+  "main": "build/cjs/index.js",
+  "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 && yarn build-esm && yarn build-cjs",
+    "build-esm": "tsc --project tsconfig.esm.json",
+    "build-cjs": "tsc --project tsconfig.cjs.json",
+    "build-watch": "tsc --watch",
+    "storybook": "start-storybook -p 6006",
+    "lint": "eslint \"**/*.ts?(x)\"",
+    "prepack": "yarn build",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "devDependencies": {
+    "@babel/core": "7.29.7",
+    "@babel/preset-env": "7.29.7",
+    "@mathbox-react/eslint-config": "workspace:*",
+    "@mathbox-react/tsconfig": "workspace:*",
+    "@storybook/addon-actions": "7.6.24",
+    "@storybook/addon-essentials": "7.6.24",
+    "@storybook/addon-interactions": "7.6.24",
+    "@storybook/addon-links": "7.6.24",
+    "@storybook/builder-webpack5": "^7.0.0",
+    "@storybook/manager-webpack5": "^6.5.15",
+    "@storybook/react": "7.6.24",
+    "@storybook/testing-library": "0.2.2",
+    "@testing-library/react": "14.3.1",
+    "@types/lodash": "4.17.24",
+    "@types/react": "18.2.28",
+    "@types/three": "0.162.0",
+    "babel-loader": "9.2.1",
+    "conventional-changelog-conventionalcommits": "^9",
+    "eslint": "^8.32.0",
+    "jsdom": "^29",
+    "mathbox": "2.3.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "semantic-release": "^25",
+    "three": "0.162.0",
+    "typescript": "^5.2.2",
+    "vitest": "^4"
+  },
+  "peerDependencies": {
+    "mathbox": "^2.3.1",
+    "react": "^17.0.2 || ^18.0.0",
+    "three": ">=0.118.0 <0.163"
+  },
+  "dependencies": {
+    "lodash": "^4.17.21"
+  }
+}