New vite.config (#86)

Author: salvador-barboza

vite.config.ts

@@ -1,102 +1,25 @@
-// IMPORTANT NOTE: This file is only used in two situations: local development, and the live preview in Workbench.
-// For deployed Sparks, the `server/main.ts` serves the app itself. Ensure consistency between this file and `server/main.ts`
-// if you have something that needs to available while deployed.
-
 import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react-swc";
 import { defineConfig, PluginOption } from "vite";
 
-import { createLogToFileLogger } from "@github/spark/logToFileLogger";
-import { runtimeTelemetryPlugin } from "@github/spark/telemetryPlugin";
-import sparkAgent from "@github/spark/agent-plugin";
-import { tagSourcePlugin, designerHost } from "@github/spark/designerPlugin";
+import sparkPlugin from "@github/spark/spark-vite-plugin";
 import createIconImportProxy from "@github/spark/vitePhosphorIconProxyPlugin";
 import { resolve } from 'path'
 
-const GITHUB_RUNTIME_PERMANENT_NAME = process.env.GITHUB_RUNTIME_PERMANENT_NAME
-const GITHUB_API_URL = process.env.GITHUB_API_URL || "https://api.github.com";
 const projectRoot = process.env.PROJECT_ROOT || import.meta.dirname
 
-const addGitHubAuth = (proxy, options) => {
-  proxy.on('proxyReq', (proxyReq, req, res) => {
-    if (process.env.GITHUB_TOKEN) {
-      proxyReq.setHeader('Authorization', `bearer ${process.env.GITHUB_TOKEN}`);
-    }
-  });
-};
-
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [
-    createIconImportProxy(),
     react(),
     tailwindcss(),
-    runtimeTelemetryPlugin(),
-    sparkAgent({ serverURL: process.env.SPARK_AGENT_URL }) as PluginOption,
-    tagSourcePlugin() as PluginOption, 
-    designerHost() as PluginOption,
+    // DO NOT REMOVE
+    createIconImportProxy() as PluginOption,
+    sparkPlugin() as PluginOption,
   ],
-  build: {
-    outDir: process.env.OUTPUT_DIR || 'dist'
-  },
-  define: {
-    // ensure that you give these types in `src/vite-end.d.ts`
-    GITHUB_RUNTIME_PERMANENT_NAME: JSON.stringify(GITHUB_RUNTIME_PERMANENT_NAME),
-    BASE_KV_SERVICE_URL: JSON.stringify("/_spark/kv"),
-  },
-  server: {
-    port: 5000,
-    hmr: {
-      overlay: false,
-    },
-    cors: {
-      origin: /^https?:\/\/(?:(?:[^:]+\.)?localhost|127\.0\.0\.1|\[::1\]|(?:.*\.)?github\.com)(?::\d+)?$/
-    },
-    watch: {
-      ignored: [
-        "**/prd.md", 
-        "**.log", 
-        "**/.azcopy/**",
-      ],
-      awaitWriteFinish: {
-        pollInterval: 50,
-        stabilityThreshold: 100,
-      },
-    },
-    warmup: {
-      clientFiles: [
-        "./src/App.tsx",
-        "./src/index.css",
-        "./index.html",
-        "./src/**/*.tsx",
-        "./src/**/*.ts",
-        "./src/**/*.jsx",
-        "./src/**/*.js",
-        "./src/styles/theme.css",
-      ],
-    },
-    proxy: {            
-      "^/_spark/llm": {
-        target: "https://models.github.ai/inference/chat/completions",
-        changeOrigin: true,
-        ignorePath: true,
-        configure: addGitHubAuth
-      },
-      "^/_spark/.*": {
-        target: GITHUB_API_URL,
-        changeOrigin: true,
-        rewrite: (path) => {
-          const serviceName = path.replace("/_spark/", "").split("/")[0];
-          return path.replace(`/_spark/${serviceName}`, `/runtime/${GITHUB_RUNTIME_PERMANENT_NAME}/${serviceName}`);
-        },
-        configure: addGitHubAuth
-      }
-    },
-  },
   resolve: {
     alias: {
       '@': resolve(projectRoot, 'src')
     }
   },
-  customLogger: createLogToFileLogger(),
 });