mongodb-js / mongodb-mcp-server / 20237133797

import React from "react";

import { createRoot } from "react-dom/client";

const componentModules: Record<string, ComponentModule> = import.meta.glob("../components/*/index.ts", {

});

const components: Record<string, React.ComponentType> = {};

for (const [path, module] of Object.entries(componentModules)) {

    const match = path.match(/\.\.\/components\/([^/]+)\/index\.ts$/);

    if (match) {

        const componentName = match[1];

        if (!componentName) continue;

        const Component = module[componentName];

        if (Component) {

            components[componentName] = Component;

        } else {

            console.warn(

                `[mount] Component "${componentName}" not found in ${path}. ` +

                    `Make sure to export it as: export { ${componentName} } from "./${componentName}.js"`

            );

        }

    }

}

function mount(): void {

    const container = document.getElementById("root");

    if (!container) {

        console.error("[mount] No #root element found");

        return;

    }

    const componentName = container.dataset.component;

    if (!componentName) {

        console.error("[mount] No data-component attribute found on #root");

        return;

    }

    const Component = components[componentName];

    if (!Component) {

        console.error(`[mount] Unknown component: ${componentName}`);

        console.error(`[mount] Available components: ${Object.keys(components).join(", ")}`);

        return;

    }

    const root = createRoot(container);

    root.render(

        <React.StrictMode>

            <Component />

        </React.StrictMode>

    );

}

mount();