\r\n \u003COrbitControls />\r\n \u003CTresAmbientLight :intensity=\"0.5\" color=\"red\" />\r\n \u003CTresMesh ref=\"boxRef\" :position=\"[0, 2, 0]\">\r\n \u003CTresBoxGeometry :args=\"[1, 1, 1]\" />\r\n \u003CTresMeshNormalMaterial />\r\n \u003C/TresMesh>\r\n \u003CTresDirectionalLight :position=\"[0, 2, 4]\" :intensity=\"1\" cast-shadow />\r\n \u003CTresAxesHelper />\r\n \u003CTresGridHelper :args=\"[10, 10, 0x444444, 'teal']\" />\r\n \u003C/TresGroup>\r\n````\r\nThen I got this\r\n\r\n\r\n**However, it can run correctly in `v3.9.0`**\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/~/github.com/hexianWeb/starter\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n_No response_\n\n### Used Package Manager\n\npnpm\n\n### Code of Conduct\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/tres/issues) that reports the same bug to avoid creating a duplicate.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2882,2885,2888],{"name":2883,"color":2884},"question","d876e3",{"name":2886,"color":2887},"waiting for author","B145BC",{"name":2889,"color":2890},"p2-edge-case","ABCC40",727,"`Camera` wrapped by `TresGroup` cannot be used properly after `version 4.0`","2024-06-15T11:45:11Z","https://github.com/Tresjs/tres/issues/727",0.7157999,{"description":2897,"labels":2898,"number":2899,"owner":2863,"repository":2874,"state":2865,"title":2900,"updated_at":2901,"url":2902,"score":2903},"### Description\n\nThis allows to prevent bubbling the events to the dom by using `event.sourceEvent.preventDefault();`\n\n### Suggested solution\n\nAdd event capture true by default, or allow us to add parameters to the listeners: `@click.stop`, `@click.passive`, `@click.capture`, ...\n\n### Alternative\n\n_No response_\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [x] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\n- [x] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\n- [x] Read the [docs](https://tresjs.org/guide).\n- [x] Check that there isn't [already an issue](https://github.com/tresjs/tres/issues) that reports the same bug to avoid creating a duplicate.",[],939,"Add event capture true by default","2025-02-22T10:19:27Z","https://github.com/Tresjs/tres/issues/939",0.71580315,{"description":2905,"labels":2906,"number":2907,"owner":2863,"repository":2874,"state":2865,"title":2908,"updated_at":2909,"url":2910,"score":2911},"### Description\r\n\r\nAs a developer I use the useSeek composable a lot in my project. Sometimes objects I search for do not exists – but that's ok and I want to handle it on my own. I don't *need* the warning in development and I don't *want* the warning in production.\r\n\r\n### Suggested solution\r\n\r\nDo not log a warning in a production environment.\r\n\r\n### Alternative\r\n\r\nAdd an options prop to the useSeek composable to conditionally turn the warnings on and off, like so:\r\n```\r\nconst { seekAll } = useSeek({ warning: process.env.NODE_ENV !== 'production')\r\n```\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Validations\r\n\r\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://tresjs.org/guide).\r\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/tres/issues) that reports the same bug to avoid creating a duplicate.",[],830,"useSeek functions should not trigger a warning (in production) if no objects were found","2024-09-12T11:11:22Z","https://github.com/Tresjs/tres/issues/830",0.72538024,{"description":2913,"labels":2914,"number":2917,"owner":2863,"repository":2864,"state":2865,"title":2918,"updated_at":2919,"url":2920,"score":2921},"### Description\n\nI would like to know what is the expected behavior for events like @click. Check: https://docs.tresjs.org/api/events.html#pointer-events\n\n### Suggested solution\n\nWe would like to know how to handle this, an investigation is required. \r\n\r\nThis is not priority\r\nDiscuss with the community before implementing any coding\n\n### Alternative\n\nExplain in the docs or come with one solution\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/rapier/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/rapier/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://rapier.tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/rapier/issues) that reports the same bug to avoid creating a duplicate.",[2915,2916],{"name":2857,"color":2858},{"name":2860,"color":2861},136,"Events on CustomColliders? RigidBody","2024-10-08T11:53:07Z","https://github.com/Tresjs/rapier/issues/136",0.72929776,{"description":2923,"labels":2924,"number":2928,"owner":2863,"repository":2929,"state":2930,"title":2931,"updated_at":2932,"url":2933,"score":2934},"**Is your feature request related to a problem? Please describe.**\r\nThe existing effects have some code parts in common that can probably be shared.\r\n\r\n**Describe the solution you'd like**\r\nShare common code parts.",[2925],{"name":2926,"color":2927},"enhancement","a2eeef",59,"post-processing","closed","Refactor existing effects","2023-12-17T21:31:05Z","https://github.com/Tresjs/post-processing/issues/59",0.6992801,{"description":2936,"labels":2937,"number":2944,"owner":2863,"repository":2874,"state":2930,"title":2945,"updated_at":2946,"url":2947,"score":2948},"### Describe the bug\n\n[The docs' cookbook code](https://docs.tresjs.org/cookbook/orbit-controls#using-orbitcontrols) under \"So the final code would be something like this:\" throws an error when run.\r\n\r\nThe working example at the top of the page uses the Cientos component. (Sneaky! Lol)\r\n\r\nHere's the code as of March 5, 2024:\r\n\r\n```\r\n\u003Cscript setup lang=\"ts\">\r\nimport { extend, useTres } from '@tresjs/core'\r\nimport { OrbitControls } from 'three/addons/controls/OrbitControls'\r\n\r\nextend({ OrbitControls })\r\n\r\nconst { state } = useTres()\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CTresCanvas\r\n shadows\r\n alpha\r\n >\r\n \u003CTresPerspectiveCamera :args=\"[45, 1, 0.1, 1000]\" />\r\n \u003CTresOrbitControls\r\n v-if=\"state.renderer\"\r\n :args=\"[state.camera, state.renderer?.domElement]\"\r\n />\r\n \u003C/TresCanvas>\r\n\u003C/template>\r\n```\r\n\r\n## Error\r\n\r\n```\r\nUncaught (in promise) Error: useTresContext must be used together with useTresContextProvider\r\n at @tresjs_core.js:482\r\n setup TheExperience.vue:7\r\n callWithErrorHandling chunk-QSL5RKHU.js:1552\r\n setupStatefulComponent chunk-QSL5RKHU.js:8620\r\n setupComponent chunk-QSL5RKHU.js:8581\r\n mountComponent chunk-QSL5RKHU.js:6983\r\n processComponent chunk-QSL5RKHU.js:6949\r\n patch chunk-QSL5RKHU.js:6422\r\n patchSuspense chunk-QSL5RKHU.js:2665\r\n process chunk-QSL5RKHU.js:2468\r\n patch chunk-QSL5RKHU.js:6447\r\n componentUpdateFn chunk-QSL5RKHU.js:7157\r\n run chunk-QSL5RKHU.js:422\r\n update chunk-QSL5RKHU.js:7198\r\n callWithErrorHandling chunk-QSL5RKHU.js:1552\r\n flushJobs chunk-QSL5RKHU.js:1750\r\n promise callback*queueFlush chunk-QSL5RKHU.js:1663\r\n queueJob chunk-QSL5RKHU.js:1657\r\n reload chunk-QSL5RKHU.js:1856\r\n tryWrap chunk-QSL5RKHU.js:1886\r\n \u003Canonymous> TheExperience.vue:106\r\n accept client.ts:559\r\n fetchUpdate client.ts:476\r\n queueUpdate client.ts:323\r\n queueUpdate client.ts:323\r\n handleMessage client.ts:176\r\n handleMessage client.ts:174\r\n setupWebSocket client.ts:91\r\n```\r\n\r\n\u003Cimg width=\"615\" alt=\"Screenshot 2024-03-05 at 18 59 21\" src=\"https://github.com/Tresjs/tres/assets/20469369/139cdb49-10c6-4896-b02c-77bf76746fb9\">\r\n\r\n## Related\r\n\r\n#565\r\n\r\n## Meta\r\n\r\nThe thrown error is distinct from #565, so I've created this new issue. Merge with #565?\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-u2evxe?file=src%2FApp.vue\n\n### Steps to reproduce\n\n* Open StackBlitz\r\n* Open console\r\n* See error\n\n### System Info\n\n```shell\nSystem:\r\n OS: Linux 5.0 undefined\r\n CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\r\n Memory: 0 Bytes / 0 Bytes\r\n Shell: 1.0 - /bin/jsh\r\n Binaries:\r\n Node: 18.18.0 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 10.2.3 - /usr/local/bin/npm\r\n pnpm: 8.15.3 - /usr/local/bin/pnpm\r\n npmPackages:\r\n @tresjs/cientos: ^3.5.1 => 3.5.1 \r\n @tresjs/core: ^3.4.1 => 3.4.1 \r\n @tresjs/eslint-config-vue: ^0.2.1 => 0.2.1 \r\n vite: ^4.5.0 => 4.5.0 \r\n```\n```\n\n\n### Used Package Manager\n\nnpm\n\n### Code of Conduct\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/tres/issues) that reports the same bug to avoid creating a duplicate.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2938,2941],{"name":2939,"color":2940},"docs","0075ca",{"name":2942,"color":2943},"demos","46E0C1",577,"Tres docs' cookbook/orbit-controls code throws error","2024-03-07T17:25:24Z","https://github.com/Tresjs/tres/issues/577",0.7041375,{"description":2950,"labels":2951,"number":2952,"owner":2863,"repository":2953,"state":2930,"title":2954,"updated_at":2955,"url":2956,"score":2957},"### Describe the bug\n\nAfter setting up a Nuxt 3 project, installing the tres.js package, and adding the @tresjs/cientos package, I noticed that certain functionalities of @tresjs/cientos components were not working as expected. To address this, I made modifications to my nuxt.config.ts file as follows:\r\n```\r\nexport default defineNuxtConfig({\r\n modules: [\"@tresjs/nuxt\"],\r\n build: {\r\n transpile: ['@tresjs/cientos'],\r\n },\r\n})\r\n```\r\nDuring the development process, everything worked smoothly. \r\n\r\nHowever, upon executing the npm run build command, \r\nI observed that the auto-rotate feature of OrbitControls, MouseParallax component, Levioso component, animations within useGLTF, and the Html component were no longer functioning. \r\nImportantly, there were no error messages or warnings in the browser console.\r\n\r\nI have attempted to modify the project by setting ssr: false and removing any @tresjs/cientos-related configurations from nuxt.config.ts before recompiling. However, the issue persists regardless of whether I use npm run generate or npm run build.\r\n\r\nI kindly request assistance in resolving this issue. Your guidance on how to address or workaround this problem would be greatly appreciated.\r\n\r\nThank you for your time and attention to this matter.\n\n### Reproduction\n\nhttps://github.com/WangShuan/nuxt-tres\n\n### Steps to reproduce\n\n1. Run the following commands:\r\n```\r\ngit clone https://github.com/WangShuan/nuxt-tres\r\ncd nuxt-tres\r\nnpm i\r\nnpm run dev\r\n```\r\n2. Open http://localhost:3000/ in your browser and observe the results.\r\n3. Terminate the development server (Ctrl+C) and build the project by `npm run build`\r\n4. Run the production build by `node .output/server/index.mjs`\r\n5. Open http://localhost:3000/ in your browser and observe the discrepancy in functionality compared to the development build.\n\n### System Info\n\n_No response_\n\n### Used Package Manager\n\nnpm\n\n### Code of Conduct\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/cientos/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/cientos/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://cientos.tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/Tresjs/cientos/issues) that reports the same bug to avoid creating a duplicate.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],316,"cientos","@tresjs/cientos Components Not Functioning Properly After Nuxt 3 Build","2024-01-03T14:19:14Z","https://github.com/Tresjs/cientos/issues/316",0.70575356,{"description":2959,"labels":2960,"number":2961,"owner":2863,"repository":2874,"state":2930,"title":2962,"updated_at":2963,"url":2964,"score":2965},"### Description\n\nI would like to have a version for Babylon.js\n\n### Suggested solution\n\nI'm currently learning Babylon.js and have noticed some differences in terms of mesh events between Three.js and Babylon.js. Unlike Three.js, Babylon.js provides a mechanism similar to the actionManager on its meshes. I'm curious to know if Cientos has a similar feature. I'm looking forward to seeing how the combination of Vue with Babylon.js will eventually shape a project\n\n### Alternative\n\n_No response_\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/tres/issues) that reports the same bug to avoid creating a duplicate.",[],502,"Are you considering providing a version for Babylon.js after completing this project?","2024-01-10T10:59:15Z","https://github.com/Tresjs/tres/issues/502",0.7058501,["Reactive",2967],{},["Set"],["ShallowReactive",2970],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fnm3ItmHG_VUH4CyDrXpmdaJlNRXxv_x94uf0x_l22kI":-1},"/Tresjs/tres/174"]