import { readFileSync, writeFileSync } from "fs";

let content = readFileSync("src/features/sessions/fragments.tsx", "utf-8");

const directPassDrawer = readFileSync("ui/components/sessions/DirectPassDrawer.tsx", "utf-8")
    .replace('export const DirectPassDrawer = ({ apps = [], isAdmin = false }: { apps?: any[]; isAdmin?: boolean }) => {', '')
    .replace(/}$/, '');

const scopeModal = readFileSync("ui/components/sessions/ScopeModal.tsx", "utf-8")
    .replace('export const ScopeModal = ({ apps }: { apps: any[] }) => {', '')
    .replace(/}$/, '');

content = content.replace(
    'export const DirectPassDrawerFragment = ({ apps = [], isAdmin = false }: { apps?: any[]; isAdmin?: boolean }) => {\n// We will insert the content of DirectPassDrawer and adapt it to Datastar\n    return <div>DirectPassDrawerFragment Placeholder</div>\n}',
    'export const DirectPassDrawerFragment = ({ apps = [], isAdmin = false }: { apps?: any[]; isAdmin?: boolean }) => {' + directPassDrawer + '}'
);

content = content.replace(
    'export const ScopeModalFragment = ({ apps = [] }: { apps?: any[] }) => {\n    return <div>ScopeModalFragment Placeholder</div>\n}',
    'export const ScopeModalFragment = ({ apps = [] }: { apps?: any[] }) => {' + scopeModal + '}'
);

writeFileSync("src/features/sessions/fragments.tsx", content);