😒: Some Features added

TeaByte · Jan 11, 2024 · 384c294 · 384c294
1 parent def59d4
commit 384c294
Show file tree

Hide file tree

Showing 6 changed files with 49 additions and 18 deletions.
diff --git a/components/EditorSplit.tsx b/components/EditorSplit.tsx
@@ -1,7 +1,8 @@
 import Editor from "../islands/Editor.tsx";
+import { getTestCase } from "../utils/testcase.ts";
 
-export default function EditorSplit() {
-  // const 
+export default function EditorSplit(props: { slug: string }) {
+  const testcases = getTestCase(props.slug);
   return (
     <>
       <div class="mt-2">
@@ -22,6 +23,7 @@ export default function EditorSplit() {
       </div>
       <Editor
         preCode={'console.log("Hello World!")'}
+        testcases={testcases}
       />
     </>
   );

diff --git a/islands/Editor.tsx b/islands/Editor.tsx
@@ -3,6 +3,9 @@ import { useToast } from "./useToast.ts";
 
 interface CounterProps {
   preCode: string;
+  testcases?:
+    | { regex?: string | undefined; output?: string | undefined }[]
+    | undefined;
 }
 
 declare var window: Window & typeof globalThis;
@@ -30,8 +33,10 @@ export default function Editor(props: CounterProps) {
     setOutput("");
   }
   function handleCodeTest() {
-    handleCodeRun();
-    const code: string | undefined = window.editor.getValue();
+    showToast({
+      msg: "هذه الخاصية غير متوفرة حالياً",
+      type: "warning",
+    });
   }
 
   function handleCodeRun() {
@@ -40,18 +45,20 @@ export default function Editor(props: CounterProps) {
       const capturedOutput: string[] = [];
       const originalConsoleLog = console.log;
       console.log = (...args: any[]) => {
-        capturedOutput.push(args.map((arg) => {
-          if (typeof arg === 'object' && arg !== null) {
-            return JSON.stringify(arg);
-          }
-          return arg.toString();
-        }).join(" "));
+        capturedOutput.push(
+          args.map((arg) => {
+            if (typeof arg === "object" && arg !== null) {
+              return JSON.stringify(arg);
+            }
+            return arg.toString();
+          }).join(" "),
+        );
         originalConsoleLog(...args);
       };
       if (code) {
         eval(code);
       }
-      setOutput(capturedOutput.join('\n'));
+      setOutput(capturedOutput.join("\n"));
 
       console.log = originalConsoleLog;
     } catch (error) {
@@ -75,12 +82,12 @@ export default function Editor(props: CounterProps) {
           >
             مسح
           </button>
-          {/* <button
+          <button
             class="btn btn-error grow"
             onClick={handleCodeTest}
           >
             اختبار
-          </button> */}
+          </button>
         </div>
         <div class="bg-base-300 h-full grow mt-2 mx-2 overflow-y-scroll rounded-lg pb-36">
           <pre className=" bg-base-300 overflow-y-hidden p-4">

diff --git a/islands/Toast.tsx b/islands/Toast.tsx
@@ -16,9 +16,27 @@ export default function Toast() {
               <span>{ToastSignal.value.message}</span>
             </div>
             ) : (
-              <div class="alert alert-error">
-              <span>{ToastSignal.value.message}</span>\
-            </div>
+              ToastSignal.value.type === "error" ? (
+                <div class="alert alert-error">
+                <span>{ToastSignal.value.message}</span>
+              </div>
+              ) : (
+                ToastSignal.value.type === "warning" ? (
+                  <div class="alert alert-warning">
+                  <span>{ToastSignal.value.message}</span>
+                </div>
+                ) : (
+                  ToastSignal.value.type === "info" ? (
+                    <div class="alert alert-info">
+                    <span>{ToastSignal.value.message}</span>
+                  </div>
+                  ) : (
+                    <div class="alert">
+                    <span>{ToastSignal.value.message}</span>
+                  </div>
+                  )
+                )
+              )
             )
           }
         </div>

diff --git a/islands/useToast.ts b/islands/useToast.ts
@@ -1,6 +1,6 @@
 import { ToastSignal } from "./signals/store.ts";
 export function useToast() {
-  function showToast(msg: string, type: "success" | "error" = "success") {
+  function showToast({ msg, type = "success" }: { msg: string; type?: "success" | "error" | "warning" | "info" }) {
     ToastSignal.value = { show: true, message: msg, type: type };
     setTimeout(() => {
       ToastSignal.value = { show: false, message: "", type: "success" };

diff --git a/routes/[...slug].tsx b/routes/[...slug].tsx
@@ -63,7 +63,7 @@ export default function CoursePage(
       <main>
         <div dir="ltr" class="split flex-grow h-full-minus-bar">
           <div id="split-0" class="flex flex-col">
-            <EditorSplit />
+            <EditorSplit slug={course.slug} />
           </div>
           <div id="split-1" class="overflow-y-scroll">
             <MarkdownSplit course={course} lable={lable} />

diff --git a/utils/testcase.ts b/utils/testcase.ts
@@ -3,6 +3,10 @@ export function getTestCase(slug: string): { regex?: string | undefined; output?
     return [
         {
             regex: '.*',
+
+        },
+        {
+            output: '200',
         }
     ]
 }