allow port to be null

package.json

@@ -369,7 +369,7 @@
         },
         "twinny.ollamaApiPort": {
           "order": 15,
-          "type": "number",
+          "type": ["number", "null"],
           "default": 11434,
           "markdownDescription": "Sets the port number for the Ollama API. The default is `11434`, but you can change it if your Ollama instance uses a different port.",
           "required": false

src/common/types.ts

@@ -160,7 +160,7 @@ export type Bracket = (typeof ALL_BRACKETS)[number]
 export interface StreamRequestOptions {
   hostname: string
   path: string
-  port: string | number
+  port?: string | number
   protocol: string
   method: string
   headers: Record<string, string>

src/extension/api.ts

@@ -9,7 +9,7 @@ export async function streamResponse(request: StreamRequest) {
   const { signal } = controller
 
   try {
-    const url = `${options.protocol}://${options.hostname}:${options.port}${options.path}`
+    const url = `${options.protocol}://${options.hostname}${options.port ? `:${options.port}` : ""}${options.path}`
     const fetchOptions = {
       method: options.method,
       headers: options.headers,
@@ -94,7 +94,7 @@ export async function fetchEmbedding(request: StreamRequest) {
 
 
   try {
-    const url = `${options.protocol}://${options.hostname}:${options.port}${options.path}`
+    const url = `${options.protocol}://${options.hostname}${options.port ? `:${options.port}` : ""}${options.path}`
     const fetchOptions = {
       method: options.method,
       headers: options.headers,

src/extension/chat-service.ts

@@ -312,7 +312,7 @@ export class ChatService {
 
     const requestOptions: StreamRequestOptions = {
       hostname: provider.apiHostname,
-      port: Number(provider.apiPort),
+      port: provider.apiPort ? Number(provider.apiPort) : undefined,
       path: provider.apiPath,
       protocol: provider.apiProtocol,
       method: "POST",

src/extension/conversation-history.ts

@@ -124,7 +124,7 @@ export class ConversationHistory {
   private getRequestOptions(provider: TwinnyProvider) {
     return {
       hostname: provider.apiHostname,
-      port: Number(provider.apiPort),
+      port: provider.apiPort ? Number(provider.apiPort) : undefined,
       path: provider.apiPath,
       protocol: provider.apiProtocol,
       method: "POST",

src/extension/provider-manager.ts

@@ -15,7 +15,7 @@ import { apiProviders, ClientMessage, ServerMessage } from "../common/types"
 export interface TwinnyProvider {
   apiHostname: string
   apiPath: string
-  apiPort: number
+  apiPort?: number
   apiProtocol: string
   id: string
   label: string

src/extension/providers/completion.ts

@@ -254,7 +254,7 @@ export class CompletionProvider implements InlineCompletionItemProvider {
 
     const options: StreamRequestOptions = {
       hostname: provider.apiHostname,
-      port: Number(provider.apiPort),
+      port: provider.apiPort ? Number(provider.apiPort) : undefined,
       path: provider.apiPath,
       protocol: provider.apiProtocol,
       method: "POST",

src/extension/utils.ts

@@ -732,15 +732,15 @@ export function readGitIgnoreFile(): string[] | undefined {
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const logStreamOptions = (opts: any) => {
   const hostname = opts.options?.hostname ?? "unknown"
-  const port = opts.options?.port ?? "unknown"
+  const port = opts.options?.port ?? undefined
   const body = opts.body ?? {}
   const options = opts.options ?? {}
 
   const totalCharacters = calculateTotalCharacters(body.messages)
 
   const logMessage = `
     ***Twinny Stream Debug***
-    Streaming response from ${hostname}:${port}.
+    Streaming response from ${hostname}${port ? `:${port}` : ""}.
     Request body:
     ${JSON.stringify(body, null, 2)}
 

src/webview/providers.tsx

@@ -373,13 +373,12 @@ function ProviderForm({ onClose, provider }: ProviderFormProps) {
 
         <div>
           <div>
-            <label htmlFor="apiPort">Port*</label>
+            <label htmlFor="apiPort">Port</label>
           </div>
           <VSCodeTextField
-            required
             onChange={handleChange}
             name="apiPort"
-            value={formState.apiPort.toString()}
+            value={formState.apiPort ? formState.apiPort.toString() : ""}
             placeholder='Enter a port e.g "11434"'
           ></VSCodeTextField>
         </div>