@memberjunction/react-runtime 2.74.0 → 2.76.0

package/dist/utilities/library-loader.js

@@ -2,76 +2,81 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LibraryLoader = void 0;
 const standard_libraries_1 = require("./standard-libraries");
+const core_libraries_1 = require("./core-libraries");
 class LibraryLoader {
-    static async loadAllLibraries() {
-        return this.loadLibraries({
-            loadCore: true,
-            loadUI: true,
-            loadCSS: true
+    static async loadAllLibraries(config, additionalLibraries) {
+        if (config) {
+            standard_libraries_1.StandardLibraryManager.setConfiguration(config);
+        }
+        if (additionalLibraries && additionalLibraries.length > 0) {
+            const currentConfig = standard_libraries_1.StandardLibraryManager.getConfiguration();
+            const mergedConfig = {
+                libraries: [...currentConfig.libraries, ...additionalLibraries],
+                metadata: {
+                    ...currentConfig.metadata,
+                    lastUpdated: new Date().toISOString()
+                }
+            };
+            standard_libraries_1.StandardLibraryManager.setConfiguration(mergedConfig);
+        }
+        return this.loadLibrariesFromConfig();
+    }
+    static async loadLibrariesFromConfig(options) {
+        const coreLibraries = (0, core_libraries_1.getCoreRuntimeLibraries)();
+        const corePromises = coreLibraries.map(lib => this.loadScript(lib.cdnUrl, lib.globalVariable));
+        const coreResults = await Promise.all(corePromises);
+        const React = coreResults.find((_, i) => coreLibraries[i].globalVariable === 'React');
+        const ReactDOM = coreResults.find((_, i) => coreLibraries[i].globalVariable === 'ReactDOM');
+        const Babel = coreResults.find((_, i) => coreLibraries[i].globalVariable === 'Babel');
+        const config = standard_libraries_1.StandardLibraryManager.getConfiguration();
+        const enabledLibraries = standard_libraries_1.StandardLibraryManager.getEnabledLibraries();
+        let pluginLibraries = enabledLibraries.filter(lib => !(0, core_libraries_1.isCoreRuntimeLibrary)(lib.id));
+        if (options) {
+            if (options.categories) {
+                pluginLibraries = pluginLibraries.filter(lib => options.categories.includes(lib.category));
+            }
+            if (options.excludeRuntimeOnly) {
+                pluginLibraries = pluginLibraries.filter(lib => !lib.isRuntimeOnly);
+            }
+        }
+        pluginLibraries.forEach(lib => {
+            if (lib.cdnCssUrl) {
+                this.loadCSS(lib.cdnCssUrl);
+            }
         });
+        const pluginPromises = pluginLibraries.map(lib => this.loadScript(lib.cdnUrl, lib.globalVariable));
+        const pluginResults = await Promise.all(pluginPromises);
+        const libraries = {};
+        pluginLibraries.forEach((lib, index) => {
+            libraries[lib.globalVariable] = pluginResults[index];
+        });
+        return {
+            React: React || window.React,
+            ReactDOM: ReactDOM || window.ReactDOM,
+            Babel: Babel || window.Babel,
+            libraries
+        };
     }
     static async loadLibraries(options) {
         const { loadCore = true, loadUI = true, loadCSS = true, customLibraries = [] } = options;
-        const [React, ReactDOM, Babel] = await Promise.all([
-            this.loadScript(standard_libraries_1.STANDARD_LIBRARY_URLS.REACT, 'React'),
-            this.loadScript(standard_libraries_1.STANDARD_LIBRARY_URLS.REACT_DOM, 'ReactDOM'),
-            this.loadScript(standard_libraries_1.STANDARD_LIBRARY_URLS.BABEL, 'Babel')
-        ]);
-        if (loadCSS) {
-            (0, standard_libraries_1.getCSSUrls)().forEach(url => this.loadCSS(url));
-        }
-        const libraryPromises = [];
-        const libraryNames = [];
+        const categoriesToLoad = ['runtime'];
         if (loadCore) {
-            const coreUrls = (0, standard_libraries_1.getCoreLibraryUrls)();
-            coreUrls.forEach(url => {
-                const name = this.getLibraryNameFromUrl(url);
-                libraryNames.push(name);
-                libraryPromises.push(this.loadScript(url, name));
-            });
+            categoriesToLoad.push('utility', 'charting');
         }
         if (loadUI) {
-            const uiUrls = (0, standard_libraries_1.getUILibraryUrls)();
-            uiUrls.forEach(url => {
-                const name = this.getLibraryNameFromUrl(url);
-                libraryNames.push(name);
-                libraryPromises.push(this.loadScript(url, name));
-            });
+            categoriesToLoad.push('ui');
         }
-        customLibraries.forEach(({ url, globalName }) => {
-            libraryNames.push(globalName);
-            libraryPromises.push(this.loadScript(url, globalName));
-        });
-        const loadedLibraries = await Promise.all(libraryPromises);
-        const libraries = {
-            _: undefined
-        };
-        libraryNames.forEach((name, index) => {
-            if (name === '_') {
-                libraries._ = loadedLibraries[index];
-            }
-            else {
-                libraries[name] = loadedLibraries[index];
-            }
+        const result = await this.loadLibrariesFromConfig({
+            categories: categoriesToLoad
         });
-        if (!libraries._)
-            libraries._ = window._;
-        if (!libraries.d3)
-            libraries.d3 = window.d3;
-        if (!libraries.Chart)
-            libraries.Chart = window.Chart;
-        if (!libraries.dayjs)
-            libraries.dayjs = window.dayjs;
-        if (!libraries.antd)
-            libraries.antd = window.antd;
-        if (!libraries.ReactBootstrap)
-            libraries.ReactBootstrap = window.ReactBootstrap;
-        return {
-            React,
-            ReactDOM,
-            Babel,
-            libraries
-        };
+        if (customLibraries.length > 0) {
+            const customPromises = customLibraries.map(({ url, globalName }) => this.loadScript(url, globalName));
+            const customResults = await Promise.all(customPromises);
+            customLibraries.forEach(({ globalName }, index) => {
+                result.libraries[globalName] = customResults[index];
+            });
+        }
+        return result;
     }
     static async loadScript(url, globalName) {
         const existing = this.loadedResources.get(url);
@@ -166,22 +171,6 @@ class LibraryLoader {
         };
         script.addEventListener('load', loadHandler);
     }
-    static getLibraryNameFromUrl(url) {
-        if (url.includes('lodash'))
-            return '_';
-        if (url.includes('d3'))
-            return 'd3';
-        if (url.includes('Chart.js') || url.includes('chart'))
-            return 'Chart';
-        if (url.includes('dayjs'))
-            return 'dayjs';
-        if (url.includes('antd'))
-            return 'antd';
-        if (url.includes('react-bootstrap'))
-            return 'ReactBootstrap';
-        const match = url.match(/\/([^\/]+)(?:\.min)?\.js$/);
-        return match ? match[1] : 'unknown';
-    }
     static getLoadedResources() {
         return this.loadedResources;
     }

package/dist/utilities/standard-libraries.d.ts

@@ -1,27 +1,16 @@
-export declare const STANDARD_LIBRARY_URLS: {
-    REACT: string;
-    REACT_DOM: string;
-    BABEL: string;
-    D3: string;
-    CHART_JS: string;
-    LODASH: string;
-    DAYJS: string;
-    ANTD: string;
-    REACT_BOOTSTRAP: string;
-    ANTD_CSS: string;
-    BOOTSTRAP_CSS: string;
-};
-export interface StandardLibraries {
-    _: any;
-    d3?: any;
-    Chart?: any;
-    dayjs?: any;
-    antd?: any;
-    ReactBootstrap?: any;
-    [key: string]: any;
+import { LibraryConfiguration, ExternalLibraryConfig } from '../types/library-config';
+export type StandardLibraries = Record<string, any>;
+export declare class StandardLibraryManager {
+    private static configuration;
+    static setConfiguration(config: LibraryConfiguration): void;
+    static getConfiguration(): LibraryConfiguration;
+    static getEnabledLibraries(): ExternalLibraryConfig[];
+    static getLibrariesByCategory(category: ExternalLibraryConfig['category']): ExternalLibraryConfig[];
+    static getCoreLibraries(): ExternalLibraryConfig[];
+    static getComponentLibraries(): ExternalLibraryConfig[];
+    static getLibraryById(id: string): ExternalLibraryConfig | undefined;
+    static getLibraryUrls(): Record<string, string>;
+    static resetToDefault(): void;
 }
-export declare function getCoreLibraryUrls(): string[];
-export declare function getUILibraryUrls(): string[];
-export declare function getCSSUrls(): string[];
 export declare function createStandardLibraries(): StandardLibraries;
 //# sourceMappingURL=standard-libraries.d.ts.map

package/dist/utilities/standard-libraries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"standard-libraries.d.ts","sourceRoot":"","sources":["../../src/utilities/standard-libraries.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;CAqBjC,CAAC;AAKF,MAAM,WAAW,iBAAiB;IAChC,CAAC,EAAE,GAAG,CAAC;IACP,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAKD,wBAAgB,kBAAkB,IAAI,MAAM,EAAE,CAO7C;AAKD,wBAAgB,gBAAgB,IAAI,MAAM,EAAE,CAK3C;AAKD,wBAAgB,UAAU,IAAI,MAAM,EAAE,CAKrC;AAMD,wBAAgB,uBAAuB,IAAI,iBAAiB,CAgB3D"}
+{"version":3,"file":"standard-libraries.d.ts","sourceRoot":"","sources":["../../src/utilities/standard-libraries.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAMtF,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAkBpD,qBAAa,sBAAsB;IACjC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAgD;IAK5E,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI;IAO3D,MAAM,CAAC,gBAAgB,IAAI,oBAAoB;IAO/C,MAAM,CAAC,mBAAmB,IAAI,qBAAqB,EAAE;IAOrD,MAAM,CAAC,sBAAsB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,UAAU,CAAC,GAAG,qBAAqB,EAAE;IAOnG,MAAM,CAAC,gBAAgB,IAAI,qBAAqB,EAAE;IAOlD,MAAM,CAAC,qBAAqB,IAAI,qBAAqB,EAAE;IAOvD,MAAM,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,qBAAqB,GAAG,SAAS;IAOpE,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAkB/C,MAAM,CAAC,cAAc,IAAI,IAAI;CAG9B;AAOD,wBAAgB,uBAAuB,IAAI,iBAAiB,CAiB3D"}

package/dist/utilities/standard-libraries.js

@@ -1,55 +1,66 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStandardLibraries = exports.getCSSUrls = exports.getUILibraryUrls = exports.getCoreLibraryUrls = exports.STANDARD_LIBRARY_URLS = void 0;
-exports.STANDARD_LIBRARY_URLS = {
-    REACT: 'https://unpkg.com/react@18/umd/react.development.js',
-    REACT_DOM: 'https://unpkg.com/react-dom@18/umd/react-dom.development.js',
-    BABEL: 'https://unpkg.com/@babel/standalone/babel.min.js',
-    D3: 'https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js',
-    CHART_JS: 'https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.0/chart.umd.js',
-    LODASH: 'https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js',
-    DAYJS: 'https://unpkg.com/dayjs@1.11.10/dayjs.min.js',
-    ANTD: 'https://unpkg.com/antd@5.11.5/dist/antd.min.js',
-    REACT_BOOTSTRAP: 'https://unpkg.com/react-bootstrap@2.9.1/dist/react-bootstrap.min.js',
-    ANTD_CSS: 'https://unpkg.com/antd@5.11.5/dist/reset.css',
-    BOOTSTRAP_CSS: 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css'
+exports.createStandardLibraries = exports.StandardLibraryManager = void 0;
+const DEFAULT_LIBRARY_CONFIG = {
+    libraries: [],
+    metadata: {
+        version: '1.0.0',
+        lastUpdated: new Date().toISOString(),
+        description: 'Empty default configuration - libraries should be configured at runtime'
+    }
 };
-function getCoreLibraryUrls() {
-    return [
-        exports.STANDARD_LIBRARY_URLS.LODASH,
-        exports.STANDARD_LIBRARY_URLS.D3,
-        exports.STANDARD_LIBRARY_URLS.CHART_JS,
-        exports.STANDARD_LIBRARY_URLS.DAYJS
-    ];
-}
-exports.getCoreLibraryUrls = getCoreLibraryUrls;
-function getUILibraryUrls() {
-    return [
-        exports.STANDARD_LIBRARY_URLS.ANTD,
-        exports.STANDARD_LIBRARY_URLS.REACT_BOOTSTRAP
-    ];
-}
-exports.getUILibraryUrls = getUILibraryUrls;
-function getCSSUrls() {
-    return [
-        exports.STANDARD_LIBRARY_URLS.ANTD_CSS,
-        exports.STANDARD_LIBRARY_URLS.BOOTSTRAP_CSS
-    ];
+class StandardLibraryManager {
+    static setConfiguration(config) {
+        this.configuration = config;
+    }
+    static getConfiguration() {
+        return this.configuration;
+    }
+    static getEnabledLibraries() {
+        return this.configuration.libraries.filter(lib => lib.isEnabled);
+    }
+    static getLibrariesByCategory(category) {
+        return this.configuration.libraries.filter(lib => lib.category === category && lib.isEnabled);
+    }
+    static getCoreLibraries() {
+        return this.configuration.libraries.filter(lib => lib.isCore && lib.isEnabled);
+    }
+    static getComponentLibraries() {
+        return this.configuration.libraries.filter(lib => !lib.isRuntimeOnly && lib.isEnabled);
+    }
+    static getLibraryById(id) {
+        return this.configuration.libraries.find(lib => lib.id === id);
+    }
+    static getLibraryUrls() {
+        const urls = {};
+        this.configuration.libraries
+            .filter(lib => lib.isEnabled)
+            .forEach(lib => {
+            const key = lib.id.replace(/-/g, '_').toUpperCase();
+            urls[key] = lib.cdnUrl;
+            if (lib.cdnCssUrl) {
+                urls[`${key}_CSS`] = lib.cdnCssUrl;
+            }
+        });
+        return urls;
+    }
+    static resetToDefault() {
+        this.configuration = DEFAULT_LIBRARY_CONFIG;
+    }
 }
-exports.getCSSUrls = getCSSUrls;
+exports.StandardLibraryManager = StandardLibraryManager;
+StandardLibraryManager.configuration = DEFAULT_LIBRARY_CONFIG;
 function createStandardLibraries() {
     if (typeof window === 'undefined') {
-        return {
-            _: undefined
-        };
-    }
-    return {
-        _: window._,
-        d3: window.d3,
-        Chart: window.Chart,
-        dayjs: window.dayjs,
-        antd: window.antd,
-        ReactBootstrap: window.ReactBootstrap
-    };
+        return {};
+    }
+    const libs = {};
+    StandardLibraryManager.getComponentLibraries().forEach(lib => {
+        const globalValue = window[lib.globalVariable];
+        if (globalValue !== undefined) {
+            libs[lib.globalVariable] = globalValue;
+        }
+    });
+    return libs;
 }
 exports.createStandardLibraries = createStandardLibraries;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/react-runtime",
-  "version": "2.74.0",
+  "version": "2.76.0",
   "description": "Platform-agnostic React component runtime for MemberJunction. Provides core compilation, registry, and execution capabilities for React components in any JavaScript environment.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,9 +25,9 @@
   },
   "homepage": "https://github.com/MemberJunction/MJ#readme",
   "dependencies": {
-    "@memberjunction/core": "2.74.0",
-    "@memberjunction/global": "2.74.0",
-    "@memberjunction/interactive-component-types": "2.74.0",
+    "@memberjunction/core": "2.76.0",
+    "@memberjunction/global": "2.76.0",
+    "@memberjunction/interactive-component-types": "2.76.0",
     "@babel/standalone": "^7.23.5",
     "rxjs": "^7.8.1"
   },