@memberjunction/react-runtime 2.111.1 → 2.112.0

package/.turbo/turbo-build.log

@@ -1,27 +1,26 @@
 
-> @memberjunction/react-runtime@2.111.1 build
+> @memberjunction/react-runtime@2.112.0 build
 > npm run build:node && npm run build:umd
 
 
-> @memberjunction/react-runtime@2.111.1 build:node
+> @memberjunction/react-runtime@2.112.0 build:node
 > tsc
 
 
-> @memberjunction/react-runtime@2.111.1 build:umd
+> @memberjunction/react-runtime@2.112.0 build:umd
 > webpack --config webpack.umd.config.js
 
-(node:8052) [DEP0180] DeprecationWarning: fs.Stats constructor is deprecated.
+(node:7965) [DEP0180] DeprecationWarning: fs.Stats constructor is deprecated.
 (Use `node --trace-deprecation ...` to show where the warning was created)
 [BABEL] Note: The code generator has deoptimised the styling of /home/runner/work/MJ/MJ/packages/MJCoreEntities/dist/generated/entity_subclasses.js as it exceeds the max of 500KB.
 asset runtime.umd.js 2.39 MiB [emitted] [minimized] [big] (name: main) 1 related asset
 orphan modules 513 KiB [orphan] 123 modules
 runtime modules 1010 bytes 5 modules
-modules by path ../../ 4.9 MiB
-  modules by path ../../../node_modules/ 1.62 MiB 258 modules
-  modules by path ../../MJGlobal/ 174 KiB 35 modules
-  modules by path ../../MJCore/ 626 KiB 31 modules
-  modules by path ../../MJCoreEntities/dist/ 2.36 MiB 26 modules
-  modules by path ../../GraphQLDataProvider/ 113 KiB 22 modules
+modules by path ../../ 4.91 MiB
+  modules by path ../../../node_modules/ 1.63 MiB 261 modules
+  modules by path ../../MJGlobal/ 784 KiB 63 modules
+  modules by path ../../MJCoreEntities/dist/ 2.38 MiB 26 modules
+  modules by path ../../GraphQLDataProvider/ 108 KiB 22 modules
   modules by path ../../InteractiveComponents/dist/*.js 34.5 KiB 10 modules
 modules by path ./dist/ 454 KiB 28 modules
-webpack 5.92.1 compiled successfully in 105654 ms
+webpack 5.92.1 compiled successfully in 99684 ms

package/CHANGELOG.md

@@ -1,14 +1,14 @@
 # @memberjunction/react-runtime
 
-## 2.111.1
+## 2.112.0
 
 ### Patch Changes
 
-- @memberjunction/graphql-dataprovider@2.111.1
-- @memberjunction/interactive-component-types@2.111.1
-- @memberjunction/core@2.111.1
-- @memberjunction/core-entities@2.111.1
-- @memberjunction/global@2.111.1
+- Updated dependencies [c126b59]
+  - @memberjunction/global@2.112.0
+  - @memberjunction/graphql-dataprovider@2.112.0
+  - @memberjunction/interactive-component-types@2.112.0
+  - @memberjunction/core-entities@2.112.0
 
 ## 2.110.1
 

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":"AAOA,OAAO,EACL,cAAc,EAEd,iBAAiB,EACjB,cAAc,EAGf,MAAM,UAAU,CAAC;AA0BlB,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,gBAAgB,CAAiC;IACzD,OAAO,CAAC,gBAAgB,CAAW;IACnC,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;IA2ElE,OAAO,CAAC,kBAAkB;IAmC1B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAkC;IAEjE,OAAO,CAAC,iBAAiB;YA2RX,qBAAqB;YAiKrB,UAAU;IA+BxB,OAAO,CAAC,UAAU;IA0ElB,OAAO,CAAC,sBAAsB;IAkI9B,OAAO,CAAC,sBAAsB;IAiE9B,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,cAAc;IAgBtB,OAAO,CAAC,cAAc;IAmBtB,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":"AAOA,OAAO,EAAE,cAAc,EAAqB,iBAAiB,EAAE,cAAc,EAAkC,MAAM,UAAU,CAAC;AA0BhI,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,gBAAgB,CAAiC;IACzD,OAAO,CAAC,gBAAgB,CAAW;IACnC,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;IAiElE,OAAO,CAAC,kBAAkB;IA+B1B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAkC;IAEjE,OAAO,CAAC,iBAAiB;YA+TX,qBAAqB;YA4JrB,UAAU;IA+BxB,OAAO,CAAC,UAAU;IA0ElB,OAAO,CAAC,sBAAsB;IA6I9B,OAAO,CAAC,sBAAsB;IAmE9B,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,cAAc;IAgBtB,OAAO,CAAC,cAAc;IAkBtB,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

@@ -7,13 +7,13 @@ const component_unwrapper_1 = require("../utilities/component-unwrapper");
 const DEFAULT_COMPILER_CONFIG = {
     babel: {
         presets: ['react'],
-        plugins: []
+        plugins: [],
     },
     minify: false,
     sourceMaps: false,
     cache: true,
     maxCacheSize: 100,
-    debug: false
+    debug: false,
 };
 class ComponentCompiler {
     constructor(config) {
@@ -33,7 +33,7 @@ class ComponentCompiler {
                     return {
                         success: true,
                         component: cached,
-                        duration: Date.now() - startTime
+                        duration: Date.now() - startTime,
                     };
                 }
             }
@@ -46,7 +46,7 @@ class ComponentCompiler {
                 id: this.generateComponentId(options.componentName),
                 name: options.componentName,
                 compiledAt: new Date(),
-                warnings: []
+                warnings: [],
             };
             if (this.config.cache) {
                 this.cacheComponent(compiledComponent, options.componentCode);
@@ -56,14 +56,14 @@ class ComponentCompiler {
                 component: compiledComponent,
                 duration: Date.now() - startTime,
                 size: transpiledCode.length,
-                loadedLibraries: loadedLibraries
+                loadedLibraries: loadedLibraries,
             };
         }
         catch (error) {
             return {
                 success: false,
                 error: this.createCompilationError(error, options.componentName),
-                duration: Date.now() - startTime
+                duration: Date.now() - startTime,
             };
         }
     }
@@ -78,7 +78,7 @@ class ComponentCompiler {
                 plugins: options.babelPlugins || this.config.babel.plugins,
                 filename: `${componentName}.jsx`,
                 sourceMaps: this.config.sourceMaps,
-                minified: this.config.minify
+                minified: this.config.minify,
             });
             return result.code;
         }
@@ -90,14 +90,14 @@ class ComponentCompiler {
         const debug = this.config.debug;
         const libraryDeclarations = libraries && libraries.length > 0
             ? libraries
-                .filter(lib => lib.globalVariable && !this.CORE_LIBRARIES.has(lib.globalVariable))
-                .map(lib => `const ${lib.globalVariable} = libraries['${lib.globalVariable}'];`)
+                .filter((lib) => lib.globalVariable && !this.CORE_LIBRARIES.has(lib.globalVariable))
+                .map((lib) => `const ${lib.globalVariable} = libraries['${lib.globalVariable}'];`)
                 .join('\n        ')
             : '';
         const libraryLogChecks = libraries && libraries.length > 0
             ? libraries
-                .filter(lib => lib.globalVariable && !this.CORE_LIBRARIES.has(lib.globalVariable))
-                .map(lib => `\nif (!${lib.globalVariable}) { console.error('[React-Runtime-JS] Library "${lib.globalVariable}" is not defined'); } else { ${debug ? `console.log('[React-Runtime-JS] Library "${lib.globalVariable}" is defined');` : ''} }`)
+                .filter((lib) => lib.globalVariable && !this.CORE_LIBRARIES.has(lib.globalVariable))
+                .map((lib) => `\nif (!${lib.globalVariable}) { console.error('[React-Runtime-JS] Library "${lib.globalVariable}" is not defined'); } else { ${debug ? `console.log('[React-Runtime-JS] Library "${lib.globalVariable}" is defined');` : ''} }`)
                 .join('\n        ')
             : '';
         const seenDependencies = new Set();
@@ -119,32 +119,36 @@ class ComponentCompiler {
         }
         const duplicateWarnings = duplicates.length > 0
             ? duplicates
-                .map(name => `console.warn('[React-Runtime-JS] WARNING: Component "${name}" is registered multiple times as a dependency. Using first occurrence only.');`)
+                .map((name) => `console.warn('[React-Runtime-JS] WARNING: Component "${name}" is registered multiple times as a dependency. Using first occurrence only.');`)
                 .join('\n        ')
             : '';
         const componentDeclarations = uniqueDependencies.length > 0
             ? uniqueDependencies
-                .map(dep => `const ${dep.name}Raw = componentsOuter['${dep.name}'];
-        ${debug ? `console.log('[React-Runtime-JS] Extracting ${dep.name}:');
+                .map((dep) => `const ${dep.name}Raw = componentsOuter['${dep.name}'];
+        ${debug
+                ? `console.log('[React-Runtime-JS] Extracting ${dep.name}:');
         console.log('  - Raw value type:', typeof ${dep.name}Raw);
         console.log('  - Raw value:', ${dep.name}Raw);
         if (${dep.name}Raw && typeof ${dep.name}Raw === 'object') {
           console.log('  - Has .component property:', 'component' in ${dep.name}Raw);
           console.log('  - .component type:', typeof ${dep.name}Raw.component);
-        }` : ''}
+        }`
+                : ''}
         const ${dep.name} = ${dep.name}Raw?.component || ${dep.name}Raw;
-        ${debug ? `console.log('  - Final ${dep.name} type:', typeof ${dep.name});
-        console.log('  - Final ${dep.name} is function:', typeof ${dep.name} === 'function');` : ''}`)
+        ${debug
+                ? `console.log('  - Final ${dep.name} type:', typeof ${dep.name});
+        console.log('  - Final ${dep.name} is function:', typeof ${dep.name} === 'function');`
+                : ''}`)
                 .join('\n        ')
             : '';
         const componentLogChecks = uniqueDependencies.length > 0
             ? uniqueDependencies
-                .map(dep => `if (!${dep.name}) { console.error('[React-Runtime-JS] Dependency "${dep.name}" is not defined'); } else { ${debug ? `console.log('[React-Runtime-JS] Dependency "${dep.name}" is defined');` : ''} }`)
+                .map((dep) => `if (!${dep.name}) { console.error('[React-Runtime-JS] Dependency "${dep.name}" is not defined'); } else { ${debug ? `console.log('[React-Runtime-JS] Dependency "${dep.name}" is defined');` : ''} }`)
                 .join('\n        ')
             : '';
         const wrappedCode = `
       function createComponent(
-        React, ReactDOM, 
+        React, ReactDOM,
         useState, useEffect, useCallback, useMemo, useRef, useContext, useReducer, useLayoutEffect,
         libraries, styles, console, components,
         unwrapLibraryComponent, unwrapLibraryComponents, unwrapAllLibraryComponents
@@ -158,10 +162,10 @@ class ComponentCompiler {
         const unwrapComponent = unwrapLibraryComponent;
         const unwrapComponents = unwrapLibraryComponents;
         const unwrapAllComponents = unwrapAllLibraryComponents;
-        
+
         // Code for ${componentName}
         ${componentCode}
-        
+
         // Ensure the component exists
         if (typeof ${componentName} === 'undefined') {
           throw new Error('Component "${componentName}" is not defined in the provided code');
@@ -169,7 +173,7 @@ class ComponentCompiler {
         else {
           ${debug ? `console.log('[React-Runtime-JS] Component "${componentName}" is defined');` : ''}
         }
-        
+
         // Store the component in a variable so we don't lose it
         const UserComponent = ${componentName};
 
@@ -178,9 +182,10 @@ class ComponentCompiler {
         const ActualComponent = (typeof UserComponent === 'object' && UserComponent !== null && 'component' in UserComponent)
           ? UserComponent.component
           : UserComponent;
-        
+
         // Debug logging to understand what we're getting
-        ${debug ? `
+        ${debug
+            ? `
         console.log('[React-Runtime-JS]Component ${componentName} type:', typeof UserComponent);
         if (typeof UserComponent === 'object' && UserComponent !== null) {
           console.log('[React-Runtime-JS]Component ${componentName} keys:', Object.keys(UserComponent));
@@ -188,8 +193,9 @@ class ComponentCompiler {
           if ('component' in UserComponent) {
             console.log('[React-Runtime-JS]Component ${componentName}.component type:', typeof UserComponent.component);
           }
-        }` : ''}
-        
+        }`
+            : ''}
+
         // Validate that we have a function (React component)
         if (typeof ActualComponent !== 'function') {
           console.error('[React-Runtime-JS] Invalid component type for ${componentName}:', typeof ActualComponent);
@@ -206,7 +212,8 @@ class ComponentCompiler {
           if (!utilitiesOuter) {
             utilitiesOuter = props?.utilities;
           }
-          ${debug ? `
+          ${debug
+            ? `
           console.log('[React-Runtime-JS] DestructureWrapperUserComponent for ${componentName}:');
           console.log('  - Props:', props);
           console.log('  - componentsOuter type:', typeof componentsOuter);
@@ -224,42 +231,43 @@ class ComponentCompiler {
           }
           console.log('  - styles:', styles);
           console.log('  - utilities:', utilitiesOuter);
-          console.log('  - libraries:', libraries);` : ''}
+          console.log('  - libraries:', libraries);`
+            : ''}
           ${duplicateWarnings ? '// Duplicate dependency warnings\n        ' + duplicateWarnings + '\n        ' : ''}
           ${libraryDeclarations ? '// Destructure Libraries\n' + libraryDeclarations + '\n        ' : ''}
           ${componentDeclarations ? '// Destructure Dependencies\n' + componentDeclarations + '\n        ' : ''}
           ${libraryLogChecks}
-          ${componentLogChecks}          
+          ${componentLogChecks}
 
           const newProps = {
             ...props,
             components: componentsOuter,
-            utilities: utilitiesOuter 
+            utilities: utilitiesOuter
           }
           return ActualComponent(newProps);
         };
-        
+
         // Create a fresh method registry for each factory call
         const methodRegistry = new Map();
-        
+
         // Create a wrapper component that provides RegisterMethod in callbacks
         const ComponentWithMethodRegistry = (props) => {
           // Register methods on mount
           React.useEffect(() => {
             // Clear previous methods
             methodRegistry.clear();
-            
+
             // Provide RegisterMethod callback if callbacks exist
             if (props.callbacks && typeof props.callbacks.RegisterMethod === 'function') {
               // Component can now register its methods
               // This will be called from within the component
             }
           }, [props.callbacks]);
-          
+
           // Create enhanced callbacks with RegisterMethod
           const enhancedCallbacks = React.useMemo(() => {
             if (!props.callbacks) return {};
-            
+
             return {
               ...props.callbacks,
               RegisterMethod: (methodName, handler) => {
@@ -269,36 +277,36 @@ class ComponentCompiler {
               }
             };
           }, [props.callbacks]);
-          
+
           // Render the original component with enhanced callbacks
           return React.createElement(DestructureWrapperUserComponent, {
             ...props,
             callbacks: enhancedCallbacks
           });
         };
-        
+
         ComponentWithMethodRegistry.displayName = '${componentName}WithMethods';
-        
+
         // Return the component object with method access
         return {
           component: ComponentWithMethodRegistry,
-          
-          print: function() { 
+
+          print: function() {
             const printMethod = methodRegistry.get('print');
             if (printMethod) {
               printMethod();
             } else if (typeof window !== 'undefined' && window.print) {
-              window.print(); 
+              window.print();
             }
           },
-          refresh: function(data) { 
+          refresh: function(data) {
             const refreshMethod = methodRegistry.get('refresh');
             if (refreshMethod) {
               refreshMethod(data);
             }
             // Refresh functionality is handled by the host environment
           },
-          
+
           // Standard method accessors with type safety
           getCurrentDataState: function() {
             const method = methodRegistry.get('getCurrentDataState');
@@ -328,7 +336,7 @@ class ComponentCompiler {
             const method = methodRegistry.get('focus');
             if (method) method(target);
           },
-          
+
           // Generic method invoker for custom methods
           invokeMethod: function(methodName, ...args) {
             const method = methodRegistry.get(methodName);
@@ -338,7 +346,7 @@ class ComponentCompiler {
             console.warn(\`[React-Runtime-JS] Method '\${methodName}' is not registered on component ${componentName}\`);
             return undefined;
           },
-          
+
           // Check if a method exists
           hasMethod: function(methodName) {
             return methodRegistry.has(methodName);
@@ -353,7 +361,7 @@ class ComponentCompiler {
         if (this.config.debug) {
             console.log('🔍 loadRequiredLibraries called with:', {
                 librariesCount: libraries?.length || 0,
-                libraries: libraries?.map(l => ({ name: l.name, version: l.version, globalVariable: l.globalVariable }))
+                libraries: libraries?.map((l) => ({ name: l.name, version: l.version, globalVariable: l.globalVariable })),
             });
         }
         if (!libraries || libraries.length === 0) {
@@ -372,7 +380,7 @@ class ComponentCompiler {
         else {
             console.warn('⚠️ No componentLibraries provided for LibraryRegistry initialization');
         }
-        const filteredLibraries = libraries.filter(lib => {
+        const filteredLibraries = libraries.filter((lib) => {
             if (!lib || typeof lib !== 'object' || !lib.name) {
                 console.warn(`⚠️ Invalid library entry detected (missing name):`, lib);
                 return false;
@@ -392,9 +400,7 @@ class ComponentCompiler {
             }
             return true;
         });
-        const libraryNames = filteredLibraries
-            .map(lib => lib.name)
-            .filter(name => name && typeof name === 'string');
+        const libraryNames = filteredLibraries.map((lib) => lib.name).filter((name) => name && typeof name === 'string');
         if (this.config.debug) {
             console.log('📦 Using dependency-aware loading for libraries:', libraryNames);
         }
@@ -405,7 +411,9 @@ class ComponentCompiler {
             return loadedLibraries;
         }
         try {
-            const loadedLibraryMap = await library_loader_1.LibraryLoader.loadLibrariesWithDependencies(libraryNames, componentLibraries, 'component-compiler', { debug: this.config.debug });
+            const loadedLibraryMap = await library_loader_1.LibraryLoader.loadLibrariesWithDependencies(libraryNames, componentLibraries, 'component-compiler', {
+                debug: this.config.debug,
+            });
             for (const lib of filteredLibraries) {
                 const isApproved = library_registry_1.LibraryRegistry.isApproved(lib.name);
                 if (!isApproved) {
@@ -466,7 +474,7 @@ class ComponentCompiler {
         return loadedLibraries;
     }
     async loadStyles(urls) {
-        const loadPromises = urls.map(url => {
+        const loadPromises = urls.map((url) => {
             return new Promise((resolve) => {
                 const existingLink = document.querySelector(`link[href="${url}"]`);
                 if (existingLink) {
@@ -520,7 +528,7 @@ class ComponentCompiler {
                     else if (attempts >= maxAttempts) {
                         if (this.config.debug) {
                             console.error(`  ❌ ${globalName} not found after ${attempts * checkInterval}ms`);
-                            const matchingKeys = Object.keys(window).filter(k => k.toLowerCase().includes(globalName.toLowerCase()));
+                            const matchingKeys = Object.keys(window).filter((k) => k.toLowerCase().includes(globalName.toLowerCase()));
                             console.log(`  ℹ️ Matching window properties: ${matchingKeys.join(', ') || 'none'}`);
                         }
                         reject(new Error(`${globalName} not found after loading script from ${url}`));
@@ -624,7 +632,9 @@ class ComponentCompiler {
             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) + '...');
+                'Code preview: ' +
+                options.componentCode.substring(0, 200) +
+                '...');
         }
     }
     generateComponentId(componentName) {
@@ -638,7 +648,7 @@ class ComponentCompiler {
         let hash = 0;
         for (let i = 0; i < code.length; i++) {
             const char = code.charCodeAt(i);
-            hash = ((hash << 5) - hash) + char;
+            hash = (hash << 5) - hash + char;
             hash = hash & hash;
         }
         return `${componentName}_${hash.toString(36)}`;
@@ -658,7 +668,7 @@ class ComponentCompiler {
             stack: error.stack,
             componentName,
             phase: 'compilation',
-            details: error
+            details: error,
         };
     }
     clearCache() {