Files
moreminimore-vibe/src/preload.ts
Adeniji Adekunle James 348521ce82 GitHub Import Feature: Import repositories/projects from GitHub (#1424) (#1454)
## Summary
Adds the ability to import GitHub repositories directly into Dyad from
the home screen, complementing the existing local folder import feature.
- GitHub Import Modal: New modal accessible from home screen via "Import
from Github" button with two Import methods
- Select project from GitHub repositories list
- Clone from any GitHub URL
- Advanced Options: Optional custom install/start commands (defaults to
project's package.json scripts)
- Auto AI_RULES Generation: Automatically generates AI_RULES.md if not
present in imported repo

closes #1424
    
<!-- This is an auto-generated description by cubic. -->
---

## Summary by cubic
Adds a GitHub import flow from the home screen so users can clone repos
via their list or any URL, with optional install/start commands and
automatic AI_RULES.md generation. Addresses Linear #1424 by enabling
seamless project setup from GitHub.

- **New Features**
  - Import modal with two tabs: Your Repositories and From URL.
- Advanced options for install/start commands with validation; defaults
used when both are empty.
- After cloning, navigate to chat and auto-generate AI_RULES.md if
missing.
- New IPC handler github:clone-repo-from-url with token auth support,
plus IpcClient method and preload channel.
- E2E tests cover modal open, auth, import via URL/repo list, and
advanced options.

- **Dependencies**
  - Added @radix-ui/react-tabs for the modal tab UI.

<!-- End of auto-generated description by cubic. -->
2025-10-13 19:10:04 -07:00

202 lines
5.2 KiB
TypeScript

// See the Electron documentation for details on how to use preload scripts:
// https://www.electronjs.org/docs/latest/tutorial/process-model#preload-scripts
import { contextBridge, ipcRenderer } from "electron";
// Whitelist of valid channels
const validInvokeChannels = [
"get-language-models",
"get-language-models-by-providers",
"create-custom-language-model",
"get-language-model-providers",
"delete-custom-language-model-provider",
"create-custom-language-model-provider",
"edit-custom-language-model-provider",
"delete-custom-language-model",
"delete-custom-model",
"chat:add-dep",
"chat:message",
"chat:cancel",
"chat:stream",
"chat:count-tokens",
"create-chat",
"create-app",
"copy-app",
"get-chat",
"get-chats",
"search-chats",
"get-chat-logs",
"list-apps",
"get-app",
"get-app-env-vars",
"set-app-env-vars",
"edit-app-file",
"read-app-file",
"run-app",
"stop-app",
"restart-app",
"respond-to-app-input",
"search-app",
"list-versions",
"revert-version",
"checkout-version",
"get-current-branch",
"delete-app",
"rename-app",
"get-user-settings",
"set-user-settings",
"get-env-vars",
"open-external-url",
"show-item-in-folder",
"reset-all",
"nodejs-status",
"install-node",
"github:start-flow",
"github:list-repos",
"github:get-repo-branches",
"github:is-repo-available",
"github:create-repo",
"github:connect-existing-repo",
"github:push",
"github:disconnect",
"neon:create-project",
"neon:get-project",
"neon:delete-branch",
"vercel:save-token",
"vercel:list-projects",
"vercel:is-project-available",
"vercel:create-project",
"vercel:connect-existing-project",
"vercel:get-deployments",
"vercel:disconnect",
"get-app-version",
"reload-env-path",
"get-proposal",
"approve-proposal",
"reject-proposal",
"get-system-debug-info",
"supabase:list-projects",
"supabase:set-app-project",
"supabase:unset-app-project",
"local-models:list-ollama",
"local-models:list-lmstudio",
"window:minimize",
"window:maximize",
"window:close",
"get-system-platform",
"upload-to-signed-url",
"delete-chat",
"update-chat",
"delete-messages",
"start-chat-stream",
"does-release-note-exist",
"import-app",
"check-ai-rules",
"select-app-folder",
"check-app-name",
"rename-branch",
"clear-session-data",
"get-user-budget",
"get-context-paths",
"set-context-paths",
"get-app-upgrades",
"execute-app-upgrade",
"is-capacitor",
"sync-capacitor",
"open-ios",
"open-android",
"check-problems",
"restart-dyad",
"get-templates",
"portal:migrate-create",
// MCP
"mcp:list-servers",
"mcp:create-server",
"mcp:update-server",
"mcp:delete-server",
"mcp:list-tools",
"mcp:get-tool-consents",
"mcp:set-tool-consent",
// MCP consent response from renderer to main
"mcp:tool-consent-response",
// Help bot
"help:chat:start",
"help:chat:cancel",
// Prompts
"prompts:list",
"prompts:create",
"prompts:update",
"prompts:delete",
// adding app to favorite
"add-to-favorite",
"github:clone-repo-from-url",
// Test-only channels
// These should ALWAYS be guarded with IS_TEST_BUILD in the main process.
// We can't detect with IS_TEST_BUILD in the preload script because
// it's a separate process from the main process.
"supabase:fake-connect-and-set-project",
];
// Add valid receive channels
const validReceiveChannels = [
"chat:response:chunk",
"chat:response:end",
"chat:response:error",
"app:output",
"github:flow-update",
"github:flow-success",
"github:flow-error",
"deep-link-received",
// Help bot
"help:chat:response:chunk",
"help:chat:response:end",
"help:chat:response:error",
// MCP consent request from main to renderer
"mcp:tool-consent-request",
] as const;
type ValidInvokeChannel = (typeof validInvokeChannels)[number];
type ValidReceiveChannel = (typeof validReceiveChannels)[number];
// Expose protected methods that allow the renderer process to use
// the ipcRenderer without exposing the entire object
contextBridge.exposeInMainWorld("electron", {
ipcRenderer: {
invoke: (channel: ValidInvokeChannel, ...args: unknown[]) => {
if (validInvokeChannels.includes(channel)) {
return ipcRenderer.invoke(channel, ...args);
}
throw new Error(`Invalid channel: ${channel}`);
},
on: (
channel: ValidReceiveChannel,
listener: (...args: unknown[]) => void,
) => {
if (validReceiveChannels.includes(channel)) {
const subscription = (
_event: Electron.IpcRendererEvent,
...args: unknown[]
) => listener(...args);
ipcRenderer.on(channel, subscription);
return () => {
ipcRenderer.removeListener(channel, subscription);
};
}
throw new Error(`Invalid channel: ${channel}`);
},
removeAllListeners: (channel: ValidReceiveChannel) => {
if (validReceiveChannels.includes(channel)) {
ipcRenderer.removeAllListeners(channel);
}
},
removeListener: (
channel: ValidReceiveChannel,
listener: (...args: unknown[]) => void,
) => {
if (validReceiveChannels.includes(channel)) {
ipcRenderer.removeListener(channel, listener);
}
},
},
});