@threlte/flex 0.1.1 → 1.0.1

package/dist/Flex/InnerFlex.svelte

@@ -1,4 +1,4 @@
-<script>import { T, createRawEventDispatcher, currentWritable, useFrame } from '@threlte/core';
+<script>import { T, createRawEventDispatcher, currentWritable, useTask } from '@threlte/core';
 import { onDestroy } from 'svelte';
 import { Box3, Group, Vector3 } from 'three';
 import { Direction } from 'yoga-layout';
@@ -19,6 +19,7 @@ export let scaleFactor = 1000;
 export let classParser = undefined;
 let _class = '';
 export { _class as class };
+export let reflowStage = undefined;
 const dispatch = createRawEventDispatcher();
 const rootGroup = new Group();
 rootGroup.userData.isNode = true;
@@ -31,7 +32,7 @@ const { width: computedWidth, height: computedHeight } = createUseDimensionsCont
 /**
  * Reflowing inside useFrame automatically batches reflows to 1 per frame.
  */
-const { start: reflow, stop } = useFrame(() => {
+const { start: reflow, stop } = useTask(Symbol('threlte-flex-reflow'), () => {
     flexContext.emit('reflow:before');
     for (const { node, group, props } of flexContext.nodes.values()) {
         const scaledWidth = typeof props.width === 'number' ? props.width * scaleFactor : props.width;
@@ -81,7 +82,10 @@ const { start: reflow, stop } = useFrame(() => {
         height: computedHeight.current
     });
     stop();
-}, { autostart: false });
+}, {
+    stage: reflowStage,
+    autoStart: false
+});
 const flexContext = createFlexContext({
     yoga,
     nodes: new Map(),

package/dist/Flex/InnerFlex.svelte.d.ts

@@ -1,7 +1,7 @@
+import type { Stage } from '@threlte/core'
 import { SvelteComponent } from 'svelte'
 import type { Direction, Yoga } from 'yoga-layout'
-import type { NodeProps } from '../lib/props'
-import type { ClassParser, FlexPlane } from '../lib/props'
+import type { ClassParser, FlexPlane, NodeProps } from '../lib/props'
 
 type InnerFlexProps = NodeProps & {
   yoga: Yoga
@@ -12,6 +12,7 @@ type InnerFlexProps = NodeProps & {
   scaleFactor?: number
   class?: string
   classParser?: ClassParser
+  reflowStage?: Stage
 }
 
 type InnerFlexEvents = {

package/dist/Flex/context.js

@@ -1,4 +1,4 @@
-import mitt, {} from 'mitt';
+import mitt from 'mitt';
 import { getContext, onDestroy, setContext } from 'svelte';
 export const flexContextName = '__threlte-flex';
 export const createFlexContext = (data) => {

package/package.json

@@ -1,38 +1,39 @@
 {
   "name": "@threlte/flex",
-  "version": "0.1.1",
+  "version": "1.0.1",
   "author": "Grischa Erbe <hello@legrisch.com> (https://legrisch.com)",
   "license": "MIT",
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^2.0.0",
-    "@sveltejs/kit": "^1.20.4",
-    "@sveltejs/package": "^2.1.0",
-    "@types/node": "^18.0.3",
-    "@types/three": "^0.158.3",
-    "@typescript-eslint/eslint-plugin": "^5.45.0",
-    "@typescript-eslint/parser": "^5.45.0",
-    "@yushijinhun/three-minifier-rollup": "^0.3.1",
-    "eslint": "^8.28.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-svelte": "^2.30.0",
-    "prettier": "^2.8.8",
-    "prettier-plugin-svelte": "^2.10.1",
-    "publint": "^0.1.12",
-    "rimraf": "^5.0.1",
-    "svelte": "^4.1.1",
-    "svelte-check": "^3.4.3",
-    "svelte-preprocess": "^5.0.4",
-    "svelte2tsx": "^0.6.19",
-    "three": "^0.158.0",
-    "tslib": "^2.4.1",
-    "typescript": "^5.0.0",
-    "vite": "^4.3.6",
-    "@threlte/core": "7.0.4",
-    "@threlte/extras": "8.0.2"
+    "@sveltejs/adapter-auto": "^3.1.1",
+    "@sveltejs/kit": "^2.4.3",
+    "@sveltejs/package": "^2.2.6",
+    "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "@types/node": "^20.11.6",
+    "@types/three": "^0.160.0",
+    "@typescript-eslint/eslint-plugin": "^6.19.1",
+    "@typescript-eslint/parser": "^6.19.1",
+    "@yushijinhun/three-minifier-rollup": "^0.4.0",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-svelte": "^2.35.1",
+    "prettier": "^3.2.4",
+    "prettier-plugin-svelte": "^3.1.2",
+    "publint": "^0.2.7",
+    "rimraf": "^5.0.5",
+    "svelte": "^4.2.9",
+    "svelte-check": "^3.6.3",
+    "svelte-preprocess": "^5.1.3",
+    "svelte2tsx": "^0.7.0",
+    "three": "^0.160.1",
+    "tslib": "^2.6.2",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.12",
+    "@threlte/core": "7.0.12",
+    "@threlte/extras": "8.5.0"
   },
   "dependencies": {
     "mitt": "^3.0.1",
-    "yoga-layout": "^2.0.0"
+    "yoga-layout": "^2.0.1"
   },
   "peerDependencies": {
     "svelte": ">=4",