@sourcegraph/cody-web 0.5.1 → 0.7.0

package/dist/lib/components/CodyWebChat.d.ts

@@ -0,0 +1,21 @@
+import { type FunctionComponent } from 'react';
+import type { InitialContext } from '../types';
+import '../global-styles/styles.css';
+export interface CodyWebChatProps {
+    serverEndpoint: string;
+    accessToken: string | null;
+    createAgentWorker: () => Worker;
+    telemetryClientName?: string;
+    initialContext?: InitialContext;
+    customHeaders?: Record<string, string>;
+    className?: string;
+}
+/**
+ * The root component node for Cody Web Chat, implements Cody Agent client
+ * and connects VSCode Cody Chat UI with web-worker agent. The main component
+ * to use in Cody Web Consumers.
+ *
+ * You can see the demo usage of this component in demo/App.tsx
+ */
+export declare const CodyWebChat: FunctionComponent<CodyWebChatProps>;
+//# sourceMappingURL=CodyWebChat.d.ts.map

package/dist/lib/components/CodyWebChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodyWebChat.d.ts","sourceRoot":"","sources":["../../../lib/components/CodyWebChat.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,iBAAiB,EAAmD,MAAM,OAAO,CAAA;AAgCxG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAK9C,OAAO,6BAA6B,CAAA;AAWpC,MAAM,WAAW,gBAAgB;IAC7B,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,iBAAiB,EAAE,MAAM,MAAM,CAAA;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AACD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAqC3D,CAAA"}

package/dist/lib/components/skeleton/ChatSkeleton.d.ts

@@ -0,0 +1,11 @@
+import type { FC } from 'react';
+interface ChatSkeletonProps {
+    className?: string;
+}
+/**
+ * Skeleton UI for Cody Web Chat UI (loading mock UI state), currently is used only
+ * for Cody Web UI since it takes noticeable time to load and initialize.
+ */
+export declare const ChatSkeleton: FC<ChatSkeletonProps>;
+export {};
+//# sourceMappingURL=ChatSkeleton.d.ts.map

package/dist/lib/components/skeleton/ChatSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSkeleton.d.ts","sourceRoot":"","sources":["../../../../lib/components/skeleton/ChatSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK/B,UAAU,iBAAiB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4C9C,CAAA"}

package/dist/lib/components/use-cody-agent.d.ts

@@ -0,0 +1,27 @@
+import { type VSCodeWrapper } from 'cody-ai/webviews/utils/VSCodeApi';
+import type { MessageConnection } from 'vscode-jsonrpc/browser';
+import type { InitialContext } from '../types';
+export interface AgentClient {
+    rpc: MessageConnection;
+    dispose(): void;
+}
+interface UseCodyWebAgentInput {
+    serverEndpoint: string;
+    accessToken: string | null;
+    createAgentWorker: () => Worker;
+    telemetryClientName?: string;
+    initialContext?: InitialContext;
+    customHeaders?: Record<string, string>;
+}
+interface UseCodyWebAgentResult {
+    client: AgentClient | Error | null;
+    vscodeAPI: VSCodeWrapper | null;
+}
+/**
+ * Creates Cody Web Agent instance and automatically creates a new chat.
+ * Uses cody web-worker agent under the hood with json rpc as a connection between
+ * main and web-worker threads, see agent.client.ts for more details
+ */
+export declare function useCodyWebAgent(input: UseCodyWebAgentInput): UseCodyWebAgentResult;
+export {};
+//# sourceMappingURL=use-cody-agent.d.ts.map

package/dist/lib/components/use-cody-agent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-cody-agent.d.ts","sourceRoot":"","sources":["../../../lib/components/use-cody-agent.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAoB,MAAM,kCAAkC,CAAA;AAUvF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAG/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAa9C,MAAM,WAAW,WAAW;IACxB,GAAG,EAAE,iBAAiB,CAAA;IACtB,OAAO,IAAI,IAAI,CAAA;CAClB;AAED,UAAU,oBAAoB;IAC1B,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,iBAAiB,EAAE,MAAM,MAAM,CAAA;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACzC;AAED,UAAU,qBAAqB;IAC3B,MAAM,EAAE,WAAW,GAAG,KAAK,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,aAAa,GAAG,IAAI,CAAA;CAClC;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,qBAAqB,CA0DlF"}

package/dist/lib/index.d.ts

@@ -1,4 +1,4 @@
-export { CodyWebPanelProvider } from './components/CodyWebPanelProvider';
-export { CodyWebPanel, type CodyWebPanelProps } from './components/CodyWebPanel';
+export { CodyWebChat, type CodyWebChatProps } from './components/CodyWebChat';
+export { ChatSkeleton } from './components/skeleton/ChatSkeleton';
 export type { Repository, InitialContext } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAEhF,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAEjE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA"}

package/dist/lib/types.d.ts

@@ -3,11 +3,12 @@ export interface Repository {
     name: string;
 }
 export type InitialContext = {
-    repositories: Repository[];
-    fileURL?: string;
-    fileRange?: {
+    repository: Repository;
+    isDirectory: boolean;
+    fileURL: string | null;
+    fileRange: {
         startLine: number;
         endLine: number;
-    };
+    } | null;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,YAAY,EAAE,UAAU,EAAE,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;CACrD,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,SAAS,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CAC3D,CAAA"}

package/dist/shell-DvMNfs3M.mjs

@@ -0,0 +1,47 @@
+import { u as util, e as exec, o as os, a as env, w as window, p as path, b as workspace, U as Uri, l as logError } from "./agent.worker-Cjx_iNtn.mjs";
+import { w as wrapInActiveSpan, T as TokenCounterUtils, C as ContextItemSource } from "./browser-BpZhCiRU.mjs";
+var define_process_default = { env: {} };
+const _exec = util.promisify(exec);
+async function getContextFileFromShell(command) {
+  return wrapInActiveSpan("commands.context.command", async (span) => {
+    var _a, _b, _c;
+    const rootDir = os.homedir() || define_process_default.env.HOME || define_process_default.env.USERPROFILE || "";
+    if (!env.shell) {
+      void window.showErrorMessage("Shell command is not supported your current workspace.");
+      return [];
+    }
+    const filteredCommand = command.replaceAll(/(\s~\/)/g, ` ${rootDir}${path.sep}`);
+    const cwd = (_c = (_b = (_a = workspace.workspaceFolders) == null ? void 0 : _a[0]) == null ? void 0 : _b.uri) == null ? void 0 : _c.fsPath;
+    try {
+      const { stdout, stderr } = await _exec(filteredCommand, { cwd, encoding: "utf8" });
+      const output = JSON.stringify(stdout ?? stderr).trim();
+      if (!output) {
+        throw new Error("Empty output");
+      }
+      const content = outputWrapper.replace("{command}", command).replace("{output}", output);
+      const size = await TokenCounterUtils.countTokens(content);
+      return [
+        {
+          type: "file",
+          content,
+          title: "Terminal Output",
+          uri: Uri.file(command),
+          source: ContextItemSource.Terminal,
+          size
+        }
+      ];
+    } catch (error) {
+      logError("getContextFileFromShell", "failed", { verbose: error });
+      void window.showErrorMessage(error.message);
+      throw new Error("Failed to get shell output for Custom Command.");
+    }
+  });
+}
+const outputWrapper = `
+Terminal output from the \`{command}\` command enclosed between <OUTPUT0412> tags:
+<OUTPUT0412>
+{output}
+</OUTPUT0412>`;
+export {
+  getContextFileFromShell
+};

package/dist/style.css

@@ -1,9 +1,9 @@
-._editor_1q84r_1 {
+._editor_9ox0p_1 {
     position: relative;
 }
 
 /* ContentEditable */
-._content-editable_1q84r_6 {
+._content-editable_9ox0p_6 {
     border: 0;
     display: block;
     position: relative;
@@ -11,7 +11,7 @@
 }
 
 /* Placeholder */
-._placeholder_1q84r_14 {
+._placeholder_9ox0p_14 {
     opacity: 0.6;
     overflow: hidden;
     position: absolute;
@@ -26,9 +26,13 @@
 }
 
 /* Theme */
-._theme-paragraph_1q84r_29 {
+._theme-paragraph_9ox0p_29 {
     margin: 0;
 }
+
+html[data-ide='JetBrains'] ._theme-paragraph_9ox0p_29 {
+    padding: 0.5rem;
+}
 :root {
     --description-font-size: 0.9em; /* match VS Code quickpick description */
 }
@@ -3366,6 +3370,9 @@ imported in Sourcegraph shell.
 .hover\:tw-underline:hover {
     text-decoration-line: underline;
 }
+.hover\:tw-no-underline:hover {
+    text-decoration-line: none;
+}
 .hover\:tw-opacity-100:hover {
     opacity: 1;
 }
@@ -3583,10 +3590,133 @@ body[data-vscode-theme-kind="vscode-high-contrast"] .high-contrast-dark\:tw-bord
 .\[\&_kbd\]\:tw-mt-\[-4px\] kbd {
     margin-top: -4px;
 }
-._loading_1uiqw_1 {
-    margin: auto;
+
+._root_1dr1n_2 {
     display: flex;
-    align-items: center;
-    justify-content: center;
+    height: 100vh;
+    width: 100%;
+    font-size: 13px;
+    overflow: hidden;
+}
+
+._container_1dr1n_10 {
+    height: 100%;
+    flex-grow: 1;
+}
+:root {
+    --cody-web-skeleton-main-color: #3e475e;
+    --cody-web-skeleton-blink-color: #4d5875;
+}
+
+._root_1yqw7_6 {
+    width: 100%;
     height: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    padding: 0.5rem 0.75rem;
+}
+
+._header_1yqw7_15 {
+    display: flex;
+    gap: 0.5rem;
+    padding: 0.25rem;
+    align-items: center;
+}
+
+._chat_1yqw7_22 {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+}
+
+._chat-input_1yqw7_1 {
+        width: 100%;
+        border-radius: 3px;
+        border: 2px solid var(--vscode-widget-border);
+        padding: 0.5rem;
+        display: flex;
+        flex-direction: column;
+        gap: 0.5rem;
+    }
+
+._chat-mentions-row_1yqw7_1 {
+        display: flex;
+        gap: 0.25rem;
+        align-items: center;
+    }
+
+._chat-submit-button_1yqw7_1 {
+        margin-left: auto;
+    }
+
+._message_1yqw7_48 {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+}
+
+._message-content_1yqw7_1 {
+        margin-top: 0.5rem;
+        display: flex;
+        gap: 0.5rem;
+        flex-wrap: wrap;
+    }
+
+._line_1yqw7_61 {
+    width: 100%;
+    max-width: 7rem;
+    height: 0.75rem;
+    flex-grow: 0;
+    flex-shrink: 0;
+    border-radius: 3px;
+    background-size: 200% 100%;
+    animation: _shine-lines_1yqw7_1 1s infinite linear;
+
+    background-image: linear-gradient(
+        100deg,
+        var(--cody-web-skeleton-main-color) 0,
+        var(--cody-web-skeleton-blink-color) 40px,
+        var(--cody-web-skeleton-main-color) 80px
+    );
+
+}
+
+._line-circle_1yqw7_1 {
+        width: 1.5rem;
+        height: 1.5rem;
+        border-radius: 50%;
+        flex-grow: 0;
+        flex-shrink: 0;
+    }
+
+._line-circle-small_1yqw7_1 {
+            width: 1rem;
+            height: 1rem;
+        }
+
+._line-small_1yqw7_1 {
+        max-width: 5rem;
+        height: 0.5rem;
+    }
+
+._line-short-text_1yqw7_1 {
+
+        max-width: 3rem;
+    }
+
+._line-text_1yqw7_1 {
+
+        max-width: 8rem;
+    }
+
+._line-long-text_1yqw7_1 {
+
+        max-width: 20rem;
+    }
+
+@keyframes _shine-lines_1yqw7_1 {
+    100% {
+        background-position-x: -200%;
+    }
 }