fix: Fix builds and enable isolated declarations

.changeset/solid-snakes-poke.md

@@ -0,0 +1,16 @@
+---
+"@plextv/vite-plugin-react-reanimated-lightning": patch
+"@plextv/vite-plugin-react-native-lightning": patch
+"@plextv/react-native-lightning-components": 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-plugin-flexbox-lite": patch
+"@plextv/react-lightning-plugin-reanimated": patch
+"@plextv/react-lightning": patch
+"@plextv/react-lightning-plugin-flexbox": patch
+"@repo/configs": patch
+---
+
+fix: Fix builds and enable isolated declarations

.npmrc

@@ -1 +1,4 @@
 auto-install-peers=true
+
+# Prefer exact dependency versions.
+save-prefix=""

package.json

@@ -41,13 +41,13 @@
     "glob": "11.0.3",
     "husky": "9.1.7",
     "listr2": "9.0.4",
-    "tsdown": "^0.15.7",
+    "tsdown": "0.16.6",
     "tsx": "4.20.6",
     "turbo": "2.5.8",
     "type-fest": "5.1.0",
     "typescript": "5.9.3",
     "vite": "7.1.10",
-    "vite-plugin-externalize-deps": "^0.10.0",
+    "vite-plugin-externalize-deps": "0.10.0",
     "vitest": "3.2.4",
     "yaml": "2.8.1"
   },

packages/configs/tsconfig.json

@@ -7,6 +7,7 @@
     "esModuleInterop": true,
     "incremental": false,
     "isolatedModules": true,
+    "isolatedDeclarations": true,
     "lib": ["es2022", "DOM", "DOM.Iterable"],
     "module": "ESNext",
     "moduleDetection": "force",

packages/configs/tsdown.config.ts

@@ -1,16 +1,17 @@
-import { defineConfig } from 'tsdown';
+import { defineConfig, type UserConfig } from 'tsdown';
 
-export default defineConfig({
+const config: UserConfig = defineConfig({
   entry: ['src/index.ts'],
   format: ['cjs', 'esm'],
   target: 'chrome56',
   platform: 'browser',
   sourcemap: true,
-  dts: true,
+  dts: {
+    oxc: true,
+  },
   loader: {
     '.png': 'asset',
   },
-  // minify: false,
   exports: {
     devExports: true,
   },
@@ -20,3 +21,5 @@ export default defineConfig({
     },
   },
 });
+
+export default config;

packages/plugin-css-transform/src/utils/convertCSSTransformToLightning.ts

@@ -47,7 +47,7 @@ export function convertCSSTransformToLightning(
     | number
     | number[]
     | Record<string, number | string | number[]>,
-) {
+): Transform {
   const transformResult: Transform = {};
 
   if (typeof transformValue === 'object') {

packages/plugin-css-transform/src/utils/convertRotationValue.ts

@@ -1,4 +1,4 @@
-export function convertRotationValue(value: string) {
+export function convertRotationValue(value: string): number {
   if (value.endsWith('deg')) {
     return (Number.parseFloat(value) * Math.PI) / 180;
   }

packages/plugin-css-transform/tsconfig.json

@@ -1,10 +1,5 @@
 {
   "extends": "@repo/configs/tsconfig.react-library.json",
-  "compilerOptions": {
-    "rootDir": "src",
-    "declaration": false,
-    "declarationMap": false
-  },
   "include": ["src"],
   "exclude": ["node_modules", "dist"]
 }

packages/plugin-css-transform/tsdown.config.ts

@@ -1,7 +1,7 @@
-import baseConfig from '@repo/configs/tsdown.config';
-import { defineConfig } from 'tsdown';
+import { defineConfig, type UserConfig } from 'tsdown';
+import baseConfig from '../configs/tsdown.config';
 
-export default defineConfig({
+const config: UserConfig = defineConfig({
   ...baseConfig,
   entry: ['src/index.ts', 'src/types/jsx.d.ts'],
   exports: {
@@ -17,3 +17,5 @@ export default defineConfig({
     },
   },
 });
+
+export default config;

packages/plugin-flexbox-lite/tsconfig.json

@@ -1,10 +1,5 @@
 {
   "extends": "@repo/configs/tsconfig.react-library.json",
-  "compilerOptions": {
-    "rootDir": "src",
-    "declaration": false,
-    "declarationMap": false
-  },
   "include": ["src", "../../types/*.d.ts"],
   "exclude": ["node_modules", "dist"]
 }

packages/plugin-flexbox-lite/tsdown.config.ts

@@ -1,7 +1,7 @@
-import baseConfig from '@repo/configs/tsdown.config';
-import { defineConfig } from 'tsdown';
+import { defineConfig, type UserConfig } from 'tsdown';
+import baseConfig from '../configs/tsdown.config';
 
-export default defineConfig({
+const config: UserConfig = defineConfig({
   ...baseConfig,
   entry: ['./src/index.ts', './src/types/jsx.d.ts'],
   exports: {
@@ -17,3 +17,5 @@ export default defineConfig({
     },
   },
 });
+
+export default config;

packages/plugin-flexbox/src/LightningManager.ts

@@ -19,7 +19,7 @@ export class LightningManager {
   private _elements = new Map<number, LightningElement>();
   private _yogaManager: YogaManager | Workerized<YogaManager> | undefined;
 
-  public async init(yogaOptions?: YogaOptions) {
+  public async init(yogaOptions?: YogaOptions): Promise<void> {
     this._yogaManager = await loadYoga(yogaOptions);
     this._yogaManager.on('render', this._applyUpdates);
   }
@@ -105,7 +105,7 @@ export class LightningManager {
     elementId: number,
     style?: Partial<LightningElementStyle> | null,
     skipRender = false,
-  ) {
+  ): void {
     if (!this._elements.has(elementId)) {
       return;
     }

packages/plugin-flexbox/src/YogaManager.ts

@@ -54,10 +54,13 @@ export class YogaManager {
   private _eventEmitter: EventEmitter<YogaManagerEvents> = new EventEmitter();
   private _dataView: SimpleDataView;
 
-  public on = this._eventEmitter.on.bind(this._eventEmitter);
-  public off = this._eventEmitter.off.bind(this._eventEmitter);
+  public on: EventEmitter<YogaManagerEvents>['on'] = this._eventEmitter.on.bind(
+    this._eventEmitter,
+  );
+  public off: EventEmitter<YogaManagerEvents>['off'] =
+    this._eventEmitter.off.bind(this._eventEmitter);
 
-  public get initialized() {
+  public get initialized(): boolean {
     return this._initialized;
   }
 
@@ -69,7 +72,7 @@ export class YogaManager {
     );
   }
 
-  public async init(yogaOptions?: YogaOptions) {
+  public async init(yogaOptions?: YogaOptions): Promise<void> {
     Object.assign(this._yogaOptions, yogaOptions);
 
     this._yoga = await loadYoga();
@@ -104,7 +107,7 @@ export class YogaManager {
     this._initialized = true;
   }
 
-  public addNode(elementId: number) {
+  public addNode(elementId: number): ManagerNode {
     if (this._elementMap.has(elementId)) {
       // biome-ignore lint/style/noNonNullAssertion: Already checked
       return this._elementMap.get(elementId)!;
@@ -117,7 +120,7 @@ export class YogaManager {
     return node;
   }
 
-  public removeNode(elementId: number) {
+  public removeNode(elementId: number): void {
     const yogaNode = this._elementMap.get(elementId);
 
     if (yogaNode) {
@@ -136,7 +139,7 @@ export class YogaManager {
     }
   }
 
-  public addChildNode(parentId: number, childId: number, index?: number) {
+  public addChildNode(parentId: number, childId: number, index?: number): void {
     const parentYogaNode = this._elementMap.get(parentId);
     const childYogaNode = this._elementMap.get(childId);
 
@@ -153,7 +156,7 @@ export class YogaManager {
     childYogaNode.parent = parentYogaNode;
   }
 
-  public queueRender(elementId: number, force = false) {
+  public queueRender(elementId: number, force = false): void {
     if (!this._initialized || !this._yoga) {
       throw new Error('Yoga is not initialized! Did you call `init()`?');
     }
@@ -199,7 +202,7 @@ export class YogaManager {
   public applyStyles(
     styles: Record<number, Partial<LightningElementStyle>>,
     skipRender = false,
-  ) {
+  ): void {
     if (!this._initialized) {
       throw new Error('Yoga was not initialized! Did you call `init()`?');
     }
@@ -215,7 +218,7 @@ export class YogaManager {
     elementId: number,
     style: Partial<LightningElementStyle> | null,
     skipRender = false,
-  ) {
+  ): void {
     if (!style) {
       return;
     }

packages/plugin-flexbox/src/YogaManagerWorker.ts

@@ -341,4 +341,5 @@ function getId(): number {
   return ++count;
 }
 
-export default () => wrapWorker<YogaManager>(new Worker());
+export default (): Workerized<YogaManager> =>
+  wrapWorker<YogaManager>(new Worker());