OpenCode Desktop app (#5044)

Co-authored-by: Adam <[email protected]>

4 files changed, 35 insertions, 14 deletions

diff --git a/packages/desktop/package.json b/packages/desktop/package.json
index 089bd5687..7d345aa7a 100644
--- a/packages/desktop/package.json
+++ b/packages/desktop/package.json
@@ -3,6 +3,10 @@
   "version": "1.0.133",
   "description": "",
   "type": "module",
+  "exports": {
+    ".": "./src/index.tsx",
+    "./vite": "./vite.js"
+  },
   "scripts": {
     "typecheck": "tsgo --noEmit",
     "start": "vite",
diff --git a/packages/desktop/src/pages/layout.tsx b/packages/desktop/src/pages/layout.tsx
index 658ad4bcb..29083cf6c 100644
--- a/packages/desktop/src/pages/layout.tsx
+++ b/packages/desktop/src/pages/layout.tsx
@@ -35,7 +35,7 @@ export default function Layout(props: ParentProps) {
 
   return (
     <div class="relative h-screen flex flex-col">
-      <header class="h-12 shrink-0 bg-background-base border-b border-border-weak-base flex">
+      <header class="h-12 shrink-0 bg-background-base border-b border-border-weak-base flex" data-tauri-drag-region>
         <A
           href="/"
           classList={{
@@ -44,6 +44,7 @@ export default function Layout(props: ParentProps) {
             "border-r border-border-weak-base": true,
           }}
           style={{ width: layout.sidebar.opened() ? `${layout.sidebar.width()}px` : undefined }}
+          data-tauri-drag-region
         >
           <Mark class="shrink-0" />
         </A>
@@ -215,7 +216,7 @@ export default function Layout(props: ParentProps) {
                                   >
                                     <Tooltip placement="right" value={session.title}>
                                       <div
-                                        class="w-full px-2 py-1 rounded-md 
+                                        class="w-full px-2 py-1 rounded-md
                                                group-data-[active=true]/session:bg-surface-raised-base-hover
                                                group-hover/session:bg-surface-raised-base-hover
                                                group-focus/session:bg-surface-raised-base-hover"
diff --git a/packages/desktop/vite.config.ts b/packages/desktop/vite.config.ts
index 486ce162d..a388884cd 100644
--- a/packages/desktop/vite.config.ts
+++ b/packages/desktop/vite.config.ts
@@ -1,15 +1,8 @@
 import { defineConfig } from "vite"
-import solidPlugin from "vite-plugin-solid"
-import tailwindcss from "@tailwindcss/vite"
-import path from "path"
+import desktopPlugin from "./vite"
 
 export default defineConfig({
-  resolve: {
-    alias: {
-      "@": path.resolve(__dirname, "./src"),
-    },
-  },
-  plugins: [tailwindcss(), solidPlugin()] as any,
+  plugins: [desktopPlugin] as any,
   server: {
     host: "0.0.0.0",
     allowedHosts: true,
@@ -18,7 +11,4 @@ export default defineConfig({
   build: {
     target: "esnext",
   },
-  worker: {
-    format: "es",
-  },
 })
diff --git a/packages/desktop/vite.js b/packages/desktop/vite.js
new file mode 100644
index 000000000..6b8fd6137
--- /dev/null
+++ b/packages/desktop/vite.js
@@ -0,0 +1,26 @@
+import solidPlugin from "vite-plugin-solid"
+import tailwindcss from "@tailwindcss/vite"
+import { fileURLToPath } from "url"
+
+/**
+ * @type {import("vite").PluginOption}
+ */
+export default [
+  {
+    name: "opencode-desktop:config",
+    config() {
+      return {
+        resolve: {
+          alias: {
+            "@": fileURLToPath(new URL("./src", import.meta.url)),
+          },
+        },
+        worker: {
+          format: "es",
+        },
+      }
+    },
+  },
+  tailwindcss(),
+  solidPlugin(),
+]