@esportsplus/reactivity 0.22.3 → 0.23.1

package/build/index.d.ts

@@ -1,4 +1,4 @@
-export { default as reactive } from './reactive/index.js';
 export { STABILIZER_IDLE, STABILIZER_RESCHEDULE, STABILIZER_RUNNING, STABILIZER_SCHEDULED } from './constants.js';
+export { default as reactive } from './reactive/index.js';
 export * from './system.js';
 export * from './types.js';

package/build/index.js

@@ -1,4 +1,4 @@
-export { default as reactive } from './reactive/index.js';
 export { STABILIZER_IDLE, STABILIZER_RESCHEDULE, STABILIZER_RUNNING, STABILIZER_SCHEDULED } from './constants.js';
+export { default as reactive } from './reactive/index.js';
 export * from './system.js';
 export * from './types.js';

package/build/reactive/array.d.ts

@@ -35,8 +35,11 @@ type Listener<V> = {
 };
 type Listeners = Record<string, (Listener<any> | null)[]>;
 declare class ReactiveArray<T> extends Array<T> {
+    private _length;
     listeners: Listeners;
     constructor(...items: T[]);
+    $length(): number;
+    $set(i: number, value: T): void;
     clear(): void;
     concat(...items: ConcatArray<T>[]): ReactiveArray<T>;
     concat(...items: (T | ConcatArray<T>)[]): ReactiveArray<T>;

package/build/reactive/array.js

@@ -1,13 +1,33 @@
 import { isArray } from '@esportsplus/utilities';
-import { REACTIVE_ARRAY } from '../constants.js';
-import { isReactiveObject } from './object.js';
+import { read, set, signal } from '../system.js';
+import { REACTIVE_ARRAY, REACTIVE_OBJECT } from '../constants.js';
+function isReactiveObject(value) {
+    return value !== null && typeof value === 'object' && value[REACTIVE_OBJECT] === true;
+}
 class ReactiveArray extends Array {
+    _length;
     listeners = {};
     constructor(...items) {
         super(...items);
+        this._length = signal(items.length);
+    }
+    $length() {
+        return read(this._length);
+    }
+    $set(i, value) {
+        let prev = this[i];
+        if (prev === value) {
+            return;
+        }
+        this[i] = value;
+        if (i >= super.length) {
+            set(this._length, i + 1);
+        }
+        this.dispatch('set', { index: i, item: value });
     }
     clear() {
         this.dispose();
+        set(this._length, 0);
         this.dispatch('clear');
     }
     concat(...items) {
@@ -26,6 +46,7 @@ class ReactiveArray extends Array {
             }
         }
         if (added.length) {
+            set(this._length, super.length);
             this.dispatch('concat', { items: added });
         }
         return this;
@@ -62,6 +83,7 @@ class ReactiveArray extends Array {
                 item.dispose();
             }
         }
+        set(this._length, 0);
     }
     on(event, listener) {
         let listeners = this.listeners[event];
@@ -92,6 +114,7 @@ class ReactiveArray extends Array {
     pop() {
         let item = super.pop();
         if (item !== undefined) {
+            set(this._length, super.length);
             if (isReactiveObject(item)) {
                 item.dispose();
             }
@@ -100,7 +123,11 @@ class ReactiveArray extends Array {
         return item;
     }
     push(...items) {
+        if (!items.length) {
+            return super.length;
+        }
         let length = super.push(...items);
+        set(this._length, length);
         this.dispatch('push', { items });
         return length;
     }
@@ -112,6 +139,7 @@ class ReactiveArray extends Array {
     shift() {
         let item = super.shift();
         if (item !== undefined) {
+            set(this._length, super.length);
             if (isReactiveObject(item)) {
                 item.dispose();
             }
@@ -151,6 +179,7 @@ class ReactiveArray extends Array {
     splice(start, deleteCount = this.length, ...items) {
         let removed = super.splice(start, deleteCount, ...items);
         if (items.length > 0 || removed.length > 0) {
+            set(this._length, super.length);
             for (let i = 0, n = removed.length; i < n; i++) {
                 let item = removed[i];
                 if (isReactiveObject(item)) {
@@ -163,6 +192,7 @@ class ReactiveArray extends Array {
     }
     unshift(...items) {
         let length = super.unshift(...items);
+        set(this._length, length);
         this.dispatch('unshift', { items });
         return length;
     }

package/build/reactive/index.d.ts

@@ -1,18 +1,21 @@
-import { Prettify } from '@esportsplus/utilities';
+import { REACTIVE_OBJECT } from '../constants.js';
 import { ReactiveArray } from './array.js';
-import { ReactiveObject } from './object.js';
-type API<T> = T extends Record<PropertyKey, unknown> ? Prettify<{
-    [K in keyof T]: Infer<T[K]>;
-} & {
-    dispose: VoidFunction;
-}> : T extends (infer U)[] ? ReactiveArray<U> : never;
-type Guard<T> = T extends {
+declare const READONLY: unique symbol;
+type ReactiveObject<T extends Record<PropertyKey, unknown>> = T & {
+    [REACTIVE_OBJECT]: true;
+    dispose(): void;
+};
+type ReactiveObjectGuard<T> = T extends {
     dispose: any;
 } ? {
-    never: '[ dispose ] are reserved keys';
+    never: '[ dispose ] is a reserved key';
 } : T;
-type Infer<T> = T extends (...args: unknown[]) => Promise<infer R> ? R | undefined : T extends (...args: any[]) => infer R ? R : T extends (infer U)[] ? ReactiveArray<U> : T extends ReactiveObject<any> ? T : T extends Record<PropertyKey, unknown> ? {
-    [K in keyof T]: T[K];
-} : T;
-declare const _default: <T extends Record<PropertyKey, any> | unknown[]>(input: Guard<T>) => API<T>;
-export default _default;
+declare function reactive<T extends () => unknown>(_input: T): ReturnType<T> & {
+    readonly [READONLY]: true;
+};
+declare function reactive<T extends Record<PropertyKey, any>>(_input: ReactiveObjectGuard<T>): ReactiveObject<T>;
+declare function reactive<T>(_input: T[]): ReactiveArray<T>;
+declare function reactive<T>(_input: T): T;
+export default reactive;
+export { reactive, ReactiveArray };
+export type { ReactiveObject };

package/build/reactive/index.js

@@ -1,26 +1,8 @@
-import { isArray, isObject } from '@esportsplus/utilities';
-import { onCleanup, root } from '../system.js';
+import { REACTIVE_OBJECT } from '../constants.js';
 import { ReactiveArray } from './array.js';
-import { ReactiveObject } from './object.js';
-export default (input) => {
-    let dispose = false, value = root(() => {
-        let response;
-        if (isObject(input)) {
-            response = new ReactiveObject(input);
-        }
-        else if (isArray(input)) {
-            response = new ReactiveArray(...input);
-        }
-        if (response) {
-            if (root.disposables) {
-                dispose = true;
-            }
-            return response;
-        }
-        throw new Error(`@esportsplus/reactivity: 'reactive' received invalid input - ${JSON.stringify(input)}`);
-    });
-    if (dispose) {
-        onCleanup(() => value.dispose());
-    }
-    return value;
-};
+function reactive(_input) {
+    throw new Error('@esportsplus/reactivity: reactive() called at runtime. ' +
+        'Ensure vite-plugin-reactivity-compile is configured.');
+}
+export default reactive;
+export { reactive, ReactiveArray };

package/build/system.js

@@ -1,5 +1,5 @@
-import { isObject } from '@esportsplus/utilities';
 import { COMPUTED, SIGNAL, STABILIZER_IDLE, STABILIZER_RESCHEDULE, STABILIZER_RUNNING, STABILIZER_SCHEDULED, STATE_CHECK, STATE_DIRTY, STATE_IN_HEAP, STATE_NONE, STATE_NOTIFY_MASK, STATE_RECOMPUTING } from './constants.js';
+import { isObject } from '@esportsplus/utilities';
 let depth = 0, heap = new Array(64), heap_i = 0, heap_n = 0, linkPool = [], linkPoolMax = 1000, microtask = queueMicrotask, notified = false, observer = null, scope = null, stabilizer = STABILIZER_IDLE, version = 0;
 function cleanup(computed) {
     if (!computed.cleanup) {

package/build/transformer/detector.d.ts

@@ -0,0 +1,2 @@
+declare const mightNeedTransform: (code: string) => boolean;
+export { mightNeedTransform };

package/build/transformer/detector.js

@@ -0,0 +1,38 @@
+import { mightNeedTransform as checkTransform } from '@esportsplus/typescript/transformer';
+import ts from 'typescript';
+const REACTIVE_REGEX = /\breactive\b/;
+function visit(ctx, node) {
+    if (ctx.hasImport && ctx.hasUsage) {
+        return;
+    }
+    if (ts.isImportDeclaration(node) &&
+        node.importClause?.namedBindings &&
+        ts.isNamedImports(node.importClause.namedBindings)) {
+        let elements = node.importClause.namedBindings.elements;
+        for (let i = 0, n = elements.length; i < n; i++) {
+            let el = elements[i], name = el.propertyName?.text ?? el.name.text;
+            if (name === 'reactive') {
+                ctx.hasImport = true;
+                break;
+            }
+        }
+    }
+    if (ts.isCallExpression(node) &&
+        ts.isIdentifier(node.expression) &&
+        node.expression.text === 'reactive') {
+        ctx.hasUsage = true;
+    }
+    ts.forEachChild(node, n => visit(ctx, n));
+}
+const mightNeedTransform = (code) => {
+    if (!checkTransform(code, { regex: REACTIVE_REGEX })) {
+        return false;
+    }
+    let ctx = {
+        hasImport: false,
+        hasUsage: false
+    };
+    visit(ctx, ts.createSourceFile('detect.ts', code, ts.ScriptTarget.Latest, false));
+    return ctx.hasImport && ctx.hasUsage;
+};
+export { mightNeedTransform };

package/build/transformer/index.d.ts

@@ -0,0 +1,10 @@
+import type { TransformOptions, TransformResult } from '../types.js';
+import { mightNeedTransform } from './detector.js';
+import ts from 'typescript';
+declare const createTransformer: (options?: TransformOptions) => ts.TransformerFactory<ts.SourceFile>;
+declare const transform: (sourceFile: ts.SourceFile, options?: TransformOptions) => TransformResult;
+export { createTransformer, mightNeedTransform, transform };
+export { injectAutoDispose } from './transforms/auto-dispose.js';
+export { transformReactiveArrays } from './transforms/reactive-array.js';
+export { transformReactiveObjects } from './transforms/reactive-object.js';
+export { transformReactivePrimitives } from './transforms/reactive-primitives.js';

package/build/transformer/index.js

@@ -0,0 +1,55 @@
+import { injectAutoDispose } from './transforms/auto-dispose.js';
+import { mightNeedTransform } from './detector.js';
+import { transformReactiveArrays } from './transforms/reactive-array.js';
+import { transformReactiveObjects } from './transforms/reactive-object.js';
+import { transformReactivePrimitives } from './transforms/reactive-primitives.js';
+import ts from 'typescript';
+const createTransformer = (options) => {
+    return () => {
+        return (sourceFile) => {
+            let result = transform(sourceFile, options);
+            return result.transformed ? result.sourceFile : sourceFile;
+        };
+    };
+};
+const transform = (sourceFile, options) => {
+    let bindings = new Map(), code = sourceFile.getFullText(), current = sourceFile, original = code, result;
+    if (!mightNeedTransform(code)) {
+        return { code, sourceFile, transformed: false };
+    }
+    result = transformReactiveObjects(current, bindings);
+    if (result !== code) {
+        current = ts.createSourceFile(sourceFile.fileName, result, sourceFile.languageVersion, true);
+        code = result;
+    }
+    result = transformReactiveArrays(current, bindings);
+    if (result !== code) {
+        current = ts.createSourceFile(sourceFile.fileName, result, sourceFile.languageVersion, true);
+        code = result;
+    }
+    result = transformReactivePrimitives(current, bindings);
+    if (result !== code) {
+        current = ts.createSourceFile(sourceFile.fileName, result, sourceFile.languageVersion, true);
+        code = result;
+    }
+    if (options?.autoDispose) {
+        result = injectAutoDispose(current);
+        if (result !== code) {
+            current = ts.createSourceFile(sourceFile.fileName, result, sourceFile.languageVersion, true);
+            code = result;
+        }
+    }
+    if (code === original) {
+        return { code, sourceFile, transformed: false };
+    }
+    return {
+        code,
+        sourceFile: current,
+        transformed: true
+    };
+};
+export { createTransformer, mightNeedTransform, transform };
+export { injectAutoDispose } from './transforms/auto-dispose.js';
+export { transformReactiveArrays } from './transforms/reactive-array.js';
+export { transformReactiveObjects } from './transforms/reactive-object.js';
+export { transformReactivePrimitives } from './transforms/reactive-primitives.js';

package/build/transformer/plugins/esbuild.d.ts

@@ -0,0 +1,5 @@
+import type { Plugin } from 'esbuild';
+import type { TransformOptions } from '../../types.js';
+declare const _default: (options?: TransformOptions) => Plugin;
+export default _default;
+export type { TransformOptions as PluginOptions };

package/build/transformer/plugins/esbuild.js

@@ -0,0 +1,31 @@
+import { TRANSFORM_PATTERN } from '@esportsplus/typescript/transformer';
+import { mightNeedTransform, transform } from '../../transformer/index.js';
+import fs from 'fs';
+import ts from 'typescript';
+export default (options) => {
+    return {
+        name: '@esportsplus/reactivity/plugin-esbuild',
+        setup(build) {
+            build.onLoad({ filter: TRANSFORM_PATTERN }, async (args) => {
+                let code = await fs.promises.readFile(args.path, 'utf8');
+                if (!mightNeedTransform(code)) {
+                    return null;
+                }
+                try {
+                    let sourceFile = ts.createSourceFile(args.path, code, ts.ScriptTarget.Latest, true), result = transform(sourceFile, options);
+                    if (!result.transformed) {
+                        return null;
+                    }
+                    return {
+                        contents: result.code,
+                        loader: args.path.endsWith('x') ? 'tsx' : 'ts'
+                    };
+                }
+                catch (error) {
+                    console.error(`@esportsplus/reactivity: Error transforming ${args.path}:`, error);
+                    return null;
+                }
+            });
+        }
+    };
+};

package/build/transformer/plugins/tsc.d.ts

@@ -0,0 +1,3 @@
+import ts from 'typescript';
+declare const _default: (_program: ts.Program) => ts.TransformerFactory<ts.SourceFile>;
+export default _default;

package/build/transformer/plugins/tsc.js

@@ -0,0 +1,4 @@
+import { createTransformer } from '../../transformer/index.js';
+export default (_program) => {
+    return createTransformer();
+};

package/build/transformer/plugins/vite.d.ts

@@ -0,0 +1,5 @@
+import type { Plugin } from 'vite';
+import type { TransformOptions } from '../../types.js';
+declare const _default: (options?: TransformOptions) => Plugin;
+export default _default;
+export type { TransformOptions as PluginOptions };

package/build/transformer/plugins/vite.js

@@ -0,0 +1,28 @@
+import { TRANSFORM_PATTERN } from '@esportsplus/typescript/transformer';
+import { mightNeedTransform, transform } from '../../transformer/index.js';
+import ts from 'typescript';
+export default (options) => {
+    return {
+        enforce: 'pre',
+        name: '@esportsplus/reactivity/plugin-vite',
+        transform(code, id) {
+            if (!TRANSFORM_PATTERN.test(id) || id.includes('node_modules')) {
+                return null;
+            }
+            if (!mightNeedTransform(code)) {
+                return null;
+            }
+            try {
+                let sourceFile = ts.createSourceFile(id, code, ts.ScriptTarget.Latest, true), result = transform(sourceFile, options);
+                if (!result.transformed) {
+                    return null;
+                }
+                return { code: result.code, map: null };
+            }
+            catch (error) {
+                console.error(`@esportsplus/reactivity: Error transforming ${id}:`, error);
+                return null;
+            }
+        }
+    };
+};

package/build/transformer/transforms/auto-dispose.d.ts

@@ -0,0 +1,3 @@
+import ts from 'typescript';
+declare const injectAutoDispose: (sourceFile: ts.SourceFile) => string;
+export { injectAutoDispose };

package/build/transformer/transforms/auto-dispose.js

@@ -0,0 +1,119 @@
+import { uid, TRAILING_SEMICOLON } from '@esportsplus/typescript/transformer';
+import { applyReplacements } from './utilities.js';
+import ts from 'typescript';
+function processFunction(node, sourceFile, edits) {
+    if (!node.body || !ts.isBlock(node.body)) {
+        return;
+    }
+    let ctx = {
+        disposables: [],
+        effectsToCapture: [],
+        parentBody: node.body,
+        returnStatement: null
+    };
+    visitBody(ctx, node.body);
+    if (ctx.disposables.length === 0 || !ctx.returnStatement || !ctx.returnStatement.expression) {
+        return;
+    }
+    let cleanupFn = ctx.returnStatement.expression;
+    if (!cleanupFn.body) {
+        return;
+    }
+    let disposeStatements = [];
+    for (let i = ctx.disposables.length - 1; i >= 0; i--) {
+        let d = ctx.disposables[i];
+        if (d.type === 'reactive') {
+            disposeStatements.push(`${d.name}.dispose();`);
+        }
+        else {
+            disposeStatements.push(`${d.name}();`);
+        }
+    }
+    let disposeCode = disposeStatements.join('\n');
+    if (ts.isBlock(cleanupFn.body)) {
+        edits.push({
+            cleanupBodyEnd: cleanupFn.body.statements[0]?.pos ?? cleanupFn.body.end - 1,
+            cleanupBodyStart: cleanupFn.body.pos + 1,
+            disposeCode,
+            effectsToCapture: ctx.effectsToCapture
+        });
+    }
+    else {
+        edits.push({
+            cleanupBodyEnd: cleanupFn.body.end,
+            cleanupBodyStart: cleanupFn.body.pos,
+            disposeCode: `{ ${disposeCode}\n return ${cleanupFn.body.getText(sourceFile)}; }`,
+            effectsToCapture: ctx.effectsToCapture
+        });
+    }
+}
+function visitBody(ctx, node) {
+    if (ts.isVariableDeclaration(node) &&
+        ts.isIdentifier(node.name) &&
+        node.initializer &&
+        ts.isCallExpression(node.initializer) &&
+        ts.isIdentifier(node.initializer.expression) &&
+        node.initializer.expression.text === 'reactive') {
+        ctx.disposables.push({ name: node.name.text, type: 'reactive' });
+    }
+    if (ts.isCallExpression(node) &&
+        ts.isIdentifier(node.expression) &&
+        node.expression.text === 'effect') {
+        if (ts.isVariableDeclaration(node.parent) && ts.isIdentifier(node.parent.name)) {
+            ctx.disposables.push({ name: node.parent.name.text, type: 'effect' });
+        }
+        else if (ts.isExpressionStatement(node.parent)) {
+            let name = uid('effect');
+            ctx.effectsToCapture.push({
+                end: node.parent.end,
+                name,
+                start: node.parent.pos
+            });
+            ctx.disposables.push({ name, type: 'effect' });
+        }
+    }
+    if (ts.isReturnStatement(node) &&
+        node.expression &&
+        (ts.isArrowFunction(node.expression) || ts.isFunctionExpression(node.expression)) &&
+        node.parent === ctx.parentBody) {
+        ctx.returnStatement = node;
+    }
+    ts.forEachChild(node, n => visitBody(ctx, n));
+}
+function visitMain(ctx, node) {
+    if (ts.isFunctionDeclaration(node) ||
+        ts.isFunctionExpression(node) ||
+        ts.isArrowFunction(node)) {
+        processFunction(node, ctx.sourceFile, ctx.edits);
+    }
+    ts.forEachChild(node, n => visitMain(ctx, n));
+}
+const injectAutoDispose = (sourceFile) => {
+    let code = sourceFile.getFullText(), ctx = {
+        edits: [],
+        sourceFile
+    };
+    visitMain(ctx, sourceFile);
+    if (ctx.edits.length === 0) {
+        return code;
+    }
+    let replacements = [];
+    for (let i = 0, n = ctx.edits.length; i < n; i++) {
+        let edit = ctx.edits[i], effects = edit.effectsToCapture;
+        for (let j = 0, m = effects.length; j < m; j++) {
+            let effect = effects[j], original = code.substring(effect.start, effect.end).trim();
+            replacements.push({
+                end: effect.end,
+                newText: `const ${effect.name} = ${original.replace(TRAILING_SEMICOLON, '')}`,
+                start: effect.start
+            });
+        }
+        replacements.push({
+            end: edit.cleanupBodyEnd,
+            newText: `\n${edit.disposeCode}`,
+            start: edit.cleanupBodyStart
+        });
+    }
+    return applyReplacements(code, replacements);
+};
+export { injectAutoDispose };

package/build/transformer/transforms/reactive-array.d.ts

@@ -0,0 +1,4 @@
+import type { Bindings } from '../../types.js';
+import ts from 'typescript';
+declare const transformReactiveArrays: (sourceFile: ts.SourceFile, bindings: Bindings) => string;
+export { transformReactiveArrays };

package/build/transformer/transforms/reactive-array.js

@@ -0,0 +1,93 @@
+import { applyReplacements } from './utilities.js';
+import ts from 'typescript';
+function getExpressionName(node) {
+    if (ts.isIdentifier(node)) {
+        return node.text;
+    }
+    if (ts.isPropertyAccessExpression(node)) {
+        return getPropertyPath(node);
+    }
+    return null;
+}
+function getPropertyPath(node) {
+    let current = node, parts = [];
+    while (ts.isPropertyAccessExpression(current)) {
+        parts.unshift(current.name.text);
+        current = current.expression;
+    }
+    if (ts.isIdentifier(current)) {
+        parts.unshift(current.text);
+        return parts.join('.');
+    }
+    return null;
+}
+function isAssignmentTarget(node) {
+    let parent = node.parent;
+    if ((ts.isBinaryExpression(parent) && parent.left === node) ||
+        ts.isPostfixUnaryExpression(parent) ||
+        ts.isPrefixUnaryExpression(parent)) {
+        return true;
+    }
+    return false;
+}
+function visit(ctx, node) {
+    if (ts.isVariableDeclaration(node) && ts.isIdentifier(node.name) && node.initializer) {
+        if (ts.isIdentifier(node.initializer) && ctx.bindings.get(node.initializer.text) === 'array') {
+            ctx.bindings.set(node.name.text, 'array');
+        }
+        if (ts.isPropertyAccessExpression(node.initializer)) {
+            let path = getPropertyPath(node.initializer);
+            if (path && ctx.bindings.get(path) === 'array') {
+                ctx.bindings.set(node.name.text, 'array');
+            }
+        }
+    }
+    if ((ts.isFunctionDeclaration(node) || ts.isArrowFunction(node)) && node.parameters) {
+        for (let i = 0, n = node.parameters.length; i < n; i++) {
+            let param = node.parameters[i];
+            if ((ts.isIdentifier(param.name) && param.type) &&
+                ts.isTypeReferenceNode(param.type) &&
+                ts.isIdentifier(param.type.typeName) &&
+                param.type.typeName.text === 'ReactiveArray') {
+                ctx.bindings.set(param.name.text, 'array');
+            }
+        }
+    }
+    if (ts.isPropertyAccessExpression(node) &&
+        node.name.text === 'length' &&
+        !isAssignmentTarget(node)) {
+        let name = getExpressionName(node.expression);
+        if (name && ctx.bindings.get(name) === 'array') {
+            let objText = node.expression.getText(ctx.sourceFile);
+            ctx.replacements.push({
+                end: node.end,
+                newText: `${objText}.$length()`,
+                start: node.pos
+            });
+        }
+    }
+    if (ts.isBinaryExpression(node) &&
+        node.operatorToken.kind === ts.SyntaxKind.EqualsToken &&
+        ts.isElementAccessExpression(node.left)) {
+        let elemAccess = node.left, objName = getExpressionName(elemAccess.expression);
+        if (objName && ctx.bindings.get(objName) === 'array') {
+            let indexText = elemAccess.argumentExpression.getText(ctx.sourceFile), objText = elemAccess.expression.getText(ctx.sourceFile), valueText = node.right.getText(ctx.sourceFile);
+            ctx.replacements.push({
+                end: node.end,
+                newText: `${objText}.$set(${indexText}, ${valueText})`,
+                start: node.pos
+            });
+        }
+    }
+    ts.forEachChild(node, n => visit(ctx, n));
+}
+const transformReactiveArrays = (sourceFile, bindings) => {
+    let code = sourceFile.getFullText(), ctx = {
+        bindings,
+        replacements: [],
+        sourceFile
+    };
+    visit(ctx, sourceFile);
+    return applyReplacements(code, ctx.replacements);
+};
+export { transformReactiveArrays };

package/build/transformer/transforms/reactive-object.d.ts

@@ -0,0 +1,4 @@
+import type { Bindings } from '../../types.js';
+import ts from 'typescript';
+declare const transformReactiveObjects: (sourceFile: ts.SourceFile, bindings: Bindings) => string;
+export { transformReactiveObjects };