@memberjunction/react-runtime 2.75.0 → 2.77.0

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
 
-> @memberjunction/react-runtime@2.75.0 build
+> @memberjunction/react-runtime@2.77.0 build
 > tsc
 

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @memberjunction/react-runtime
 
+## 2.77.0
+
+### Patch Changes
+
+- Updated dependencies [d8f14a2]
+- Updated dependencies [c91269e]
+  - @memberjunction/core@2.77.0
+  - @memberjunction/interactive-component-types@2.77.0
+  - @memberjunction/global@2.77.0
+
+## 2.76.0
+
+### Minor Changes
+
+- ffda243: migration
+
+### Patch Changes
+
+- Updated dependencies [7dabb22]
+  - @memberjunction/core@2.76.0
+  - @memberjunction/interactive-component-types@2.76.0
+  - @memberjunction/global@2.76.0
+
 ## 2.75.0
 
 ### Minor Changes

package/dist/compiler/component-compiler.d.ts

@@ -9,7 +9,6 @@ export declare class ComponentCompiler {
     private transpileComponent;
     private wrapComponentCode;
     private createComponentFactory;
-    private createStateUpdaterUtility;
     private validateCompileOptions;
     private generateComponentId;
     private getCachedComponent;

package/dist/compiler/component-compiler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-compiler.d.ts","sourceRoot":"","sources":["../../src/compiler/component-compiler.ts"],"names":[],"mappings":"AAMA,OAAO,EACL,cAAc,EAEd,iBAAiB,EACjB,cAAc,EAGf,MAAM,UAAU,CAAC;AAoBlB,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,gBAAgB,CAAiC;IACzD,OAAO,CAAC,aAAa,CAAM;gBAMf,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC;IAS5C,gBAAgB,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAS5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,iBAAiB,CAAC;IAqElE,OAAO,CAAC,kBAAkB;IAgC1B,OAAO,CAAC,iBAAiB;IAgCzB,OAAO,CAAC,sBAAsB;IAmD9B,OAAO,CAAC,yBAAyB;IAwBjC,OAAO,CAAC,sBAAsB;IAwB9B,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,sBAAsB;IAa9B,UAAU,IAAI,IAAI;IAQlB,YAAY,IAAI,MAAM;IAQtB,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI;CAGpD"}
+{"version":3,"file":"component-compiler.d.ts","sourceRoot":"","sources":["../../src/compiler/component-compiler.ts"],"names":[],"mappings":"AAMA,OAAO,EACL,cAAc,EAEd,iBAAiB,EACjB,cAAc,EAGf,MAAM,UAAU,CAAC;AAoBlB,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,gBAAgB,CAAiC;IACzD,OAAO,CAAC,aAAa,CAAM;gBAMf,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC;IAS5C,gBAAgB,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAS5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,iBAAiB,CAAC;IAqElE,OAAO,CAAC,kBAAkB;IAgC1B,OAAO,CAAC,iBAAiB;IAoCzB,OAAO,CAAC,sBAAsB;IA2D9B,OAAO,CAAC,sBAAsB;IAiE9B,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,sBAAsB;IAa9B,UAAU,IAAI,IAAI;IAQlB,YAAY,IAAI,MAAM;IAQtB,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI;CAGpD"}

package/dist/compiler/component-compiler.js

@@ -81,7 +81,11 @@ class ComponentCompiler {
     }
     wrapComponentCode(componentCode, componentName) {
         return `
-      function createComponent(React, ReactDOM, useState, useEffect, useCallback, createStateUpdater, libraries, styles, console) {
+      function createComponent(
+        React, ReactDOM, 
+        useState, useEffect, useCallback, useMemo, useRef, useContext, useReducer, useLayoutEffect,
+        libraries, styles, console
+      ) {
         ${componentCode}
         
         // Ensure the component exists
@@ -106,46 +110,51 @@ class ComponentCompiler {
     }
     createComponentFactory(transpiledCode, componentName) {
         try {
-            const factoryCreator = new Function('React', 'ReactDOM', 'useState', 'useEffect', 'useCallback', 'createStateUpdater', 'libraries', 'styles', 'console', `${transpiledCode}; return createComponent;`);
+            const factoryCreator = new Function('React', 'ReactDOM', 'useState', 'useEffect', 'useCallback', 'useMemo', 'useRef', 'useContext', 'useReducer', 'useLayoutEffect', 'libraries', 'styles', 'console', `${transpiledCode}; return createComponent;`);
             return (context, styles = {}) => {
                 const { React, ReactDOM, libraries = {} } = context;
-                const createStateUpdater = this.createStateUpdaterUtility();
-                const createComponentFn = factoryCreator(React, ReactDOM, React.useState, React.useEffect, React.useCallback, createStateUpdater, libraries, styles, console);
-                return createComponentFn(React, ReactDOM, React.useState, React.useEffect, React.useCallback, createStateUpdater, libraries, styles, console);
+                const createComponentFn = factoryCreator(React, ReactDOM, React.useState, React.useEffect, React.useCallback, React.useMemo, React.useRef, React.useContext, React.useReducer, React.useLayoutEffect, libraries, styles, console);
+                return createComponentFn(React, ReactDOM, React.useState, React.useEffect, React.useCallback, React.useMemo, React.useRef, React.useContext, React.useReducer, React.useLayoutEffect, libraries, styles, console);
             };
         }
         catch (error) {
             throw new Error(`Failed to create component factory: ${error.message}`);
         }
     }
-    createStateUpdaterUtility() {
-        return (statePath, parentStateUpdater) => {
-            return (componentStateUpdate) => {
-                if (!statePath) {
-                    parentStateUpdater(componentStateUpdate);
-                }
-                else {
-                    const pathParts = statePath.split('.');
-                    const componentKey = pathParts[pathParts.length - 1];
-                    parentStateUpdater({
-                        [componentKey]: componentStateUpdate
-                    });
-                }
-            };
-        };
-    }
     validateCompileOptions(options) {
+        if (!options) {
+            throw new Error('Component compilation failed: No options provided.\n' +
+                'Expected an object with componentName and componentCode properties.\n' +
+                'Example: { componentName: "MyComponent", componentCode: "function MyComponent() { ... }" }');
+        }
         if (!options.componentName) {
-            throw new Error('Component name is required');
+            const providedKeys = Object.keys(options).join(', ');
+            throw new Error('Component compilation failed: Component name is required.\n' +
+                `Received options with keys: [${providedKeys}]\n` +
+                'Please ensure your component spec includes a "name" property.\n' +
+                'Example: { name: "MyComponent", code: "..." }');
         }
         if (!options.componentCode) {
-            throw new Error('Component code is required');
+            throw new Error(`Component compilation failed: Component code is required for "${options.componentName}".\n` +
+                'Please ensure your component spec includes a "code" property with the component source code.\n' +
+                'Example: { name: "MyComponent", code: "function MyComponent() { return <div>Hello</div>; }" }');
         }
         if (typeof options.componentCode !== 'string') {
-            throw new Error('Component code must be a string');
+            const actualType = typeof options.componentCode;
+            throw new Error(`Component compilation failed: Component code must be a string for "${options.componentName}".\n` +
+                `Received type: ${actualType}\n` +
+                `Received value: ${JSON.stringify(options.componentCode).substring(0, 100)}...\n` +
+                'Please ensure the code property contains a string of JavaScript/JSX code.');
+        }
+        if (options.componentCode.trim().length === 0) {
+            throw new Error(`Component compilation failed: Component code is empty for "${options.componentName}".\n` +
+                'The code property must contain valid JavaScript/JSX code defining a React component.');
         }
         if (!options.componentCode.includes(options.componentName)) {
-            throw new Error(`Component code must define a component named "${options.componentName}"`);
+            throw new Error(`Component compilation failed: Component code must define a component named "${options.componentName}".\n` +
+                'The function/component name in the code must match the componentName property.\n' +
+                `Expected to find: function ${options.componentName}(...) or const ${options.componentName} = ...\n` +
+                'Code preview: ' + options.componentCode.substring(0, 200) + '...');
         }
     }
     generateComponentId(componentName) {

package/dist/index.d.ts

@@ -8,13 +8,16 @@ export { ComponentRegistry } from './registry';
 export { ComponentResolver, ComponentSpec, ResolvedComponents } from './registry';
 export { createErrorBoundary, withErrorBoundary, formatComponentError, createErrorLogger } from './runtime';
 export { wrapComponent, memoizeComponent, lazyComponent, injectProps, conditionalComponent, withErrorHandler, portalComponent, WrapperOptions } from './runtime';
-export { buildComponentProps, cleanupPropBuilder, normalizeCallbacks, normalizeStyles, validateComponentProps, mergeProps, createPropsTransformer, wrapCallbacksWithLogging, extractPropPaths, PropBuilderOptions } from './runtime';
+export { buildComponentProps, normalizeCallbacks, normalizeStyles, validateComponentProps, mergeProps, createPropsTransformer, wrapCallbacksWithLogging, extractPropPaths, PropBuilderOptions } from './runtime';
 export { ComponentHierarchyRegistrar, registerComponentHierarchy, validateComponentSpec, flattenComponentHierarchy, countComponentsInHierarchy, HierarchyRegistrationResult, ComponentRegistrationError, HierarchyRegistrationOptions } from './runtime';
+export { ReactRootManager, reactRootManager, ManagedReactRoot } from './runtime';
 export { RuntimeUtilities, createRuntimeUtilities } from './utilities/runtime-utilities';
 export { SetupStyles, createDefaultComponentStyles } from './utilities/component-styles';
 export { StandardLibraries, StandardLibraryManager, createStandardLibraries } from './utilities/standard-libraries';
 export { LibraryLoader, LibraryLoadOptions, LibraryLoadResult } from './utilities/library-loader';
 export { ComponentErrorAnalyzer, FailedComponentInfo } from './utilities/component-error-analyzer';
+export { ResourceManager, resourceManager, ManagedResource } from './utilities/resource-manager';
+export { CacheManager, CacheEntry, CacheOptions } from './utilities/cache-manager';
 export declare const VERSION = "2.69.1";
 export declare const DEFAULT_CONFIGS: {
     compiler: {

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG/C,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EACL,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,oBAAoB,EACpB,YAAY,EACb,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,kBAAkB,EACnB,MAAM,YAAY,CAAC;AAGpB,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACf,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,UAAU,EACV,sBAAsB,EACtB,wBAAwB,EACxB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,2BAA2B,EAC3B,0BAA0B,EAC1B,qBAAqB,EACrB,yBAAyB,EACzB,0BAA0B,EAC1B,2BAA2B,EAC3B,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,WAAW,CAAC;AAGnB,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EACL,WAAW,EACX,4BAA4B,EAC7B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,uBAAuB,EACxB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,sCAAsC,CAAC;AAG9C,eAAO,MAAM,OAAO,WAAW,CAAC;AAGhC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAiB3B,CAAC;AAQF,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,GAAG,EAClB,MAAM,CAAC,EAAE;IACP,QAAQ,CAAC,EAAE,OAAO,CAAC,OAAO,SAAS,EAAE,cAAc,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC,OAAO,SAAS,EAAE,cAAc,CAAC,CAAC;CACtD;;;;;EAcF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG/C,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EACL,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,oBAAoB,EACpB,YAAY,EACb,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,kBAAkB,EACnB,MAAM,YAAY,CAAC;AAGpB,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACf,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,UAAU,EACV,sBAAsB,EACtB,wBAAwB,EACxB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,2BAA2B,EAC3B,0BAA0B,EAC1B,qBAAqB,EACrB,yBAAyB,EACzB,0BAA0B,EAC1B,2BAA2B,EAC3B,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,WAAW,CAAC;AAGnB,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EACL,WAAW,EACX,4BAA4B,EAC7B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,uBAAuB,EACxB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EACL,eAAe,EACf,eAAe,EACf,eAAe,EAChB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACb,MAAM,2BAA2B,CAAC;AAGnC,eAAO,MAAM,OAAO,WAAW,CAAC;AAGhC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAiB3B,CAAC;AAQF,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,GAAG,EAClB,MAAM,CAAC,EAAE;IACP,QAAQ,CAAC,EAAE,OAAO,CAAC,OAAO,SAAS,EAAE,cAAc,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC,OAAO,SAAS,EAAE,cAAc,CAAC,CAAC;CACtD;;;;;EAcF"}

package/dist/index.js

@@ -14,7 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createReactRuntime = exports.DEFAULT_CONFIGS = exports.VERSION = exports.ComponentErrorAnalyzer = exports.LibraryLoader = exports.createStandardLibraries = exports.StandardLibraryManager = exports.createDefaultComponentStyles = exports.SetupStyles = exports.createRuntimeUtilities = exports.RuntimeUtilities = exports.countComponentsInHierarchy = exports.flattenComponentHierarchy = exports.validateComponentSpec = exports.registerComponentHierarchy = exports.ComponentHierarchyRegistrar = exports.extractPropPaths = exports.wrapCallbacksWithLogging = exports.createPropsTransformer = exports.mergeProps = exports.validateComponentProps = exports.normalizeStyles = exports.normalizeCallbacks = exports.cleanupPropBuilder = exports.buildComponentProps = exports.portalComponent = exports.withErrorHandler = exports.conditionalComponent = exports.injectProps = exports.lazyComponent = exports.memoizeComponent = exports.wrapComponent = exports.createErrorLogger = exports.formatComponentError = exports.withErrorBoundary = exports.createErrorBoundary = exports.ComponentSpec = exports.ComponentResolver = exports.ComponentRegistry = exports.getJSXConfig = exports.validateBabelPresets = exports.getBabelConfig = exports.DEVELOPMENT_CONFIG = exports.PRODUCTION_CONFIG = exports.DEFAULT_PLUGINS = exports.DEFAULT_PRESETS = exports.ComponentCompiler = void 0;
+exports.DEFAULT_CONFIGS = exports.VERSION = exports.CacheManager = exports.resourceManager = exports.ResourceManager = exports.ComponentErrorAnalyzer = exports.LibraryLoader = exports.createStandardLibraries = exports.StandardLibraryManager = exports.createDefaultComponentStyles = exports.SetupStyles = exports.createRuntimeUtilities = exports.RuntimeUtilities = exports.reactRootManager = exports.ReactRootManager = exports.countComponentsInHierarchy = exports.flattenComponentHierarchy = exports.validateComponentSpec = exports.registerComponentHierarchy = exports.ComponentHierarchyRegistrar = exports.extractPropPaths = exports.wrapCallbacksWithLogging = exports.createPropsTransformer = exports.mergeProps = exports.validateComponentProps = exports.normalizeStyles = exports.normalizeCallbacks = exports.buildComponentProps = exports.portalComponent = exports.withErrorHandler = exports.conditionalComponent = exports.injectProps = exports.lazyComponent = exports.memoizeComponent = exports.wrapComponent = exports.createErrorLogger = exports.formatComponentError = exports.withErrorBoundary = exports.createErrorBoundary = exports.ComponentSpec = exports.ComponentResolver = exports.ComponentRegistry = exports.getJSXConfig = exports.validateBabelPresets = exports.getBabelConfig = exports.DEVELOPMENT_CONFIG = exports.PRODUCTION_CONFIG = exports.DEFAULT_PLUGINS = exports.DEFAULT_PRESETS = exports.ComponentCompiler = void 0;
+exports.createReactRuntime = void 0;
 const compiler_1 = require("./compiler");
 const registry_1 = require("./registry");
 const registry_2 = require("./registry");
@@ -49,7 +50,6 @@ Object.defineProperty(exports, "withErrorHandler", { enumerable: true, get: func
 Object.defineProperty(exports, "portalComponent", { enumerable: true, get: function () { return runtime_2.portalComponent; } });
 var runtime_3 = require("./runtime");
 Object.defineProperty(exports, "buildComponentProps", { enumerable: true, get: function () { return runtime_3.buildComponentProps; } });
-Object.defineProperty(exports, "cleanupPropBuilder", { enumerable: true, get: function () { return runtime_3.cleanupPropBuilder; } });
 Object.defineProperty(exports, "normalizeCallbacks", { enumerable: true, get: function () { return runtime_3.normalizeCallbacks; } });
 Object.defineProperty(exports, "normalizeStyles", { enumerable: true, get: function () { return runtime_3.normalizeStyles; } });
 Object.defineProperty(exports, "validateComponentProps", { enumerable: true, get: function () { return runtime_3.validateComponentProps; } });
@@ -63,6 +63,9 @@ Object.defineProperty(exports, "registerComponentHierarchy", { enumerable: true,
 Object.defineProperty(exports, "validateComponentSpec", { enumerable: true, get: function () { return runtime_4.validateComponentSpec; } });
 Object.defineProperty(exports, "flattenComponentHierarchy", { enumerable: true, get: function () { return runtime_4.flattenComponentHierarchy; } });
 Object.defineProperty(exports, "countComponentsInHierarchy", { enumerable: true, get: function () { return runtime_4.countComponentsInHierarchy; } });
+var runtime_5 = require("./runtime");
+Object.defineProperty(exports, "ReactRootManager", { enumerable: true, get: function () { return runtime_5.ReactRootManager; } });
+Object.defineProperty(exports, "reactRootManager", { enumerable: true, get: function () { return runtime_5.reactRootManager; } });
 var runtime_utilities_1 = require("./utilities/runtime-utilities");
 Object.defineProperty(exports, "RuntimeUtilities", { enumerable: true, get: function () { return runtime_utilities_1.RuntimeUtilities; } });
 Object.defineProperty(exports, "createRuntimeUtilities", { enumerable: true, get: function () { return runtime_utilities_1.createRuntimeUtilities; } });
@@ -76,6 +79,11 @@ var library_loader_1 = require("./utilities/library-loader");
 Object.defineProperty(exports, "LibraryLoader", { enumerable: true, get: function () { return library_loader_1.LibraryLoader; } });
 var component_error_analyzer_1 = require("./utilities/component-error-analyzer");
 Object.defineProperty(exports, "ComponentErrorAnalyzer", { enumerable: true, get: function () { return component_error_analyzer_1.ComponentErrorAnalyzer; } });
+var resource_manager_1 = require("./utilities/resource-manager");
+Object.defineProperty(exports, "ResourceManager", { enumerable: true, get: function () { return resource_manager_1.ResourceManager; } });
+Object.defineProperty(exports, "resourceManager", { enumerable: true, get: function () { return resource_manager_1.resourceManager; } });
+var cache_manager_1 = require("./utilities/cache-manager");
+Object.defineProperty(exports, "CacheManager", { enumerable: true, get: function () { return cache_manager_1.CacheManager; } });
 exports.VERSION = '2.69.1';
 exports.DEFAULT_CONFIGS = {
     compiler: {

package/dist/registry/component-registry.d.ts

@@ -3,6 +3,7 @@ export declare class ComponentRegistry {
     private registry;
     private config;
     private cleanupTimer?;
+    private registryId;
     constructor(config?: Partial<RegistryConfig>);
     register(name: string, component: any, namespace?: string, version?: string, tags?: string[]): ComponentMetadata;
     get(name: string, namespace?: string, version?: string): any;

package/dist/registry/component-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-registry.d.ts","sourceRoot":"","sources":["../../src/registry/component-registry.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,iBAAiB,EACjB,cAAc,EACf,MAAM,UAAU,CAAC;AAgBlB,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,QAAQ,CAA6B;IAC7C,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,YAAY,CAAC,CAA0B;gBAMnC,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC;IAmB5C,QAAQ,CACN,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,GAAG,EACd,SAAS,GAAE,MAAiB,EAC5B,OAAO,GAAE,MAAa,EACtB,IAAI,CAAC,EAAE,MAAM,EAAE,GACd,iBAAiB;IAuCpB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,GAAE,MAAiB,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG;IAyBtE,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,GAAE,MAAiB,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO;IAe1E,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,GAAE,MAAiB,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO;IAejF,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,iBAAiB,EAAE;IAgBpD,aAAa,IAAI,MAAM,EAAE;IAezB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE;IAkB9C,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,GAAE,MAAiB,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAgB3E,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,MAAM;IASd,OAAO,CAAC,KAAK,GAAE,OAAe,GAAG,MAAM;IAyBvC,QAAQ,IAAI;QACV,eAAe,EAAE,MAAM,CAAC;QACxB,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,CAAC;QACtB,eAAe,CAAC,EAAE,IAAI,CAAC;QACvB,eAAe,CAAC,EAAE,IAAI,CAAC;KACxB;IA6BD,OAAO,IAAI,IAAI;IAYf,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,QAAQ;IAsBhB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,gBAAgB;CAMzB"}
+{"version":3,"file":"component-registry.d.ts","sourceRoot":"","sources":["../../src/registry/component-registry.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,iBAAiB,EACjB,cAAc,EACf,MAAM,UAAU,CAAC;AAiBlB,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,QAAQ,CAA6B;IAC7C,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,YAAY,CAAC,CAA0B;IAC/C,OAAO,CAAC,UAAU,CAAS;gBAMf,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC;IAoB5C,QAAQ,CACN,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,GAAG,EACd,SAAS,GAAE,MAAiB,EAC5B,OAAO,GAAE,MAAa,EACtB,IAAI,CAAC,EAAE,MAAM,EAAE,GACd,iBAAiB;IAuCpB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,GAAE,MAAiB,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG;IAyBtE,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,GAAE,MAAiB,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO;IAe1E,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,GAAE,MAAiB,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO;IAejF,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,iBAAiB,EAAE;IAgBpD,aAAa,IAAI,MAAM,EAAE;IAezB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE;IAkB9C,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,GAAE,MAAiB,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAgB3E,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,MAAM;IASd,OAAO,CAAC,KAAK,GAAE,OAAe,GAAG,MAAM;IAyBvC,QAAQ,IAAI;QACV,eAAe,EAAE,MAAM,CAAC;QACxB,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,CAAC;QACtB,eAAe,CAAC,EAAE,IAAI,CAAC;QACvB,eAAe,CAAC,EAAE,IAAI,CAAC;KACxB;IA6BD,OAAO,IAAI,IAAI;IAcf,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,QAAQ;IAsBhB,OAAO,CAAC,iBAAiB;IAczB,OAAO,CAAC,gBAAgB;CAMzB"}

package/dist/registry/component-registry.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComponentRegistry = void 0;
+const resource_manager_1 = require("../utilities/resource-manager");
 const DEFAULT_REGISTRY_CONFIG = {
     maxComponents: 1000,
     cleanupInterval: 60000,
@@ -11,6 +12,7 @@ class ComponentRegistry {
     constructor(config) {
         this.config = { ...DEFAULT_REGISTRY_CONFIG, ...config };
         this.registry = new Map();
+        this.registryId = `component-registry-${Date.now()}`;
         if (this.config.cleanupInterval > 0) {
             this.startCleanupTimer();
         }
@@ -146,6 +148,7 @@ class ComponentRegistry {
     destroy() {
         this.stopCleanupTimer();
         this.clear();
+        resource_manager_1.resourceManager.cleanupComponent(this.registryId);
     }
     generateRegistryKey(name, namespace, version) {
         if (this.config.enableNamespaces) {
@@ -183,13 +186,13 @@ class ComponentRegistry {
         }
     }
     startCleanupTimer() {
-        this.cleanupTimer = setInterval(() => {
+        this.cleanupTimer = resource_manager_1.resourceManager.setInterval(this.registryId, () => {
             this.cleanup();
-        }, this.config.cleanupInterval);
+        }, this.config.cleanupInterval, { purpose: 'component-registry-cleanup' });
     }
     stopCleanupTimer() {
         if (this.cleanupTimer) {
-            clearInterval(this.cleanupTimer);
+            resource_manager_1.resourceManager.clearInterval(this.registryId, this.cleanupTimer);
             this.cleanupTimer = undefined;
         }
     }

package/dist/runtime/index.d.ts

@@ -1,5 +1,6 @@
 export { createErrorBoundary, withErrorBoundary, formatComponentError, createErrorLogger } from './error-boundary';
 export { wrapComponent, memoizeComponent, lazyComponent, injectProps, conditionalComponent, withErrorHandler, portalComponent, WrapperOptions } from './component-wrapper';
-export { buildComponentProps, cleanupPropBuilder, normalizeCallbacks, normalizeStyles, validateComponentProps, mergeProps, createPropsTransformer, wrapCallbacksWithLogging, extractPropPaths, PropBuilderOptions } from './prop-builder';
+export { buildComponentProps, normalizeCallbacks, normalizeStyles, validateComponentProps, mergeProps, createPropsTransformer, wrapCallbacksWithLogging, extractPropPaths, PropBuilderOptions } from './prop-builder';
 export { ComponentHierarchyRegistrar, registerComponentHierarchy, validateComponentSpec, flattenComponentHierarchy, countComponentsInHierarchy, HierarchyRegistrationResult, ComponentRegistrationError, HierarchyRegistrationOptions } from './component-hierarchy';
+export { ReactRootManager, reactRootManager, ManagedReactRoot } from './react-root-manager';
 //# sourceMappingURL=index.d.ts.map

package/dist/runtime/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACf,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,UAAU,EACV,sBAAsB,EACtB,wBAAwB,EACxB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,2BAA2B,EAC3B,0BAA0B,EAC1B,qBAAqB,EACrB,yBAAyB,EACzB,0BAA0B,EAC1B,2BAA2B,EAC3B,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACf,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,UAAU,EACV,sBAAsB,EACtB,wBAAwB,EACxB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,2BAA2B,EAC3B,0BAA0B,EAC1B,qBAAqB,EACrB,yBAAyB,EACzB,0BAA0B,EAC1B,2BAA2B,EAC3B,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,sBAAsB,CAAC"}

package/dist/runtime/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.countComponentsInHierarchy = exports.flattenComponentHierarchy = exports.validateComponentSpec = exports.registerComponentHierarchy = exports.ComponentHierarchyRegistrar = exports.extractPropPaths = exports.wrapCallbacksWithLogging = exports.createPropsTransformer = exports.mergeProps = exports.validateComponentProps = exports.normalizeStyles = exports.normalizeCallbacks = exports.cleanupPropBuilder = exports.buildComponentProps = exports.portalComponent = exports.withErrorHandler = exports.conditionalComponent = exports.injectProps = exports.lazyComponent = exports.memoizeComponent = exports.wrapComponent = exports.createErrorLogger = exports.formatComponentError = exports.withErrorBoundary = exports.createErrorBoundary = void 0;
+exports.reactRootManager = exports.ReactRootManager = exports.countComponentsInHierarchy = exports.flattenComponentHierarchy = exports.validateComponentSpec = exports.registerComponentHierarchy = exports.ComponentHierarchyRegistrar = exports.extractPropPaths = exports.wrapCallbacksWithLogging = exports.createPropsTransformer = exports.mergeProps = exports.validateComponentProps = exports.normalizeStyles = exports.normalizeCallbacks = exports.buildComponentProps = exports.portalComponent = exports.withErrorHandler = exports.conditionalComponent = exports.injectProps = exports.lazyComponent = exports.memoizeComponent = exports.wrapComponent = exports.createErrorLogger = exports.formatComponentError = exports.withErrorBoundary = exports.createErrorBoundary = void 0;
 var error_boundary_1 = require("./error-boundary");
 Object.defineProperty(exports, "createErrorBoundary", { enumerable: true, get: function () { return error_boundary_1.createErrorBoundary; } });
 Object.defineProperty(exports, "withErrorBoundary", { enumerable: true, get: function () { return error_boundary_1.withErrorBoundary; } });
@@ -16,7 +16,6 @@ Object.defineProperty(exports, "withErrorHandler", { enumerable: true, get: func
 Object.defineProperty(exports, "portalComponent", { enumerable: true, get: function () { return component_wrapper_1.portalComponent; } });
 var prop_builder_1 = require("./prop-builder");
 Object.defineProperty(exports, "buildComponentProps", { enumerable: true, get: function () { return prop_builder_1.buildComponentProps; } });
-Object.defineProperty(exports, "cleanupPropBuilder", { enumerable: true, get: function () { return prop_builder_1.cleanupPropBuilder; } });
 Object.defineProperty(exports, "normalizeCallbacks", { enumerable: true, get: function () { return prop_builder_1.normalizeCallbacks; } });
 Object.defineProperty(exports, "normalizeStyles", { enumerable: true, get: function () { return prop_builder_1.normalizeStyles; } });
 Object.defineProperty(exports, "validateComponentProps", { enumerable: true, get: function () { return prop_builder_1.validateComponentProps; } });
@@ -30,3 +29,6 @@ Object.defineProperty(exports, "registerComponentHierarchy", { enumerable: true,
 Object.defineProperty(exports, "validateComponentSpec", { enumerable: true, get: function () { return component_hierarchy_1.validateComponentSpec; } });
 Object.defineProperty(exports, "flattenComponentHierarchy", { enumerable: true, get: function () { return component_hierarchy_1.flattenComponentHierarchy; } });
 Object.defineProperty(exports, "countComponentsInHierarchy", { enumerable: true, get: function () { return component_hierarchy_1.countComponentsInHierarchy; } });
+var react_root_manager_1 = require("./react-root-manager");
+Object.defineProperty(exports, "ReactRootManager", { enumerable: true, get: function () { return react_root_manager_1.ReactRootManager; } });
+Object.defineProperty(exports, "reactRootManager", { enumerable: true, get: function () { return react_root_manager_1.reactRootManager; } });

package/dist/runtime/prop-builder.d.ts

@@ -6,12 +6,11 @@ export interface PropBuilderOptions {
     transformState?: (state: any) => any;
     debounceUpdateUserState?: number;
 }
-export declare function buildComponentProps(data?: any, userState?: any, utilities?: any, callbacks?: ComponentCallbacks, components?: Record<string, any>, styles?: ComponentStyles, options?: PropBuilderOptions): ComponentProps;
+export declare function buildComponentProps(data?: any, userState?: any, utilities?: any, callbacks?: ComponentCallbacks, components?: Record<string, any>, styles?: ComponentStyles, options?: PropBuilderOptions, onStateChanged?: (stateUpdate: Record<string, any>) => void): ComponentProps;
 export declare function normalizeCallbacks(callbacks: any, debounceMs?: number): ComponentCallbacks;
 export declare function normalizeStyles(styles?: any): any;
 export declare function validateComponentProps(props: ComponentProps): void;
 export declare function mergeProps(...propsList: Partial<ComponentProps>[]): ComponentProps;
-export declare function cleanupPropBuilder(callbacks: ComponentCallbacks): void;
 export declare function createPropsTransformer(transformations: Record<string, (value: any) => any>): (props: ComponentProps) => ComponentProps;
 export declare function wrapCallbacksWithLogging(callbacks: ComponentCallbacks, componentName: string): ComponentCallbacks;
 export declare function extractPropPaths(componentCode: string): string[];

package/dist/runtime/prop-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-builder.d.ts","sourceRoot":"","sources":["../../src/runtime/prop-builder.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAM/E,MAAM,WAAW,kBAAkB;IAEjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAEnC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAErC,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAaD,wBAAgB,mBAAmB,CACjC,IAAI,GAAE,GAAQ,EACd,SAAS,GAAE,GAAQ,EACnB,SAAS,GAAE,GAAQ,EACnB,SAAS,GAAE,kBAAuB,EAClC,UAAU,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,EACpC,MAAM,CAAC,EAAE,eAAe,EACxB,OAAO,GAAE,kBAAuB,GAC/B,cAAc,CA4BhB;AA0CD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,GAAG,EAAE,UAAU,GAAE,MAAa,GAAG,kBAAkB,CAiFhG;AAOD,wBAAgB,eAAe,CAAC,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,CAKjD;AAOD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CA2BlE;AAOD,wBAAgB,UAAU,CAAC,GAAG,SAAS,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,GAAG,cAAc,CAqClF;AAMD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,kBAAkB,GAAG,IAAI,CAqBtE;AAOD,wBAAgB,sBAAsB,CACpC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC,GACnD,CAAC,KAAK,EAAE,cAAc,KAAK,cAAc,CAyB3C;AAQD,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,kBAAkB,EAC7B,aAAa,EAAE,MAAM,GACpB,kBAAkB,CAgCpB;AAOD,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,EAAE,CAmBhE"}
+{"version":3,"file":"prop-builder.d.ts","sourceRoot":"","sources":["../../src/runtime/prop-builder.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAM/E,MAAM,WAAW,kBAAkB;IAEjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAEnC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAErC,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAaD,wBAAgB,mBAAmB,CACjC,IAAI,GAAE,GAAQ,EACd,SAAS,GAAE,GAAQ,EACnB,SAAS,GAAE,GAAQ,EACnB,SAAS,GAAE,kBAAuB,EAClC,UAAU,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,EACpC,MAAM,CAAC,EAAE,eAAe,EACxB,OAAO,GAAE,kBAAuB,EAChC,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,GAC1D,cAAc,CA6BhB;AA0CD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,GAAG,EAAE,UAAU,GAAE,MAAa,GAAG,kBAAkB,CAahG;AAOD,wBAAgB,eAAe,CAAC,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,CAKjD;AAOD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CA2BlE;AAOD,wBAAgB,UAAU,CAAC,GAAG,SAAS,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,GAAG,cAAc,CAqClF;AAOD,wBAAgB,sBAAsB,CACpC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC,GACnD,CAAC,KAAK,EAAE,cAAc,KAAK,cAAc,CAyB3C;AAQD,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,kBAAkB,EAC7B,aAAa,EAAE,MAAM,GACpB,kBAAkB,CAkBpB;AAOD,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,EAAE,CAmBhE"}

package/dist/runtime/prop-builder.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.extractPropPaths = exports.wrapCallbacksWithLogging = exports.createPropsTransformer = exports.cleanupPropBuilder = exports.mergeProps = exports.validateComponentProps = exports.normalizeStyles = exports.normalizeCallbacks = exports.buildComponentProps = void 0;
-const rxjs_1 = require("rxjs");
-function buildComponentProps(data = {}, userState = {}, utilities = {}, callbacks = {}, components = {}, styles, options = {}) {
+exports.extractPropPaths = exports.wrapCallbacksWithLogging = exports.createPropsTransformer = exports.mergeProps = exports.validateComponentProps = exports.normalizeStyles = exports.normalizeCallbacks = exports.buildComponentProps = void 0;
+function buildComponentProps(data = {}, userState = {}, utilities = {}, callbacks = {}, components = {}, styles, options = {}, onStateChanged) {
     const { validate = true, transformData, transformState, debounceUpdateUserState = 3000 } = options;
     const transformedData = transformData ? transformData(data) : data;
     const transformedState = transformState ? transformState(userState) : userState;
@@ -12,7 +11,8 @@ function buildComponentProps(data = {}, userState = {}, utilities = {}, callback
         utilities,
         callbacks: normalizeCallbacks(callbacks, debounceUpdateUserState),
         components,
-        styles: normalizeStyles(styles)
+        styles: normalizeStyles(styles),
+        onStateChanged
     };
     if (validate) {
         validateComponentProps(props);
@@ -50,49 +50,6 @@ function normalizeCallbacks(callbacks, debounceMs = 3000) {
     if (callbacks.OpenEntityRecord && typeof callbacks.OpenEntityRecord === 'function') {
         normalized.OpenEntityRecord = callbacks.OpenEntityRecord;
     }
-    if (callbacks.UpdateUserState && typeof callbacks.UpdateUserState === 'function') {
-        const originalCallback = callbacks.UpdateUserState;
-        let subject = updateUserStateSubjects.get(originalCallback);
-        if (!subject) {
-            subject = new rxjs_1.Subject();
-            updateUserStateSubjects.set(originalCallback, subject);
-            const subscription = subject.pipe((0, rxjs_1.debounceTime)(debounceMs)).subscribe(state => {
-                console.log(`[Skip Component] UpdateUserState called after ${debounceMs}ms debounce`);
-                originalCallback(state);
-            });
-            updateUserStateSubscriptions.set(originalCallback, subscription);
-        }
-        let loopState = loopDetectionStates.get(originalCallback);
-        if (!loopState) {
-            loopState = { count: 0, lastUpdate: 0, lastState: null };
-            loopDetectionStates.set(originalCallback, loopState);
-        }
-        normalized.UpdateUserState = (state) => {
-            if (loopState.lastState && deepEqual(state, loopState.lastState)) {
-                console.log('[Skip Component] Skipping redundant state update');
-                return;
-            }
-            const now = Date.now();
-            const timeSinceLastUpdate = now - loopState.lastUpdate;
-            if (timeSinceLastUpdate < 100) {
-                loopState.count++;
-                if (loopState.count > 5) {
-                    console.error('[Skip Component] Rapid state updates detected - possible infinite loop');
-                    console.error('Updates in last 100ms:', loopState.count);
-                }
-            }
-            else {
-                loopState.count = 0;
-            }
-            loopState.lastUpdate = now;
-            loopState.lastState = JSON.parse(JSON.stringify(state));
-            console.log('[Skip Component] Processing state update');
-            subject.next(state);
-        };
-    }
-    if (callbacks.NotifyEvent && typeof callbacks.NotifyEvent === 'function') {
-        normalized.NotifyEvent = callbacks.NotifyEvent;
-    }
     return normalized;
 }
 exports.normalizeCallbacks = normalizeCallbacks;
@@ -152,23 +109,6 @@ function mergeProps(...propsList) {
     return merged;
 }
 exports.mergeProps = mergeProps;
-function cleanupPropBuilder(callbacks) {
-    if (callbacks.UpdateUserState && typeof callbacks.UpdateUserState === 'function') {
-        const originalCallback = callbacks.UpdateUserState;
-        const subscription = updateUserStateSubscriptions.get(originalCallback);
-        if (subscription) {
-            subscription.unsubscribe();
-            updateUserStateSubscriptions.delete(originalCallback);
-        }
-        const subject = updateUserStateSubjects.get(originalCallback);
-        if (subject) {
-            subject.complete();
-            updateUserStateSubjects.delete(originalCallback);
-        }
-        loopDetectionStates.delete(originalCallback);
-    }
-}
-exports.cleanupPropBuilder = cleanupPropBuilder;
 function createPropsTransformer(transformations) {
     return (props) => {
         const transformed = { ...props };
@@ -204,18 +144,6 @@ function wrapCallbacksWithLogging(callbacks, componentName) {
             callbacks.OpenEntityRecord(entityName, key);
         };
     }
-    if (callbacks.UpdateUserState) {
-        wrapped.UpdateUserState = (state) => {
-            console.log(`[${componentName}] UpdateUserState called:`, state);
-            callbacks.UpdateUserState(state);
-        };
-    }
-    if (callbacks.NotifyEvent) {
-        wrapped.NotifyEvent = (event, data) => {
-            console.log(`[${componentName}] NotifyEvent called:`, { event, data });
-            callbacks.NotifyEvent(event, data);
-        };
-    }
     return wrapped;
 }
 exports.wrapCallbacksWithLogging = wrapCallbacksWithLogging;

package/dist/runtime/react-root-manager.d.ts

@@ -0,0 +1,26 @@
+export interface ManagedReactRoot {
+    id: string;
+    root: any;
+    container: HTMLElement;
+    isRendering: boolean;
+    lastRenderTime?: Date;
+    componentId?: string;
+}
+export declare class ReactRootManager {
+    private roots;
+    private renderingRoots;
+    private unmountQueue;
+    createRoot(container: HTMLElement, createRootFn: (container: HTMLElement) => any, componentId?: string): string;
+    render(rootId: string, element: any, onComplete?: () => void): void;
+    unmountRoot(rootId: string, force?: boolean): Promise<void>;
+    unmountComponentRoots(componentId: string): Promise<void>;
+    isRendering(rootId: string): boolean;
+    getStats(): {
+        totalRoots: number;
+        renderingRoots: number;
+        pendingUnmounts: number;
+    };
+    cleanup(): Promise<void>;
+}
+export declare const reactRootManager: ReactRootManager;
+//# sourceMappingURL=react-root-manager.d.ts.map

package/dist/runtime/react-root-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-root-manager.d.ts","sourceRoot":"","sources":["../../src/runtime/react-root-manager.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;IACV,SAAS,EAAE,WAAW,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,KAAK,CAAuC;IACpD,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,YAAY,CAAiC;IASrD,UAAU,CACR,SAAS,EAAE,WAAW,EACtB,YAAY,EAAE,CAAC,SAAS,EAAE,WAAW,KAAK,GAAG,EAC7C,WAAW,CAAC,EAAE,MAAM,GACnB,MAAM;IAgCT,MAAM,CACJ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EACZ,UAAU,CAAC,EAAE,MAAM,IAAI,GACtB,IAAI;IAkDP,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,GAAE,OAAe,GAAG,OAAO,CAAC,IAAI,CAAC;IAiD5D,qBAAqB,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAiB/D,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAOpC,QAAQ,IAAI;QACV,UAAU,EAAE,MAAM,CAAC;QACnB,cAAc,EAAE,MAAM,CAAC;QACvB,eAAe,EAAE,MAAM,CAAC;KACzB;IAWK,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CAI/B;AAGD,eAAO,MAAM,gBAAgB,kBAAyB,CAAC"}

package/dist/runtime/react-root-manager.js

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reactRootManager = exports.ReactRootManager = void 0;
+const resource_manager_1 = require("../utilities/resource-manager");
+class ReactRootManager {
+    constructor() {
+        this.roots = new Map();
+        this.renderingRoots = new Set();
+        this.unmountQueue = new Map();
+    }
+    createRoot(container, createRootFn, componentId) {
+        const rootId = `react-root-${Date.now()}-${Math.random()}`;
+        const root = createRootFn(container);
+        const managedRoot = {
+            id: rootId,
+            root,
+            container,
+            isRendering: false,
+            componentId
+        };
+        this.roots.set(rootId, managedRoot);
+        if (componentId) {
+            resource_manager_1.resourceManager.registerReactRoot(componentId, root, () => this.unmountRoot(rootId));
+        }
+        return rootId;
+    }
+    render(rootId, element, onComplete) {
+        const managedRoot = this.roots.get(rootId);
+        if (!managedRoot) {
+            console.warn(`React root ${rootId} not found`);
+            return;
+        }
+        if (this.unmountQueue.has(rootId)) {
+            console.warn(`React root ${rootId} is being unmounted, skipping render`);
+            return;
+        }
+        managedRoot.isRendering = true;
+        this.renderingRoots.add(rootId);
+        try {
+            managedRoot.root.render(element);
+            managedRoot.lastRenderTime = new Date();
+            Promise.resolve().then(() => {
+                managedRoot.isRendering = false;
+                this.renderingRoots.delete(rootId);
+                const pendingUnmount = this.unmountQueue.get(rootId);
+                if (pendingUnmount) {
+                    this.unmountQueue.delete(rootId);
+                    pendingUnmount();
+                }
+                if (onComplete) {
+                    onComplete();
+                }
+            });
+        }
+        catch (error) {
+            managedRoot.isRendering = false;
+            this.renderingRoots.delete(rootId);
+            throw error;
+        }
+    }
+    unmountRoot(rootId, force = false) {
+        return new Promise((resolve) => {
+            const managedRoot = this.roots.get(rootId);
+            if (!managedRoot) {
+                resolve();
+                return;
+            }
+            const performUnmount = () => {
+                try {
+                    managedRoot.root.unmount();
+                    this.roots.delete(rootId);
+                    this.renderingRoots.delete(rootId);
+                    if (managedRoot.container) {
+                        delete managedRoot.container._reactRootContainer;
+                        const newContainer = managedRoot.container.cloneNode(false);
+                        managedRoot.container.parentNode?.replaceChild(newContainer, managedRoot.container);
+                    }
+                    resolve();
+                }
+                catch (error) {
+                    console.error(`Error unmounting React root ${rootId}:`, error);
+                    this.roots.delete(rootId);
+                    this.renderingRoots.delete(rootId);
+                    resolve();
+                }
+            };
+            if (!managedRoot.isRendering || force) {
+                performUnmount();
+            }
+            else {
+                this.unmountQueue.set(rootId, () => {
+                    performUnmount();
+                });
+            }
+        });
+    }
+    async unmountComponentRoots(componentId) {
+        const rootIds = [];
+        for (const [rootId, managedRoot] of this.roots) {
+            if (managedRoot.componentId === componentId) {
+                rootIds.push(rootId);
+            }
+        }
+        await Promise.all(rootIds.map(id => this.unmountRoot(id)));
+    }
+    isRendering(rootId) {
+        return this.renderingRoots.has(rootId);
+    }
+    getStats() {
+        return {
+            totalRoots: this.roots.size,
+            renderingRoots: this.renderingRoots.size,
+            pendingUnmounts: this.unmountQueue.size
+        };
+    }
+    async cleanup() {
+        const allRootIds = Array.from(this.roots.keys());
+        await Promise.all(allRootIds.map(id => this.unmountRoot(id, true)));
+    }
+}
+exports.ReactRootManager = ReactRootManager;
+exports.reactRootManager = new ReactRootManager();

package/dist/types/index.d.ts

@@ -46,6 +46,7 @@ export interface ComponentProps {
     callbacks: ComponentCallbacks;
     components?: Record<string, any>;
     styles?: ComponentStyles;
+    onStateChanged?: (stateUpdate: Record<string, any>) => void;
 }
 export interface ComponentCallbacks {
     RefreshData?: () => void;