@memberjunction/react-runtime 6.2.0-edge.0 → 6.2.0-edge.2

package/src/compiler/component-compiler.ts

@@ -16,7 +16,7 @@ import {
 import { ComponentStyles, ComponentObject } from '@memberjunction/interactive-component-types';
 import { LibraryRegistry } from '../utilities/library-registry';
 import { LibraryLoader } from '../utilities/library-loader';
-import { unwrapLibraryComponent, unwrapLibraryComponents, unwrapAllLibraryComponents } from '../utilities/component-unwrapper';
+import { UnwrapLibraryComponent, UnwrapLibraryComponents, UnwrapAllLibraryComponents } from '../utilities/component-unwrapper';
 import { MJComponentLibraryEntity } from '@memberjunction/core-entities';
 
 /**
@@ -57,16 +57,21 @@ export class ComponentCompiler {
    * Sets the Babel instance to use for compilation
    * @param babel - The Babel standalone instance
    */
-  setBabelInstance(babel: any): void {
+  SetBabelInstance(babel: any): void {
     this.babelInstance = babel;
   }
 
+  /** @deprecated Use {@link SetBabelInstance}. */
+  setBabelInstance(babel: any): void {
+    return this.SetBabelInstance(babel);
+  }
+
   /**
    * Compiles a React component from source code
    * @param options - Compilation options
    * @returns Promise resolving to compilation result
    */
-  async compile(options: CompileOptions): Promise<CompilationResult> {
+  async Compile(options: CompileOptions): Promise<CompilationResult> {
     const startTime = Date.now();
 
     try {
@@ -135,6 +140,11 @@ export class ComponentCompiler {
     }
   }
 
+  /** @deprecated Use {@link Compile}. */
+  async compile(options: CompileOptions): Promise<CompilationResult> {
+    return this.Compile(options);
+  }
+
   /**
    * Transpiles JSX/React code to JavaScript
    * @param code - Source code to transpile
@@ -792,9 +802,9 @@ export class ComponentCompiler {
         });
 
         // Create bound versions of unwrap functions with debug flag
-        const boundUnwrapLibraryComponent = (lib: any, name: string) => unwrapLibraryComponent(lib, name, this.config.debug);
-        const boundUnwrapLibraryComponents = (lib: any, ...names: string[]) => unwrapLibraryComponents(lib, ...names, this.config.debug as any);
-        const boundUnwrapAllLibraryComponents = (lib: any) => unwrapAllLibraryComponents(lib, this.config.debug);
+        const boundUnwrapLibraryComponent = (lib: any, name: string) => UnwrapLibraryComponent(lib, name, this.config.debug);
+        const boundUnwrapLibraryComponents = (lib: any, ...names: string[]) => UnwrapLibraryComponents(lib, ...names, this.config.debug as any);
+        const boundUnwrapAllLibraryComponents = (lib: any) => UnwrapAllLibraryComponents(lib, this.config.debug);
 
         // Execute the factory creator to get the createComponent function
         let createComponentFn;
@@ -1000,23 +1010,38 @@ export class ComponentCompiler {
   /**
    * Clears the compilation cache
    */
-  clearCache(): void {
+  ClearCache(): void {
     this.compilationCache.clear();
   }
 
+  /** @deprecated Use {@link ClearCache}. */
+  clearCache(): void {
+    return this.ClearCache();
+  }
+
   /**
    * Gets current cache size
    * @returns Number of cached components
    */
-  getCacheSize(): number {
+  GetCacheSize(): number {
     return this.compilationCache.size;
   }
 
+  /** @deprecated Use {@link GetCacheSize}. */
+  getCacheSize(): number {
+    return this.GetCacheSize();
+  }
+
   /**
    * Updates compiler configuration
    * @param config - New configuration options
    */
-  updateConfig(config: Partial<CompilerConfig>): void {
+  UpdateConfig(config: Partial<CompilerConfig>): void {
     this.config = { ...this.config, ...config };
   }
+
+  /** @deprecated Use {@link UpdateConfig}. */
+  updateConfig(config: Partial<CompilerConfig>): void {
+    return this.UpdateConfig(config);
+  }
 }

package/src/compiler/index.ts

@@ -9,7 +9,7 @@ export {
   DEFAULT_PLUGINS,
   PRODUCTION_CONFIG,
   DEVELOPMENT_CONFIG,
-  getBabelConfig,
-  validateBabelPresets,
-  getJSXConfig
+  GetBabelConfig, getBabelConfig,
+  ValidateBabelPresets, validateBabelPresets,
+  GetJSXConfig, getJSXConfig
 } from './babel-config';

package/src/component-manager/component-manager.ts

@@ -67,7 +67,7 @@ export class ComponentManager {
   /**
    * Main entry point - intelligently handles all component operations
    */
-  async loadComponent(
+  async LoadComponent(
     spec: ComponentSpec,
     options: LoadOptions = {}
   ): Promise<LoadResult> {
@@ -118,6 +118,14 @@ export class ComponentManager {
       this.loadingPromises.delete(componentKey);
     }
   }
+
+  /** @deprecated Use {@link LoadComponent}. */
+  async loadComponent(
+    spec: ComponentSpec,
+    options: LoadOptions = {}
+  ): Promise<LoadResult> {
+    return this.LoadComponent(spec, options);
+  }
   
   /**
    * Internal method that does the actual loading
@@ -295,7 +303,7 @@ export class ComponentManager {
   /**
    * Load a complete hierarchy efficiently
    */
-  async loadHierarchy(
+  async LoadHierarchy(
     rootSpec: ComponentSpec,
     options: LoadOptions = {}
   ): Promise<HierarchyResult> {
@@ -381,6 +389,14 @@ export class ComponentManager {
       };
     }
   }
+
+  /** @deprecated Use {@link LoadHierarchy}. */
+  async loadHierarchy(
+    rootSpec: ComponentSpec,
+    options: LoadOptions = {}
+  ): Promise<HierarchyResult> {
+    return this.LoadHierarchy(rootSpec, options);
+  }
   
   /**
    * Recursively load a component and its dependencies
@@ -409,7 +425,7 @@ export class ComponentManager {
     visited.add(componentKey);
     
     // Load this component
-    const result = await this.loadComponent(spec, options);
+    const result = await this.LoadComponent(spec, options);
     
     if (result.success && result.component) {
       loaded.push(spec.name);
@@ -476,7 +492,7 @@ export class ComponentManager {
     
     for (let i = 0; i < dependencies.length; i += batchSize) {
       const batch = dependencies.slice(i, i + batchSize);
-      const batchPromises = batch.map(dep => this.loadComponent(dep, options));
+      const batchPromises = batch.map(dep => this.LoadComponent(dep, options));
       const batchResults = await Promise.all(batchPromises);
       results.push(...batchResults);
     }
@@ -807,17 +823,22 @@ export class ComponentManager {
   /**
    * Clear all caches
    */
-  clearCache(): void {
+  ClearCache(): void {
     this.fetchCache.clear();
     this.registryNotifications.clear();
     this.loadingPromises.clear();
     this.log('All caches cleared');
   }
+
+  /** @deprecated Use {@link ClearCache}. */
+  clearCache(): void {
+    return this.ClearCache();
+  }
   
   /**
    * Get cache statistics
    */
-  getCacheStats(): {
+  GetCacheStats(): {
     fetchCacheSize: number;
     notificationsCount: number;
     loadingCount: number;
@@ -828,6 +849,15 @@ export class ComponentManager {
       loadingCount: this.loadingPromises.size
     };
   }
+
+  /** @deprecated Use {@link GetCacheStats}. */
+  getCacheStats(): {
+    fetchCacheSize: number;
+    notificationsCount: number;
+    loadingCount: number;
+  } {
+    return this.GetCacheStats();
+  }
   
   /**
    * Log a message if debug is enabled

package/src/index.ts

@@ -88,20 +88,20 @@ export {
 
 export {
   SetupStyles,
-  createDefaultComponentStyles,
+  CreateDefaultComponentStyles, createDefaultComponentStyles,
   BuildStylesFromTheme,
   ApplyStyleOverrides
 } from './utilities/component-styles';
 
 export {
-  buildAntdThemeConfig,
-  wrapWithLibraryThemeProviders
+  BuildAntdThemeConfig, buildAntdThemeConfig,
+  WrapWithLibraryThemeProviders, wrapWithLibraryThemeProviders
 } from './utilities/component-library-theming';
 
 export {
   StandardLibraries,
   StandardLibraryManager,
-  createStandardLibraries
+  CreateStandardLibraries, createStandardLibraries
 } from './utilities/standard-libraries';
 
 export {
@@ -111,21 +111,21 @@ export {
 } from './utilities/library-loader';
 
 export {
-  getCoreRuntimeLibraries,
-  isCoreRuntimeLibrary
+  GetCoreRuntimeLibraries, getCoreRuntimeLibraries,
+  IsCoreRuntimeLibrary, isCoreRuntimeLibrary
 } from './utilities/core-libraries';
 
 export {
-  generateComponentHierarchyHash
+  GenerateComponentHierarchyHash, generateComponentHierarchyHash
 } from './utilities/component-hash';
 
 export {
   RuntimeUtilities,
-  createRuntimeUtilities
+  CreateRuntimeUtilities, createRuntimeUtilities
 } from './utilities/runtime-utilities';
 
 export {
-  resolveEntityRecordKey,
+  ResolveEntityRecordKey, resolveEntityRecordKey,
   EntityRecordKeyInput
 } from './utilities/entity-record-key';
 
@@ -152,22 +152,22 @@ export {
 } from './utilities/cache-manager';
 
 export {
-  unwrapLibraryComponent,
-  unwrapLibraryComponents,
-  unwrapAllLibraryComponents,
+  UnwrapLibraryComponent, unwrapLibraryComponent,
+  UnwrapLibraryComponents, unwrapLibraryComponents,
+  UnwrapAllLibraryComponents, unwrapAllLibraryComponents,
   // Legacy exports for backward compatibility
-  unwrapComponent,
-  unwrapComponents,
-  unwrapAllComponents
+  UnwrapComponent, unwrapComponent,
+  UnwrapComponents, unwrapComponents,
+  UnwrapAllComponents, unwrapAllComponents
 } from './utilities/component-unwrapper';
 
 export {
   USER_STATE_KEY_PREFIX,
-  resolveUserStateScope,
-  userStateStorageKey,
-  parseStoredUserSettings,
-  mergeUserSettings,
-  applyUserSettingsUpdate
+  ResolveUserStateScope, resolveUserStateScope,
+  UserStateStorageKey, userStateStorageKey,
+  ParseStoredUserSettings, parseStoredUserSettings,
+  MergeUserSettings, mergeUserSettings,
+  ApplyUserSettingsUpdate, applyUserSettingsUpdate
 } from './utilities/user-state';
 
 // Version information
@@ -201,7 +201,7 @@ export const DEFAULT_CONFIGS = {
  * @param debug - Enable debug logging (defaults to false)
  * @returns Object containing compiler, registry, and resolver instances
  */
-export function createReactRuntime(
+export function CreateReactRuntime(
   babelInstance: any,
   config?: {
     compiler?: Partial<import('./types').CompilerConfig>;
@@ -249,4 +249,18 @@ export function createReactRuntime(
     version: VERSION,
     debug
   };
+}
+
+/** @deprecated Use {@link CreateReactRuntime}. */
+export function createReactRuntime(
+  babelInstance: any,
+  config?: {
+    compiler?: Partial<import('./types').CompilerConfig>;
+    registry?: Partial<import('./types').RegistryConfig>;
+    manager?: Partial<import('./component-manager').ComponentManagerConfig>;
+  },
+  runtimeContext?: import('./types').RuntimeContext,
+  debug: boolean = false
+) {
+  return CreateReactRuntime(babelInstance, config, runtimeContext, debug);
 }

package/src/registry/component-registry-service.ts

@@ -101,7 +101,7 @@ export class ComponentRegistryService {
   /**
    * Get or create the singleton instance
    */
-  static getInstance(
+  static GetInstance(
     compiler: ComponentCompiler, 
     context: RuntimeContext,
     debug: boolean = false,
@@ -112,16 +112,31 @@ export class ComponentRegistryService {
     }
     return ComponentRegistryService.instance;
   }
+
+  /** @deprecated Use {@link GetInstance}. */
+  static getInstance(
+    compiler: ComponentCompiler, 
+    context: RuntimeContext,
+    debug: boolean = false,
+    graphQLClient?: IComponentRegistryClient
+  ): ComponentRegistryService {
+    return this.GetInstance(compiler, context, debug, graphQLClient);
+  }
   
   /**
    * Set the GraphQL client for registry operations
    */
-  setGraphQLClient(client: IComponentRegistryClient): void {
+  SetGraphQLClient(client: IComponentRegistryClient): void {
     this.graphQLClient = client;
     if (this.debug) {
       console.log('✅ GraphQL client configured for component registry');
     }
   }
+
+  /** @deprecated Use {@link SetGraphQLClient}. */
+  setGraphQLClient(client: IComponentRegistryClient): void {
+    return this.SetGraphQLClient(client);
+  }
   
   /**
    * Cached GraphQL client instance created from Metadata.Provider
@@ -189,10 +204,15 @@ export class ComponentRegistryService {
   /**
    * Initialize the service with metadata
    */
-  async initialize(contextUser?: UserInfo): Promise<void> {
+  async Initialize(contextUser?: UserInfo): Promise<void> {
     // Initialize metadata engine
     await this.componentEngine.Config(false, contextUser);
   }
+
+  /** @deprecated Use {@link Initialize}. */
+  async initialize(contextUser?: UserInfo): Promise<void> {
+    return this.Initialize(contextUser);
+  }
   
   /**
    * Calculate SHA-256 hash of a component spec for cache comparison
@@ -225,12 +245,12 @@ export class ComponentRegistryService {
   /**
    * Get a compiled component, using cache if available
    */
-  async getCompiledComponent(
+  async GetCompiledComponent(
     componentId: string,
     referenceId?: string,
     contextUser?: UserInfo
   ): Promise<ComponentObject> {
-    await this.initialize(contextUser);
+    await this.Initialize(contextUser);
     
     // Find component in metadata via targeted query
     const component = await this.componentEngine.FindComponentByID(componentId, contextUser);
@@ -264,7 +284,7 @@ export class ComponentRegistryService {
     }
     
     // Get the component specification
-    const spec = await this.getComponentSpec(componentId, contextUser);
+    const spec = await this.GetComponentSpec(componentId, contextUser);
     
     // Compile the component
     // Load all libraries from metadata engine
@@ -327,12 +347,21 @@ export class ComponentRegistryService {
     // Call the factory function to get the ComponentObject
     return compiledComponentFactory(this.runtimeContext);
   }
+
+  /** @deprecated Use {@link GetCompiledComponent}. */
+  async getCompiledComponent(
+    componentId: string,
+    referenceId?: string,
+    contextUser?: UserInfo
+  ): Promise<ComponentObject> {
+    return this.GetCompiledComponent(componentId, referenceId, contextUser);
+  }
   
   /**
    * Get compiled component from external registry by registry name
    * This is used when spec.registry field is populated
    */
-  async getCompiledComponentFromRegistry(
+  async GetCompiledComponentFromRegistry(
     registryName: string,
     namespace: string,
     name: string,
@@ -340,7 +369,7 @@ export class ComponentRegistryService {
     referenceId?: string,
     contextUser?: UserInfo
   ): Promise<any> {
-    await this.initialize(contextUser);
+    await this.Initialize(contextUser);
     
     if (this.debug) {
       console.log(`🌐 [ComponentRegistryService] Fetching from external registry: ${registryName}/${namespace}/${name}@${version}`);
@@ -477,15 +506,27 @@ export class ComponentRegistryService {
       throw error;
     }
   }
+
+  /** @deprecated Use {@link GetCompiledComponentFromRegistry}. */
+  async getCompiledComponentFromRegistry(
+    registryName: string,
+    namespace: string,
+    name: string,
+    version: string,
+    referenceId?: string,
+    contextUser?: UserInfo
+  ): Promise<any> {
+    return this.GetCompiledComponentFromRegistry(registryName, namespace, name, version, referenceId, contextUser);
+  }
   
   /**
    * Get component specification from database or external registry
    */
-  async getComponentSpec(
+  async GetComponentSpec(
     componentId: string,
     contextUser?: UserInfo
   ): Promise<ComponentSpec> {
-    await this.initialize(contextUser);
+    await this.Initialize(contextUser);
     
     const component = await this.componentEngine.FindComponentByID(componentId, contextUser);
     if (!component) {
@@ -554,6 +595,14 @@ export class ComponentRegistryService {
     
     return spec;
   }
+
+  /** @deprecated Use {@link GetComponentSpec}. */
+  async getComponentSpec(
+    componentId: string,
+    contextUser?: UserInfo
+  ): Promise<ComponentSpec> {
+    return this.GetComponentSpec(componentId, contextUser);
+  }
   
   /**
    * Fetch component from external registry via HTTP
@@ -683,11 +732,11 @@ export class ComponentRegistryService {
   /**
    * Load component dependencies from database
    */
-  async loadDependencies(
+  async LoadDependencies(
     componentId: string,
     contextUser?: UserInfo
   ): Promise<ComponentDependencyInfo[]> {
-    await this.initialize(contextUser);
+    await this.Initialize(contextUser);
     
     // Get dependencies from metadata cache
     const dependencies = this.componentEngine.ComponentDependencies?.filter(
@@ -714,11 +763,19 @@ export class ComponentRegistryService {
     
     return result;
   }
+
+  /** @deprecated Use {@link LoadDependencies}. */
+  async loadDependencies(
+    componentId: string,
+    contextUser?: UserInfo
+  ): Promise<ComponentDependencyInfo[]> {
+    return this.LoadDependencies(componentId, contextUser);
+  }
   
   /**
    * Resolve full dependency tree for a component
    */
-  async resolveDependencyTree(
+  async ResolveDependencyTree(
     componentId: string,
     contextUser?: UserInfo,
     visited = new Set<string>()
@@ -731,7 +788,7 @@ export class ComponentRegistryService {
     }
     visited.add(componentId);
     
-    await this.initialize(contextUser);
+    await this.Initialize(contextUser);
     
     const component = await this.componentEngine.FindComponentByID(componentId, contextUser);
     if (!component) {
@@ -739,7 +796,7 @@ export class ComponentRegistryService {
     }
 
     // Get direct dependencies
-    const directDeps = await this.loadDependencies(componentId, contextUser);
+    const directDeps = await this.LoadDependencies(componentId, contextUser);
 
     // Recursively resolve each dependency
     const dependencies: DependencyTree[] = [];
@@ -747,7 +804,7 @@ export class ComponentRegistryService {
       const depComponent = await this.componentEngine.FindComponent(dep.name, dep.namespace, undefined, contextUser);
 
       if (depComponent) {
-        const subTree = await this.resolveDependencyTree(
+        const subTree = await this.ResolveDependencyTree(
           depComponent.ID,
           contextUser,
           visited
@@ -765,15 +822,24 @@ export class ComponentRegistryService {
       totalCount: dependencies.reduce((sum, d) => sum + (d.totalCount || 1), 1)
     };
   }
+
+  /** @deprecated Use {@link ResolveDependencyTree}. */
+  async resolveDependencyTree(
+    componentId: string,
+    contextUser?: UserInfo,
+    visited = new Set<string>()
+  ): Promise<DependencyTree> {
+    return this.ResolveDependencyTree(componentId, contextUser, visited);
+  }
   
   /**
    * Get components to load in dependency order
    */
-  async getComponentsToLoad(
+  async GetComponentsToLoad(
     rootComponentId: string,
     contextUser?: UserInfo
   ): Promise<string[]> {
-    const tree = await this.resolveDependencyTree(rootComponentId, contextUser);
+    const tree = await this.ResolveDependencyTree(rootComponentId, contextUser);
     
     // Flatten tree in dependency order (depth-first)
     const ordered: string[] = [];
@@ -789,6 +855,14 @@ export class ComponentRegistryService {
     
     return ordered;
   }
+
+  /** @deprecated Use {@link GetComponentsToLoad}. */
+  async getComponentsToLoad(
+    rootComponentId: string,
+    contextUser?: UserInfo
+  ): Promise<string[]> {
+    return this.GetComponentsToLoad(rootComponentId, contextUser);
+  }
   
   /**
    * Add a reference to a component
@@ -803,7 +877,7 @@ export class ComponentRegistryService {
   /**
    * Remove a reference to a component
    */
-  removeComponentReference(componentKey: string, referenceId: string): void {
+  RemoveComponentReference(componentKey: string, referenceId: string): void {
     const refs = this.componentReferences.get(componentKey);
     if (refs) {
       refs.delete(referenceId);
@@ -814,6 +888,11 @@ export class ComponentRegistryService {
       }
     }
   }
+
+  /** @deprecated Use {@link RemoveComponentReference}. */
+  removeComponentReference(componentKey: string, referenceId: string): void {
+    return this.RemoveComponentReference(componentKey, referenceId);
+  }
   
   /**
    * Consider evicting a component from cache
@@ -849,7 +928,7 @@ export class ComponentRegistryService {
   /**
    * Get cache statistics
    */
-  getCacheStats(): {
+  GetCacheStats(): {
     compiledComponents: number;
     totalUseCount: number;
     memoryEstimate: string;
@@ -865,11 +944,20 @@ export class ComponentRegistryService {
       memoryEstimate: `~${(this.compiledComponentCache.size * 50)}KB` // Rough estimate
     };
   }
+
+  /** @deprecated Use {@link GetCacheStats}. */
+  getCacheStats(): {
+    compiledComponents: number;
+    totalUseCount: number;
+    memoryEstimate: string;
+  } {
+    return this.GetCacheStats();
+  }
   
   /**
    * Clear all caches
    */
-  clearCache(): void {
+  ClearCache(): void {
     if (this.debug) {
       console.log('🧹 Clearing all component caches');
     }
@@ -877,26 +965,41 @@ export class ComponentRegistryService {
     this.componentReferences.clear();
   }
 
+  /** @deprecated Use {@link ClearCache}. */
+  clearCache(): void {
+    return this.ClearCache();
+  }
+
   /**
    * Force clear all compiled components
    * Used for Component Studio to ensure fresh loads
    */
-  forceClearAll(): void {
+  ForceClearAll(): void {
     this.compiledComponentCache.clear();
     this.componentReferences.clear();
     console.log('🧹 Component cache force cleared');
   }
 
+  /** @deprecated Use {@link ForceClearAll}. */
+  forceClearAll(): void {
+    return this.ForceClearAll();
+  }
+
   /**
    * Reset the singleton instance
    * Forces new instance creation on next access
    */
-  static reset(): void {
+  static Reset(): void {
     if (ComponentRegistryService.instance) {
       ComponentRegistryService.instance.forceClearAll();
       ComponentRegistryService.instance = null;
     }
   }
+
+  /** @deprecated Use {@link Reset}. */
+  static reset(): void {
+    return this.Reset();
+  }
   
   /**
    * Generate a cache key for a component