import { Head, router } from '@inertiajs/react'; import { Bell, Download, FileCode2, FilePenLine, FolderArchive, FolderInput, FolderTree, LogOut, PanelLeftClose, PanelLeftOpen, type LucideIcon, } from 'lucide-react'; import { AppSidebar } from '@/components/AppSidebar'; import { Button } from '@/components/ui/button'; import { useAppSidebar } from '@/hooks/useAppSidebar'; import { route } from '@/lib/route'; type Step = { title: string; body: string; Icon: LucideIcon; bullets?: readonly string[]; files?: readonly string[]; example?: string; }; const STEPS: readonly Step[] = [ { title: 'Download the code', body: 'Open Code → Download code. You get child.zip.', Icon: Download, }, { title: 'Unzip the package', body: 'Extract child.zip. You will see child/BE/ plus a root API stub.', Icon: FolderArchive, }, { title: 'Copy into your backend', body: 'In a project like abc/be + abc/fe, copy child/BE/ files into be. Replace matching files.', Icon: FolderInput, }, { title: 'Update only two files', body: 'Do not overwrite your whole config. Merge into these existing files only:', Icon: FilePenLine, files: ['.env', '.htaccess'], bullets: [ '.env — add MASTER_RESULT_* keys; keep your other settings.', '.htaccess — append the FilesMatch block to protect .env.', ], }, { title: 'Paste API at project root', body: 'Place child/supergame_master_result_api.php in the parent of be and fe.', Icon: FileCode2, example: 'abc/supergame_master_result_api.php\nabc/be/\nabc/fe/', }, { title: 'Rename child → your BE folder', body: 'In that root PHP file, replace child with your backend folder name (e.g. be).', Icon: FolderTree, example: "require __DIR__ . '/child/supergame_master_result_api.php';\n\n// if backend folder is be:\nrequire __DIR__ . '/be/supergame_master_result_api.php';", }, { title: 'Point FCM paths to this domain', body: 'In BE/supergame_master_win_loose.php, open sendResultFcmNotification and set both paths to files that already exist in that BE folder.', Icon: Bell, files: ['supergame_master_win_loose.php'], bullets: [ 'credentialsFile — your Firebase service-account JSON filename.', 'include_once — keep fmc.php next to that JSON in the same BE folder.', ], example: "$credentialsFile = __DIR__ . '/monu567-c547b-firebase-adminsdk-fbsvc-9e2ace33e5.json';\ninclude_once __DIR__ . '/fmc.php';", }, ]; export default function CodeSetup({ auth, }: { auth: { user: { first_name: string; last_name: string; email: string } | null }; }) { const { collapsed: sidebarCollapsed, mobileOpen, toggleSidebar, closeMobile, showOpenIcon } = useAppSidebar(); return ( <>
Setup steps

Code install

Steps to setup code

Wire master result posting into a child domain — seven short steps.

    {STEPS.map((step, index) => { const Icon = step.Icon; const isLast = index === STEPS.length - 1; return (
  1. {String(index + 1).padStart(2, '0')}

    {step.title}

    {step.body}

    {step.files && (
    {step.files.map((file) => ( {file} ))}
    )} {step.bullets && (
      {step.bullets.map((item) => (
    • {item}
      • ))}
    )} {step.example && ( 
                                                    {step.example}
    )}
    2. ); })}
); }