fix: run npm run format

Author: 1egoman

packages/shared/src/types/ai-autocomplete.mts

@@ -15,15 +15,14 @@ export type CodiumCompletionItem = {
     text: string;
     offset: string;
     prefix: string;
-    type: (
-      | "COMPLETION_PART_TYPE_UNSPECIFIED"
+    type:
+      | 'COMPLETION_PART_TYPE_UNSPECIFIED'
       // Single-line completion parts that appear within an existing line of text.
-      | "COMPLETION_PART_TYPE_INLINE"
+      | 'COMPLETION_PART_TYPE_INLINE'
       // Possibly multi-line completion parts that appear below an existing line of text.
-      | "COMPLETION_PART_TYPE_BLOCK"
+      | 'COMPLETION_PART_TYPE_BLOCK'
       // Like COMPLETION_PART_TYPE_INLINE, but overwrites the existing text.
-      | "COMPLETION_PART_TYPE_INLINE_MASK"
-    );
+      | 'COMPLETION_PART_TYPE_INLINE_MASK';
   }>;
   range: {
     endOffset: string;
@@ -35,15 +34,13 @@ export type CodiumCompletionItem = {
 export type CodiumCompletionResult = {
   completionItems?: Array<CodiumCompletionItem>;
   state: {
-    state: (
-      | "CODEIUM_STATE_UNSPECIFIED"
-      | "CODEIUM_STATE_INACTIVE"
-      | "CODEIUM_STATE_PROCESSING"
-      | "CODEIUM_STATE_SUCCESS"
-      | "CODEIUM_STATE_WARNING"
-      | "CODEIUM_STATE_ERROR"
-    ),
+    state:
+      | 'CODEIUM_STATE_UNSPECIFIED'
+      | 'CODEIUM_STATE_INACTIVE'
+      | 'CODEIUM_STATE_PROCESSING'
+      | 'CODEIUM_STATE_SUCCESS'
+      | 'CODEIUM_STATE_WARNING'
+      | 'CODEIUM_STATE_ERROR';
     status: string;
   };
 };
-

packages/web/src/components/cells/code.tsx

@@ -35,7 +35,7 @@ import CodeMirror, {
 } from '@uiw/react-codemirror';
 import useTheme from '@srcbook/components/src/components/use-theme';
 import { Dialog, DialogContent } from '@srcbook/components/src/components/ui/dialog';
-import { inlineCopilot } from "codemirror-copilot";
+import { inlineCopilot } from 'codemirror-copilot';
 
 function tsLinter(
   cell: CodeCellType,
@@ -387,19 +387,23 @@ export default function ControlledCodeCell(props: Props) {
       try {
         response = await runCodiumAiAutocomplete(
           codeiumApiKey ?? null,
-          prefix+suffix,
+          prefix + suffix,
           prefix.length,
         );
       } catch (err) {
         console.error('Error fetching ai autocomplete suggestion:', err);
-        return "";
+        return '';
       }
 
       const completionItems = response.completionItems ?? [];
-      const mostLikelyCompletionScore = Math.min(...completionItems.map(item => item.completion.score));
-      const mostLikelyCompletion = completionItems.find(item => item.completion.score === mostLikelyCompletionScore);
-
-      return mostLikelyCompletion?.completionParts[0]?.text ?? "";
+      const mostLikelyCompletionScore = Math.min(
+        ...completionItems.map((item) => item.completion.score),
+      );
+      const mostLikelyCompletion = completionItems.find(
+        (item) => item.completion.score === mostLikelyCompletionScore,
+      );
+
+      return mostLikelyCompletion?.completionParts[0]?.text ?? '';
     }, DEBOUNCE_DELAY),
   );
   extensions.push(

packages/web/src/lib/ai-autocomplete/index.ts

@@ -1,8 +1,8 @@
 import protobuf from 'protobufjs';
 import Long from 'long';
-import { type CodiumCompletionResult } from "@srcbook/shared";
+import { type CodiumCompletionResult } from '@srcbook/shared';
 
-import languageServerProto from "./language-server-proto";
+import languageServerProto from './language-server-proto';
 
 // NOTE: this EDITOR_API_KEY value was just included as a raw string in
 // @codeium/react-code-editor. This seems to not be a secret?
@@ -14,12 +14,12 @@ export async function runCodiumAiAutocomplete(
   cursorOffset: number,
 ): Promise<CodiumCompletionResult> {
   const protos = protobuf.Root.fromJSON(languageServerProto as protobuf.INamespace);
-  const GetCompletionsRequest = protos.lookupType("exa.language_server_pb.GetCompletionsRequest");
-  const Metadata = protos.lookupType("exa.codeium_common_pb.Metadata");
-  const DocumentInfo = protos.lookupType("exa.language_server_pb.Document");
-  const EditorOptions = protos.lookupType("exa.codeium_common_pb.EditorOptions");
-  const Language = protos.lookupEnum("exa.codeium_common_pb.Language");
-  const GetCompletionsResponse = protos.lookupType("exa.language_server_pb.GetCompletionsResponse");
+  const GetCompletionsRequest = protos.lookupType('exa.language_server_pb.GetCompletionsRequest');
+  const Metadata = protos.lookupType('exa.codeium_common_pb.Metadata');
+  const DocumentInfo = protos.lookupType('exa.language_server_pb.Document');
+  const EditorOptions = protos.lookupType('exa.codeium_common_pb.EditorOptions');
+  const Language = protos.lookupEnum('exa.codeium_common_pb.Language');
+  const GetCompletionsResponse = protos.lookupType('exa.language_server_pb.GetCompletionsResponse');
 
   const sessionId = `react-editor-${crypto.randomUUID()}`;
   const apiKey = optionalApiKey ?? EDITOR_API_KEY;
@@ -37,13 +37,13 @@ export async function runCodiumAiAutocomplete(
     document: DocumentInfo.create({
       text: source,
       editorLanguage: 'javascript',
-      language: Language.getOption("JAVASCRIPT"),
+      language: Language.getOption('JAVASCRIPT'),
       cursorOffset: Long.fromValue(cursorOffset),
       lineEnding: '\n',
     }),
     editorOptions: EditorOptions.create({
       tabSize: Long.fromValue(4),
-      insertSpaces: true
+      insertSpaces: true,
     }),
   };
 
@@ -55,15 +55,18 @@ export async function runCodiumAiAutocomplete(
   const requestData = GetCompletionsRequest.create(payload);
   const buffer = GetCompletionsRequest.encode(requestData).finish();
 
-  const response = await fetch('https://web-backend.codeium.com/exa.language_server_pb.LanguageServerService/GetCompletions', {
-    method: 'POST',
-    body: buffer,
-    headers: {
-      'Connect-Protocol-Version': '1',
-      'Content-Type': 'application/proto',
-      Authorization: `Basic ${apiKey}-${sessionId}`,
+  const response = await fetch(
+    'https://web-backend.codeium.com/exa.language_server_pb.LanguageServerService/GetCompletions',
+    {
+      method: 'POST',
+      body: buffer,
+      headers: {
+        'Connect-Protocol-Version': '1',
+        'Content-Type': 'application/proto',
+        Authorization: `Basic ${apiKey}-${sessionId}`,
+      },
     },
-  });
+  );
   // console.log('RESPONSE:', response.status);
 
   const responseBodyBytes = new Uint8Array(await response.arrayBuffer());