chore(compass-generative-ai): add generative ai package COMPASS-7244 (#4968)

Author: Anemy

README.md

@@ -47,9 +47,10 @@ Is there anything else you’d like to see in Compass? Let us know by submitting
 - [**@mongodb-js/compass-connections**](packages/compass-connections): Manage your MongoDB connections and connect in Compass
 - [**@mongodb-js/compass-databases-navigation**](packages/compass-databases-navigation): Databases and collections sidebar navigation tree
 - [**@mongodb-js/compass-editor**](packages/compass-editor): Reusable Compass editor component based on ace-editor with MongoDB-specific ace modes, themes, and autocompleters
+- [**@mongodb-js/compass-generative-ai**](packages/compass-generative-ai): Shared components and helpers for the generative ai aspects of Compass
 - [**@mongodb-js/compass-logging**](packages/compass-logging): Shared helpers for logging in Compass packages
 - [**@mongodb-js/compass-maybe-protect-connection-string**](packages/compass-maybe-protect-connection-string): Utility for protecting connection strings if requested
-- [**@mongodb-js/compass-settings**](packages/compass-settings): Settings for compass
+- [**@mongodb-js/compass-settings**](packages/compass-settings): Settings for Compass
 - [**@mongodb-js/compass-utils**](packages/compass-utils): Utilities for MongoDB Compass Development
 - [**@mongodb-js/compass-welcome**](packages/compass-welcome): The welcome modal
 - [**@mongodb-js/connection-form**](packages/connection-form): A form for specifying information needed to connect to a MongoDB instance

package-lock.json

@@ -42,6 +42,7 @@
     "@mongodb-js/compass-components": "^1.15.0",
     "@mongodb-js/compass-crud": "^13.15.1",
     "@mongodb-js/compass-editor": "^0.14.1",
+    "@mongodb-js/compass-generative-ai": "^0.1.0",
     "@mongodb-js/compass-logging": "^1.2.2",
     "@mongodb-js/compass-user-data": "^0.1.4",
     "@mongodb-js/compass-utils": "^0.5.1",
@@ -102,6 +103,7 @@
     "@mongodb-js/compass-components": "^1.15.0",
     "@mongodb-js/compass-crud": "^13.15.1",
     "@mongodb-js/compass-editor": "^0.14.1",
+    "@mongodb-js/compass-generative-ai": "^0.1.0",
     "@mongodb-js/compass-logging": "^1.2.2",
     "@mongodb-js/compass-user-data": "^0.1.4",
     "@mongodb-js/compass-utils": "^0.5.1",

packages/compass-aggregations/package.json

@@ -1,5 +1,6 @@
 import React, { useRef, useEffect } from 'react';
-import { GenerativeAIInput, openToast } from '@mongodb-js/compass-components';
+import { openToast } from '@mongodb-js/compass-components';
+import { GenerativeAIInput } from '@mongodb-js/compass-generative-ai';
 import { connect } from 'react-redux';
 import createLoggerAndTelemetry from '@mongodb-js/compass-logging';
 import { usePreference } from 'compass-preferences-model';

packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-ai.tsx

@@ -1,14 +1,14 @@
 import React from 'react';
 import { connect } from 'react-redux';
 import {
-  AIExperienceEntry,
   Button,
   MoreOptionsToggle,
   PerformanceSignals,
   SignalPopover,
   css,
   spacing,
 } from '@mongodb-js/compass-components';
+import { AIExperienceEntry } from '@mongodb-js/compass-generative-ai';
 import type { RootState } from '../../../modules';
 import {
   exportAggregationResults,

packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-header/pipeline-actions.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { connect } from 'react-redux';
 import {
-  AIExperienceEntry,
   Pipeline,
   Stage,
   Description,
@@ -11,6 +10,7 @@ import {
   Button,
   Icon,
 } from '@mongodb-js/compass-components';
+import { AIExperienceEntry } from '@mongodb-js/compass-generative-ai';
 import { useIsAIFeatureEnabled } from 'compass-preferences-model';
 
 import type { RootState } from '../../../modules';

packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-header/pipeline-stages.tsx

@@ -50,11 +50,7 @@ import {
 export { DocumentIcon } from './components/icons/document-icon';
 export { FavoriteIcon } from './components/icons/favorite-icon';
 export { NoSavedItemsIcon } from './components/icons/no-saved-items-icon';
-export {
-  AIExperienceEntry,
-  GenerativeAIInput,
-  createAIPlaceholderHTMLPlaceholder,
-} from './components/generative-ai';
+export { GuideCue as LGGuideCue } from '@leafygreen-ui/guide-cue';
 export { Variant as BadgeVariant } from '@leafygreen-ui/badge';
 export { Variant as BannerVariant } from '@leafygreen-ui/banner';
 export {

packages/compass-components/src/index.ts

@@ -0,0 +1,11 @@
+ignores:
+ - '@mongodb-js/prettier-config-compass'
+ - '@mongodb-js/tsconfig-compass'
+ - '@types/chai'
+ - '@types/sinon-chai'
+ - 'sinon'
+ - '@types/chai-dom'
+ - '@types/react'
+ - '@types/react-dom'
+ignore-patterns:
+ - 'dist'

packages/compass-generative-ai/.depcheckrc

@@ -0,0 +1,2 @@
+.nyc-output
+dist

packages/compass-generative-ai/.eslintignore

@@ -0,0 +1,8 @@
+module.exports = {
+  root: true,
+  extends: ['@mongodb-js/eslint-config-compass'],
+  parserOptions: {
+    tsconfigRootDir: __dirname,
+    project: ['./tsconfig-lint.json'],
+  },
+};