fix: change default port to 5701, adapt to new 5700 gptme-server default (#38)

* fix: change default port to 5701

* fix: adapt to new gptme-server default port 5700

Author: ErikBjare

src/components/ConnectionButton.tsx

@@ -103,7 +103,7 @@ export const ConnectionButton: FC = () => {
               id="url"
               value={formState.baseUrl}
               onChange={(e) => setFormState((prev) => ({ ...prev, baseUrl: e.target.value }))}
-              placeholder="http://127.0.0.1:5000"
+              placeholder="http://127.0.0.1:5700"
             />
           </div>
 

src/components/__tests__/ChatMessage.test.tsx

@@ -7,7 +7,7 @@ import { observable } from '@legendapp/state';
 // Mock the ApiContext
 jest.mock('@/contexts/ApiContext', () => ({
   useApi: () => ({
-    baseUrl: 'http://localhost:5000',
+    baseUrl: 'http://localhost:5700',
   }),
 }));
 

src/contexts/ApiContext.tsx

@@ -66,7 +66,7 @@ export function ApiProvider({
 
     return {
       baseUrl:
-        fragmentBaseUrl || storedBaseUrl || import.meta.env.VITE_API_URL || 'http://127.0.0.1:5000',
+        fragmentBaseUrl || storedBaseUrl || import.meta.env.VITE_API_URL || 'http://127.0.0.1:5700',
       authToken: fragmentUserToken || storedUserToken || null,
       useAuthToken: Boolean(fragmentUserToken || storedUserToken),
     };

src/democonversations.ts

@@ -143,7 +143,7 @@ export const demoConversations: DemoConversation[] = [
       {
         role: 'assistant',
         content:
-          "To use the gptme web UI, you'll need to run `gptme-server` locally first:\n\n```shell\ngptme-server --cors-origin='<origin>'  # Replace <origin> with the web UI URL\n```\n\nThen you have two options for accessing the web UI:\n\n1. **Use the hosted version** at [chat.gptme.org](https://chat.gptme.org):\n   - Use `--cors-origin='https://chat.gptme.org'` when starting the server\n   - Click the 'Connect' button in the top-right corner\n   - Enter the server URL (default: http://127.0.0.1:5000)\n\n2. **Run the web UI locally**:\n   ```shell\n   git clone https://github.com/gptme/gptme-webui\n   cd gptme-webui\n   npm install\n   npm run dev\n   ```\n   Then:\n   - Use `--cors-origin='http://localhost:8080'` when starting the server\n   - Open http://localhost:8080 in your browser\n   - Click 'Connect' and enter the server URL\n\nBoth options provide the same features, just choose what works best for you!",
+          "To use the gptme web UI, you'll need to run `gptme-server` locally first:\n\n```shell\ngptme-server --cors-origin='<origin>'  # Replace <origin> with the web UI URL\n```\n\nThen you have two options for accessing the web UI:\n\n1. **Use the hosted version** at [chat.gptme.org](https://chat.gptme.org):\n   - Use `--cors-origin='https://chat.gptme.org'` when starting the server\n   - Click the 'Connect' button in the top-right corner\n   - Enter the server URL (default: http://127.0.0.1:5700)\n\n2. **Run the web UI locally**:\n   ```shell\n   git clone https://github.com/gptme/gptme-webui\n   cd gptme-webui\n   npm install\n   npm run dev\n   ```\n   Then:\n   - Use `--cors-origin='http://localhost:5701'` when starting the server\n   - Open http://localhost:5701 in your browser\n   - Click 'Connect' and enter the server URL\n\nBoth options provide the same features, just choose what works best for you!",
         timestamp: now.toISOString(),
       },
     ],

src/utils/__tests__/markdownUtils.test.ts

@@ -200,9 +200,9 @@ Thinking blocks are collapsible and help show my reasoning process
 </thinking>
 
 You can try the web UI by:
-1. Starting a local gptme-server: \`gptme-server --cors-origin='http://localhost:8080'\`
+1. Starting a local gptme-server: \`gptme-server --cors-origin='http://localhost:5701'\`
 2. Running the web UI: \`npm run dev\`
-3. Opening http://localhost:5173 in your browser`;
+3. Opening http://localhost:5701 in your browser`;
 
     const result = parseMarkdownContent(input);
 
@@ -235,7 +235,7 @@ You can try the web UI by:
     expect(result).toContain('You can try the web UI by:');
     expect(result).toContain('<code>gptme-server --cors-origin=');
     expect(result).toContain('<code>npm run dev</code>');
-    expect(result).toContain('http://localhost:5173');
+    expect(result).toContain('http://localhost:5701');
 
     // Check thinking block
     expect(result).toContain('<details type="thinking"><summary>💭 Thinking</summary>');

src/utils/api.ts

@@ -6,7 +6,7 @@ import type {
 } from '@/types/api';
 import type { Message, ToolUse } from '@/types/conversation';
 
-const DEFAULT_API_URL = 'http://127.0.0.1:5000';
+const DEFAULT_API_URL = 'http://127.0.0.1:5700';
 
 // Add DOM types
 type RequestInit = globalThis.RequestInit;

vite.config.ts

@@ -10,7 +10,7 @@ export default defineConfig(({ mode }) => ({
     mode === 'development'
       ? {
           host: '::',
-          port: 8080,
+          port: 5701,
         }
       : undefined,
   plugins: [react(), mode === 'development' && componentTagger()].filter(Boolean),