[editor][wip] Packaging AIConfigEditor Component

lastmile-ai · Jan 9, 2024 · 70327ee · 70327ee
1 parent bcd2921
commit 70327ee
Show file tree

Hide file tree

Showing 63 changed files with 12,244 additions and 34 deletions.
diff --git a/python/src/aiconfig/editor/client/editor_package/.eslintrc.json b/python/src/aiconfig/editor/client/editor_package/.eslintrc.json
@@ -0,0 +1,27 @@
+{
+  "root": true,
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react-hooks/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint"],
+  "rules": {
+    "@typescript-eslint/no-unused-vars": [
+      "warn",
+      {
+        "argsIgnorePattern": "^_",
+        "varsIgnorePattern": "^_",
+        "caughtErrorsIgnorePattern": "^_"
+      }
+    ]
+  },
+  "ignorePatterns": [
+    "@types/",
+    "build/",
+    "node_modules/",
+    "public/",
+    "postbuild.js"
+  ]
+}
diff --git a/python/src/aiconfig/editor/client/editor_package/README.md b/python/src/aiconfig/editor/client/editor_package/README.md
@@ -0,0 +1,27 @@
+# AIConfigEditor
+
+This component library provides an AIConfigEditor React component for renderering a customizable AIConfig file editor in React.
+
+## Usage
+
+To render the editor component, simply render an AIConfigEditor within your JSX, passing in an AIConfig object:
+
+```
+<AIConfigEditor aiconfig={aiconfig} />
+```
+
+## Customization
+
+The editor component can be customized to suit different needs. The following customizations are supported:
+
+### Readonly Editor
+
+// TODO
+
+### Custom Callbacks
+
+// TODO
+
+### Custom Styles
+
+// TODO
diff --git a/python/src/aiconfig/editor/client/editor_package/package.json b/python/src/aiconfig/editor/client/editor_package/package.json
@@ -0,0 +1,64 @@
+{
+  "name": "aiconfig-editor",
+  "version": "0.1.0",
+  "description": "React component for editing aiconfig files",
+  "author": "LastMile AI",
+  "license": "UNLICENSED",
+  "keywords": [
+    "aiconfig",
+    "editor",
+    "react"
+  ],
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "default": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "yarn clean && npx tsc",
+    "clean": "rm -rf dist",
+    "lint": "eslint . --max-warnings=0"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.1",
+    "@mantine/carousel": "^6.0.7",
+    "@mantine/core": "^6.0.7",
+    "@mantine/dates": "^6.0.16",
+    "@mantine/dropzone": "^6.0.7",
+    "@mantine/form": "^6.0.7",
+    "@mantine/hooks": "^6.0.7",
+    "@mantine/modals": "^6.0.7",
+    "@mantine/notifications": "^6.0.7",
+    "@mantine/prism": "^6.0.7",
+    "@monaco-editor/react": "^4.6.0",
+    "@tabler/icons-react": "^2.44.0",
+    "aiconfig": "^1.1.3",
+    "lodash": "^4.17.21",
+    "node-fetch": "^3.3.2",
+    "react": "^18",
+    "react-dom": "^18",
+    "react-error-boundary": "^4.0.12",
+    "react-markdown": "^8.0.6",
+    "react-scripts": "5.0.1",
+    "remark-gfm": "^4.0.0",
+    "uuid": "^9.0.1"
+  },
+  "devDependencies": {
+    "@types/lodash": "^4.14.202",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@types/uuid": "^9.0.7",
+    "@typescript-eslint/eslint-plugin": "^6.16.0",
+    "@typescript-eslint/parser": "^6.16.0",
+    "eslint": "^8",
+    "eslint-config-next": "14.0.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "typescript": "^5"
+  }
+}
diff --git a/...client/src/components/AIConfigContext.tsx → ...ackage/src/components/AIConfigContext.tsx b/...client/src/components/AIConfigContext.tsx → ...ackage/src/components/AIConfigContext.tsx
diff --git a/.../client/src/components/AIConfigEditor.tsx → ...package/src/components/AIConfigEditor.tsx b/.../client/src/components/AIConfigEditor.tsx → ...package/src/components/AIConfigEditor.tsx
@@ -154,7 +154,7 @@ const useStyles = createStyles((theme) => ({
   },
 }));
 
-export default function EditorContainer({
+export function AIConfigEditor({
   aiconfig: initialAIConfig,
   callbacks,
 }: Props) {

diff --git a/.../src/components/ConfigNameDescription.tsx → .../src/components/ConfigNameDescription.tsx b/.../src/components/ConfigNameDescription.tsx → .../src/components/ConfigNameDescription.tsx
diff --git a/...itor/client/src/components/CopyButton.tsx → ...tor_package/src/components/CopyButton.tsx b/...itor/client/src/components/CopyButton.tsx → ...tor_package/src/components/CopyButton.tsx
diff --git a/.../components/GlobalParametersContainer.tsx → .../components/GlobalParametersContainer.tsx b/.../components/GlobalParametersContainer.tsx → .../components/GlobalParametersContainer.tsx
diff --git a/...itor/client/src/components/JSONEditor.tsx → ...tor_package/src/components/JSONEditor.tsx b/...itor/client/src/components/JSONEditor.tsx → ...tor_package/src/components/JSONEditor.tsx
diff --git a/...src/components/JSONEditorToggleButton.tsx → ...src/components/JSONEditorToggleButton.tsx b/...src/components/JSONEditorToggleButton.tsx → ...src/components/JSONEditorToggleButton.tsx
diff --git a/...or/client/src/components/JSONRenderer.tsx → ...r_package/src/components/JSONRenderer.tsx b/...or/client/src/components/JSONRenderer.tsx → ...r_package/src/components/JSONRenderer.tsx
diff --git a/...lient/src/components/MimeTypeRenderer.tsx → ...ckage/src/components/MimeTypeRenderer.tsx b/...lient/src/components/MimeTypeRenderer.tsx → ...ckage/src/components/MimeTypeRenderer.tsx
diff --git a/...ent/src/components/ParametersRenderer.tsx → ...age/src/components/ParametersRenderer.tsx b/...ent/src/components/ParametersRenderer.tsx → ...age/src/components/ParametersRenderer.tsx
diff --git a/...c/components/SettingsPropertyRenderer.tsx → ...c/components/SettingsPropertyRenderer.tsx b/...c/components/SettingsPropertyRenderer.tsx → ...c/components/SettingsPropertyRenderer.tsx
diff --git a/.../client/src/components/aiconfigReducer.ts → ...package/src/components/aiconfigReducer.ts b/.../client/src/components/aiconfigReducer.ts → ...package/src/components/aiconfigReducer.ts
diff --git a/python/src/aiconfig/editor/client/editor_package/src/components/index.ts b/python/src/aiconfig/editor/client/editor_package/src/components/index.ts
@@ -0,0 +1,8 @@
+// For now, just export the AIConfigEditor component and relevant types.
+export { AIConfigEditor } from "./AIConfigEditor";
+export type {
+  AIConfigCallbacks,
+  RunPromptStreamCallback,
+  RunPromptStreamErrorCallback,
+  RunPromptStreamErrorEvent,
+} from "./AIConfigEditor";
diff --git a/...src/components/prompt/AddPromptButton.tsx → ...src/components/prompt/AddPromptButton.tsx b/...src/components/prompt/AddPromptButton.tsx → ...src/components/prompt/AddPromptButton.tsx
diff --git a/...t/src/components/prompt/ModelSelector.tsx → ...e/src/components/prompt/ModelSelector.tsx b/...t/src/components/prompt/ModelSelector.tsx → ...e/src/components/prompt/ModelSelector.tsx
diff --git a/...src/components/prompt/PromptActionBar.tsx → ...src/components/prompt/PromptActionBar.tsx b/...src/components/prompt/PromptActionBar.tsx → ...src/components/prompt/PromptActionBar.tsx
diff --git a/...src/components/prompt/PromptContainer.tsx → ...src/components/prompt/PromptContainer.tsx b/...src/components/prompt/PromptContainer.tsx → ...src/components/prompt/PromptContainer.tsx
diff --git a/...rc/components/prompt/PromptMenuButton.tsx → ...rc/components/prompt/PromptMenuButton.tsx b/...rc/components/prompt/PromptMenuButton.tsx → ...rc/components/prompt/PromptMenuButton.tsx
diff --git a/...ient/src/components/prompt/PromptName.tsx → ...kage/src/components/prompt/PromptName.tsx b/...ient/src/components/prompt/PromptName.tsx → ...kage/src/components/prompt/PromptName.tsx
diff --git a/...src/components/prompt/PromptOutputBar.tsx → ...src/components/prompt/PromptOutputBar.tsx b/...src/components/prompt/PromptOutputBar.tsx → ...src/components/prompt/PromptOutputBar.tsx
diff --git a/...src/components/prompt/RunPromptButton.tsx → ...src/components/prompt/RunPromptButton.tsx b/...src/components/prompt/RunPromptButton.tsx → ...src/components/prompt/RunPromptButton.tsx
diff --git a/...nt/src/components/prompt/TextRenderer.tsx → ...ge/src/components/prompt/TextRenderer.tsx b/...nt/src/components/prompt/TextRenderer.tsx → ...ge/src/components/prompt/TextRenderer.tsx
diff --git a/.../model_settings/ModelSettingsRenderer.tsx → .../model_settings/ModelSettingsRenderer.tsx b/.../model_settings/ModelSettingsRenderer.tsx → .../model_settings/ModelSettingsRenderer.tsx
diff --git a/..._settings/ModelSettingsSchemaRenderer.tsx → ..._settings/ModelSettingsSchemaRenderer.tsx b/..._settings/ModelSettingsSchemaRenderer.tsx → ..._settings/ModelSettingsSchemaRenderer.tsx
diff --git a/...rompt_input/PromptInputConfigRenderer.tsx → ...rompt_input/PromptInputConfigRenderer.tsx b/...rompt_input/PromptInputConfigRenderer.tsx → ...rompt_input/PromptInputConfigRenderer.tsx
diff --git a/.../prompt_input/PromptInputJSONRenderer.tsx → .../prompt_input/PromptInputJSONRenderer.tsx b/.../prompt_input/PromptInputJSONRenderer.tsx → .../prompt_input/PromptInputJSONRenderer.tsx
diff --git a/...ompt/prompt_input/PromptInputRenderer.tsx → ...ompt/prompt_input/PromptInputRenderer.tsx b/...ompt/prompt_input/PromptInputRenderer.tsx → ...ompt/prompt_input/PromptInputRenderer.tsx
diff --git a/...input/attachments/AttachmentContainer.tsx → ...input/attachments/AttachmentContainer.tsx b/...input/attachments/AttachmentContainer.tsx → ...input/attachments/AttachmentContainer.tsx
diff --git a/..._input/attachments/AttachmentMetadata.tsx → ..._input/attachments/AttachmentMetadata.tsx b/..._input/attachments/AttachmentMetadata.tsx → ..._input/attachments/AttachmentMetadata.tsx
diff --git a/..._input/attachments/AttachmentUploader.tsx → ..._input/attachments/AttachmentUploader.tsx b/..._input/attachments/AttachmentUploader.tsx → ..._input/attachments/AttachmentUploader.tsx
diff --git a/.../PromptInputAttachmentsSchemaRenderer.tsx → .../PromptInputAttachmentsSchemaRenderer.tsx b/.../PromptInputAttachmentsSchemaRenderer.tsx → .../PromptInputAttachmentsSchemaRenderer.tsx
diff --git a/...enderer/PromptInputDataSchemaRenderer.tsx → ...enderer/PromptInputDataSchemaRenderer.tsx b/...enderer/PromptInputDataSchemaRenderer.tsx → ...enderer/PromptInputDataSchemaRenderer.tsx
diff --git a/...ma_renderer/PromptInputSchemaRenderer.tsx → ...ma_renderer/PromptInputSchemaRenderer.tsx b/...ma_renderer/PromptInputSchemaRenderer.tsx → ...ma_renderer/PromptInputSchemaRenderer.tsx
diff --git a/...rompt_metadata/PromptMetadataRenderer.tsx → ...rompt_metadata/PromptMetadataRenderer.tsx b/...rompt_metadata/PromptMetadataRenderer.tsx → ...rompt_metadata/PromptMetadataRenderer.tsx
diff --git a/...pt/prompt_outputs/PromptOutputWrapper.tsx → ...pt/prompt_outputs/PromptOutputWrapper.tsx b/...pt/prompt_outputs/PromptOutputWrapper.tsx → ...pt/prompt_outputs/PromptOutputWrapper.tsx
diff --git a/.../prompt_outputs/PromptOutputsRenderer.tsx → .../prompt_outputs/PromptOutputsRenderer.tsx b/.../prompt_outputs/PromptOutputsRenderer.tsx → .../prompt_outputs/PromptOutputsRenderer.tsx
diff --git a/...roperty_controls/UnionPropertyControl.tsx → ...roperty_controls/UnionPropertyControl.tsx b/...roperty_controls/UnionPropertyControl.tsx → ...roperty_controls/UnionPropertyControl.tsx
diff --git a/.../editor/client/src/hooks/useLoadModels.ts → ...editor_package/src/hooks/useLoadModels.ts b/.../editor/client/src/hooks/useLoadModels.ts → ...editor_package/src/hooks/useLoadModels.ts
diff --git a/...editor/client/src/hooks/useSchemaState.ts → ...ditor_package/src/hooks/useSchemaState.ts b/...editor/client/src/hooks/useSchemaState.ts → ...ditor_package/src/hooks/useSchemaState.ts
diff --git a/python/src/aiconfig/editor/client/editor_package/src/index.ts b/python/src/aiconfig/editor/client/editor_package/src/index.ts
@@ -0,0 +1 @@
+export * from "./components";
diff --git a/...t_schemas/AnyscaleEndpointPromptSchema.ts → ...t_schemas/AnyscaleEndpointPromptSchema.ts b/...t_schemas/AnyscaleEndpointPromptSchema.ts → ...t_schemas/AnyscaleEndpointPromptSchema.ts
diff --git a/...DalleImageGenerationParserPromptSchema.ts → ...DalleImageGenerationParserPromptSchema.ts b/...DalleImageGenerationParserPromptSchema.ts → ...DalleImageGenerationParserPromptSchema.ts
diff --git a/...AutomaticSpeechRecognitionPromptSchema.ts → ...AutomaticSpeechRecognitionPromptSchema.ts b/...AutomaticSpeechRecognitionPromptSchema.ts → ...AutomaticSpeechRecognitionPromptSchema.ts
diff --git a/...gingFaceText2ImageDiffusorPromptSchema.ts → ...gingFaceText2ImageDiffusorPromptSchema.ts b/...gingFaceText2ImageDiffusorPromptSchema.ts → ...gingFaceText2ImageDiffusorPromptSchema.ts
diff --git a/...ngFaceTextGenerationParserPromptSchema.ts → ...ngFaceTextGenerationParserPromptSchema.ts b/...ngFaceTextGenerationParserPromptSchema.ts → ...ngFaceTextGenerationParserPromptSchema.ts
diff --git a/...emas/OpenAIChatModelParserPromptSchema.ts → ...emas/OpenAIChatModelParserPromptSchema.ts b/...emas/OpenAIChatModelParserPromptSchema.ts → ...emas/OpenAIChatModelParserPromptSchema.ts
diff --git a/...penAIChatVisionModelParserPromptSchema.ts → ...penAIChatVisionModelParserPromptSchema.ts b/...penAIChatVisionModelParserPromptSchema.ts → ...penAIChatVisionModelParserPromptSchema.ts
diff --git a/...mpt_schemas/PaLMChatParserPromptSchema.ts → ...mpt_schemas/PaLMChatParserPromptSchema.ts b/...mpt_schemas/PaLMChatParserPromptSchema.ts → ...mpt_schemas/PaLMChatParserPromptSchema.ts
diff --git a/...mpt_schemas/PaLMTextParserPromptSchema.ts → ...mpt_schemas/PaLMTextParserPromptSchema.ts b/...mpt_schemas/PaLMTextParserPromptSchema.ts → ...mpt_schemas/PaLMTextParserPromptSchema.ts
diff --git a/...g/editor/client/src/shared/serverTypes.ts → .../editor_package/src/shared/serverTypes.ts b/...g/editor/client/src/shared/serverTypes.ts → .../editor_package/src/shared/serverTypes.ts
diff --git a/...iconfig/editor/client/src/shared/types.ts → ...client/editor_package/src/shared/types.ts b/...iconfig/editor/client/src/shared/types.ts → ...client/editor_package/src/shared/types.ts
diff --git a/...or/client/src/utils/aiconfigStateUtils.ts → ...r_package/src/utils/aiconfigStateUtils.ts b/...or/client/src/utils/aiconfigStateUtils.ts → ...r_package/src/utils/aiconfigStateUtils.ts
diff --git a/...nfig/editor/client/src/utils/constants.ts → ...ent/editor_package/src/utils/constants.ts b/...nfig/editor/client/src/utils/constants.ts → ...ent/editor_package/src/utils/constants.ts
diff --git a/...ditor/client/src/utils/dropzoneHelpers.ts → ...itor_package/src/utils/dropzoneHelpers.ts b/...ditor/client/src/utils/dropzoneHelpers.ts → ...itor_package/src/utils/dropzoneHelpers.ts
diff --git a/...ig/editor/client/src/utils/promptUtils.ts → ...t/editor_package/src/utils/promptUtils.ts b/...ig/editor/client/src/utils/promptUtils.ts → ...t/editor_package/src/utils/promptUtils.ts
diff --git a/python/src/aiconfig/editor/client/editor_package/tsconfig.json b/python/src/aiconfig/editor/client/editor_package/tsconfig.json
@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "rootDir": "src",
+    "baseUrl": ".",
+    "outDir": "dist",
+    "declaration": true,
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "composite": true
+  },
+  "include": ["src"],
+  "exclude": ["dist", "node_modules"]
+}