Feat: interactive courses

.yarnrc.yml

@@ -4,4 +4,4 @@ nmHoistingLimits: workspaces
 
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.2.1.cjs
+yarnPath: .yarn/releases/yarn-4.3.1.cjs

1000-hours/package.json

@@ -9,7 +9,7 @@
     "markdown-it-sup": "^2.0.0",
     "mermaid": "^10.9.1",
     "sass": "^1.77.6",
-    "vitepress": "^1.2.3",
+    "vitepress": "^1.3.0",
     "vitepress-plugin-mermaid": "^2.0.16",
     "vue": "^3.4.30"
   },

enjoy/package.json

@@ -41,7 +41,7 @@
     "@electron-forge/plugin-vite": "^7.4.0",
     "@electron-forge/publisher-github": "^7.4.0",
     "@electron/fuses": "^1.8.0",
-    "@playwright/test": "^1.45.0",
+    "@playwright/test": "^1.45.1",
     "@tailwindcss/typography": "^0.5.13",
     "@types/ahoy.js": "^0.4.2",
     "@types/autosize": "^4.0.3",
@@ -52,40 +52,40 @@
     "@types/intl-tel-input": "^18.1.4",
     "@types/lodash": "^4.17.6",
     "@types/mark.js": "^8.11.12",
-    "@types/node": "^20.14.9",
+    "@types/node": "^20.14.10",
     "@types/rails__actioncable": "^6.1.11",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/validator": "^13.12.0",
     "@types/wavesurfer.js": "^6.0.12",
-    "@typescript-eslint/eslint-plugin": "^7.15.0",
-    "@typescript-eslint/parser": "^7.15.0",
+    "@typescript-eslint/eslint-plugin": "^7.16.0",
+    "@typescript-eslint/parser": "^7.16.0",
     "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.4.19",
-    "electron": "^31.1.0",
+    "electron": "^31.2.0",
     "electron-playwright-helpers": "^1.7.1",
     "eslint": "^9.6.0",
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.29.1",
     "flora-colossus": "^2.0.0",
     "octokit": "^4.0.2",
     "progress": "^2.0.3",
-    "tailwind-merge": "^2.3.0",
+    "tailwind-merge": "^2.4.0",
     "tailwind-scrollbar": "^3.1.0",
     "tailwindcss": "^3.4.4",
     "tailwindcss-animate": "^1.0.7",
     "ts-node": "^10.9.2",
     "tslib": "^2.6.3",
     "typescript": "^5.5.3",
-    "vite": "^5.3.2",
-    "vite-plugin-static-copy": "^1.0.5",
-    "zx": "^8.1.3"
+    "vite": "^5.3.3",
+    "vite-plugin-static-copy": "^1.0.6",
+    "zx": "^8.1.4"
   },
   "dependencies": {
     "@andrkrn/ffprobe-static": "^5.2.0",
     "@electron-forge/publisher-s3": "^7.4.0",
-    "@hookform/resolvers": "^3.6.0",
-    "@langchain/community": "^0.2.16",
+    "@hookform/resolvers": "^3.9.0",
+    "@langchain/community": "^0.2.17",
     "@langchain/google-genai": "^0.0.21",
     "@mozilla/readability": "^0.5.0",
     "@radix-ui/react-accordion": "^1.2.0",
@@ -112,9 +112,9 @@
     "@radix-ui/react-toggle": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.2",
     "@rails/actioncable": "7.1.3",
-    "@sentry/electron": "^5.1.0",
+    "@sentry/electron": "^5.2.0",
     "@uidotdev/usehooks": "^2.4.1",
-    "@vidstack/react": "^1.11.24",
+    "@vidstack/react": "^1.11.27",
     "ahoy.js": "^0.4.4",
     "autosize": "^6.0.1",
     "axios": "^1.7.2",
@@ -143,37 +143,38 @@
     "html-to-text": "^9.0.5",
     "https-proxy-agent": "^7.0.5",
     "i18next": "^23.11.5",
-    "intl-tel-input": "^23.1.0",
+    "intl-tel-input": "^23.3.0",
     "js-md5": "^0.8.3",
     "langchain": "^0.2.8",
     "lodash": "^4.17.21",
-    "lucide-react": "^0.400.0",
+    "lucide-react": "^0.407.0",
     "mark.js": "^8.11.1",
     "microsoft-cognitiveservices-speech-sdk": "^1.38.0",
     "next-themes": "^0.3.0",
-    "openai": "^4.52.2",
+    "openai": "^4.52.5",
     "pitchfinder": "^2.3.2",
     "postcss": "^8.4.38",
     "proxy-agent": "^6.4.0",
     "react": "^18.3.1",
     "react-activity-calendar": "^2.2.11",
     "react-dom": "^18.3.1",
-    "react-hook-form": "^7.52.0",
+    "react-hook-form": "^7.52.1",
     "react-hotkeys-hook": "^4.5.0",
     "react-i18next": "^14.1.2",
     "react-markdown": "^9.0.1",
-    "react-router-dom": "^6.24.0",
-    "react-tooltip": "^5.27.0",
+    "react-resizable-panels": "^2.0.20",
+    "react-router-dom": "^6.24.1",
+    "react-tooltip": "^5.27.1",
     "reflect-metadata": "^0.2.2",
-    "rimraf": "^5.0.7",
+    "rimraf": "^6.0.1",
     "sequelize": "^6.37.3",
     "sequelize-typescript": "^2.1.6",
     "sonner": "^1.5.0",
     "sqlite3": "^5.1.7",
     "tailwind-scrollbar-hide": "^1.1.7",
     "umzug": "^3.8.1",
     "update-electron-app": "^3.0.0",
-    "wavesurfer.js": "^7.8.0",
+    "wavesurfer.js": "^7.8.1",
     "zod": "^3.23.8",
     "zod-to-json-schema": "^3.23.1"
   }

enjoy/src/api/client.ts

@@ -473,4 +473,108 @@ export class Client {
       params: decamelizeKeys(params),
     });
   }
+
+  courses(params?: {
+    language?: string;
+    page?: number;
+    items?: number;
+    query?: string;
+  }): Promise<
+    {
+      courses: CourseType[];
+    } & PagyResponseType
+  > {
+    return this.api.get("/api/courses", { params: decamelizeKeys(params) });
+  }
+
+  course(id: string): Promise<CourseType> {
+    return this.api.get(`/api/courses/${id}`);
+  }
+
+  createEnrollment(courseId: string): Promise<EnrollmentType> {
+    return this.api.post(`/api/enrollments`, decamelizeKeys({ courseId }));
+  }
+
+  courseChapters(
+    courseId: string,
+    params?: {
+      page?: number;
+      items?: number;
+      query?: string;
+    }
+  ): Promise<
+    {
+      chapters: ChapterType[];
+    } & PagyResponseType
+  > {
+    return this.api.get(`/api/courses/${courseId}/chapters`, {
+      params: decamelizeKeys(params),
+    });
+  }
+
+  coursechapter(courseId: string, id: number | string): Promise<ChapterType> {
+    return this.api.get(`/api/courses/${courseId}/chapters/${id}`);
+  }
+
+  finishCourseChapter(courseId: string, id: number | string): Promise<void> {
+    return this.api.post(`/api/courses/${courseId}/chapters/${id}/finish`);
+  }
+
+  enrollments(params?: { page?: number; items?: number }): Promise<
+    {
+      enrollments: EnrollmentType[];
+    } & PagyResponseType
+  > {
+    return this.api.get("/api/enrollments", { params: decamelizeKeys(params) });
+  }
+
+  updateEnrollment(
+    id: string,
+    params: {
+      currentChapterId?: string;
+    }
+  ): Promise<EnrollmentType> {
+    return this.api.put(`/api/enrollments/${id}`, decamelizeKeys(params));
+  }
+
+  createLlmChat(params: {
+    agentId: string;
+    agentType: string;
+  }): Promise<LLmChatType> {
+    return this.api.post("/api/chats", decamelizeKeys(params));
+  }
+
+  llmChat(id: string): Promise<LLmChatType> {
+    return this.api.get(`/api/chats/${id}`);
+  }
+
+  createLlmMessage(
+    chatId: string,
+    params: {
+      query: string;
+      agentId?: string;
+      agentType?: string;
+    }
+  ): Promise<LlmMessageType> {
+    return this.api.post(
+      `/api/chats/${chatId}/messages`,
+      decamelizeKeys(params)
+    );
+  }
+
+  llmMessages(
+    chatId: string,
+    params: {
+      page?: number;
+      items?: number;
+    }
+  ): Promise<
+    {
+      messages: LlmMessageType[];
+    } & PagyResponseType
+  > {
+    return this.api.get(`/api/chats/${chatId}/messages`, {
+      params: decamelizeKeys(params),
+    });
+  }
 }

enjoy/src/i18n/en.json

@@ -133,6 +133,7 @@
   },
   "sidebar": {
     "home": "Home",
+    "courses": "Courses",
     "community": "Community",
     "audios": "Audios",
     "videos": "Videos",
@@ -632,5 +633,11 @@
   "noData": "No data",
   "selectedFiles": "Selected files",
   "moreOptions": "More options",
-  "lessOptions": "Less options"
+  "lessOptions": "Less options",
+  "previousChapter": "Previous",
+  "nextChapter": "Next",
+  "examples": "Examples",
+  "continueLearning": "Continue learning",
+  "enrollNow": "Enroll now",
+  "enrollments": "Enrollments"
 }

enjoy/src/i18n/zh-CN.json

@@ -133,6 +133,7 @@
   },
   "sidebar": {
     "home": "主页",
+    "courses": "课程",
     "community": "社区",
     "audios": "音频",
     "videos": "视频",
@@ -632,5 +633,11 @@
   "noData": "没有数据",
   "selectedFiles": "已选中文件",
   "moreOptions": "更多选项",
-  "lessOptions": "更少选项"
+  "lessOptions": "更少选项",
+  "previousChapter": "上一章",
+  "nextChapter": "下一章",
+  "examples": "示例",
+  "continueLearning": "继续练习",
+  "enrollNow": "加入练习",
+  "enrollments": "参加的课程"
 }

enjoy/src/main.ts

@@ -14,9 +14,11 @@ import { updateElectronApp, UpdateSourceType } from "update-electron-app";
 
 const logger = log.scope("main");
 
-Sentry.init({
-  dsn: SENTRY_DSN,
-});
+if (app.isPackaged) {
+  Sentry.init({
+    dsn: SENTRY_DSN,
+  });
+}
 
 app.commandLine.appendSwitch("enable-features", "SharedArrayBuffer");
 

enjoy/src/main/db/handlers/audios-handler.ts

@@ -35,6 +35,7 @@ class AudiosHandler {
       ],
       where,
       ...options,
+      group: ["Audio.id"],
     });
 
     if (!audios) {
@@ -116,14 +117,21 @@ class AudiosHandler {
     id: string,
     params: Attributes<Audio>
   ) {
-    const { name, description, metadata, language } = params;
+    const { name, description, metadata, language, coverUrl, source } = params;
 
     const audio = await Audio.findByPk(id);
 
     if (!audio) {
       throw new Error(t("models.audio.notFound"));
     }
-    return await audio.update({ name, description, metadata, language });
+    return await audio.update({
+      name,
+      description,
+      metadata,
+      language,
+      coverUrl,
+      source,
+    });
   }
 
   private async destroy(_event: IpcMainEvent, id: string) {

enjoy/src/main/db/handlers/speeches-handler.ts

@@ -4,8 +4,21 @@ import fs from "fs-extra";
 import path from "path";
 import settings from "@main/settings";
 import { hashFile } from "@main/utils";
+import { Attributes, WhereOptions } from "sequelize";
 
 class SpeechesHandler {
+  private async findOne(
+    _event: IpcMainEvent,
+    where: WhereOptions<Attributes<Speech>>
+  ) {
+    const speech = await Speech.findOne({ where });
+    if (!speech) {
+      return null;
+    }
+
+    return speech.toJSON();
+  }
+
   private async create(
     event: IpcMainEvent,
     params: {
@@ -43,6 +56,7 @@ class SpeechesHandler {
   }
 
   register() {
+    ipcMain.handle("speeches-find-one", this.findOne);
     ipcMain.handle("speeches-create", this.create);
   }
 }

enjoy/src/main/db/handlers/videos-handler.ts

@@ -35,6 +35,7 @@ class VideosHandler {
       ],
       where,
       ...options,
+      group: ["Video.id"],
     });
     if (!videos) {
       return [];
@@ -106,13 +107,13 @@ class VideosHandler {
     id: string,
     params: Attributes<Video>
   ) {
-    const { name, description, metadata, language } = params;
+    const { name, description, metadata, language, coverUrl, source } = params;
 
     const video = await Video.findByPk(id);
     if (!video) {
       throw new Error(t("models.video.notFound"));
     }
-    video.update({ name, description, metadata, language });
+    video.update({ name, description, metadata, language, coverUrl, source });
   }
 
   private async destroy(event: IpcMainEvent, id: string) {

enjoy/src/main/db/models/audio.ts

@@ -311,7 +311,7 @@ export class Audio extends Model<Audio> {
       },
     });
     if (existing) {
-      throw new Error(t("audioAlreadyAddedToLibrary", { file: filePath }));
+      return existing;
     }
 
     // Generate ID