@app-studio/web 0.8.10 → 0.8.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@app-studio/web",
-  "version": "0.8.10",
+  "version": "0.8.13",
   "main": "dist/index.js",
   "typings": "dist/components/index.d.ts",
   "files": [
@@ -11,6 +11,7 @@
   },
   "scripts": {
     "start": "react-scripts start",
+    "build:web": "react-scripts build",
     "build": "tsdx build --format cjs,esm,umd --entry ./src/components/index.tsx --tsconfig tsconfig.build.json",
     "test": "react-scripts test",
     "test:unwatch": "react-scripts test --watchAll=false",
@@ -37,7 +38,7 @@
     "analyze": "size-limit --why",
     "prerelease": "npm run build",
     "release": "release-it",
-    "bot-doc": "ts-node src/bot/index.ts",
+    "bot-doc": "ts-node bot/index.ts",
     "create-docs": "ts-node scripts/create-docs.ts",
     "create-structure": "ts-node scripts/create-structure.ts",
     "create-indices": "ts-node scripts/create-indices.ts",
@@ -79,6 +80,11 @@
     ]
   },
   "dependencies": {
+    "@mdx-js/loader": "^3.0.1",
+    "@mdx-js/mdx": "^3.0.1",
+    "@mdx-js/react": "^3.0.1",
+    "@mdx-js/runtime": "^2.0.0",
+    "@mdxeditor/editor": "^3.14.0",
     "axios": "^1.6.7",
     "cheerio": "^1.0.0-rc.12",
     "contrast": "^1.0.1",
@@ -86,18 +92,22 @@
     "date-fns": "^2.30.0",
     "formik": "^2.2.9",
     "install": "^0.13.0",
+    "markdown-loader": "^8.0.0",
     "npm": "^10.5.0",
     "openai": "^4.28.4",
     "rc-upload": "^4.4.0",
     "react-helmet": "^6.1.0",
+    "react-live": "^4.1.7",
     "simple-git": "^3.22.0",
     "typescript": "^4.9.5",
     "zustand": "^4.3.8"
   },
   "devDependencies": {
-    "@babel/core": "^7.21.8",
-    "@babel/preset-env": "^7.23.2",
-    "@babel/preset-react": "^7.18.6",
+    "@babel/cli": "^7.25.9",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.25.9",
+    "@babel/preset-typescript": "^7.26.0",
     "@commitlint/cli": "^19.2.0",
     "@commitlint/config-conventional": "^19.1.0",
     "@size-limit/preset-small-lib": "^10.0.2",
@@ -154,8 +164,8 @@
     "webpack-cli": "^5.1.3"
   },
   "peerDependencies": {
-    "react": ">= 17",
-    "app-studio": ">= 0.4"
+    "app-studio": ">= 0.4",
+    "react": ">= 17"
   },
   "size-limit": [
     {

package/dist/bot/Bot.d.ts

@@ -1,14 +0,0 @@
-import { Assistant } from 'openai/resources/beta/index';
-export declare class Bot {
-    private readonly openAIConnector;
-    private readonly fileHandler;
-    private readonly cache;
-    private readonly cacheKey;
-    constructor(cacheKey: string);
-    init(name: string, fileIds: string[], cachePath: string): Promise<Assistant>;
-    createFile(fileContent: string, fileName: string): Promise<any>;
-    addFile(filePath: string): Promise<any>;
-    response(assistantId: string, propsPath: string, componentFolder: string, componentName: string): Promise<any>;
-    isObject(value: any): boolean;
-    MarkdownGeneration(componentFolder: string, componentName: string, propsPath: string): Promise<void>;
-}

package/dist/bot/Cache.d.ts

@@ -1,13 +0,0 @@
-export declare class Cache {
-    private readonly cacheDirectory;
-    constructor(cacheDirectory?: string);
-    generateCacheKey(prompt: string): string;
-    getFromCache(cacheKey: string): any | null;
-    getJsonFromCache(cacheKey: string): any;
-    saveJsonToCache(cacheKey: string, content: any): void;
-    saveToCache(cacheKey: string, content: string): void;
-    saveEachJsonToCache(cacheKey: string, content: any, fileNameKey: string): void;
-    cacheExist(cacheKey: string): boolean;
-    cacheFolderExist(cacheKey: string): boolean;
-    createFile(cacheKey: string, fileContent?: string, fileName?: string): Promise<string>;
-}

package/dist/bot/Config.d.ts

@@ -1,13 +0,0 @@
-/**
-API_CONFIG : Un objet contenant les paramètres de configuration pour l'API OpenAI, tels que la clé API et l'organisation. Ces valeurs peuvent être définies directement ou récupérées à partir de variables d'environnement.
-APPLICATION_SETTINGS : Un objet pour les paramètres généraux de l'application. Vous pouvez inclure ici des configurations telles que le mode de débogage, les paramètres de journalisation, etc.
-*/
-export declare const API_CONFIG: {
-    openaiApiKey: string;
-    openaiOrganization: string;
-    defaultModel: string;
-};
-export declare const APPLICATION_SETTINGS: {
-    debugMode: boolean;
-    cacheDirectory: string;
-};

package/dist/bot/ContentFetcher.d.ts

@@ -1,9 +0,0 @@
-export declare class ContentFetcher {
-    private readonly cache;
-    private readonly cacheKey;
-    constructor(cacheKey: string);
-    private static isLinkValid;
-    private fetchAndProcessContent;
-    processAllLinks(links: string[]): Promise<void>;
-    private urlToMarkdown;
-}

package/dist/bot/DocuCode.d.ts

@@ -1,17 +0,0 @@
-export declare class DocuCode {
-    private readonly openAIConnector;
-    private readonly fileHandler;
-    private readonly cache;
-    private readonly cacheKey;
-    constructor(cacheKey: string);
-    commentCodeFile(filePath: string, assistantId: string): Promise<void>;
-    processComments(filePath: string, code: string, commentsJson: any): Promise<void>;
-    removeCommentsAndCleanFile(filePath: string): Promise<void>;
-    processDirectory(dirPath: string, assistantId: string): Promise<any>;
-    splitArrayToJSON(code: string): {
-        line: number;
-        code: string;
-    }[];
-    insertComments(code: string, comments: any[]): string;
-    compareStrings(line: string, codeSnippet: string): boolean;
-}

package/dist/bot/FileHandler.d.ts

@@ -1,24 +0,0 @@
-/**
-uploadFile : Méthode pour uploader un fichier sur OpenAI. Prend le chemin du fichier et le purpose (utilisation prévue du fichier) en paramètres.
-deleteFile : Méthode pour supprimer un fichier de OpenAI en utilisant son ID.
-listFiles : Méthode pour lister tous les fichiers disponibles sur votre compte OpenAI.
-*/
-import { OpenAI } from 'openai';
-export declare class FileHandler {
-    private readonly openai;
-    constructor(apiKey: string, organization: string);
-    readFile(filePath: string): string;
-    readFiles(folder: string): string[];
-    writeFile(fileFolder: string, filename: string, content: string): void;
-    writeWithoutCheck(filePath: string, content: string): void;
-    pathExists(filePath: string): boolean;
-    readComponentPropsFromJson: (filePath: string) => Record<string, any>;
-    uploadFile(filePath: string, purpose: 'fine-tune' | 'assistants'): Promise<string>;
-    deleteFile(fileId: string): Promise<boolean>;
-    deleteFiles(fileIds: string[]): Promise<{
-        fileId: string;
-        deleted: boolean;
-        error: null;
-    }[]>;
-    listFiles(): Promise<OpenAI.Files.FileObject[]>;
-}

package/dist/bot/OpenAIConnector.d.ts

@@ -1,27 +0,0 @@
-/**
-Constructeur : Initialise l'instance OpenAI avec la clé API et l'organisation.
-createFile : Méthode pour créer un fichier dans OpenAI. Utile pour charger des documents de référence.
-sendChatMessage : Méthode pour envoyer un message à l'API de chat d'OpenAI et obtenir une réponse.
-createThread : Crée un nouveau thread pour une conversation avec l'assistant.
-addMessageToThread : Ajoute un message au thread spécifié. Utile pour envoyer des prompts ou des questions.
-runAssistant : Exécute l'assistant sur le thread donné et attend la réponse. Récupère et retourne la réponse de l'assistant.
-*/
-import { OpenAI } from 'openai';
-import { Assistant, Thread } from 'openai/resources/beta';
-import { MessageCreateParams, ThreadMessage } from 'openai/resources/beta/threads';
-export declare class OpenAIConnector {
-    private readonly apiKey;
-    private readonly organization;
-    private readonly openai;
-    private readonly fileHandler;
-    constructor(apiKey: string, organization: string);
-    sendChatMessage(model: string, messages: MessageCreateParams[]): Promise<OpenAI.Chat.Completions.ChatCompletion>;
-    createAssistant(instructions: string, name: string, fileIds: string[]): Promise<Assistant>;
-    updateAssistantFiles(assistantId: string, newFileIds: string[]): Promise<Assistant>;
-    createAssistantFiles(assistantId: string, filesIds: string[]): Promise<Assistant>;
-    deleteAssistantFiles(assistantId: string, AssistantFileId: string): Promise<OpenAI.Beta.Assistants.Files.FileDeleteResponse>;
-    getAssistantFiles(assistantId: string): Promise<OpenAI.Beta.Assistants.Files.AssistantFilesPage>;
-    createThread(): Promise<Thread>;
-    addMessageToThread(threadId: string, message: MessageCreateParams): Promise<ThreadMessage>;
-    runAssistant(assistantId: string, threadId: string): Promise<any>;
-}

package/dist/bot/data.d.ts

@@ -1,19 +0,0 @@
-export interface Sections {
-    [sectionTitle: string]: Chapter[];
-}
-export interface Chapter {
-    title: string;
-    subchapters: Subchapter[];
-}
-export interface Subchapter {
-    subtitle: string;
-    minWordCount: number;
-    maxWordCount: number;
-    summary: string;
-    points: string[];
-}
-export interface NewsletterSettings {
-    language: string;
-    tone: string;
-    style: string;
-}

package/dist/bot/extractors.d.ts

@@ -1,8 +0,0 @@
-/**
-extractJsonCode : Extrait un bloc de code JSON d'une réponse. Utile si la réponse contient des blocs de code formatés.
-extractTextResponse : Nettoie une réponse pour ne garder que le texte, en supprimant les blocs de code et les formattages spéciaux.
-extractKeyValuePairs : Extrait des paires clé-valeur d'une réponse. Cette fonction peut être utile pour traiter des réponses formatées comme des listes de propriétés.
- */
-export declare function extractJsonCode(response: string): any;
-export declare const extractTextResponse: (response: string) => string;
-export declare const extractKeyValuePairs: (response: string) => Record<string, string>;

package/dist/bot/index.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/bot/prompt/1-project.d.ts

@@ -1 +0,0 @@
-export declare const ProjectPrompt: () => string;

package/dist/bot/prompt/2-response.d.ts

@@ -1 +0,0 @@
-export declare const RespondPrompt: (props: string, view: string, type?: string | undefined) => string;

package/dist/bot/prompt/3-comment.d.ts

@@ -1 +0,0 @@
-export declare const CommentPrompt: (componentName: string, fileName: string, codeContent: string) => string;