Support astro & other common FE file extensions (#489)

Closes #462

Support astro & other common FE file extensions (#489)
08ab7c1c · Will Chen · GitHub · 64ae18b3 · 08ab7c1c · 08ab7c1c
--- a/.oxlintrc.json
+++ b/.oxlintrc.json
 {
+  "ignorePatterns": ["e2e-tests/fixtures/**/*"],
  "rules": {
    "eslint/no-unused-vars": "error",
    "eslint/no-empty-pattern": "off"

--- a/e2e-tests/astro.spec.ts
+++ b/e2e-tests/astro.spec.ts
+import { test } from "./helpers/test_helper";
+
+test("astro", async ({ po }) => {
+  await po.setUp({ autoApprove: true });
+  await po.importApp("astro");
+
+  await po.sendPrompt("[dump] hi");
+
+  await po.snapshotServerDump("all-messages");
+});
--- a/e2e-tests/fixtures/import-app/astro/.gitignore
+++ b/e2e-tests/fixtures/import-app/astro/.gitignore
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
--- a/e2e-tests/fixtures/import-app/astro/index.html
+++ b/e2e-tests/fixtures/import-app/astro/index.html
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>dyad-generated-app</title>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
--- a/e2e-tests/fixtures/import-app/astro/package.json
+++ b/e2e-tests/fixtures/import-app/astro/package.json
+{
+  "name": "vite_react_shadcn_ts",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:dev": "vite build --mode development",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@types/node": "^22.5.5",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react-swc": "^3.9.0",
+    "typescript": "^5.5.3",
+    "vite": "^6.3.4"
+  }
+}
--- a/e2e-tests/fixtures/import-app/astro/pnpm-lock.yaml
+++ b/e2e-tests/fixtures/import-app/astro/pnpm-lock.yaml
--- a/e2e-tests/fixtures/import-app/astro/src/App.tsx
+++ b/e2e-tests/fixtures/import-app/astro/src/App.tsx
+const App = () => <div>Minimal imported app</div>;
+
+export default App;
--- a/e2e-tests/fixtures/import-app/astro/src/foo.astro
+++ b/e2e-tests/fixtures/import-app/astro/src/foo.astro
+---
+// Component script (runs at build time)
+const greeting = "Hello World";
+const currentTime = new Date().toLocaleString();
+---
+
+<div class="hello-world">
+  <h1>{greeting}</h1>
+  <p>Welcome to Astro!</p>
+  <p class="timestamp">Generated at: {currentTime}</p>
+</div>
+
+<style>
+  .hello-world {
+    padding: 2rem;
+    text-align: center;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: white;
+    border-radius: 8px;
+    max-width: 500px;
+    margin: 2rem auto;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  }
+
+  h1 {
+    font-size: 2.5rem;
+    margin-bottom: 1rem;
+    font-weight: bold;
+  }
+
+  p {
+    font-size: 1.1rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .timestamp {
+    font-size: 0.9rem;
+    opacity: 0.8;
+    font-style: italic;
+  }
+</style>
--- a/e2e-tests/fixtures/import-app/astro/src/main.tsx
+++ b/e2e-tests/fixtures/import-app/astro/src/main.tsx
+import { createRoot } from "react-dom/client";
+import App from "./App.tsx";
+
+createRoot(document.getElementById("root")!).render(<App />);
--- a/e2e-tests/fixtures/import-app/astro/src/vite-env.d.ts
+++ b/e2e-tests/fixtures/import-app/astro/src/vite-env.d.ts
+/// <reference types="vite/client" />
--- a/e2e-tests/fixtures/import-app/astro/tsconfig.app.json
+++ b/e2e-tests/fixtures/import-app/astro/tsconfig.app.json
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": false,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noImplicitAny": false,
+    "noFallthroughCasesInSwitch": false,
+
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"]
+}
--- a/e2e-tests/fixtures/import-app/astro/tsconfig.json
+++ b/e2e-tests/fixtures/import-app/astro/tsconfig.json
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "noImplicitAny": false,
+    "noUnusedParameters": false,
+    "skipLibCheck": true,
+    "allowJs": true,
+    "noUnusedLocals": false,
+    "strictNullChecks": false
+  }
+}
--- a/e2e-tests/fixtures/import-app/astro/tsconfig.node.json
+++ b/e2e-tests/fixtures/import-app/astro/tsconfig.node.json
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts"]
+}
--- a/e2e-tests/fixtures/import-app/astro/vite.config.ts
+++ b/e2e-tests/fixtures/import-app/astro/vite.config.ts
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
+import path from "path";
+
+export default defineConfig(() => ({
+  server: {
+    host: "::",
+    port: 8080,
+  },
+  plugins: [react()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
+}));
--- a/e2e-tests/snapshots/astro.spec.ts_astro-1.txt
+++ b/e2e-tests/snapshots/astro.spec.ts_astro-1.txt
--- a/src/utils/codebase.ts
+++ b/src/utils/codebase.ts
@@ -23,6 +23,12 @@ const ALLOWED_EXTENSIONS = [
  ".css",
  ".html",
  ".md",
+  ".astro",
+  ".vue",
+  ".svelte",
+  ".scss",
+  ".sass",
+  ".less",
 ];

 // Directories to always exclude