@memberjunction/react-runtime 2.112.0 → 2.113.1

package/.turbo/turbo-build.log

@@ -1,26 +1,27 @@
 
-> @memberjunction/react-runtime@2.112.0 build
+> @memberjunction/react-runtime@2.113.1 build
 > npm run build:node && npm run build:umd
 
 
-> @memberjunction/react-runtime@2.112.0 build:node
+> @memberjunction/react-runtime@2.113.1 build:node
 > tsc
 
 
-> @memberjunction/react-runtime@2.112.0 build:umd
+> @memberjunction/react-runtime@2.113.1 build:umd
 > webpack --config webpack.umd.config.js
 
-(node:7965) [DEP0180] DeprecationWarning: fs.Stats constructor is deprecated.
+(node:8088) [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
+asset runtime.umd.js 2.41 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.91 MiB
-  modules by path ../../../node_modules/ 1.63 MiB 261 modules
-  modules by path ../../MJGlobal/ 784 KiB 63 modules
+modules by path ../../ 4.93 MiB
+  modules by path ../../../node_modules/ 1.62 MiB 258 modules
+  modules by path ../../MJGlobal/ 174 KiB 35 modules
+  modules by path ../../MJCore/ 627 KiB 31 modules
   modules by path ../../MJCoreEntities/dist/ 2.38 MiB 26 modules
-  modules by path ../../GraphQLDataProvider/ 108 KiB 22 modules
+  modules by path ../../GraphQLDataProvider/ 113 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 99684 ms
+webpack 5.92.1 compiled successfully in 102525 ms

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @memberjunction/react-runtime
 
+## 2.113.1
+
+### Patch Changes
+
+- Updated dependencies [7f8390e]
+- Updated dependencies [4436cd2]
+  - @memberjunction/core-entities@2.113.1
+  - @memberjunction/global@2.113.1
+  - @memberjunction/core@2.113.1
+  - @memberjunction/graphql-dataprovider@2.113.1
+  - @memberjunction/interactive-component-types@2.113.1
+
 ## 2.112.0
 
 ### Patch Changes
@@ -7,8 +19,9 @@
 - Updated dependencies [c126b59]
   - @memberjunction/global@2.112.0
   - @memberjunction/graphql-dataprovider@2.112.0
-  - @memberjunction/interactive-component-types@2.112.0
+  - @memberjunction/core@2.112.0
   - @memberjunction/core-entities@2.112.0
+  - @memberjunction/interactive-component-types@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,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"}
+{"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"}

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,36 +119,32 @@ 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
@@ -162,10 +158,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');
@@ -173,7 +169,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};
 
@@ -182,10 +178,9 @@ 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));
@@ -193,9 +188,8 @@ 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);
@@ -212,8 +206,7 @@ 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);
@@ -231,43 +224,42 @@ 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) => {
@@ -277,36 +269,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');
@@ -336,7 +328,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);
@@ -346,7 +338,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);
@@ -361,7 +353,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) {
@@ -380,7 +372,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;
@@ -400,7 +392,9 @@ 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);
         }
@@ -411,9 +405,7 @@ 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) {
@@ -474,7 +466,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) {
@@ -528,7 +520,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}`));
@@ -632,9 +624,7 @@ 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) {
@@ -648,7 +638,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)}`;
@@ -668,7 +658,7 @@ class ComponentCompiler {
             stack: error.stack,
             componentName,
             phase: 'compilation',
-            details: error,
+            details: error
         };
     }
     clearCache() {