{"_id":"@ademattos/components","name":"@ademattos/components","dist-tags":{"latest":"3.2.6"},"versions":{"3.2.6":{"name":"@ademattos/components","description":"Collection of core functionalities to author BIM apps.","version":"3.2.6","author":{"name":"That Open Company"},"contributors":[{"name":"Antonio Gonzalez Viegas","url":"https://github.com/agviegas"},{"name":"Juan Hoyos","url":"https://github.com/HoyosJuan"},{"name":"Harry Collin","url":"https://github.com/harrycollin"},{"name":"Pablo Aguilar"}],"license":"MIT","homepage":"https://github.com/ThatOpen/engine_components/tree/main/packages/components#readme","bugs":{"url":"https://github.com/ThatOpen/engine_components/issues"},"type":"module","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/ThatOpen/engine_components.git#main"},"scripts":{"dev":"vite --host","test":"jest","build":"tsc --p ./tsconfig-build.json && vite build","prepublishOnly":"node ./resources/updateComponentsVersion.mjs && yarn build","publish-repo":"npm publish"},"publishConfig":{"access":"public"},"devDependencies":{"@ademattos/fragments":"~3.2.0","@ademattos/web-ifc":"0.0.75","@thatopen/ui":"~3.2.0","@types/convert-units":"2.3.11","@types/three":"0.175.0","stats.js":"^0.17.0","three":"^0.175.0"},"dependencies":{"camera-controls":"^2.9.0","fast-xml-parser":"4.4.1","jszip":"3.10.1","three-mesh-bvh":"0.7.0"},"peerDependencies":{"@ademattos/fragments":"~3.2.0","@ademattos/web-ifc":">=0.0.75","three":">=0.175.0"},"_id":"@ademattos/components@3.2.6","gitHead":"740df06cc68036ff550484e5022927f6f0752a7f","_nodeVersion":"23.11.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-mMY/UTUu0IfS7jDIiteMNFoWzaoCSx+cp1o57o9ZT73IfcDN66wXwE/BN79j1snABVN/CQInxje+8uXNpL2T/A==","shasum":"c1d95b8868d0fdf84f6f727e9d0ccca4a3cda1b3","tarball":"https://registry.npmjs.org/@ademattos/components/-/components-3.2.6.tgz","fileCount":7,"unpackedSize":2578202,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICOoS2CrNnqtWOljGEVYtE0nicT0JFLUzrCTxEzgxiq7AiEAzC0/epiGGuG8You007dT6eklKo7oZn9mmX2GPF6Vdgw="}]},"_npmUser":{"name":"ademattos","email":"demattosanthony@gmail.com"},"directories":{},"maintainers":[{"name":"ademattos","email":"demattosanthony@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/components_3.2.6_1768507065262_0.3689604584010695"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-15T19:57:45.159Z","3.2.6":"2026-01-15T19:57:45.465Z","modified":"2026-01-15T19:57:45.674Z"},"maintainers":[{"name":"ademattos","email":"demattosanthony@gmail.com"}],"description":"Collection of core functionalities to author BIM apps.","homepage":"https://github.com/ThatOpen/engine_components/tree/main/packages/components#readme","repository":{"type":"git","url":"git+https://github.com/ThatOpen/engine_components.git#main"},"contributors":[{"name":"Antonio Gonzalez Viegas","url":"https://github.com/agviegas"},{"name":"Juan Hoyos","url":"https://github.com/HoyosJuan"},{"name":"Harry Collin","url":"https://github.com/harrycollin"},{"name":"Pablo Aguilar"}],"author":{"name":"That Open Company"},"bugs":{"url":"https://github.com/ThatOpen/engine_components/issues"},"license":"MIT","readme":"

\n TOC\n |\n documentation\n |\n demo\n |\n community\n |\n npm package\n

\n\n![cover](https://thatopen.github.io/engine_components/resources/cover.png)\n\n

Open BIM Components

\n\n[![NPM Package][npm]][npm-url]\n[![NPM Package][npm-downloads]][npm-url]\n\nThis library is a collection of BIM tools based on [Three.js](https://github.com/mrdoob/three.js/) and other libraries. It includes pre-made features to easily build browser-based 3D BIM applications, such as postproduction, dimensions, floorplan navigation, DXF export and much more. \n\n\n## 🤝 Want our help?\nAre you developing a project with our technology and would like our help?\nApply now to join [That Open Accelerator Program](https://thatopen.com/accelerator)!\n\n## Packages\n\nThis library contains 2 packages:\n\n`@thatopen/components` - The core functionality. Compatible both with browser and Node.js environments.\n\n`@thatopen/components-front` - Features exclusive for browser environments.\n\n## Usage\n\nYou need to be familiar with [Three.js API](https://github.com/mrdoob/three.js/) to be able to use this library effectively. In the following example, we will create a cube in a 3D scene that can be navigated with the mouse or touch events. You can see the full example [here](https://github.com/ThatOpen/engine_components/blob/main/packages/core/src/core/Worlds/example.ts) and the deployed app [here](https://thatopen.github.io/engine_components/examples/Worlds/index.html).\n\n```js\n/* eslint import/no-extraneous-dependencies: 0 */\n\nimport * as THREE from \"three\";\nimport * as OBC from \"../..\";\n\nconst container = document.getElementById(\"container\")!;\n\nconst components = new OBC.Components();\n\nconst worlds = components.get(OBC.Worlds);\n\nconst world = worlds.create<\n OBC.SimpleScene,\n OBC.SimpleCamera,\n OBC.SimpleRenderer\n>();\n\nworld.scene = new OBC.SimpleScene(components);\nworld.renderer = new OBC.SimpleRenderer(components, container);\nworld.camera = new OBC.SimpleCamera(components);\n\ncomponents.init();\n\nconst material = new THREE.MeshLambertMaterial({ color: \"#6528D7\" });\nconst geometry = new THREE.BoxGeometry();\nconst cube = new THREE.Mesh(geometry, material);\nworld.scene.three.add(cube);\n\nworld.scene.setup();\n\nworld.camera.controls.setLookAt(3, 3, 3, 0, 0, 0);\n```\n\n\n[npm]: https://img.shields.io/npm/v/@thatopen/components\n[npm-url]: https://www.npmjs.com/package/@thatopen/components\n[npm-downloads]: https://img.shields.io/npm/dw/@thatopen/components\n","readmeFilename":"README.md","_rev":"1-90cc58806829b24ea3e2c65ec82062a1"}