@jupyterlite/ai 0.4.0 → 0.5.0

package/lib/settings/schemas/index.d.ts

@@ -1,3 +0,0 @@
-import { IDict } from '../../tokens';
-declare const ProviderSettings: IDict<any>;
-export { ProviderSettings };

package/lib/settings/schemas/index.js

@@ -1,11 +0,0 @@
-import ChromeAI from './_generated/ChromeAI.json';
-import MistralAI from './_generated/MistralAI.json';
-import Anthropic from './_generated/Anthropic.json';
-import OpenAI from './_generated/OpenAI.json';
-const ProviderSettings = {
-    ChromeAI,
-    MistralAI,
-    Anthropic,
-    OpenAI
-};
-export { ProviderSettings };

package/lib/slash-commands.d.ts

@@ -1,16 +0,0 @@
-/**
- * TODO: reuse from Jupyter AI instead of copying?
- * https://github.com/jupyterlab/jupyter-ai/blob/main/packages/jupyter-ai/src/slash-autocompletion.tsx
- */
-/// <reference types="react-addons-linked-state-mixin" />
-import { AutocompleteCommand } from '@jupyter/chat';
-import React from 'react';
-type SlashCommandOption = AutocompleteCommand & {
-    id: string;
-    description: string;
-};
-/**
- * Renders an option shown in the slash command autocomplete.
- */
-export declare function renderSlashCommandOption(optionProps: React.HTMLAttributes<HTMLLIElement>, option: SlashCommandOption): JSX.Element;
-export {};

package/lib/slash-commands.js

@@ -1,25 +0,0 @@
-/**
- * TODO: reuse from Jupyter AI instead of copying?
- * https://github.com/jupyterlab/jupyter-ai/blob/main/packages/jupyter-ai/src/slash-autocompletion.tsx
- */
-import { Box, Typography } from '@mui/material';
-import HideSource from '@mui/icons-material/HideSource';
-import React from 'react';
-const DEFAULT_SLASH_COMMAND_ICONS = {
-    clear: React.createElement(HideSource, null)
-};
-/**
- * Renders an option shown in the slash command autocomplete.
- */
-export function renderSlashCommandOption(optionProps, option) {
-    const icon = option.id in DEFAULT_SLASH_COMMAND_ICONS
-        ? DEFAULT_SLASH_COMMAND_ICONS[option.id]
-        : DEFAULT_SLASH_COMMAND_ICONS.unknown;
-    return (React.createElement("li", { ...optionProps },
-        React.createElement(Box, { sx: { lineHeight: 0, marginRight: 4, opacity: 0.618 } }, icon),
-        React.createElement(Box, { sx: { flexGrow: 1 } },
-            React.createElement(Typography, { component: "span", sx: {
-                    fontSize: 'var(--jp-ui-font-size1)'
-                } }, option.label),
-            React.createElement(Typography, { component: "span", sx: { opacity: 0.618, fontSize: 'var(--jp-ui-font-size0)' } }, ' — ' + option.description))));
-}

package/src/llm-models/index.ts

@@ -1,50 +0,0 @@
-import { ChatAnthropic } from '@langchain/anthropic';
-import { ChromeAI } from '@langchain/community/experimental/llms/chrome_ai';
-import { ChatMistralAI } from '@langchain/mistralai';
-import { ChatOpenAI } from '@langchain/openai';
-
-import { AnthropicCompleter } from './anthropic-completer';
-import { CodestralCompleter } from './codestral-completer';
-import { ChromeCompleter } from './chrome-completer';
-import { OpenAICompleter } from './openai-completer';
-
-import { instructions } from '../settings/instructions';
-import { ProviderSettings } from '../settings/schemas';
-
-import { IAIProvider } from '../tokens';
-
-export * from './base-completer';
-
-const AIProviders: IAIProvider[] = [
-  {
-    name: 'Anthropic',
-    chatModel: ChatAnthropic,
-    completer: AnthropicCompleter,
-    settingsSchema: ProviderSettings.Anthropic,
-    errorMessage: (error: any) => error.error.error.message
-  },
-  {
-    name: 'ChromeAI',
-    // TODO: fix
-    // @ts-expect-error: missing properties
-    chatModel: ChromeAI,
-    completer: ChromeCompleter,
-    instructions: instructions.ChromeAI,
-    settingsSchema: ProviderSettings.ChromeAI
-  },
-  {
-    name: 'MistralAI',
-    chatModel: ChatMistralAI,
-    completer: CodestralCompleter,
-    instructions: instructions.MistralAI,
-    settingsSchema: ProviderSettings.MistralAI
-  },
-  {
-    name: 'OpenAI',
-    chatModel: ChatOpenAI,
-    completer: OpenAICompleter,
-    settingsSchema: ProviderSettings.OpenAI
-  }
-];
-
-export { AIProviders };

package/src/settings/instructions.ts

@@ -1,48 +0,0 @@
-import { IDict } from '../tokens';
-
-const chromeAiInstructions = `
-<i class="fas fa-exclamation-triangle"></i> Support for ChromeAI is still experimental and only available in Google Chrome.
-
-You can test ChromeAI is enabled in your browser by going to the following URL: https://chromeai.org/
-
-Enable the proper flags in Google Chrome.
-
-- chrome://flags/#prompt-api-for-gemini-nano
-  - Select: \`Enabled\`
-- chrome://flags/#optimization-guide-on-device-model
-  - Select: \`Enabled BypassPrefRequirement\`
-- chrome://components
-  - Click \`Check for Update\` on Optimization Guide On Device Model to download the model
-- [Optional] chrome://flags/#text-safety-classifier
-
-<img src="https://github.com/user-attachments/assets/d48f46cc-52ee-4ce5-9eaf-c763cdbee04c" alt="A screenshot showing how to enable the ChromeAI flag in Google Chrome" width="500px">
-
-Then restart Chrome for these changes to take effect.
-
-<i class="fas fa-exclamation-triangle"></i> On first use, Chrome will download the on-device model, which can be as large as 22GB (according to their docs and at the time of writing).
-During the download, ChromeAI may not be available via the extension.
-
-<i class="fa fa-info-circle" aria-hidden="true"></i> For more information about Chrome Built-in AI: https://developer.chrome.com/docs/ai/get-started
-`;
-
-const mistralAIInstructions = `
-<i class="fas fa-exclamation-triangle"></i> This extension is still very much experimental. It is not an official MistralAI extension.
-
-1. Go to https://console.mistral.ai/api-keys/ and create an API key.
-
-<img src="https://raw.githubusercontent.com/jupyterlite/ai/refs/heads/main/img/1-api-key.png" alt="Screenshot showing how to create an API key" width="500px">
-
-2. Open the JupyterLab settings and go to the **Ai providers** section to select the \`MistralAI\`
-   provider and the API key (required).
-
-<img src="https://raw.githubusercontent.com/jupyterlite/ai/refs/heads/main/img/2-jupyterlab-settings.png" alt="Screenshot showing how to add the API key to the settings" width="500px">
-
-3. Open the chat, or use the inline completer
-
-<img src="https://raw.githubusercontent.com/jupyterlite/ai/refs/heads/main/img/3-usage.png" alt="Screenshot showing how to use the chat" width="500px">
-`;
-
-export const instructions: IDict = {
-  ChromeAI: chromeAiInstructions,
-  MistralAI: mistralAIInstructions
-};

package/src/settings/schemas/index.ts

@@ -1,15 +0,0 @@
-import { IDict } from '../../tokens';
-
-import ChromeAI from './_generated/ChromeAI.json';
-import MistralAI from './_generated/MistralAI.json';
-import Anthropic from './_generated/Anthropic.json';
-import OpenAI from './_generated/OpenAI.json';
-
-const ProviderSettings: IDict<any> = {
-  ChromeAI,
-  MistralAI,
-  Anthropic,
-  OpenAI
-};
-
-export { ProviderSettings };

package/src/slash-commands.tsx

@@ -1,55 +0,0 @@
-/**
- * TODO: reuse from Jupyter AI instead of copying?
- * https://github.com/jupyterlab/jupyter-ai/blob/main/packages/jupyter-ai/src/slash-autocompletion.tsx
- */
-
-import { Box, Typography } from '@mui/material';
-import { AutocompleteCommand } from '@jupyter/chat';
-
-import HideSource from '@mui/icons-material/HideSource';
-
-import React from 'react';
-
-const DEFAULT_SLASH_COMMAND_ICONS: Record<string, JSX.Element> = {
-  clear: <HideSource />
-};
-
-type SlashCommandOption = AutocompleteCommand & {
-  id: string;
-  description: string;
-};
-
-/**
- * Renders an option shown in the slash command autocomplete.
- */
-export function renderSlashCommandOption(
-  optionProps: React.HTMLAttributes<HTMLLIElement>,
-  option: SlashCommandOption
-): JSX.Element {
-  const icon =
-    option.id in DEFAULT_SLASH_COMMAND_ICONS
-      ? DEFAULT_SLASH_COMMAND_ICONS[option.id]
-      : DEFAULT_SLASH_COMMAND_ICONS.unknown;
-
-  return (
-    <li {...optionProps}>
-      <Box sx={{ lineHeight: 0, marginRight: 4, opacity: 0.618 }}>{icon}</Box>
-      <Box sx={{ flexGrow: 1 }}>
-        <Typography
-          component="span"
-          sx={{
-            fontSize: 'var(--jp-ui-font-size1)'
-          }}
-        >
-          {option.label}
-        </Typography>
-        <Typography
-          component="span"
-          sx={{ opacity: 0.618, fontSize: 'var(--jp-ui-font-size0)' }}
-        >
-          {' — ' + option.description}
-        </Typography>
-      </Box>
-    </li>
-  );
-}