@threlte/flex 2.0.1 → 2.0.3

package/dist/Flex/Flex.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import { loadYoga } from 'yoga-layout/load';
 import InnerFlex from './InnerFlex.svelte';
 let { children: innerChildren, ref = $bindable(), ...props } = $props();
-let yoga = $state(undefined);
+let yoga = $state();
 const initialize = async () => {
     yoga = await loadYoga();
 };

package/dist/Flex/InnerFlex.svelte

@@ -111,7 +111,8 @@ const rootNode = yoga.Node.create();
 createNodeContext(rootNode);
 const { mainAxis, crossAxis, depthAxis } = flexContext;
 $effect.pre(() => {
-    rootNode.setWidth(width * scaleFactor), rootNode.setHeight(height * scaleFactor);
+    rootNode.setWidth(width * scaleFactor);
+    rootNode.setHeight(height * scaleFactor);
 });
 flexContext.updateNodeProps(rootNode, { ...classParser?.(_class, {}), ...props }, true);
 $effect.pre(() => {

package/dist/parsers/tailwindParser.js

@@ -164,10 +164,11 @@ export const tailwindParser = createClassParser((string, props) => {
                 case 'flex-nowrap':
                     props.flexWrap = 'NoWrap';
                     break;
-                default:
+                default: {
                     // flex shorthand
                     const [, value] = className.split('-');
                     props.flex = Number(value);
+                }
             }
             return;
         }
@@ -319,10 +320,11 @@ export const tailwindParser = createClassParser((string, props) => {
                 case 'aspect-portrait':
                     props.aspectRatio = 9 / 16;
                     break;
-                default:
+                default: {
                     const [, value] = className.split('-');
                     const [width, height] = value.split('/');
                     props.aspectRatio = Number(width) / Number(height);
+                }
             }
         }
     });

package/package.json

@@ -1,36 +1,36 @@
 {
   "name": "@threlte/flex",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "author": "Grischa Erbe <hello@legrisch.com> (https://legrisch.com)",
   "license": "MIT",
   "description": "Components to easily use the flexbox spec with Threlte",
   "devDependencies": {
+    "@eslint/js": "^9.26.0",
     "@sveltejs/adapter-auto": "^3.3.1",
     "@sveltejs/kit": "^2.7.7",
     "@sveltejs/package": "^2.3.7",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@types/node": "^20.12.7",
     "@types/three": "^0.175.0",
-    "@typescript-eslint/eslint-plugin": "^7.6.0",
-    "@typescript-eslint/parser": "^7.6.0",
     "@yushijinhun/three-minifier-rollup": "^0.4.0",
-    "eslint": "^9.0.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.36.0",
+    "eslint": "^9.26.0",
+    "eslint-plugin-svelte": "^3.5.1",
+    "globals": "^16.1.0",
     "prettier": "^3.2.5",
     "prettier-plugin-svelte": "^3.2.2",
     "publint": "^0.2.7",
     "rimraf": "^5.0.5",
     "svelte": "^5.26.2",
-    "svelte-check": "^3.6.9",
+    "svelte-check": "^4.1.7",
     "svelte-preprocess": "^5.1.3",
     "svelte2tsx": "^0.7.6",
     "three": "^0.175.0",
     "tslib": "^2.6.2",
     "typescript": "^5.6.3",
+    "typescript-eslint": "^8.32.0",
     "vite": "^5.2.8",
-    "@threlte/core": "8.0.2",
-    "@threlte/extras": "9.1.2"
+    "@threlte/core": "8.0.4",
+    "@threlte/extras": "9.2.1"
   },
   "dependencies": {
     "mitt": "^3.0.1",
@@ -74,7 +74,7 @@
     "package": "svelte-kit sync && svelte-package && node ./scripts/cleanupPackage.js && publint",
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "prettier --check .",
+    "lint": "prettier --check . && eslint .",
     "format": "prettier --write .",
     "cleanup": "rimraf node_modules .svelte-kit dist"
   }

package/dist/stores/yoga.d.ts

@@ -1 +0,0 @@
-export declare const yoga: import("@threlte/core").CurrentWritable<any>;

package/dist/stores/yoga.js

@@ -1,12 +0,0 @@
-import { currentWritable } from '@threlte/core';
-import { loadYoga } from 'yoga-layout';
-let loading = false;
-let loaded = false;
-export const yoga = currentWritable(undefined);
-const load = async () => {
-    if (loading || loaded)
-        return;
-    const yogaInstance = await loadYoga();
-    yoga.set(yogaInstance);
-};
-load();