UAS-SIG-d1041231006/sistem-km-next/scripts/repair.js

const fs = require('fs');

let code = fs.readFileSync('src/components/Dashboard.js', 'utf8');

// 1. ADD MISSING STATE AND FUNCTIONS FOR USER PROVISIONING
const stateIndex = code.indexOf('const [isEditMode, setIsEditMode] = useState(false);');
if (stateIndex > -1) {
  const userStates = `
  const [showUserModal, setShowUserModal] = useState(false);
  const [usersList, setUsersList] = useState([]);
  const [userFormData, setUserFormData] = useState({
    email: '',
    password: '',
    full_name: '',
    role: 'pic'
  });
  const [isSubmittingUser, setIsSubmittingUser] = useState(false);

  const fetchUsers = async () => {
    try {
      const res = await fetch('/api/users');
      if (res.ok) {
        const data = await res.json();
        setUsersList(data.users || []);
      }
    } catch (e) { console.error('Error fetching users:', e); }
  };

  const handleCreateUser = async (e) => {
    e.preventDefault();
    setIsSubmittingUser(true);
    try {
      const res = await fetch('/api/users', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(userFormData)
      });
      if (res.ok) {
        alert('User created successfully');
        fetchUsers();
        setUserFormData({ email: '', password: '', full_name: '', role: 'pic' });
        setShowUserModal(false);
      } else {
        const data = await res.json();
        alert('Failed to create user: ' + data.error);
      }
    } catch (e) { alert('Error: ' + e.message); }
    setIsSubmittingUser(false);
  };

  const handleDeleteUser = async (id) => {
    if (!confirm('Are you sure you want to delete this user?')) return;
    try {
      const res = await fetch(\`/api/users?id=\${id}\`, { method: 'DELETE' });
      if (res.ok) fetchUsers();
      else alert('Failed to delete user');
    } catch (e) { alert('Error deleting user'); }
  };

`;
  code = code.substring(0, stateIndex) + userStates + code.substring(stateIndex);
}

// 2. REMOVE isPointInPolygon AND getKecamatanForPoint
code = code.replace(/const isPointInPolygon = [\s\S]*?return null;\n};\n/, '');

// 3. FIX PostGIS USAGES (remove getKecamatanForPoint calls)
code = code.replace(/const calculatedKec = getKecamatanForPoint[^;]+;/g, '');
code = code.replace(/hh\.sub_district \|\| calculatedKec \|\| subDistrictsList\[idx % subDistrictsList\.length\]/g, "hh.sub_district || 'Belum Terpetakan'");
code = code.replace(/hh\.sub_district = calculatedKec \|\| hh\.sub_district \|\| subDistrictsList\[idx % subDistrictsList\.length\];/g, "hh.sub_district = hh.sub_district || 'Belum Terpetakan';");

// 4. ADD MODULAR IMPORTS
const imports = `import SidebarControls from './dashboard/SidebarControls';
import StatsPanel from './dashboard/StatsPanel';
import ApprovalQueueModal from './dashboard/modals/ApprovalQueueModal';
import UserProvisioningModal from './dashboard/modals/UserProvisioningModal';
import DonationModal from './dashboard/modals/DonationModal';
import HubFormModal from './dashboard/modals/HubFormModal';
import HouseholdFormModal from './dashboard/modals/HouseholdFormModal';
`;
code = code.replace("import { useRouter } from 'next/navigation';", "import { useRouter } from 'next/navigation';\n" + imports);

// 5. REPLACE LEFT PANEL
const leftPanelStart = code.indexOf('{/* Left Panel (Controls) */}');
const leftPanelEnd = code.indexOf('{/* Right Panel (Stats) */}');
if (leftPanelStart > -1 && leftPanelEnd > -1) {
  const newLeftPanel = `{/* Left Panel (Controls) */}
      <div className={\`left-panel glass-panel \${showControls ? '' : 'hidden'}\`} id="controlsPanel">
        <div className="panel-title">
          <span className="title-text"><i className="fas fa-sliders-h"></i> Controls</span>
          <button className="btn-toggle-panel" onClick={() => setShowControls(false)} title="Hide Controls">
            <i className="fas fa-chevron-left"></i>
          </button>
        </div>
        
        <SidebarControls 
          user={user} profile={profile} router={router}
          isEditMode={isEditMode} setIsEditMode={setIsEditMode}
          setShowApprovalModal={setShowApprovalModal} setShowUserModal={setShowUserModal}
          fetchUsers={fetchUsers} setPlacementMode={setPlacementMode}
          setShowToast={setShowToast} filters={filters} setFilters={setFilters}
          hubStyles={hubStyles}
        />
      </div>

      `;
  code = code.substring(0, leftPanelStart) + newLeftPanel + code.substring(leftPanelEnd);
}

// 6. REPLACE RIGHT PANEL
const rightPanelStart = code.indexOf('{/* Right Panel (Stats) */}');
const rightPanelEnd = code.indexOf('{/* Add Location Floating Button */}');
if (rightPanelStart > -1 && rightPanelEnd > -1) {
  const newRightPanel = `{/* Right Panel (Stats) */}
      <StatsPanel 
        profile={profile} showStats={showStats}
        setShowStats={setShowStats} stats={stats}
      />

      `;
  code = code.substring(0, rightPanelStart) + newRightPanel + code.substring(rightPanelEnd);
}

// 7. REPLACE MODALS
const modalStartIndex = code.indexOf('{/* Hub Modal */}');
if (modalStartIndex > -1) {
  const newModals = `{/* Hub Modal */}
      <HubFormModal 
        showHubModal={showHubModal} setShowHubModal={setShowHubModal}
        hubFormData={hubFormData} setHubFormData={setHubFormData}
        handleSaveHub={handleSaveHub} isEditMode={isEditMode}
      />

      <HouseholdFormModal 
        showHhModal={showHhModal} setShowHhModal={setShowHhModal}
        hhFormData={hhFormData} setHhFormData={setHhFormData}
        handleSaveHh={handleSaveHh} hubs={hubs}
        imageFile={imageFile} setImageFile={setImageFile}
        isUploading={isUploading} isEditMode={isEditMode}
      />

      <DonationModal 
        showDonationModal={showDonationModal} setShowDonationModal={setShowDonationModal}
        donationFormData={donationFormData} setDonationFormData={setDonationFormData}
        hubs={hubs} isSubmittingDonation={isSubmittingDonation}
        handleSaveDonation={handleSaveDonation} donationsList={donationsList}
      />

      <ApprovalQueueModal 
        showApprovalModal={showApprovalModal} setShowApprovalModal={setShowApprovalModal}
        households={households} selectedPhotoUrl={selectedPhotoUrl}
        setSelectedPhotoUrl={setSelectedPhotoUrl} handleVerifyAction={handleVerifyAction}
      />

      <UserProvisioningModal 
        showUserModal={showUserModal} setShowUserModal={setShowUserModal}
        usersList={usersList} profile={profile}
        userFormData={userFormData} setUserFormData={setUserFormData}
        handleCreateUser={handleCreateUser} isSubmittingUser={isSubmittingUser}
        handleDeleteUser={handleDeleteUser}
      />
    </div>
  );
}`;
  code = code.substring(0, modalStartIndex) + newModals;
}

fs.writeFileSync('src/components/Dashboard.js', code);
console.log('Dashboard.js completely restored and refactored!');