@threlte/flex 2.1.0 → 2.2.0

package/dist/Flex/InnerFlex.svelte

@@ -40,10 +40,13 @@
    */
   const { width: computedWidth, height: computedHeight } = createUseDimensionsContext()
 
+  let shouldReflow = $state(false)
+  const reflow = () => (shouldReflow = true)
+
   /**
    * Reflowing inside useTask automatically batches reflows to 1 per frame.
    */
-  const { start: reflow, stop } = useTask(
+  useTask(
     Symbol('threlte-flex-reflow'),
     () => {
       flexContext.emit('reflow:before')
@@ -107,11 +110,11 @@
         height: computedHeight.current
       })
 
-      stop()
+      shouldReflow = false
     },
     {
       stage: reflowStage,
-      autoStart: false
+      running: () => shouldReflow
     }
   )
 

package/dist/Flex/context.d.ts

@@ -1,5 +1,5 @@
 import type { CurrentWritable } from '@threlte/core';
-import type { Emitter } from 'mitt';
+import { type Emitter } from 'mitt';
 import type { Group } from 'three';
 import type { Node } from 'yoga-layout';
 import type Yoga from 'yoga-layout';

package/dist/Flex/context.js

@@ -1,7 +1,4 @@
-// We need to cast here because TypeScript with "moduleResolution": "NodeNext"
-// fails to resolve the default export otherwise.
-import mittModule from 'mitt';
-const mitt = mittModule;
+import mitt, {} from 'mitt';
 import { getContext, onDestroy, setContext } from 'svelte';
 export const flexContextName = '__threlte-flex';
 export const createFlexContext = (data) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threlte/flex",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "author": "Grischa Erbe <hello@legrisch.com> (https://legrisch.com)",
   "license": "MIT",
   "description": "Components to easily use the flexbox spec with Threlte",
@@ -28,8 +28,8 @@
     "typescript": "5.9.2",
     "typescript-eslint": "^8.32.0",
     "vite": "^7.1.4",
-    "@threlte/core": "8.3.0",
-    "@threlte/extras": "9.7.0"
+    "@threlte/core": "8.4.0",
+    "@threlte/extras": "9.8.1"
   },
   "dependencies": {
     "mitt": "^3.0.1",