Copilot v1

.editorconfig

@@ -0,0 +1,6 @@
+root = true
+
+[*]
+end_of_line = lf
+charset = utf-8
+insert_final_newline = true

.env.development

@@ -47,4 +47,5 @@ INVITE_STUDENTS_EMAIL_TO="[email protected]"
 ENABLE_HOME_PAGE_COURSE_API_V2=true
 ENABLE_CHECKLIST_QUALITY=true
 ENABLE_GRADING_METHOD_IN_PROBLEMS=false
-LIBRARY_SUPPORTED_BLOCKS="problem,video,html"
+LIBRARY_SUPPORTED_BLOCKS="problem,video,html,drag-and-drop-v2"
+MFE_CONFIG_API_URL='http://localhost:8000/api/mfe_config/v1'

.eslintrc.js

@@ -12,11 +12,11 @@ module.exports = createConfig(
       'template-curly-spacing': 'off',
       'react-hooks/exhaustive-deps': 'off',
       'no-restricted-exports': 'off',
-      // There is no reason to disallow this syntax anymore; we don't use regenerator-runtime in new browsers
       'no-restricted-syntax': 'off',
+
+      'linebreak-style': ['error', 'unix'],
     },
     settings: {
-      // Import URLs should be resolved using aliases
       'import/resolver': {
         webpack: {
           config: path.resolve(__dirname, 'webpack.dev.config.js'),

.gitattributes

@@ -0,0 +1,2 @@
+# Enforce LF line endings
+* text=auto eol=lf

.gitignore

@@ -25,7 +25,7 @@ temp/babel-plugin-react-intl
 .env.private
 
 # Messages .json files fetched by atlas
-src/i18n/messages/
+# src/i18n/messages/
 
 # environment js config
-env.config.jsx
+# env.config.jsx

createForm.json

@@ -0,0 +1,32 @@
+{
+  "courses": [
+    {
+      "id": "9df5",
+      "title": "kkj",
+      "shortDescription": "kjkj",
+      "description": "",
+      "organization": "Yui",
+      "courseNumber": "lklk",
+      "courseRun": "lklk",
+      "coursePacing": "instructor",
+      "startDate": "2025-04-30T18:30:00+00:00",
+      "startTime": null,
+      "endDate": null,
+      "endTime": null,
+      "enrollmentStartDate": null,
+      "enrollmentStartTime": null,
+      "enrollmentEndDate": null,
+      "enrollmentEndTime": null,
+      "pricingModel": "free",
+      "price": "",
+      "language": "en",
+      "duration": "",
+      "invitationOnly": false,
+      "cardImage": null,
+      "bannerImage": null,
+      "introVideo": null,
+      "prerequisites": "",
+      "license": null
+    }
+  ]
+}

db.json

@@ -0,0 +1,255 @@
+{
+  "dashboard": {
+    "metrics": [
+      {
+        "id": 5,
+        "label": "Active Learners",
+        "value": 0,
+        "icon": "fas fa-users"
+      },
+      {
+        "id": 8,
+        "label": "Total Courses",
+        "value": 11,
+        "icon": "fas fa-chart-bar"
+      },
+      {
+        "id": 9,
+        "label": "Certificate",
+        "value": 1,
+        "icon": "fas fa-tachometer-alt"
+      },
+      {
+        "id": 10,
+        "label": "Enrollments",
+        "value": 0,
+        "icon": "fas fa-clock"
+      }
+    ],
+    "titanAISuggestions": [
+      "Consider adding more interactive elements to engage students",
+      "Review course completion rates and identify areas for improvement",
+      "Update course materials with the latest industry trends"
+    ],
+    "todoList": [
+      "Review student feedback from last week",
+      "Update course syllabus for next semester",
+      "Schedule faculty meeting",
+      "Prepare presentation for upcoming conference"
+    ],
+    "widgets": [
+      {
+        "id": "youtube-widget-1",
+        "title": "Welcome Video",
+        "type": "youtube",
+        "position": "left",
+        "enabled": true,
+        "order": 1,
+        "content": {
+          "videoId": "23HFxAPyJ9U",
+          "title": "Welcome to the Course",
+          "description": "This video provides an overview of the course content and learning objectives.",
+          "autoplay": false
+        }
+      },
+      {
+        "id": "overview-widget-1",
+        "type": "text",
+        "order": 2,
+        "position": "left",
+        "enabled": true,
+        "title": "Overview 1",
+        "content": "<div style='display: flex; flex-direction: column; gap: 1rem;'><div style='display: flex; align-items: center; gap: 1rem; padding: 0.5rem 0; border-bottom: 1px solid #f5f5f5;'><span style='width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;'>📚</span><span style='flex: 1; color: #454545;'>Assigned courses</span><span style='font-weight: 600; color: #000;'>1</span></div><div style='display: flex; align-items: center; gap: 1rem; padding: 0.5rem 0; border-bottom: 1px solid #f5f5f5;'><span style='width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;'>👥</span><span style='flex: 1; color: #454545;'>Active users</span><span style='font-weight: 600; color: #000;'>2</span></div><div style='display: flex; align-items: center; gap: 1rem; padding: 0.5rem 0; border-bottom: 1px solid #f5f5f5;'><span style='width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;'>👥</span><span style='flex: 1; color: #454545;'>Groups</span><span style='font-weight: 600; color: #000;'>1</span></div><div style='display: flex; align-items: center; gap: 1rem; padding: 0.5rem 0; border-bottom: 1px solid #f5f5f5;'><span style='width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;'>⏱️</span><span style='flex: 1; color: #454545;'>Training time</span><span style='font-weight: 600; color: #000;'>0h 0m</span></div><div style='display: flex; align-items: center; gap: 1rem; padding: 0.5rem 0;'><span style='width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;'>📊</span><span style='flex: 1; color: #454545;'>Completion rate</span><span style='font-weight: 600; color: #000;'>0.0%</span></div></div>"
+      },
+      {
+        "id": "overview-widget-3",
+        "type": "chart",
+        "order": 3,
+        "position": "left",
+        "enabled": true,
+        "title": "Overview 3",
+        "content": {
+          "chartType": "pie",
+          "data": [
+            {
+              "label": "Admins",
+              "value": 30
+            },
+            {
+              "label": "Instructors",
+              "value": 40
+            },
+            {
+              "label": "Learners",
+              "value": 60
+            }
+          ],
+          "colors": [
+            "#A5D8FF",
+            "#74C0FC",
+            "#B197FC"
+          ]
+        }
+      },
+      {
+        "id": 3,
+        "title": "Enrollments vs. Completions by Course",
+        "type": "chart",
+        "position": "right",
+        "enabled": true,
+        "order": 3,
+        "content": {
+          "chartType": "horizontalbar",
+          "data": [
+            {
+              "label": "Completed",
+              "value": [
+                0,
+                0,
+                1,
+                0,
+                0,
+                0,
+                1
+              ]
+            },
+            {
+              "label": "Enrollments",
+              "value": [
+                2,
+                4,
+                3,
+                4,
+                3,
+                2,
+                36
+              ]
+            }
+          ],
+          "colors": [
+            "#A5D8FF",
+            "#2196f3"
+          ],
+          "referenceLabels": [
+            "Reducing Time to Market with Effective Simulation and Validation",
+            "Mastering the Modern Machine: A Comprehensive Guide to Computer Science",
+            "Finance and Investment in Climate and Development Projects",
+            "利用协同设计与并行工程",
+            "Introduction to Climate Change and Sustainable Development",
+            "Bachelor of Laws",
+            "Leadership and Management in the Climate Sector"
+          ]
+        }
+      },
+      {
+        "id": "overview-widget-4",
+        "type": "chart",
+        "order": 5,
+        "position": "right",
+        "enabled": true,
+        "title": "Overview 4",
+        "content": {
+          "chartType": "area",
+          "referenceLabels": [
+            "Jan",
+            "Feb",
+            "Mar",
+            "Apr",
+            "May",
+            "Jun",
+            "Jul",
+            "Aug",
+            "Sep",
+            "Oct",
+            "Nov",
+            "Dec"
+          ],
+          "data": [
+            {
+              "label": "Course 1",
+              "value": [
+                20,
+                12,
+                31,
+                8,
+                5,
+                6,
+                7,
+                2,
+                9,
+                10,
+                11,
+                12
+              ]
+            },
+            {
+              "label": "Course 2",
+              "value": [
+                2,
+                4,
+                6,
+                8,
+                10,
+                3,
+                14,
+                16,
+                18,
+                20,
+                22,
+                24
+              ]
+            },
+            {
+              "label": "Course 3",
+              "value": [
+                3,
+                6,
+                9,
+                12,
+                15,
+                18,
+                21,
+                24,
+                27,
+                30,
+                33,
+                36
+              ]
+            },
+            {
+              "label": "Course 4",
+              "value": [
+                5,
+                7,
+                11,
+                13,
+                16,
+                12,
+                28,
+                18,
+                14,
+                26,
+                32,
+                31
+              ]
+            }
+          ],
+          "colors": [
+            "#A5D8FF",
+            "#74C0FC",
+            "#B197FC"
+          ]
+        }
+      },
+      {
+        "id": "calendar-widget-embedded",
+        "type": "html",
+        "order": 6,
+        "position": "right",
+        "enabled": true,
+        "title": "Calendar",
+        "content": "<iframe src=\"https://calendar.google.com/calendar/embed?src=c_mojvheffllu3jhcdd197vj36do%40group.calendar.google.com&ctz=Asia%2FKolkata\" style=\"border: 0\" width=\"800\" height=\"600\" frameborder=\"0\" scrolling=\"no\"></iframe>"
+      }
+    ]
+  }
+}