@memberjunction/react-runtime 2.73.0 → 2.75.0

package/dist/utilities/library-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"library-loader.d.ts","sourceRoot":"","sources":["../../src/utilities/library-loader.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,iBAAiB,EAIlB,MAAM,sBAAsB,CAAC;AAK9B,UAAU,cAAc;IACtB,OAAO,EAAE,iBAAiB,GAAG,eAAe,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;CACvB;AAKD,MAAM,WAAW,kBAAkB;IAEjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,eAAe,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACzD;AAKD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,SAAS,EAAE,iBAAiB,CAAC;CAC9B;AAKD,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAC,eAAe,CAAqC;WAMtD,gBAAgB,IAAI,OAAO,CAAC,iBAAiB,CAAC;WAW9C,aAAa,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAAC,iBAAiB,CAAC;mBAqF9D,UAAU;IA+D/B,OAAO,CAAC,MAAM,CAAC,OAAO;IAwBtB,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAwChC,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAiBpC,MAAM,CAAC,kBAAkB,IAAI,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC;IAOxD,MAAM,CAAC,UAAU,IAAI,IAAI;CAG1B"}
+{"version":3,"file":"library-loader.d.ts","sourceRoot":"","sources":["../../src/utilities/library-loader.ts"],"names":[],"mappings":"AAMA,OAAO,EACL,iBAAiB,EAElB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,oBAAoB,EAAyB,kBAAkB,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAK/H,UAAU,cAAc;IACtB,OAAO,EAAE,iBAAiB,GAAG,eAAe,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;CACvB;AAMD,MAAM,WAAW,kBAAkB;IAEjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,eAAe,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACzD;AAKD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,SAAS,EAAE,iBAAiB,CAAC;CAC9B;AAKD,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAC,eAAe,CAAqC;WAMtD,gBAAgB,CAAC,MAAM,CAAC,EAAE,oBAAoB,GAAG,OAAO,CAAC,iBAAiB,CAAC;WAW3E,uBAAuB,CAAC,OAAO,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC,iBAAiB,CAAC;WAgEhF,aAAa,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAAC,iBAAiB,CAAC;mBAuC9D,UAAU;IA+D/B,OAAO,CAAC,MAAM,CAAC,OAAO;IAwBtB,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAyChC,MAAM,CAAC,kBAAkB,IAAI,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC;IAOxD,MAAM,CAAC,UAAU,IAAI,IAAI;CAG1B"}

package/dist/utilities/library-loader.js

@@ -3,75 +3,69 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LibraryLoader = void 0;
 const standard_libraries_1 = require("./standard-libraries");
 class LibraryLoader {
-    static async loadAllLibraries() {
-        return this.loadLibraries({
-            loadCore: true,
-            loadUI: true,
-            loadCSS: true
+    static async loadAllLibraries(config) {
+        if (config) {
+            standard_libraries_1.StandardLibraryManager.setConfiguration(config);
+        }
+        return this.loadLibrariesFromConfig();
+    }
+    static async loadLibrariesFromConfig(options) {
+        const config = standard_libraries_1.StandardLibraryManager.getConfiguration();
+        const enabledLibraries = standard_libraries_1.StandardLibraryManager.getEnabledLibraries();
+        let librariesToLoad = enabledLibraries;
+        if (options) {
+            if (options.categories) {
+                librariesToLoad = librariesToLoad.filter(lib => options.categories.includes(lib.category));
+            }
+            if (options.excludeRuntimeOnly) {
+                librariesToLoad = librariesToLoad.filter(lib => !lib.isRuntimeOnly);
+            }
+        }
+        const runtimeLibs = librariesToLoad.filter(lib => lib.category === 'runtime');
+        const componentLibs = librariesToLoad.filter(lib => lib.category !== 'runtime');
+        const runtimePromises = runtimeLibs.map(lib => this.loadScript(lib.cdnUrl, lib.globalVariable));
+        const runtimeResults = await Promise.all(runtimePromises);
+        const React = runtimeResults.find((_, i) => runtimeLibs[i].globalVariable === 'React');
+        const ReactDOM = runtimeResults.find((_, i) => runtimeLibs[i].globalVariable === 'ReactDOM');
+        const Babel = runtimeResults.find((_, i) => runtimeLibs[i].globalVariable === 'Babel');
+        componentLibs.forEach(lib => {
+            if (lib.cdnCssUrl) {
+                this.loadCSS(lib.cdnCssUrl);
+            }
         });
+        const componentPromises = componentLibs.map(lib => this.loadScript(lib.cdnUrl, lib.globalVariable));
+        const componentResults = await Promise.all(componentPromises);
+        const libraries = {};
+        componentLibs.forEach((lib, index) => {
+            libraries[lib.globalVariable] = componentResults[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 +160,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.73.0",
+  "version": "2.75.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.73.0",
-    "@memberjunction/global": "2.73.0",
-    "@memberjunction/interactive-component-types": "2.73.0",
+    "@memberjunction/core": "2.75.0",
+    "@memberjunction/global": "2.75.0",
+    "@memberjunction/interactive-component-types": "2.75.0",
     "@babel/standalone": "^7.23.5",
     "rxjs": "^7.8.1"
   },

package/src/index.ts

@@ -87,11 +87,8 @@ export {
 } from './utilities/component-styles';
 
 export {
-  STANDARD_LIBRARY_URLS,
   StandardLibraries,
-  getCoreLibraryUrls,
-  getUILibraryUrls,
-  getCSSUrls,
+  StandardLibraryManager,
   createStandardLibraries
 } from './utilities/standard-libraries';
 

package/src/registry/component-resolver.ts

@@ -5,16 +5,7 @@
  */
 
 import { ComponentRegistry } from './component-registry';
-
-/**
- * Component specification interface matching Skip component structure
- */
-export interface ComponentSpec {
-  componentName: string;
-  componentCode?: string;
-  childComponents?: ComponentSpec[];
-  components?: ComponentSpec[]; // Alternative property name for children
-}
+import { ComponentSpec } from '@memberjunction/interactive-component-types';
 
 /**
  * Resolved component map for passing to React components
@@ -67,20 +58,20 @@ export class ComponentResolver {
     visited: Set<string> = new Set()
   ): void {
     // Prevent circular dependencies
-    if (visited.has(spec.componentName)) {
-      console.warn(`Circular dependency detected for component: ${spec.componentName}`);
+    if (visited.has(spec.name)) {
+      console.warn(`Circular dependency detected for component: ${spec.name}`);
       return;
     }
-    visited.add(spec.componentName);
+    visited.add(spec.name);
 
     // Try to get component from registry
-    const component = this.registry.get(spec.componentName, namespace);
+    const component = this.registry.get(spec.name, namespace);
     if (component) {
-      resolved[spec.componentName] = component;
+      resolved[spec.name] = component;
     }
 
-    // Process child components (handle both property names)
-    const children = spec.childComponents || spec.components || [];
+    // Process child components
+    const children = spec.dependencies || [];
     for (const child of children) {
       this.resolveComponentHierarchy(child, resolved, namespace, visited);
     }
@@ -114,16 +105,16 @@ export class ComponentResolver {
     missing: string[],
     checked: Set<string>
   ): void {
-    if (checked.has(spec.componentName)) return;
-    checked.add(spec.componentName);
+    if (checked.has(spec.name)) return;
+    checked.add(spec.name);
 
     // Check if component exists in registry
-    if (!this.registry.has(spec.componentName, namespace)) {
-      missing.push(spec.componentName);
+    if (!this.registry.has(spec.name, namespace)) {
+      missing.push(spec.name);
     }
 
     // Check children
-    const children = spec.childComponents || spec.components || [];
+    const children = spec.dependencies || [];
     for (const child of children) {
       this.checkDependencies(child, namespace, missing, checked);
     }
@@ -154,13 +145,13 @@ export class ComponentResolver {
     graph: Map<string, string[]>,
     visited: Set<string>
   ): void {
-    if (visited.has(spec.componentName)) return;
-    visited.add(spec.componentName);
+    if (visited.has(spec.name)) return;
+    visited.add(spec.name);
 
-    const children = spec.childComponents || spec.components || [];
-    const dependencies = children.map(child => child.componentName);
+    const children = spec.dependencies || [];
+    const dependencies = children.map(child => child.name);
     
-    graph.set(spec.componentName, dependencies);
+    graph.set(spec.name, dependencies);
 
     // Recursively process children
     for (const child of children) {
@@ -262,12 +253,12 @@ export class ComponentResolver {
     collected: ComponentSpec[],
     visited: Set<string>
   ): void {
-    if (visited.has(spec.componentName)) return;
-    visited.add(spec.componentName);
+    if (visited.has(spec.name)) return;
+    visited.add(spec.name);
 
     collected.push(spec);
 
-    const children = spec.childComponents || spec.components || [];
+    const children = spec.dependencies || [];
     for (const child of children) {
       this.collectComponentSpecs(child, collected, visited);
     }

package/src/registry/index.ts

@@ -4,4 +4,5 @@
  */
 
 export { ComponentRegistry } from './component-registry';
-export { ComponentResolver, ComponentSpec, ResolvedComponents } from './component-resolver';
+export { ComponentResolver, ResolvedComponents } from './component-resolver';
+export { ComponentSpec } from '@memberjunction/interactive-component-types';

package/src/runtime/component-hierarchy.ts

@@ -13,7 +13,7 @@ import {
 import { ComponentCompiler } from '../compiler';
 import { ComponentRegistry } from '../registry';
 
-import { ComponentSpec } from '../registry/component-resolver';
+import { ComponentSpec } from '@memberjunction/interactive-component-types';
 
 /**
  * Result of a hierarchy registration operation
@@ -89,7 +89,7 @@ export class ComponentHierarchyRegistrar {
     );
 
     if (rootResult.success) {
-      registeredComponents.push(rootSpec.componentName);
+      registeredComponents.push(rootSpec.name);
     } else {
       errors.push(rootResult.error!);
       if (!continueOnError) {
@@ -98,7 +98,7 @@ export class ComponentHierarchyRegistrar {
     }
 
     // Register child components recursively
-    const childComponents = rootSpec.childComponents || rootSpec.components || [];
+    const childComponents = rootSpec.dependencies || [];
     if (childComponents.length > 0) {
       const childResult = await this.registerChildComponents(
         childComponents,
@@ -136,7 +136,7 @@ export class ComponentHierarchyRegistrar {
 
     try {
       // Skip if no component code
-      if (!spec.componentCode) {
+      if (!spec.code) {
         return {
           success: true,
           error: undefined
@@ -144,12 +144,12 @@ export class ComponentHierarchyRegistrar {
       }
 
       // Check if component already exists
-      const existingComponent = this.registry.get(spec.componentName, namespace, version);
+      const existingComponent = this.registry.get(spec.name, namespace, version);
       if (existingComponent && !allowOverride) {
         return {
           success: false,
           error: {
-            componentName: spec.componentName,
+            componentName: spec.name,
             error: `Component already registered in ${namespace}/${version}`,
             phase: 'registration'
           }
@@ -158,8 +158,8 @@ export class ComponentHierarchyRegistrar {
 
       // Compile the component
       const compileOptions: CompileOptions = {
-        componentName: spec.componentName,
-        componentCode: spec.componentCode,
+        componentName: spec.name,
+        componentCode: spec.code,
         styles
       };
 
@@ -169,7 +169,7 @@ export class ComponentHierarchyRegistrar {
         return {
           success: false,
           error: {
-            componentName: spec.componentName,
+            componentName: spec.name,
             error: compilationResult.error?.message || 'Unknown compilation error',
             phase: 'compilation'
           }
@@ -181,7 +181,7 @@ export class ComponentHierarchyRegistrar {
 
       // Register the component
       this.registry.register(
-        spec.componentName,
+        spec.name,
         componentFactory.component,
         namespace,
         version
@@ -193,7 +193,7 @@ export class ComponentHierarchyRegistrar {
       return {
         success: false,
         error: {
-          componentName: spec.componentName,
+          componentName: spec.name,
           error: error instanceof Error ? error.message : String(error),
           phase: 'registration'
         }
@@ -226,8 +226,8 @@ export class ComponentHierarchyRegistrar {
       });
 
       if (childResult.success) {
-        if (child.componentCode) {
-          registeredComponents.push(child.componentName);
+        if (child.code) {
+          registeredComponents.push(child.name);
         }
       } else {
         errors.push(childResult.error!);
@@ -237,7 +237,7 @@ export class ComponentHierarchyRegistrar {
       }
 
       // Register nested children recursively
-      const nestedChildren = child.childComponents || child.components || [];
+      const nestedChildren = child.dependencies || [];
       if (nestedChildren.length > 0) {
         await this.registerChildComponents(
           nestedChildren,
@@ -279,26 +279,26 @@ export async function registerComponentHierarchy(
 export function validateComponentSpec(spec: ComponentSpec): string[] {
   const errors: string[] = [];
 
-  if (!spec.componentName) {
-    errors.push('Component specification must have a componentName');
+  if (!spec.name) {
+    errors.push('Component specification must have a name');
   }
 
   // If componentCode is provided, do basic validation
-  if (spec.componentCode) {
-    if (typeof spec.componentCode !== 'string') {
-      errors.push(`Component code for ${spec.componentName} must be a string`);
+  if (spec.code) {
+    if (typeof spec.code !== 'string') {
+      errors.push(`Component code for ${spec.name} must be a string`);
     }
-    if (spec.componentCode.trim().length === 0) {
-      errors.push(`Component code for ${spec.componentName} cannot be empty`);
+    if (spec.code.trim().length === 0) {
+      errors.push(`Component code for ${spec.name} cannot be empty`);
     }
   }
 
   // Validate child components recursively
-  const children = spec.childComponents || spec.components || [];
+  const children = spec.dependencies || [];
   children.forEach((child, index) => {
     const childErrors = validateComponentSpec(child);
     childErrors.forEach(error => {
-      errors.push(`Child ${index} (${child.componentName || 'unnamed'}): ${error}`);
+      errors.push(`Child ${index} (${child.name || 'unnamed'}): ${error}`);
     });
   });
 
@@ -313,7 +313,7 @@ export function validateComponentSpec(spec: ComponentSpec): string[] {
 export function flattenComponentHierarchy(rootSpec: ComponentSpec): ComponentSpec[] {
   const components: ComponentSpec[] = [rootSpec];
   
-  const children = rootSpec.childComponents || rootSpec.components || [];
+  const children = rootSpec.dependencies || [];
   children.forEach(child => {
     components.push(...flattenComponentHierarchy(child));
   });
@@ -333,11 +333,11 @@ export function countComponentsInHierarchy(
 ): number {
   let count = 0;
   
-  if (includeEmpty || rootSpec.componentCode) {
+  if (includeEmpty || rootSpec.code) {
     count = 1;
   }
 
-  const children = rootSpec.childComponents || rootSpec.components || [];
+  const children = rootSpec.dependencies || [];
   children.forEach(child => {
     count += countComponentsInHierarchy(child, includeEmpty);
   });

package/src/types/index.ts

@@ -223,4 +223,7 @@ export interface ErrorBoundaryOptions {
   logErrors?: boolean;
   /** Error recovery strategy */
   recovery?: 'retry' | 'reset' | 'none';
-}
+}
+
+// Export library configuration types
+export * from './library-config';