mini-star

import { MiniStar } from 'mini-star'; interface MyPluginInstance { render: (selector: string) => void; // ... other methods/properties exposed by the plugin } async function initializeMiniStar() { const ministar = new MiniStar({ // Optional: Configure base path for plugins, e.g., for local development or CDN base: '/plugins/', // Optional: Global error handler for plugin loading failures errorHandler: (error, pluginName) => { console.error(`Failed to load plugin ${pluginName}:`, error); } }); // Register shared dependencies that plugins might use, preventing duplication // This should be done before loading plugins that depend on them. ministar.registerShared('react', window.React || require('react')); ministar.registerShared('react-dom', window.ReactDOM || require('react-dom')); console.log('Shared dependencies registered.'); try { // Load a plugin by its registered name or path const myPlugin = await ministar.loadPlugin<MyPluginInstance>('my-plugin-entry'); console.log('Plugin loaded successfully:', myPlugin); // Assume the plugin exports a render function if (myPlugin && typeof myPlugin.render === 'function') { myPlugin.render('#app-root'); console.log('Plugin rendered to #app-root'); } } catch (error) { console.error('Error during plugin loading or rendering:', error); } } // Ensure React and ReactDOM are available globally for demonstration if not bundled // In a real app, these would be proper imports in your host application (window as any).React = require('react'); (window as any).ReactDOM = require('react-dom'); initializeMiniStar();