@memberjunction/react-runtime 2.133.0 → 3.0.0

package/.turbo/turbo-build.log

@@ -1,27 +1,27 @@
-
-> @memberjunction/react-runtime@2.133.0 build
-> npm run build:node && npm run build:umd
-
-
-> @memberjunction/react-runtime@2.133.0 build:node
-> tsc
-
-
-> @memberjunction/react-runtime@2.133.0 build:umd
-> webpack --config webpack.umd.config.js
-
-(node:14304) [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.73 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 ../../ 5.61 MiB
-  modules by path ../../../node_modules/ 1.62 MiB 258 modules
-  modules by path ../../MJCore/ 908 KiB 37 modules
-  modules by path ../../MJGlobal/ 211 KiB 37 modules
-  modules by path ../../MJCoreEntities/dist/ 2.73 MiB 23 modules
-  modules by path ../../GraphQLDataProvider/ 133 KiB 22 modules
-  modules by path ../../InteractiveComponents/dist/*.js 42.2 KiB 11 modules
-modules by path ./dist/ 453 KiB 28 modules
-webpack 5.92.1 compiled successfully in 149497 ms
+
+
+> @memberjunction/react-runtime@3.0.0 build
+> npm run build:node && npm run build:umd
+
+
+> @memberjunction/react-runtime@3.0.0 build:node
+> tsc
+
+⠙
+> @memberjunction/react-runtime@3.0.0 build:umd
+> webpack --config webpack.umd.config.js
+
+[BABEL] Note: The code generator has deoptimised the styling of /Users/ethanlin/Projects/MJ/MJ/packages/MJCoreEntities/dist/generated/entity_subclasses.js as it exceeds the max of 500KB.
+asset runtime.umd.js 2.63 MiB [emitted] [minimized] [big] (name: main) 1 related asset
+orphan modules 530 KiB [orphan] 125 modules
+runtime modules 1010 bytes 5 modules
+modules by path ../../ 5.51 MiB
+  modules by path ../../../node_modules/ 1.5 MiB 251 modules
+  modules by path ../../MJGlobal/ 211 KiB 37 modules
+  modules by path ../../MJCore/dist/ 839 KiB 34 modules
+  modules by path ../../MJCoreEntities/ 2.82 MiB 33 modules
+  modules by path ../../GraphQLDataProvider/ 133 KiB 22 modules
+  modules by path ../../InteractiveComponents/dist/*.js 39 KiB 11 modules
+modules by path ./dist/ 421 KiB 28 modules
+webpack 5.94.0 compiled successfully in 11714 ms
+⠙⠙

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @memberjunction/react-runtime
 
+## 3.0.0
+
+### Patch Changes
+
+- @memberjunction/graphql-dataprovider@3.0.0
+- @memberjunction/interactive-component-types@3.0.0
+- @memberjunction/core@3.0.0
+- @memberjunction/core-entities@3.0.0
+- @memberjunction/global@3.0.0
+
 ## 2.133.0
 
 ### Patch Changes
@@ -400,7 +410,6 @@
 - 4567af3: **Component Feedback System (Registry-Agnostic)**
 
   Implement comprehensive component feedback system that works across any component registry (Skip, MJ Central, etc.) with support for custom feedback handlers.
-
   - Add skip-component-feedback-panel component with sliding panel UI (444 lines CSS, 161 lines HTML, 274 lines TS)
   - Add star ratings (0-5 scale), comments, and component hierarchy visualization
   - Add FeedbackHandler interface for customizable feedback logic per registry
@@ -417,7 +426,6 @@
   **React Runtime Debug Logging Enhancements**
 
   Restore debug logging with production guards for better debugging capabilities.
-
   - Restore 12 debug console.log statements throughout React runtime (prop-builder, component-hierarchy)
   - Wrap all debug logs with LogStatus/GetProductionStatus checks
   - Add comprehensive README.md documentation (95 lines) for debug configuration
@@ -427,7 +435,6 @@
   **AI Prompt Error Handling Improvements**
 
   Replace hardcoded error truncation with configurable maxErrorLength parameter.
-
   - Add maxErrorLength?: number property to AIPromptParams class
   - Update AIPromptRunner.logError() to accept maxErrorLength in options
   - Thread maxErrorLength through 18 logError calls throughout AIPromptRunner
@@ -436,7 +443,6 @@
   - When set, errors are truncated with "... [truncated]" suffix
 
   **Bug Fixes**
-
   - Fix AI parameter extraction edge cases in AIPromptRunner and QueryEntity
   - Fix mj.config.cjs configuration
   - Fix component hierarchy tracking in dynamic reports
@@ -458,7 +464,6 @@
 
 - bd75336: ix: Improve React component system registry handling and chart
   flexibility
-
   - Enhanced component manager to optimize pre-registered component loading
     by skipping redundant fetches
   - Fixed SimpleChart component to accept any field for grouping, not just

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

@@ -0,0 +1,18 @@
+import { ComponentProps, ComponentLifecycle } from '../types';
+export interface WrapperOptions {
+    displayName?: string;
+    enableProfiling?: boolean;
+    logProps?: boolean;
+    lifecycle?: ComponentLifecycle;
+    defaultProps?: Partial<ComponentProps>;
+}
+export declare function wrapComponent(React: any, Component: any, options?: WrapperOptions): any;
+export declare function memoizeComponent(React: any, Component: any, propsAreEqual?: (prevProps: any, nextProps: any) => boolean): any;
+export declare function lazyComponent(React: any, loader: () => Promise<{
+    default: any;
+}>, fallback?: any): any;
+export declare function injectProps(React: any, Component: any, injectedProps: any): any;
+export declare function conditionalComponent(React: any, Component: any, condition: boolean | ((props: any) => boolean), fallback?: any): any;
+export declare function withErrorHandler(React: any, Component: any, errorHandler: (error: Error) => void): any;
+export declare function portalComponent(React: any, ReactDOM: any, Component: any, container: Element | string): any;
+//# sourceMappingURL=component-wrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component-wrapper.d.ts","sourceRoot":"","sources":["../../src/runtime/component-wrapper.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAK9D,MAAM,WAAW,cAAc;IAE7B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAE/B,YAAY,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CACxC;AASD,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,GAAE,cAAmB,GAAG,GAAG,CA+E3F;AASD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,GAAG,EACV,SAAS,EAAE,GAAG,EACd,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,OAAO,GAC1D,GAAG,CAEL;AASD,wBAAgB,aAAa,CAC3B,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,MAAM,OAAO,CAAC;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,CAAC,EACvC,QAAQ,CAAC,EAAE,GAAG,GACb,GAAG,CAYL;AASD,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,GAAG,GAAG,CAK/E;AAUD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,GAAG,EACV,SAAS,EAAE,GAAG,EACd,SAAS,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC,EAC9C,QAAQ,CAAC,EAAE,GAAG,GACb,GAAG,CAUL;AASD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,GAAG,EACV,SAAS,EAAE,GAAG,EACd,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GACnC,GAAG,CAUL;AAUD,wBAAgB,eAAe,CAC7B,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,GAAG,EACd,SAAS,EAAE,OAAO,GAAG,MAAM,GAC1B,GAAG,CAqBL"}

package/dist/runtime/component-wrapper.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.portalComponent = exports.withErrorHandler = exports.conditionalComponent = exports.injectProps = exports.lazyComponent = exports.memoizeComponent = exports.wrapComponent = void 0;
+function wrapComponent(React, Component, options = {}) {
+    const { displayName, enableProfiling = false, logProps = false, lifecycle = {}, defaultProps = {} } = options;
+    const WrappedComponent = React.forwardRef((props, ref) => {
+        const mergedProps = { ...defaultProps, ...props };
+        React.useEffect(() => {
+            if (logProps) {
+                console.log(`[${displayName || Component.name}] Props:`, mergedProps);
+            }
+        }, [mergedProps]);
+        React.useEffect(() => {
+            if (lifecycle.beforeMount) {
+                lifecycle.beforeMount();
+            }
+            if (lifecycle.afterMount) {
+                lifecycle.afterMount();
+            }
+            return () => {
+                if (lifecycle.beforeUnmount) {
+                    lifecycle.beforeUnmount();
+                }
+            };
+        }, []);
+        const prevPropsRef = React.useRef(mergedProps);
+        React.useEffect(() => {
+            const prevProps = prevPropsRef.current;
+            if (lifecycle.beforeUpdate) {
+                lifecycle.beforeUpdate(prevProps, mergedProps);
+            }
+            if (lifecycle.afterUpdate) {
+                Promise.resolve().then(() => {
+                    lifecycle.afterUpdate(prevProps, mergedProps);
+                });
+            }
+            prevPropsRef.current = mergedProps;
+        });
+        if (enableProfiling && React.Profiler) {
+            return React.createElement(React.Profiler, {
+                id: displayName || Component.name || 'WrappedComponent',
+                onRender: (id, phase, actualDuration) => {
+                    console.log(`[Profiler] ${id} (${phase}): ${actualDuration.toFixed(2)}ms`);
+                }
+            }, React.createElement(Component, { ...mergedProps, ref }));
+        }
+        return React.createElement(Component, { ...mergedProps, ref });
+    });
+    WrappedComponent.displayName = displayName || `Wrapped(${Component.displayName || Component.name || 'Component'})`;
+    return WrappedComponent;
+}
+exports.wrapComponent = wrapComponent;
+function memoizeComponent(React, Component, propsAreEqual) {
+    return React.memo(Component, propsAreEqual);
+}
+exports.memoizeComponent = memoizeComponent;
+function lazyComponent(React, loader, fallback) {
+    const LazyComponent = React.lazy(loader);
+    if (fallback) {
+        return (props) => React.createElement(React.Suspense, { fallback }, React.createElement(LazyComponent, props));
+    }
+    return LazyComponent;
+}
+exports.lazyComponent = lazyComponent;
+function injectProps(React, Component, injectedProps) {
+    return React.forwardRef((props, ref) => {
+        const mergedProps = { ...injectedProps, ...props };
+        return React.createElement(Component, { ...mergedProps, ref });
+    });
+}
+exports.injectProps = injectProps;
+function conditionalComponent(React, Component, condition, fallback) {
+    return (props) => {
+        const shouldRender = typeof condition === 'function' ? condition(props) : condition;
+        if (shouldRender) {
+            return React.createElement(Component, props);
+        }
+        return fallback || null;
+    };
+}
+exports.conditionalComponent = conditionalComponent;
+function withErrorHandler(React, Component, errorHandler) {
+    return class extends React.Component {
+        componentDidCatch(error, errorInfo) {
+            errorHandler(error);
+        }
+        render() {
+            return React.createElement(Component, this.props);
+        }
+    };
+}
+exports.withErrorHandler = withErrorHandler;
+function portalComponent(React, ReactDOM, Component, container) {
+    return (props) => {
+        const [mountNode, setMountNode] = React.useState(null);
+        React.useEffect(() => {
+            const node = typeof container === 'string'
+                ? document.querySelector(container)
+                : container;
+            setMountNode(node);
+        }, []);
+        if (!mountNode || !ReactDOM.createPortal) {
+            return null;
+        }
+        return ReactDOM.createPortal(React.createElement(Component, props), mountNode);
+    };
+}
+exports.portalComponent = portalComponent;