@esportsplus/reactivity 0.22.3 → 0.23.1

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

@@ -0,0 +1,164 @@
+import { uid } from '@esportsplus/typescript/transformer';
+import { addMissingImports, applyReplacements } from './utilities.js';
+import ts from 'typescript';
+const CLASS_NAME_REGEX = /class (\w+)/;
+const EXTRA_IMPORTS = [
+    { module: '@esportsplus/reactivity/constants', specifier: 'REACTIVE_OBJECT' },
+    { module: '@esportsplus/reactivity/reactive/array', specifier: 'ReactiveArray' }
+];
+function analyzeProperty(prop, sourceFile) {
+    if (!ts.isPropertyAssignment(prop)) {
+        return null;
+    }
+    let key;
+    if (ts.isIdentifier(prop.name) || ts.isStringLiteral(prop.name)) {
+        key = prop.name.text;
+    }
+    else {
+        return null;
+    }
+    let value = prop.initializer, valueText = value.getText(sourceFile);
+    if (ts.isArrowFunction(value) || ts.isFunctionExpression(value)) {
+        return { key, type: 'computed', valueText };
+    }
+    if (ts.isArrayLiteralExpression(value)) {
+        return { key, type: 'array', valueText };
+    }
+    return { key, type: 'signal', valueText };
+}
+function buildClassCode(className, properties) {
+    let accessors = [], disposeStatements = [], fields = [];
+    fields.push(`[REACTIVE_OBJECT] = true;`);
+    for (let i = 0, n = properties.length; i < n; i++) {
+        let { key, type, valueText } = properties[i];
+        if (type === 'signal') {
+            let param = uid('v');
+            fields.push(`#${key} = signal(${valueText});`);
+            accessors.push(`get ${key}() { return read(this.#${key}); }`);
+            accessors.push(`set ${key}(${param}) { set(this.#${key}, ${param}); }`);
+        }
+        else if (type === 'array') {
+            let elements = valueText.slice(1, -1);
+            fields.push(`${key} = new ReactiveArray(${elements});`);
+            disposeStatements.push(`this.${key}.dispose();`);
+        }
+        else if (type === 'computed') {
+            fields.push(`#${key}: Computed<unknown> | null = null;`);
+            accessors.push(`get ${key}() { return read(this.#${key} ??= computed(${valueText})); }`);
+            disposeStatements.push(`if (this.#${key}) dispose(this.#${key});`);
+        }
+    }
+    let disposeBody = disposeStatements.length > 0 ? disposeStatements.join('\n') : '';
+    return `
+        class ${className} {
+            ${fields.join('\n')}
+            ${accessors.join('\n')}
+
+            dispose() {
+                ${disposeBody}
+            }
+        }
+    `;
+}
+function visit(ctx, node) {
+    if (ts.isImportDeclaration(node)) {
+        ctx.lastImportEnd = node.end;
+        if (ts.isStringLiteral(node.moduleSpecifier) &&
+            node.moduleSpecifier.text.includes('@esportsplus/reactivity')) {
+            let clause = node.importClause;
+            if (clause?.namedBindings && ts.isNamedImports(clause.namedBindings)) {
+                let elements = clause.namedBindings.elements;
+                for (let i = 0, n = elements.length; i < n; i++) {
+                    if (elements[i].name.text === 'reactive') {
+                        ctx.hasReactiveImport = true;
+                        break;
+                    }
+                }
+            }
+        }
+    }
+    if (ctx.hasReactiveImport &&
+        ts.isCallExpression(node) &&
+        ts.isIdentifier(node.expression) &&
+        node.expression.text === 'reactive') {
+        let arg = node.arguments[0];
+        if (arg && ts.isObjectLiteralExpression(arg)) {
+            let varName = null;
+            if (ts.isVariableDeclaration(node.parent) && ts.isIdentifier(node.parent.name)) {
+                varName = node.parent.name.text;
+                ctx.bindings.set(varName, 'object');
+            }
+            let needsImports = new Set(), properties = [];
+            needsImports.add('REACTIVE_OBJECT');
+            let props = arg.properties;
+            for (let i = 0, n = props.length; i < n; i++) {
+                let prop = props[i];
+                if (ts.isSpreadAssignment(prop)) {
+                    ts.forEachChild(node, n => visit(ctx, n));
+                    return;
+                }
+                let analyzed = analyzeProperty(prop, ctx.sourceFile);
+                if (!analyzed) {
+                    ts.forEachChild(node, n => visit(ctx, n));
+                    return;
+                }
+                properties.push(analyzed);
+                if (analyzed.type === 'signal') {
+                    needsImports.add('read');
+                    needsImports.add('set');
+                    needsImports.add('signal');
+                }
+                else if (analyzed.type === 'array') {
+                    needsImports.add('ReactiveArray');
+                    if (varName) {
+                        ctx.bindings.set(`${varName}.${analyzed.key}`, 'array');
+                    }
+                }
+                else if (analyzed.type === 'computed') {
+                    needsImports.add('computed');
+                    needsImports.add('dispose');
+                    needsImports.add('read');
+                }
+            }
+            needsImports.forEach(imp => ctx.allNeededImports.add(imp));
+            ctx.calls.push({
+                end: node.end,
+                generatedClass: buildClassCode(uid('ReactiveObject'), properties),
+                needsImports,
+                start: node.pos,
+                varName
+            });
+        }
+    }
+    ts.forEachChild(node, n => visit(ctx, n));
+}
+const transformReactiveObjects = (sourceFile, bindings) => {
+    let code = sourceFile.getFullText(), ctx = {
+        allNeededImports: new Set(),
+        bindings,
+        calls: [],
+        hasReactiveImport: false,
+        lastImportEnd: 0,
+        sourceFile
+    };
+    visit(ctx, sourceFile);
+    if (ctx.calls.length === 0) {
+        return code;
+    }
+    let replacements = [];
+    replacements.push({
+        end: ctx.lastImportEnd,
+        newText: code.substring(0, ctx.lastImportEnd) + '\n' + ctx.calls.map(c => c.generatedClass).join('\n') + '\n',
+        start: 0
+    });
+    for (let i = 0, n = ctx.calls.length; i < n; i++) {
+        let call = ctx.calls[i], classMatch = call.generatedClass.match(CLASS_NAME_REGEX);
+        replacements.push({
+            end: call.end,
+            newText: ` new ${classMatch ? classMatch[1] : 'ReactiveObject'}()`,
+            start: call.start
+        });
+    }
+    return addMissingImports(applyReplacements(code, replacements), ctx.allNeededImports, EXTRA_IMPORTS);
+};
+export { transformReactiveObjects };

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

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

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

@@ -0,0 +1,335 @@
+import { uid } from '@esportsplus/typescript/transformer';
+import { addMissingImports, applyReplacements } from './utilities.js';
+import ts from 'typescript';
+function classifyReactiveArg(arg) {
+    if (ts.isArrowFunction(arg) || ts.isFunctionExpression(arg)) {
+        return 'computed';
+    }
+    if (ts.isObjectLiteralExpression(arg) || ts.isArrayLiteralExpression(arg)) {
+        return null;
+    }
+    return 'signal';
+}
+function findBinding(bindings, name, node) {
+    for (let i = 0, n = bindings.length; i < n; i++) {
+        let b = bindings[i];
+        if (b.name === name && isInScope(node, b)) {
+            return b;
+        }
+    }
+    return undefined;
+}
+function findEnclosingScope(node) {
+    let current = node.parent;
+    while (current) {
+        if (ts.isBlock(current) ||
+            ts.isSourceFile(current) ||
+            ts.isFunctionDeclaration(current) ||
+            ts.isFunctionExpression(current) ||
+            ts.isArrowFunction(current) ||
+            ts.isForStatement(current) ||
+            ts.isForInStatement(current) ||
+            ts.isForOfStatement(current)) {
+            return current;
+        }
+        current = current.parent;
+    }
+    return node.getSourceFile();
+}
+function getCompoundOperator(kind) {
+    if (kind === ts.SyntaxKind.PlusEqualsToken) {
+        return '+';
+    }
+    else if (kind === ts.SyntaxKind.MinusEqualsToken) {
+        return '-';
+    }
+    else if (kind === ts.SyntaxKind.AsteriskEqualsToken) {
+        return '*';
+    }
+    else if (kind === ts.SyntaxKind.SlashEqualsToken) {
+        return '/';
+    }
+    else if (kind === ts.SyntaxKind.PercentEqualsToken) {
+        return '%';
+    }
+    else if (kind === ts.SyntaxKind.AsteriskAsteriskEqualsToken) {
+        return '**';
+    }
+    else if (kind === ts.SyntaxKind.AmpersandEqualsToken) {
+        return '&';
+    }
+    else if (kind === ts.SyntaxKind.BarEqualsToken) {
+        return '|';
+    }
+    else if (kind === ts.SyntaxKind.CaretEqualsToken) {
+        return '^';
+    }
+    else if (kind === ts.SyntaxKind.LessThanLessThanEqualsToken) {
+        return '<<';
+    }
+    else if (kind === ts.SyntaxKind.GreaterThanGreaterThanEqualsToken) {
+        return '>>';
+    }
+    else if (kind === ts.SyntaxKind.GreaterThanGreaterThanGreaterThanEqualsToken) {
+        return '>>>';
+    }
+    else if (kind === ts.SyntaxKind.AmpersandAmpersandEqualsToken) {
+        return '&&';
+    }
+    else if (kind === ts.SyntaxKind.BarBarEqualsToken) {
+        return '||';
+    }
+    else if (kind === ts.SyntaxKind.QuestionQuestionEqualsToken) {
+        return '??';
+    }
+    else {
+        return '+';
+    }
+}
+function isInComputedRange(ranges, start, end) {
+    for (let i = 0, n = ranges.length; i < n; i++) {
+        let r = ranges[i];
+        if (start >= r.start && end <= r.end) {
+            return true;
+        }
+    }
+    return false;
+}
+function isInDeclarationInit(node) {
+    let parent = node.parent;
+    if (ts.isVariableDeclaration(parent) && parent.initializer === node) {
+        return true;
+    }
+    return false;
+}
+function isInScope(reference, binding) {
+    let current = reference;
+    while (current) {
+        if (current === binding.scope) {
+            return true;
+        }
+        current = current.parent;
+    }
+    return false;
+}
+function isReactiveReassignment(node) {
+    let parent = node.parent;
+    if (ts.isBinaryExpression(parent) &&
+        parent.operatorToken.kind === ts.SyntaxKind.EqualsToken &&
+        parent.right === node &&
+        ts.isCallExpression(node) &&
+        ts.isIdentifier(node.expression) &&
+        node.expression.text === 'reactive') {
+        return true;
+    }
+    return false;
+}
+function isWriteContext(node) {
+    let parent = node.parent;
+    if (ts.isBinaryExpression(parent) && parent.left === node) {
+        let op = parent.operatorToken.kind;
+        if (op === ts.SyntaxKind.EqualsToken) {
+            return 'simple';
+        }
+        if (op >= ts.SyntaxKind.PlusEqualsToken && op <= ts.SyntaxKind.CaretEqualsToken) {
+            return 'compound';
+        }
+        if (op === ts.SyntaxKind.AmpersandAmpersandEqualsToken ||
+            op === ts.SyntaxKind.BarBarEqualsToken ||
+            op === ts.SyntaxKind.QuestionQuestionEqualsToken) {
+            return 'compound';
+        }
+    }
+    if (ts.isPostfixUnaryExpression(parent) || ts.isPrefixUnaryExpression(parent)) {
+        let op = parent.operator;
+        if (op === ts.SyntaxKind.PlusPlusToken || op === ts.SyntaxKind.MinusMinusToken) {
+            return 'increment';
+        }
+    }
+    return false;
+}
+function visit(ctx, node) {
+    if (ts.isImportDeclaration(node) &&
+        ts.isStringLiteral(node.moduleSpecifier) &&
+        node.moduleSpecifier.text.includes('@esportsplus/reactivity')) {
+        let clause = node.importClause;
+        if (clause?.namedBindings && ts.isNamedImports(clause.namedBindings)) {
+            for (let i = 0, n = clause.namedBindings.elements.length; i < n; i++) {
+                if (clause.namedBindings.elements[i].name.text === 'reactive') {
+                    ctx.hasReactiveImport = true;
+                    break;
+                }
+            }
+        }
+    }
+    if (ctx.hasReactiveImport &&
+        ts.isCallExpression(node) &&
+        ts.isIdentifier(node.expression) &&
+        node.expression.text === 'reactive' &&
+        node.arguments.length > 0) {
+        let arg = node.arguments[0], classification = classifyReactiveArg(arg);
+        if (classification) {
+            let varName = null;
+            if (ts.isVariableDeclaration(node.parent) && ts.isIdentifier(node.parent.name)) {
+                varName = node.parent.name.text;
+            }
+            else if (ts.isBinaryExpression(node.parent) &&
+                node.parent.operatorToken.kind === ts.SyntaxKind.EqualsToken &&
+                ts.isIdentifier(node.parent.left)) {
+                varName = node.parent.left.text;
+            }
+            if (varName) {
+                let scope = findEnclosingScope(node);
+                ctx.scopedBindings.push({ name: varName, scope, type: classification });
+                ctx.bindings.set(varName, classification);
+            }
+            if (classification === 'computed') {
+                ctx.computedArgRanges.push({
+                    end: arg.end,
+                    start: arg.getStart(ctx.sourceFile)
+                });
+                let argCtx = {
+                    argStart: arg.getStart(ctx.sourceFile),
+                    innerReplacements: [],
+                    neededImports: ctx.neededImports,
+                    scopedBindings: ctx.scopedBindings,
+                    sourceFile: ctx.sourceFile
+                };
+                visitArg(argCtx, arg);
+                let argText = applyReplacements(arg.getText(ctx.sourceFile), argCtx.innerReplacements);
+                ctx.replacements.push({
+                    end: node.end,
+                    newText: `computed(${argText})`,
+                    start: node.pos
+                });
+                ctx.neededImports.add('computed');
+            }
+            else {
+                let argText = arg.getText(ctx.sourceFile);
+                ctx.replacements.push({
+                    end: node.end,
+                    newText: `signal(${argText})`,
+                    start: node.pos
+                });
+                ctx.neededImports.add('signal');
+            }
+        }
+    }
+    if (ts.isIdentifier(node) && !isInDeclarationInit(node.parent)) {
+        if (ts.isPropertyAccessExpression(node.parent) && node.parent.name === node) {
+            ts.forEachChild(node, n => visit(ctx, n));
+            return;
+        }
+        let nodeStart = node.getStart(ctx.sourceFile);
+        if (isInComputedRange(ctx.computedArgRanges, nodeStart, node.end)) {
+            ts.forEachChild(node, n => visit(ctx, n));
+            return;
+        }
+        let binding = findBinding(ctx.scopedBindings, node.text, node), name = node.text;
+        if (binding) {
+            if (!isReactiveReassignment(node.parent) &&
+                !(ts.isTypeOfExpression(node.parent) && node.parent.expression === node)) {
+                let writeCtx = isWriteContext(node);
+                if (writeCtx) {
+                    if (binding.type !== 'computed') {
+                        ctx.neededImports.add('set');
+                        let parent = node.parent;
+                        if (writeCtx === 'simple' && ts.isBinaryExpression(parent)) {
+                            let valueText = parent.right.getText(ctx.sourceFile);
+                            ctx.replacements.push({
+                                end: parent.end,
+                                newText: `set(${name}, ${valueText})`,
+                                start: parent.pos
+                            });
+                        }
+                        else if (writeCtx === 'compound' && ts.isBinaryExpression(parent)) {
+                            let op = getCompoundOperator(parent.operatorToken.kind), valueText = parent.right.getText(ctx.sourceFile);
+                            ctx.replacements.push({
+                                end: parent.end,
+                                newText: `set(${name}, ${name}.value ${op} ${valueText})`,
+                                start: parent.pos
+                            });
+                        }
+                        else if (writeCtx === 'increment') {
+                            let isPrefix = ts.isPrefixUnaryExpression(parent), op = parent.operator, delta = op === ts.SyntaxKind.PlusPlusToken ? '+ 1' : '- 1';
+                            if (ts.isExpressionStatement(parent.parent)) {
+                                ctx.replacements.push({
+                                    end: parent.end,
+                                    newText: `set(${name}, ${name}.value ${delta})`,
+                                    start: parent.pos
+                                });
+                            }
+                            else if (isPrefix) {
+                                ctx.replacements.push({
+                                    end: parent.end,
+                                    newText: `(set(${name}, ${name}.value ${delta}), ${name}.value)`,
+                                    start: parent.pos
+                                });
+                            }
+                            else {
+                                let tmp = uid('tmp');
+                                ctx.replacements.push({
+                                    end: parent.end,
+                                    newText: `((${tmp}) => (set(${name}, ${tmp} ${delta}), ${tmp}))(${name}.value)`,
+                                    start: parent.pos
+                                });
+                            }
+                        }
+                    }
+                }
+                else {
+                    ctx.neededImports.add('read');
+                    ctx.replacements.push({
+                        end: node.end,
+                        newText: `read(${name})`,
+                        start: node.pos
+                    });
+                }
+            }
+        }
+    }
+    ts.forEachChild(node, n => visit(ctx, n));
+}
+function visitArg(ctx, node) {
+    if (ts.isIdentifier(node)) {
+        if (ts.isPropertyAccessExpression(node.parent) && node.parent.name === node) {
+            ts.forEachChild(node, n => visitArg(ctx, n));
+            return;
+        }
+        if (ts.isCallExpression(node.parent) && node.parent.expression === node) {
+            ts.forEachChild(node, n => visitArg(ctx, n));
+            return;
+        }
+        let binding = findBinding(ctx.scopedBindings, node.text, node);
+        if (binding) {
+            ctx.neededImports.add('read');
+            ctx.innerReplacements.push({
+                end: node.end - ctx.argStart,
+                newText: `read(${node.text})`,
+                start: node.getStart(ctx.sourceFile) - ctx.argStart
+            });
+        }
+    }
+    ts.forEachChild(node, n => visitArg(ctx, n));
+}
+const transformReactivePrimitives = (sourceFile, bindings) => {
+    let code = sourceFile.getFullText(), ctx = {
+        bindings,
+        computedArgRanges: [],
+        hasReactiveImport: false,
+        neededImports: new Set(),
+        replacements: [],
+        scopedBindings: [],
+        sourceFile
+    };
+    visit(ctx, sourceFile);
+    if (ctx.replacements.length === 0) {
+        return code;
+    }
+    let result = applyReplacements(code, ctx.replacements);
+    if (ctx.neededImports.size > 0) {
+        result = addMissingImports(result, ctx.neededImports);
+    }
+    return result;
+};
+export { transformReactivePrimitives };

package/build/transformer/transforms/utilities.d.ts

@@ -0,0 +1,8 @@
+import { applyReplacements, type Replacement } from '@esportsplus/typescript/transformer';
+type ExtraImport = {
+    module: string;
+    specifier: string;
+};
+declare const addMissingImports: (code: string, needed: Set<string>, extraImports?: ExtraImport[]) => string;
+export { addMissingImports, applyReplacements };
+export type { ExtraImport, Replacement };

package/build/transformer/transforms/utilities.js

@@ -0,0 +1,73 @@
+import { applyReplacements } from '@esportsplus/typescript/transformer';
+import ts from 'typescript';
+function findReactivityImport(sourceFile) {
+    for (let i = 0, n = sourceFile.statements.length; i < n; i++) {
+        let stmt = sourceFile.statements[i];
+        if (ts.isImportDeclaration(stmt) &&
+            ts.isStringLiteral(stmt.moduleSpecifier) &&
+            stmt.moduleSpecifier.text === '@esportsplus/reactivity' &&
+            stmt.importClause?.namedBindings &&
+            ts.isNamedImports(stmt.importClause.namedBindings)) {
+            return stmt;
+        }
+    }
+    return null;
+}
+function getExistingSpecifiers(namedImports) {
+    let existing = new Set();
+    for (let i = 0, n = namedImports.elements.length; i < n; i++) {
+        let el = namedImports.elements[i], name = el.propertyName?.text ?? el.name.text;
+        existing.add(name);
+    }
+    return existing;
+}
+function getFirstImportPos(sourceFile) {
+    for (let i = 0, n = sourceFile.statements.length; i < n; i++) {
+        if (ts.isImportDeclaration(sourceFile.statements[i])) {
+            return sourceFile.statements[i].getStart(sourceFile);
+        }
+    }
+    return 0;
+}
+const addMissingImports = (code, needed, extraImports) => {
+    let sourceFile = ts.createSourceFile('temp.ts', code, ts.ScriptTarget.Latest, true), reactivityImport = findReactivityImport(sourceFile);
+    if (!reactivityImport) {
+        return code;
+    }
+    let extraSpecifiers = new Set(), namedImports = reactivityImport.importClause.namedBindings, existing = getExistingSpecifiers(namedImports), toAdd = [];
+    if (extraImports) {
+        for (let i = 0, n = extraImports.length; i < n; i++) {
+            extraSpecifiers.add(extraImports[i].specifier);
+        }
+    }
+    for (let imp of needed) {
+        if (!extraSpecifiers.has(imp) && !existing.has(imp)) {
+            toAdd.push(imp);
+        }
+    }
+    if (toAdd.length > 0) {
+        let combined = [];
+        for (let item of existing) {
+            combined.push(item);
+        }
+        for (let i = 0, n = toAdd.length; i < n; i++) {
+            combined.push(toAdd[i]);
+        }
+        combined.sort();
+        let newSpecifiers = `{ ${combined.join(', ')} }`, bindingsStart = namedImports.getStart(sourceFile), bindingsEnd = namedImports.getEnd();
+        code = code.substring(0, bindingsStart) + newSpecifiers + code.substring(bindingsEnd);
+    }
+    if (extraImports) {
+        let insertPos = getFirstImportPos(ts.createSourceFile('temp.ts', code, ts.ScriptTarget.Latest, true));
+        for (let i = 0, n = extraImports.length; i < n; i++) {
+            let extra = extraImports[i];
+            if (needed.has(extra.specifier) && !code.includes(extra.module)) {
+                code = code.substring(0, insertPos) +
+                    `import { ${extra.specifier} } from '${extra.module}';\n` +
+                    code.substring(insertPos);
+            }
+        }
+    }
+    return code;
+};
+export { addMissingImports, applyReplacements };

package/build/types.d.ts

@@ -1,6 +1,8 @@
 import { COMPUTED, SIGNAL, STATE_CHECK, STATE_DIRTY, STATE_IN_HEAP, STATE_NONE, STATE_RECOMPUTING } from './constants.js';
-import { ReactiveArray } from './reactive/array.js';
-import { ReactiveObject } from './reactive/object.js';
+import { ReactiveArray, ReactiveObject } from './reactive/index.js';
+import ts from 'typescript';
+type BindingType = 'array' | 'computed' | 'object' | 'signal';
+type Bindings = Map<string, BindingType>;
 interface Computed<T> {
     cleanup: VoidFunction | VoidFunction[] | null;
     deps: Link | null;
@@ -17,10 +19,10 @@ interface Computed<T> {
 }
 interface Link {
     dep: Signal<unknown> | Computed<unknown>;
-    sub: Computed<unknown>;
     nextDep: Link | null;
     nextSub: Link | null;
     prevSub: Link | null;
+    sub: Computed<unknown>;
     version: number;
 }
 type Signal<T> = {
@@ -29,4 +31,12 @@ type Signal<T> = {
     type: typeof SIGNAL;
     value: T;
 };
-export type { Computed, Link, Signal, ReactiveArray, ReactiveObject };
+interface TransformOptions {
+    autoDispose?: boolean;
+}
+interface TransformResult {
+    code: string;
+    sourceFile: ts.SourceFile;
+    transformed: boolean;
+}
+export type { BindingType, Bindings, Computed, Link, ReactiveArray, ReactiveObject, Signal, TransformOptions, TransformResult };

package/package.json

@@ -1,10 +1,36 @@
 {
   "author": "ICJR",
   "dependencies": {
-    "@esportsplus/utilities": "^0.25.0"
+    "@esportsplus/utilities": "^0.27.2"
   },
   "devDependencies": {
-    "@esportsplus/typescript": "^0.9.2"
+    "@esportsplus/typescript": "^0.12.2",
+    "@types/node": "^25.0.3",
+    "esbuild": "^0.27.2",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.0"
+  },
+  "exports": {
+    ".": {
+      "import": "./build/index.js",
+      "types": "./build/index.d.ts"
+    },
+    "./constants": {
+      "import": "./build/constants.js",
+      "types": "./build/constants.d.ts"
+    },
+    "./plugins/esbuild": {
+      "import": "./build/transformer/plugins/esbuild.js",
+      "types": "./build/transformer/plugins/esbuild.d.ts"
+    },
+    "./plugins/tsc": {
+      "import": "./build/transformer/plugins/tsc.js",
+      "types": "./build/transformer/plugins/tsc.d.ts"
+    },
+    "./plugins/vite": {
+      "import": "./build/transformer/plugins/vite.js",
+      "types": "./build/transformer/plugins/vite.d.ts"
+    }
   },
   "main": "build/index.js",
   "name": "@esportsplus/reactivity",
@@ -15,9 +41,10 @@
   },
   "type": "module",
   "types": "build/index.d.ts",
-  "version": "0.22.3",
+  "version": "0.23.1",
   "scripts": {
     "build": "tsc && tsc-alias",
+    "build:test": "pnpm build && vite build --config test/vite.config.ts",
     "-": "-"
   }
 }