Function AppSelectionModal

frontend/builder/app-selection-modal.tsx:101–234

()

}

export function AppSelectionModal() {
    const [apps, setApps] = useState<AppInfo[]>([]);
    const [loading, setLoading] = useState(true);
    const [error, setError] = useState("");

    useEffect(() => {
        loadApps();
    }, []);

    const loadApps = async () => {
        try {
            const appList = await RpcApi.ListAllEditableAppsCommand(TabRpcClient);
            const sortedApps = (appList || []).sort((a, b) => b.modtime - a.modtime);
            setApps(sortedApps);
        } catch (err) {
            console.error("Failed to load apps:", err);
            setError("Failed to load apps");
        } finally {
            setLoading(false);
        }
    };

    const handleSelectApp = async (appId: string) => {
        let appIdToUse = appId;

        // If selecting a local app, convert it to a draft first
        if (appId.startsWith("local/")) {
            try {
                const result = await RpcApi.MakeDraftFromLocalCommand(TabRpcClient, { localappid: appId });
                appIdToUse = result.draftappid;
            } catch (err) {
                console.error("Failed to create draft from local app:", err);
                setError(`Failed to create draft from ${appId}: ${err.message || String(err)}`);
                return;
            }
        }

        const builderId = globalStore.get(atoms.builderId);
        const oref = WOS.makeORef("builder", builderId);
        await RpcApi.SetRTInfoCommand(TabRpcClient, {
            oref,
            data: { "builder:appid": appIdToUse },
        });
        globalStore.set(atoms.builderAppId, appIdToUse);
        document.title = `WaveApp Builder (${appIdToUse})`;
        getApi().setBuilderWindowAppId(appIdToUse);
    };

    const handleCreateNew = async (appName: string) => {
        const draftAppId = `draft/${appName}`;
        const builderId = globalStore.get(atoms.builderId);
        const oref = WOS.makeORef("builder", builderId);
        await RpcApi.SetRTInfoCommand(TabRpcClient, {
            oref,
            data: { "builder:appid": draftAppId },
        });
        globalStore.set(atoms.builderAppId, draftAppId);
        document.title = `WaveApp Builder (${draftAppId})`;