Triplex for VS Code (0.72.5)

What's Changed

• the scene background is now grey, override it by setting <color attach="background"> underneath the Canvas component by @itsdouges in #400
• cleanup feature gates by @itsdouges in #401
• turn on webxr / debug panel for all by @itsdouges in #403

Triplex for VS Code (0.72.4)

What's Changed

• publish to open-vsx registry by @itsdouges in #358
• fix ts-morph call stack errors with compiler options by @Copilot in #369
• fix React.FC default props extraction in type inference by @Copilot in #368
• fix triplex should run offline by @Bellian in #378
• add imported component indicator in the element panel by @Bellian in #382
• add drag & drop files into the scene by @noel-schenk in #376
• fix being unable to drag files into the scene when config components property was not used by @itsdouges in #393
• fix experimental features not being able to be turned on @itsdouges in #398

New Contributors

• @Bellian made their first contribution in #378
• @noel-schenk made their first contribution in #376

0.70.51

Bug fixes

• Changes that result in no code change are no longer added to the undo/redo stack.
• Fix provider data being preloaded when it hasn't been set by users yet.
• The scene graph is now reset when entering play state from edit state.
• Fixed an edge case where stale scene objects could stick around when resetting the scene.
• The editor grid has now been positioned slightly above y=0 so it doesn't z-fight with other objects placed on y=0.
• Duplicate entries found in during hit testing for selecting elements in the scene are now removed, fixing an edge case where cycle selection would not work as expected.
• Fixed an edge case where some elements were unable to be selected through the editor scene.
• The canvas is now immediately focused when entering play state.
• The editor camera now behaves the same on initial load, interacting with the axis controls, and using the "zoom to element" action.
• Transform controls are no longer rendered in the scene if the selected scene element takes no transform props.
• The editor camera now ignores very large objects when reorienting to scene objects.
• Fix userland keyboard events being triggered outside of play state.
• Fix @react-three/viverse requiring @react-three/xr to be installed before running in Triplex.
• Errors are no longer thrown if a components name could not be resolved.
• Untyped host elements no-longer throw an exception when selecting through the elements panel.
• The camera preview no longer has the selection outline of the camera visible.
• Switching from default to editor camera now correctly fits the scene to it on the first switch.
• Switching the canvas camera between editor and defaul no longer bleeds state between each other.
• Resetting a component that renders a canvas now persists the camera settings.
• Fix an internal error where a function that should have been defined wasn't.

0.70.45

New features

• The editor camera can now be set as the "default" camera by using the "Toggle Editor As Default" action using the floating scene controls. This makes the default camera be the editor one when looking through the editor camera, useful for debugging camera related features when appropriate.

Bug fixes

• Components that are no longer exported are now gracefully handled. Instead of an error being thrown the UI remains available prompting you to export the component again.
• The editor camera is no longer repositioned if the scene suspends after initially loading, eliminating some user jank.
• The selection outline in 3D components now ignores transparency from textures, instead outlining the entire mesh. This gives a less distracting outline.

Chores

• Upgrade three.js deps.
• Upgrade statsig dependencies to the latest version.

0.70.39

Note

Triplex for VS Code is now in open Beta! Get started now.

---

New features

• Add a helper for the XROrigin component from @react-three/xr.
• The XROrigin component is now disabled when in edit state or looking through the editor camera.

Bug fixes

• Fix component environment check using @react-three/drei hooks to prevent accidentally loading a three fiber environment when a react dom environment should have been loaded.
• Fix function props being marked as required when they actually were optional.
• Transform controls now reads the initial state from props instead of the scene fixing some edge cases affecting Triplex users, such as transforming decal meshes.
• Elements that have associated helpers now also render children when the helper is rendered.

Chores

• Upgrade typescript dependencies.
• Upgrade react-three dependencies.
• Upgrade vite dependencies.

0.70.36

New features

• Replace custom camera helper with the standard Three.js camera helper.
• Add GitHub pages deployments to starter templates.

Bug fixes

• Fix react-router Route components not working with Triplex, see: https://x.com/trytriplex/status/1921821761483522165.
• Fix .gitignore not being prefixed with a dot in generated starter templates.

Chores

• Cleanup camera_pp_fix feature gate.
• Cleanup camera_helper_original feature gate.

0.70.32

Start building a 3D React.js component in 30 seconds.

New features

• A new config option "UNSAFE_viteConfig" is now available. Use it to declare custom bundler behavior that otherwise can't be handled by default behavior. See the docs here: https://triplex.dev/docs/api-reference/config-options/unsafe-vite-config.

Bug fixes

• Fix modules that have no React components being flagged as HMR boundaries breaking updates being flushed to owning components.
• Inline default exported components can now be opened in Triplex.

Chores

• Upgrade dependencies (react-compiler).
• Templates now don't share any common files.

0.70.29

Bug fixes

• Fix regression to camera previews caused by feature gate camera_pp_fix.
• IPs are now capped to 3000 range.

0.70.25

Chores

• Fix the feature gate environment being development instead of production (oops!).

0.70.24

Note

Triplex for VS Code is now in open Beta! Get started now.

---

Bug fixes

• Fix user declared post processing not working in 3D components, this will be slowly rolled out.
• Transform controls used in 3D components no longer mutates the Three.js scene, this will be slowly rolled out.

Please ping on Discord or GitHub if you see something out of the ordinary.

Chores

• Remove unwanted files from production build.
• Cleanup feature gates.