@townco/gui-template 0.1.0 → 0.1.3

package/package.json

@@ -1,20 +1,18 @@
 {
   "name": "@townco/gui-template",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "type": "module",
   "files": [
     "dist",
     "src",
     "index.html",
-    "vite.config.ts",
-    "postcss.config.js",
+    "public",
     "README.md"
   ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/federicoweber/agent_hub.git"
   },
-  "author": "Federico Weber",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -22,14 +20,14 @@
     "check": "tsc --noEmit"
   },
   "dependencies": {
-    "@townco/ui": "^0.1.0",
+    "@townco/ui": "workspace:*",
     "lucide-react": "^0.552.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.17",
-    "@townco/tsconfig": "^0.1.0",
+    "@townco/tsconfig": "workspace:*",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "@vitejs/plugin-react": "^5.1.0",

package/src/App.tsx

@@ -1,4 +1,4 @@
-import { AcpClient } from "@townco/ui";
+import { AcpClient } from "@town/ui";
 import { useEffect, useState } from "react";
 import { ChatView } from "./ChatView.js";
 import { config } from "./config.js";

package/src/ChatView.tsx

@@ -3,7 +3,7 @@ import {
   useChatMessages,
   useChatSession,
   useChatStore,
-} from "@townco/ui";
+} from "@town/ui";
 import {
   ChatInputField,
   ChatInputRoot,
@@ -15,7 +15,7 @@ import {
   Message,
   MessageContent,
   type TodoItem,
-} from "@townco/ui/gui";
+} from "@town/ui/gui";
 import { ChevronDown, SendIcon } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 
@@ -24,7 +24,7 @@ export interface ChatViewProps {
 }
 
 export function ChatView({ client }: ChatViewProps) {
-  // Use shared hooks from @townco/ui/core
+  // Use shared hooks from @town/ui/core
   const { connectionStatus, connect } = useChatSession(client);
   const { messages } = useChatMessages(client);
   const error = useChatStore((state) => state.error);

package/src/main.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App.js";
-import "@townco/ui/styles/global.css";
+import "@town/ui/styles/global.css";
 
 const rootElement = document.getElementById("root");
 if (!rootElement) throw new Error("Root element not found");

package/postcss.config.js

@@ -1,5 +0,0 @@
-export default {
-  plugins: {
-    "@tailwindcss/postcss": {},
-  },
-};

package/vite.config.ts

@@ -1,94 +0,0 @@
-import path from "node:path";
-import react from "@vitejs/plugin-react";
-import { defineConfig } from "vite";
-
-// Create a stub module for stdio transport to prevent Node.js dependencies
-const stdioStubPlugin = () => ({
-  name: "stdio-stub",
-  resolveId(id: string) {
-    // Intercept stdio transport imports and replace with stub
-    if (
-      id.includes("sdk/transports/stdio") ||
-      id.includes("transports/stdio.js")
-    ) {
-      return id;
-    }
-    return null;
-  },
-  load(id: string) {
-    if (
-      id.includes("sdk/transports/stdio") ||
-      id.includes("transports/stdio.js")
-    ) {
-      // Return a stub implementation that throws an error if used
-      return `
-        export class StdioTransport {
-          constructor() {
-            throw new Error("StdioTransport is not available in the browser. Use HttpTransport or WebSocketTransport instead.");
-          }
-          async connect() { throw new Error("StdioTransport not available in browser"); }
-          async disconnect() {}
-          async send() { throw new Error("StdioTransport not available in browser"); }
-          async *receive() { throw new Error("StdioTransport not available in browser"); }
-          isConnected() { return false; }
-          onSessionUpdate() { return () => {}; }
-          onError() { return () => {}; }
-        }
-        export const StdioTransportOptions = {};
-      `;
-    }
-    return null;
-  },
-});
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [react(), stdioStubPlugin()],
-  resolve: {
-    alias: {
-      "@": path.resolve(__dirname, "./src"),
-    },
-  },
-  optimizeDeps: {
-    exclude: [],
-  },
-  build: {
-    rollupOptions: {
-      output: {
-        manualChunks: (id) => {
-          // Split React and ReactDOM into their own chunk
-          if (
-            id.includes("node_modules/react") ||
-            id.includes("node_modules/react-dom")
-          ) {
-            return "react";
-          }
-          // Split Radix UI components into their own chunk
-          if (id.includes("node_modules/@radix-ui")) {
-            return "radix";
-          }
-          // Split markdown rendering into its own chunk
-          if (
-            id.includes("node_modules/react-markdown") ||
-            id.includes("node_modules/remark-gfm")
-          ) {
-            return "markdown";
-          }
-          // Split lucide icons into their own chunk
-          if (id.includes("node_modules/lucide-react")) {
-            return "icons";
-          }
-          // Split ACP SDK into its own chunk
-          if (id.includes("node_modules/@agentclientprotocol")) {
-            return "acp-sdk";
-          }
-          // Split other node_modules into a vendor chunk
-          if (id.includes("node_modules")) {
-            return "vendor";
-          }
-        },
-      },
-    },
-    chunkSizeWarningLimit: 600, // Slightly increase limit to avoid false positives
-  },
-});