import grabDirNames from "../../../utils/grab-dir-names";
const { BUNX_HYDRATION_SRC_DIR } = grabDirNames();
export default async function ({ bundledMap }) {
    let script = "";
    // script += `import React from "react";\n`;
    // script += `import { hydrateRoot } from "react-dom/client";\n`;
    // script += `import App from "${page_file}";\n`;
    // script += `declare global {\n`;
    // script += `    interface Window {\n`;
    // script += `        ${ClientWindowPagePropsName}: any;\n`;
    // script += `    }\n`;
    // script += `}\n`;
    // script += `let root: any = null;\n\n`;
    // script += `const component = <App {...window.${ClientWindowPagePropsName}} />;\n\n`;
    // script += `const container = document.getElementById("${ClientRootElementIDName}");\n\n`;
    // script += `if (container) {\n`;
    // script += `    root = hydrateRoot(container, component);\n`;
    // script += `}\n\n`;
    script += `console.log(\`Development Environment\`);\n`;
    // script += `console.log(import.meta);\n`;
    // script += `if (import.meta.hot) {\n`;
    // script += `    console.log(\`HMR active\`);\n`;
    // script += `    import.meta.hot.dispose(() => {\n`;
    // script += `        console.log("dispose");\n`;
    // script += `    });\n`;
    // script += `}\n`;
    script += `const hmr = new EventSource("/__hmr");\n`;
    script += `hmr.addEventListener("update", async (event) => {\n`;
    // script += `    console.log(\`HMR even received:\`, event);\n`;
    script += `    if (event.data) {\n`;
    script += `        console.log(\`HMR Changes Detected. Reloading ...\`);\n`;
    // script += `        console.log("event", event);\n`;
    // script += `        console.log("window.${ClientRootComponentWindowName}", window.${ClientRootComponentWindowName});\n\n`;
    // script += `        const event_data = JSON.parse(event.data);\n\n`;
    // script += `        const new_js_path = \`/\${event_data.target_map.path}\`;\n\n`;
    // script += `        console.log("event_data", event_data);\n\n`;
    // script += `        console.log("new_js_path", new_js_path);\n\n`;
    // script += `        if (window.${ClientRootComponentWindowName}) {\n`;
    // script += `            const new_component = await import(new_js_path);\n`;
    // script += `            window.${ClientRootComponentWindowName}.render(new_component);\n`;
    // script += `        }\n`;
    // script += `        import("${page_file}?t=" + event.data.update).then((module) => {\n`;
    // script += `            root.render(module.default);\n`;
    // script += `        })\n`;
    // script += `        console.log("root", root);\n`;
    // script += `        root.unmount();\n`;
    // script += `        const container = document.getElementById("${ClientRootElementIDName}");\n\n`;
    // script += `        root = hydrateRoot(container!, component);\n`;
    // script += `        window.history.pushState({ page: 1 }, "New Page Title", \`\${window.location.pathname}?v=\${Date.now()}\`);\n`;
    // script += `        root.render(component);\n`;
    script += `        window.location.reload();\n`;
    script += `    }\n`;
    script += ` });\n`;
    return script;
}