@memberjunction/ng-react 2.102.0 → 2.104.0

package/dist/lib/config/react-debug.config.d.ts

@@ -12,27 +12,34 @@
  * Typically set in your app.module.ts or main.ts file.
  *
  * @example
- * // In your app.module.ts or environment configuration:
- * import { REACT_DEBUG_MODE } from '@memberjunction/ng-react';
- *
- * // For development:
+ * // Option 1: Set via window global (for quick testing):
  * (window as any).__MJ_REACT_DEBUG_MODE__ = true;
  *
- * // Or use Angular environment:
- * (window as any).__MJ_REACT_DEBUG_MODE__ = !environment.production;
+ * // Option 2: Use Angular environment (recommended):
+ * import { environment } from './environments/environment';
+ * import { ReactDebugConfig } from '@memberjunction/ng-react';
+ * ReactDebugConfig.setDebugMode(environment.reactDebug || false);
+ *
+ * // In your environment.ts file:
+ * export const environment = {
+ *   production: false,
+ *   reactDebug: true  // Enable React debug logging
+ * };
  */
 export declare class ReactDebugConfig {
     /**
      * Static property that controls React debug mode globally.
      * Can be overridden at application startup before React loads.
-     * Defaults to true for better development experience.
-     * Should be explicitly set to false in production.
+     * Defaults to false to avoid verbose console logging.
+     * Set to true via environment variable or setDebugMode() for debugging.
      */
     static DEBUG_MODE: boolean;
     /**
      * Get the current debug mode setting.
-     * Checks window global first (for runtime configuration),
-     * then falls back to static property.
+     * Priority order:
+     * 1. Window global override (__MJ_REACT_DEBUG_MODE__)
+     * 2. Static DEBUG_MODE property (set via setDebugMode() or environment)
+     * Defaults to false if none are set.
      */
     static getDebugMode(): boolean;
     /**

package/dist/lib/config/react-debug.config.js

@@ -12,39 +12,41 @@
  * Typically set in your app.module.ts or main.ts file.
  *
  * @example
- * // In your app.module.ts or environment configuration:
- * import { REACT_DEBUG_MODE } from '@memberjunction/ng-react';
- *
- * // For development:
+ * // Option 1: Set via window global (for quick testing):
  * (window as any).__MJ_REACT_DEBUG_MODE__ = true;
  *
- * // Or use Angular environment:
- * (window as any).__MJ_REACT_DEBUG_MODE__ = !environment.production;
+ * // Option 2: Use Angular environment (recommended):
+ * import { environment } from './environments/environment';
+ * import { ReactDebugConfig } from '@memberjunction/ng-react';
+ * ReactDebugConfig.setDebugMode(environment.reactDebug || false);
+ *
+ * // In your environment.ts file:
+ * export const environment = {
+ *   production: false,
+ *   reactDebug: true  // Enable React debug logging
+ * };
  */
 export class ReactDebugConfig {
     /**
      * Static property that controls React debug mode globally.
      * Can be overridden at application startup before React loads.
-     * Defaults to true for better development experience.
-     * Should be explicitly set to false in production.
+     * Defaults to false to avoid verbose console logging.
+     * Set to true via environment variable or setDebugMode() for debugging.
      */
-    static { this.DEBUG_MODE = true; }
+    static { this.DEBUG_MODE = false; }
     /**
      * Get the current debug mode setting.
-     * Checks window global first (for runtime configuration),
-     * then falls back to static property.
+     * Priority order:
+     * 1. Window global override (__MJ_REACT_DEBUG_MODE__)
+     * 2. Static DEBUG_MODE property (set via setDebugMode() or environment)
+     * Defaults to false if none are set.
      */
     static getDebugMode() {
         // Check if a global override has been set
         if (typeof window !== 'undefined' && window.__MJ_REACT_DEBUG_MODE__ !== undefined) {
             return window.__MJ_REACT_DEBUG_MODE__;
         }
-        // Check if we're in development mode (common Angular pattern)
-        // ngDevMode is truthy in dev mode, false in prod mode
-        if (typeof window !== 'undefined' && window.ngDevMode) {
-            return true;
-        }
-        // Fall back to static property
+        // Fall back to static property (defaults to false)
         return ReactDebugConfig.DEBUG_MODE;
     }
     /**

package/dist/lib/config/react-debug.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-debug.config.js","sourceRoot":"","sources":["../../../src/lib/config/react-debug.config.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAO,gBAAgB;IAC3B;;;;;OAKG;aACI,eAAU,GAAY,IAAI,CAAC;IAElC;;;;OAIG;IACH,MAAM,CAAC,YAAY;QACjB,0CAA0C;QAC1C,IAAI,OAAO,MAAM,KAAK,WAAW,IAAK,MAAc,CAAC,uBAAuB,KAAK,SAAS,EAAE,CAAC;YAC3F,OAAQ,MAAc,CAAC,uBAAuB,CAAC;QACjD,CAAC;QAED,8DAA8D;QAC9D,sDAAsD;QACtD,IAAI,OAAO,MAAM,KAAK,WAAW,IAAK,MAAc,CAAC,SAAS,EAAE,CAAC;YAC/D,OAAO,IAAI,CAAC;QACd,CAAC;QAED,+BAA+B;QAC/B,OAAO,gBAAgB,CAAC,UAAU,CAAC;IACrC,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,YAAY,CAAC,KAAc;QAChC,gBAAgB,CAAC,UAAU,GAAG,KAAK,CAAC;QACpC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YACjC,MAAc,CAAC,uBAAuB,GAAG,KAAK,CAAC;QAClD,CAAC;IACH,CAAC","sourcesContent":["/**\n * @fileoverview Project-level React debug configuration\n * Controls whether React development or production builds are loaded\n * @module @memberjunction/ng-react/config\n */\n\n/**\n * Global configuration for React library loading.\n * Set this to true in development environments to get detailed React error messages.\n * Set to false in production for smaller bundle sizes and better performance.\n * \n * This must be configured before any React components are loaded.\n * Typically set in your app.module.ts or main.ts file.\n * \n * @example\n * // In your app.module.ts or environment configuration:\n * import { REACT_DEBUG_MODE } from '@memberjunction/ng-react';\n * \n * // For development:\n * (window as any).__MJ_REACT_DEBUG_MODE__ = true;\n * \n * // Or use Angular environment:\n * (window as any).__MJ_REACT_DEBUG_MODE__ = !environment.production;\n */\nexport class ReactDebugConfig {\n  /**\n   * Static property that controls React debug mode globally.\n   * Can be overridden at application startup before React loads.\n   * Defaults to true for better development experience.\n   * Should be explicitly set to false in production.\n   */\n  static DEBUG_MODE: boolean = true;\n\n  /**\n   * Get the current debug mode setting.\n   * Checks window global first (for runtime configuration),\n   * then falls back to static property.\n   */\n  static getDebugMode(): boolean {\n    // Check if a global override has been set\n    if (typeof window !== 'undefined' && (window as any).__MJ_REACT_DEBUG_MODE__ !== undefined) {\n      return (window as any).__MJ_REACT_DEBUG_MODE__;\n    }\n    \n    // Check if we're in development mode (common Angular pattern)\n    // ngDevMode is truthy in dev mode, false in prod mode\n    if (typeof window !== 'undefined' && (window as any).ngDevMode) {\n      return true;\n    }\n    \n    // Fall back to static property\n    return ReactDebugConfig.DEBUG_MODE;\n  }\n\n  /**\n   * Set the debug mode (must be called before React loads)\n   */\n  static setDebugMode(debug: boolean): void {\n    ReactDebugConfig.DEBUG_MODE = debug;\n    if (typeof window !== 'undefined') {\n      (window as any).__MJ_REACT_DEBUG_MODE__ = debug;\n    }\n  }\n}"]}
+{"version":3,"file":"react-debug.config.js","sourceRoot":"","sources":["../../../src/lib/config/react-debug.config.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,OAAO,gBAAgB;IAC3B;;;;;OAKG;aACI,eAAU,GAAY,KAAK,CAAC;IAEnC;;;;;;OAMG;IACH,MAAM,CAAC,YAAY;QACjB,0CAA0C;QAC1C,IAAI,OAAO,MAAM,KAAK,WAAW,IAAK,MAAc,CAAC,uBAAuB,KAAK,SAAS,EAAE,CAAC;YAC3F,OAAQ,MAAc,CAAC,uBAAuB,CAAC;QACjD,CAAC;QAED,mDAAmD;QACnD,OAAO,gBAAgB,CAAC,UAAU,CAAC;IACrC,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,YAAY,CAAC,KAAc;QAChC,gBAAgB,CAAC,UAAU,GAAG,KAAK,CAAC;QACpC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YACjC,MAAc,CAAC,uBAAuB,GAAG,KAAK,CAAC;QAClD,CAAC;IACH,CAAC","sourcesContent":["/**\n * @fileoverview Project-level React debug configuration\n * Controls whether React development or production builds are loaded\n * @module @memberjunction/ng-react/config\n */\n\n/**\n * Global configuration for React library loading.\n * Set this to true in development environments to get detailed React error messages.\n * Set to false in production for smaller bundle sizes and better performance.\n *\n * This must be configured before any React components are loaded.\n * Typically set in your app.module.ts or main.ts file.\n *\n * @example\n * // Option 1: Set via window global (for quick testing):\n * (window as any).__MJ_REACT_DEBUG_MODE__ = true;\n *\n * // Option 2: Use Angular environment (recommended):\n * import { environment } from './environments/environment';\n * import { ReactDebugConfig } from '@memberjunction/ng-react';\n * ReactDebugConfig.setDebugMode(environment.reactDebug || false);\n *\n * // In your environment.ts file:\n * export const environment = {\n *   production: false,\n *   reactDebug: true  // Enable React debug logging\n * };\n */\nexport class ReactDebugConfig {\n  /**\n   * Static property that controls React debug mode globally.\n   * Can be overridden at application startup before React loads.\n   * Defaults to false to avoid verbose console logging.\n   * Set to true via environment variable or setDebugMode() for debugging.\n   */\n  static DEBUG_MODE: boolean = false;\n\n  /**\n   * Get the current debug mode setting.\n   * Priority order:\n   * 1. Window global override (__MJ_REACT_DEBUG_MODE__)\n   * 2. Static DEBUG_MODE property (set via setDebugMode() or environment)\n   * Defaults to false if none are set.\n   */\n  static getDebugMode(): boolean {\n    // Check if a global override has been set\n    if (typeof window !== 'undefined' && (window as any).__MJ_REACT_DEBUG_MODE__ !== undefined) {\n      return (window as any).__MJ_REACT_DEBUG_MODE__;\n    }\n\n    // Fall back to static property (defaults to false)\n    return ReactDebugConfig.DEBUG_MODE;\n  }\n\n  /**\n   * Set the debug mode (must be called before React loads)\n   */\n  static setDebugMode(debug: boolean): void {\n    ReactDebugConfig.DEBUG_MODE = debug;\n    if (typeof window !== 'undefined') {\n      (window as any).__MJ_REACT_DEBUG_MODE__ = debug;\n    }\n  }\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-react",
-  "version": "2.102.0",
+  "version": "2.104.0",
   "description": "Angular components for hosting React components in MemberJunction applications",
   "scripts": {
     "build": "ngc -p tsconfig.json",
@@ -40,10 +40,10 @@
     "styles"
   ],
   "dependencies": {
-    "@memberjunction/core": "2.102.0",
-    "@memberjunction/react-runtime": "2.102.0",
-    "@memberjunction/interactive-component-types": "2.102.0",
-    "@memberjunction/ng-notifications": "2.102.0",
+    "@memberjunction/core": "2.100.3",
+    "@memberjunction/react-runtime": "2.104.0",
+    "@memberjunction/interactive-component-types": "2.104.0",
+    "@memberjunction/ng-notifications": "2.104.0",
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
     "@angular/platform-browser": ">=18.0.0",