A bunch of fixes and performance improvements

Improve event emitter
Update packages and switch builds to use vite
Lint and code cleanup from package updates
Improved flexbox performance
  - Also added optional useWebWorker setting for the flexbox plugin. This will load the yoga library in a web worker and do the calculations on the worker. At this moment, the postMessage command is too slow and will require some more work, but
you may get some performance gains from offloading the calculations.
Removed effects and replaced with shaders since lightning v3 removes effects
Improved diff code and performance
Improved focus performance
Improved RN performance
Some FlashList cleanup
Bumping it causes linking issues with our RN client app
Only lint before commit, run other checks before push

Author: WillsonHaw

.changeset/dirty-humans-hide.md

@@ -0,0 +1,6 @@
+---
+"@plextv/react-lightning-plugin-flexbox": patch
+"@plextv/react-native-lightning": patch
+---
+
+Flexbox performance improvements, and added optional useWebWorker option

.changeset/dull-plants-lie.md

@@ -0,0 +1,6 @@
+---
+"@plextv/react-native-lightning": patch
+"@plextv/react-lightning": patch
+---
+
+Various performance improvements

.changeset/kind-mammals-hammer.md

@@ -0,0 +1,20 @@
+---
+"@plextv/vite-plugin-react-reanimated-lightning": patch
+"@plextv/vite-plugin-react-native-lightning": patch
+"@plextv/react-native-lightning-components": patch
+"@plextv/react-native-lightning-example": patch
+"@plextv/react-lightning-components": patch
+"@plextv/vite-plugin-msdf-fontgen": patch
+"@plextv/react-native-lightning": patch
+"@plextv/react-lightning-plugin-css-transform": patch
+"@plextv/react-lightning-example": patch
+"@plextv/react-lightning-plugin-flexbox-lite": patch
+"@plextv/react-lightning-plugin-reanimated": patch
+"@repo/typescript-config": patch
+"@plextv/react-lightning": patch
+"@plextv/react-lightning-plugin-flexbox": patch
+"@repo/vite-config": patch
+"@plextv/react-lightning-storybook": patch
+---
+
+Switch builds to use vite and update packages

.changeset/tall-showers-look.md

@@ -0,0 +1,5 @@
+---
+"@plextv/react-lightning": patch
+---
+
+Removed effects and improved shaders

.husky/pre-commit

@@ -1,4 +1 @@
-pnpm check:types
 pnpm lint
-pnpm test
-pnpm unused

.husky/pre-push

@@ -0,0 +1,3 @@
+pnpm check:types
+pnpm test
+pnpm unused

.mise.toml

@@ -1,3 +1,3 @@
 [tools]
 pnpm = "9.12.1"
-node = "20.11.1"
+node = "22.17.0"

apps/react-lightning-example/package.json

@@ -11,7 +11,7 @@
   "bugs": {
     "url": "https://github.com/plexinc/react-lightning/issues/new"
   },
-  "packageManager": "pnpm@8.10.0",
+  "packageManager": "pnpm@10.12.3",
   "type": "module",
   "private": true,
   "scripts": {
@@ -22,23 +22,23 @@
     "test:unit": "vitest run --passWithNoTests"
   },
   "dependencies": {
-    "@lightningjs/renderer": "2.13.2",
+    "@lightningjs/renderer": "3.0.0-beta9",
     "@plextv/react-lightning": "workspace:*",
     "@plextv/react-lightning-components": "workspace:*",
-    "@plextv/react-lightning-plugin-flexbox": "workspace:*",
     "@plextv/react-lightning-plugin-css-transform": "workspace:*",
+    "@plextv/react-lightning-plugin-flexbox": "workspace:*",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-router-dom": "7.1.5",
-    "swr": "2.3.2"
+    "react-router-dom": "7.3.0",
+    "swr": "2.3.3"
   },
   "devDependencies": {
     "@plextv/vite-plugin-msdf-fontgen": "workspace:*",
     "@repo/typescript-config": "workspace:*",
     "@types/react": "18.3.14",
     "@types/react-dom": "18.3.1",
-    "@vitejs/plugin-react": "4.3.4",
-    "vite": "6.1.0",
+    "@vitejs/plugin-legacy": "^7.0.0",
+    "@vitejs/plugin-react": "4.6.0",
     "vite-tsconfig-paths": "5.1.4"
   },
   "volta": {

apps/react-lightning-example/src/index.tsx

@@ -1,17 +1,16 @@
 import { SdfTrFontFace } from '@lightningjs/renderer';
 import {
   Canvas,
-  type RenderOptions,
   createRoot as createRootLng,
+  type RenderOptions,
 } from '@plextv/react-lightning';
 import { plugin as cssTransformPlugin } from '@plextv/react-lightning-plugin-css-transform';
 import { plugin as flexPlugin } from '@plextv/react-lightning-plugin-flexbox';
 import { createRoot as createRootDom } from 'react-dom/client';
-import { RouterProvider, createBrowserRouter } from 'react-router-dom';
+import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 import { keyMap } from './keyMap';
 import { AnimationPage } from './pages/AnimationPage';
 import { BrowsePage } from './pages/BrowsePage';
-import { EffectsPage } from './pages/EffectsPage';
 import { LayoutPage } from './pages/LayoutPage';
 import { Page60 } from './pages/Page60';
 import { PosterPage } from './pages/PosterPage';
@@ -20,9 +19,6 @@ import { TexturePage } from './pages/TexturePage';
 import { TransformsPage } from './pages/TransformsPage';
 import { MyCustomShader } from './shaders/MyCustomShader';
 import { MyCustomTexture } from './shaders/MyCustomTexture';
-import { NoiseEffect } from './shaders/NoiseEffect';
-import { SimpleRadialEffect } from './shaders/SimpleRadialEffect';
-import { StaticAlphaEffect } from './shaders/StaticAlphaEffect';
 
 const router = createBrowserRouter([
   {
@@ -41,10 +37,6 @@ const router = createBrowserRouter([
     path: '/animation',
     element: <AnimationPage />,
   },
-  {
-    path: '/effects',
-    element: <EffectsPage />,
-  },
   {
     path: '/shader',
     element: <ShaderPage />,
@@ -82,16 +74,17 @@ const options: RenderOptions = {
       stage,
     }),
   ],
-  enableContextSpy: true,
+  numImageWorkers: window.navigator.hardwareConcurrency || 2,
   plugins: [cssTransformPlugin(), flexPlugin()],
-  effects: {
-    Noise: NoiseEffect,
-    StaticAlpha: StaticAlphaEffect,
-    SimpleRadial: SimpleRadialEffect,
-  },
-  shaders: {
-    MyCustomShader: MyCustomShader,
-  },
+  shaders: [
+    'Border',
+    'Shadow',
+    'Rounded',
+    'RoundedWithBorder',
+    'RoundedWithShadow',
+    'RoundedWithBorderAndShadow',
+    { MyCustomShader: MyCustomShader },
+  ],
   textures: {
     MyCustomTexture: MyCustomTexture,
   },