@memberjunction/react-runtime 2.74.0 → 2.76.0

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
 
-> @memberjunction/react-runtime@2.74.0 build
+> @memberjunction/react-runtime@2.76.0 build
 > tsc
 

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @memberjunction/react-runtime
 
+## 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
+
+- 9ccd145: migration
+
+### Patch Changes
+
+- 0da7b51: tweaks to types
+- Updated dependencies [b403003]
+  - @memberjunction/interactive-component-types@2.75.0
+  - @memberjunction/core@2.75.0
+  - @memberjunction/global@2.75.0
+
 ## 2.74.0
 
 ### Patch Changes

package/README.md

@@ -1,19 +1,21 @@
 # @memberjunction/react-runtime
 
-Platform-agnostic React component runtime for MemberJunction. This package provides core compilation, registry, and execution capabilities for React components in any JavaScript environment.
+Platform-agnostic React component runtime for MemberJunction. This package provides core compilation, registry, execution capabilities, and dynamic library management for React components in any JavaScript environment.
 
 ## Overview
 
-The React Runtime package enables dynamic compilation and execution of React components from source code. It works in both browser and Node.js environments, making it suitable for client-side rendering and server-side testing.
+The React Runtime package enables dynamic compilation and execution of React components from source code, with flexible external library management. It works in both browser and Node.js environments, making it suitable for client-side rendering, server-side testing, and multi-tenant applications with different library requirements.
 
 ## Features
 
 - **Dynamic Compilation**: Transform JSX and React code at runtime using Babel
 - **Component Registry**: Manage compiled components with namespace support
 - **Dependency Resolution**: Handle component hierarchies and dependencies
+- **Dynamic Library Management**: Configure and load external libraries at runtime
 - **Error Boundaries**: Comprehensive error handling for React components
 - **Platform Agnostic**: Works in any JavaScript environment
 - **Type Safe**: Full TypeScript support with strict typing
+- **Organization-Specific Libraries**: Support for different library sets per organization
 
 ## Installation
 
@@ -66,6 +68,85 @@ if (result.success) {
 }
 ```
 
+## Dynamic Library Management (New)
+
+### Loading Libraries with Configuration
+
+```typescript
+import { LibraryLoader, StandardLibraryManager } from '@memberjunction/react-runtime';
+
+// Define custom library configuration
+const libraryConfig = {
+  libraries: [
+    {
+      id: 'lodash',
+      name: 'lodash',
+      displayName: 'Lodash',
+      category: 'utility',
+      globalVariable: '_',
+      version: '4.17.21',
+      cdnUrl: 'https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js',
+      description: 'Utility library',
+      isEnabled: true,
+      isCore: false
+    },
+    {
+      id: 'chart-js',
+      name: 'Chart',
+      displayName: 'Chart.js',
+      category: 'charting',
+      globalVariable: 'Chart',
+      version: '4.4.0',
+      cdnUrl: 'https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.0/chart.umd.js',
+      isEnabled: true,
+      isCore: false
+    }
+    // ... more libraries
+  ],
+  metadata: {
+    version: '1.0.0',
+    lastUpdated: '2024-01-01'
+  }
+};
+
+// Load libraries with custom configuration
+const result = await LibraryLoader.loadAllLibraries(libraryConfig);
+```
+
+### Managing Library Configurations
+
+```typescript
+import { StandardLibraryManager } from '@memberjunction/react-runtime';
+
+// Set a custom configuration
+StandardLibraryManager.setConfiguration(libraryConfig);
+
+// Get enabled libraries
+const enabledLibs = StandardLibraryManager.getEnabledLibraries();
+
+// Get libraries by category
+const chartingLibs = StandardLibraryManager.getLibrariesByCategory('charting');
+const uiLibs = StandardLibraryManager.getLibrariesByCategory('ui');
+
+// Get component libraries (excludes runtime-only libraries)
+const componentLibs = StandardLibraryManager.getComponentLibraries();
+
+// Reset to default configuration
+StandardLibraryManager.resetToDefault();
+```
+
+### Library Categories
+
+Libraries are organized into categories:
+- **`runtime`**: Core runtime libraries (React, ReactDOM, Babel) - not exposed to components
+- **`ui`**: UI component libraries (Ant Design, React Bootstrap)
+- **`charting`**: Data visualization libraries (Chart.js, D3.js)
+- **`utility`**: Utility libraries (Lodash, Day.js)
+
+### Runtime-Only Libraries
+
+Libraries marked with `isRuntimeOnly: true` are used by the runtime infrastructure but not exposed to generated components. This includes React, ReactDOM, and Babel.
+
 ### Using the Component
 
 ```typescript
@@ -73,8 +154,12 @@ if (result.success) {
 const React = window.React; // or require('react')
 const ReactDOM = window.ReactDOM; // or require('react-dom')
 
-// Create runtime context
-const context = { React, ReactDOM };
+// Create runtime context with loaded libraries
+const context = { 
+  React, 
+  ReactDOM,
+  libraries: result.libraries // From LibraryLoader
+};
 
 // Get the compiled component
 const MyComponent = runtime.registry.get('MyComponent', 'MyNamespace');
@@ -198,18 +283,23 @@ const runtime = createReactRuntime(Babel, {
 - `ComponentProps` - Standard props passed to components
 - `ComponentCallbacks` - Callback functions available to components
 - `RegistryEntry` - Registry entry with metadata
+- `LibraryConfiguration` - Configuration for external libraries
+- `ExternalLibraryConfig` - Individual library configuration
 
 ### Classes
 
 - `ComponentCompiler` - Compiles React components from source
 - `ComponentRegistry` - Manages compiled components
 - `ComponentResolver` - Resolves component dependencies
+- `StandardLibraryManager` - Manages library configurations
+- `LibraryLoader` - Loads external libraries dynamically
 
 ### Utilities
 
 - `createErrorBoundary()` - Creates error boundary components
 - `buildComponentProps()` - Builds standardized component props
 - `wrapComponent()` - Wraps components with additional functionality
+- `createStandardLibraries()` - Creates standard library object from globals
 
 ## Best Practices
 
@@ -218,6 +308,8 @@ const runtime = createReactRuntime(Babel, {
 3. **Handle Errors**: Always check compilation results for errors
 4. **Clean Up**: Use registry cleanup for long-running applications
 5. **Type Safety**: Leverage TypeScript types for better development experience
+6. **Library Management**: Configure only necessary libraries for security and performance
+7. **Runtime Separation**: Keep runtime libraries separate from component libraries
 
 ## License
 

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,11 +8,11 @@ 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 { RuntimeUtilities, createRuntimeUtilities } from './utilities/runtime-utilities';
 export { SetupStyles, createDefaultComponentStyles } from './utilities/component-styles';
-export { STANDARD_LIBRARY_URLS, StandardLibraries, getCoreLibraryUrls, getUILibraryUrls, getCSSUrls, createStandardLibraries } from './utilities/standard-libraries';
+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 declare const VERSION = "2.69.1";

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,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,UAAU,EACV,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;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"}

package/dist/index.js

@@ -14,7 +14,7 @@ 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.getCSSUrls = exports.getUILibraryUrls = exports.getCoreLibraryUrls = exports.STANDARD_LIBRARY_URLS = 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.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 = 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.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;
 const compiler_1 = require("./compiler");
 const registry_1 = require("./registry");
 const registry_2 = require("./registry");
@@ -33,6 +33,7 @@ var registry_3 = require("./registry");
 Object.defineProperty(exports, "ComponentRegistry", { enumerable: true, get: function () { return registry_3.ComponentRegistry; } });
 var registry_4 = require("./registry");
 Object.defineProperty(exports, "ComponentResolver", { enumerable: true, get: function () { return registry_4.ComponentResolver; } });
+Object.defineProperty(exports, "ComponentSpec", { enumerable: true, get: function () { return registry_4.ComponentSpec; } });
 var runtime_1 = require("./runtime");
 Object.defineProperty(exports, "createErrorBoundary", { enumerable: true, get: function () { return runtime_1.createErrorBoundary; } });
 Object.defineProperty(exports, "withErrorBoundary", { enumerable: true, get: function () { return runtime_1.withErrorBoundary; } });
@@ -48,7 +49,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; } });
@@ -69,10 +69,7 @@ var component_styles_1 = require("./utilities/component-styles");
 Object.defineProperty(exports, "SetupStyles", { enumerable: true, get: function () { return component_styles_1.SetupStyles; } });
 Object.defineProperty(exports, "createDefaultComponentStyles", { enumerable: true, get: function () { return component_styles_1.createDefaultComponentStyles; } });
 var standard_libraries_1 = require("./utilities/standard-libraries");
-Object.defineProperty(exports, "STANDARD_LIBRARY_URLS", { enumerable: true, get: function () { return standard_libraries_1.STANDARD_LIBRARY_URLS; } });
-Object.defineProperty(exports, "getCoreLibraryUrls", { enumerable: true, get: function () { return standard_libraries_1.getCoreLibraryUrls; } });
-Object.defineProperty(exports, "getUILibraryUrls", { enumerable: true, get: function () { return standard_libraries_1.getUILibraryUrls; } });
-Object.defineProperty(exports, "getCSSUrls", { enumerable: true, get: function () { return standard_libraries_1.getCSSUrls; } });
+Object.defineProperty(exports, "StandardLibraryManager", { enumerable: true, get: function () { return standard_libraries_1.StandardLibraryManager; } });
 Object.defineProperty(exports, "createStandardLibraries", { enumerable: true, get: function () { return standard_libraries_1.createStandardLibraries; } });
 var library_loader_1 = require("./utilities/library-loader");
 Object.defineProperty(exports, "LibraryLoader", { enumerable: true, get: function () { return library_loader_1.LibraryLoader; } });

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

@@ -1,10 +1,5 @@
 import { ComponentRegistry } from './component-registry';
-export interface ComponentSpec {
-    componentName: string;
-    componentCode?: string;
-    childComponents?: ComponentSpec[];
-    components?: ComponentSpec[];
-}
+import { ComponentSpec } from '@memberjunction/interactive-component-types';
 export interface ResolvedComponents {
     [componentName: string]: any;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"component-resolver.d.ts","sourceRoot":"","sources":["../../src/registry/component-resolver.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAKzD,MAAM,WAAW,aAAa;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,aAAa,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;CAC9B;AAKD,MAAM,WAAW,kBAAkB;IACjC,CAAC,aAAa,EAAE,MAAM,GAAG,GAAG,CAAC;CAC9B;AAMD,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,QAAQ,CAAoB;gBAMxB,QAAQ,EAAE,iBAAiB;IAUvC,iBAAiB,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,GAAE,MAAiB,GAAG,kBAAkB;IAgBxF,OAAO,CAAC,yBAAyB;IAgCjC,oBAAoB,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,GAAE,MAAiB,GAAG,MAAM,EAAE;IAgBjF,OAAO,CAAC,iBAAiB;IA0BzB,kBAAkB,CAAC,IAAI,EAAE,aAAa,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;IAe9D,OAAO,CAAC,oBAAoB;IAwB5B,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,EAAE;IAuB3C,OAAO,CAAC,kBAAkB;IAwB1B,cAAc,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,GAAE,MAAiB,GAAG,KAAK,CAAC;QACvE,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,GAAG,CAAC;KAChB,CAAC;IAmBF,qBAAqB,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa,EAAE;IAe3D,OAAO,CAAC,qBAAqB;CAe9B"}
+{"version":3,"file":"component-resolver.d.ts","sourceRoot":"","sources":["../../src/registry/component-resolver.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAK5E,MAAM,WAAW,kBAAkB;IACjC,CAAC,aAAa,EAAE,MAAM,GAAG,GAAG,CAAC;CAC9B;AAMD,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,QAAQ,CAAoB;gBAMxB,QAAQ,EAAE,iBAAiB;IAUvC,iBAAiB,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,GAAE,MAAiB,GAAG,kBAAkB;IAgBxF,OAAO,CAAC,yBAAyB;IAgCjC,oBAAoB,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,GAAE,MAAiB,GAAG,MAAM,EAAE;IAgBjF,OAAO,CAAC,iBAAiB;IA0BzB,kBAAkB,CAAC,IAAI,EAAE,aAAa,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;IAe9D,OAAO,CAAC,oBAAoB;IAwB5B,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,EAAE;IAuB3C,OAAO,CAAC,kBAAkB;IAwB1B,cAAc,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,GAAE,MAAiB,GAAG,KAAK,CAAC;QACvE,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,GAAG,CAAC;KAChB,CAAC;IAmBF,qBAAqB,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa,EAAE;IAe3D,OAAO,CAAC,qBAAqB;CAe9B"}

package/dist/registry/component-resolver.js

@@ -11,16 +11,16 @@ class ComponentResolver {
         return resolved;
     }
     resolveComponentHierarchy(spec, resolved, namespace, visited = new Set()) {
-        if (visited.has(spec.componentName)) {
-            console.warn(`Circular dependency detected for component: ${spec.componentName}`);
+        if (visited.has(spec.name)) {
+            console.warn(`Circular dependency detected for component: ${spec.name}`);
             return;
         }
-        visited.add(spec.componentName);
-        const component = this.registry.get(spec.componentName, namespace);
+        visited.add(spec.name);
+        const component = this.registry.get(spec.name, namespace);
         if (component) {
-            resolved[spec.componentName] = component;
+            resolved[spec.name] = component;
         }
-        const children = spec.childComponents || spec.components || [];
+        const children = spec.dependencies || [];
         for (const child of children) {
             this.resolveComponentHierarchy(child, resolved, namespace, visited);
         }
@@ -32,13 +32,13 @@ class ComponentResolver {
         return missing;
     }
     checkDependencies(spec, namespace, missing, checked) {
-        if (checked.has(spec.componentName))
+        if (checked.has(spec.name))
             return;
-        checked.add(spec.componentName);
-        if (!this.registry.has(spec.componentName, namespace)) {
-            missing.push(spec.componentName);
+        checked.add(spec.name);
+        if (!this.registry.has(spec.name, namespace)) {
+            missing.push(spec.name);
         }
-        const children = spec.childComponents || spec.components || [];
+        const children = spec.dependencies || [];
         for (const child of children) {
             this.checkDependencies(child, namespace, missing, checked);
         }
@@ -50,12 +50,12 @@ class ComponentResolver {
         return graph;
     }
     buildDependencyGraph(spec, graph, visited) {
-        if (visited.has(spec.componentName))
+        if (visited.has(spec.name))
             return;
-        visited.add(spec.componentName);
-        const children = spec.childComponents || spec.components || [];
-        const dependencies = children.map(child => child.componentName);
-        graph.set(spec.componentName, dependencies);
+        visited.add(spec.name);
+        const children = spec.dependencies || [];
+        const dependencies = children.map(child => child.name);
+        graph.set(spec.name, dependencies);
         for (const child of children) {
             this.buildDependencyGraph(child, graph, visited);
         }
@@ -99,11 +99,11 @@ class ComponentResolver {
         return flattened;
     }
     collectComponentSpecs(spec, collected, visited) {
-        if (visited.has(spec.componentName))
+        if (visited.has(spec.name))
             return;
-        visited.add(spec.componentName);
+        visited.add(spec.name);
         collected.push(spec);
-        const children = spec.childComponents || spec.components || [];
+        const children = spec.dependencies || [];
         for (const child of children) {
             this.collectComponentSpecs(child, collected, visited);
         }

package/dist/registry/index.d.ts

@@ -1,3 +1,4 @@
 export { ComponentRegistry } from './component-registry';
-export { ComponentResolver, ComponentSpec, ResolvedComponents } from './component-resolver';
+export { ComponentResolver, ResolvedComponents } from './component-resolver';
+export { ComponentSpec } from '@memberjunction/interactive-component-types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/registry/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/registry/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC"}

package/dist/registry/index.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentResolver = exports.ComponentRegistry = void 0;
+exports.ComponentSpec = exports.ComponentResolver = exports.ComponentRegistry = void 0;
 var component_registry_1 = require("./component-registry");
 Object.defineProperty(exports, "ComponentRegistry", { enumerable: true, get: function () { return component_registry_1.ComponentRegistry; } });
 var component_resolver_1 = require("./component-resolver");
 Object.defineProperty(exports, "ComponentResolver", { enumerable: true, get: function () { return component_resolver_1.ComponentResolver; } });
+var interactive_component_types_1 = require("@memberjunction/interactive-component-types");
+Object.defineProperty(exports, "ComponentSpec", { enumerable: true, get: function () { return interactive_component_types_1.ComponentSpec; } });

package/dist/runtime/component-hierarchy.d.ts

@@ -1,7 +1,7 @@
 import { ComponentStyles, RuntimeContext } from '../types';
 import { ComponentCompiler } from '../compiler';
 import { ComponentRegistry } from '../registry';
-import { ComponentSpec } from '../registry/component-resolver';
+import { ComponentSpec } from '@memberjunction/interactive-component-types';
 export interface HierarchyRegistrationResult {
     success: boolean;
     registeredComponents: string[];

package/dist/runtime/component-hierarchy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-hierarchy.d.ts","sourceRoot":"","sources":["../../src/runtime/component-hierarchy.ts"],"names":[],"mappings":"AAMA,OAAO,EAGL,eAAe,EACf,cAAc,EACf,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAK/D,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,OAAO,CAAC;IACjB,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,MAAM,EAAE,0BAA0B,EAAE,CAAC;IACrC,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAKD,MAAM,WAAW,0BAA0B;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,GAAG,cAAc,GAAG,YAAY,CAAC;CACtD;AAKD,MAAM,WAAW,4BAA4B;IAE3C,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAKD,qBAAa,2BAA2B;IAEpC,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,cAAc;gBAFd,QAAQ,EAAE,iBAAiB,EAC3B,QAAQ,EAAE,iBAAiB,EAC3B,cAAc,EAAE,cAAc;IASlC,iBAAiB,CACrB,QAAQ,EAAE,aAAa,EACvB,OAAO,GAAE,4BAAiC,GACzC,OAAO,CAAC,2BAA2B,CAAC;IAsDjC,uBAAuB,CAC3B,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE;QACP,MAAM,CAAC,EAAE,eAAe,CAAC;QACzB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,aAAa,CAAC,EAAE,OAAO,CAAC;KACzB,GACA,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,0BAA0B,CAAA;KAAE,CAAC;YA8EtD,uBAAuB;CAwCtC;AAWD,wBAAsB,0BAA0B,CAC9C,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,iBAAiB,EAC3B,QAAQ,EAAE,iBAAiB,EAC3B,cAAc,EAAE,cAAc,EAC9B,OAAO,GAAE,4BAAiC,GACzC,OAAO,CAAC,2BAA2B,CAAC,CAGtC;AAOD,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,EAAE,CA2BnE;AAOD,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,aAAa,GAAG,aAAa,EAAE,CASlF;AAQD,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,aAAa,EACvB,YAAY,GAAE,OAAe,GAC5B,MAAM,CAaR"}
+{"version":3,"file":"component-hierarchy.d.ts","sourceRoot":"","sources":["../../src/runtime/component-hierarchy.ts"],"names":[],"mappings":"AAMA,OAAO,EAGL,eAAe,EACf,cAAc,EACf,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAK5E,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,OAAO,CAAC;IACjB,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,MAAM,EAAE,0BAA0B,EAAE,CAAC;IACrC,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAKD,MAAM,WAAW,0BAA0B;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,GAAG,cAAc,GAAG,YAAY,CAAC;CACtD;AAKD,MAAM,WAAW,4BAA4B;IAE3C,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAKD,qBAAa,2BAA2B;IAEpC,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,cAAc;gBAFd,QAAQ,EAAE,iBAAiB,EAC3B,QAAQ,EAAE,iBAAiB,EAC3B,cAAc,EAAE,cAAc;IASlC,iBAAiB,CACrB,QAAQ,EAAE,aAAa,EACvB,OAAO,GAAE,4BAAiC,GACzC,OAAO,CAAC,2BAA2B,CAAC;IAsDjC,uBAAuB,CAC3B,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE;QACP,MAAM,CAAC,EAAE,eAAe,CAAC;QACzB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,aAAa,CAAC,EAAE,OAAO,CAAC;KACzB,GACA,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,0BAA0B,CAAA;KAAE,CAAC;YA8EtD,uBAAuB;CAwCtC;AAWD,wBAAsB,0BAA0B,CAC9C,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,iBAAiB,EAC3B,QAAQ,EAAE,iBAAiB,EAC3B,cAAc,EAAE,cAAc,EAC9B,OAAO,GAAE,4BAAiC,GACzC,OAAO,CAAC,2BAA2B,CAAC,CAGtC;AAOD,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,EAAE,CA2BnE;AAOD,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,aAAa,GAAG,aAAa,EAAE,CASlF;AAQD,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,aAAa,EACvB,YAAY,GAAE,OAAe,GAC5B,MAAM,CAaR"}