Add precode functionality

components/EditorSplit.tsx

@@ -1,7 +1,9 @@
 import Editor from "../islands/Editor.tsx";
+import { getPreCode } from "../utils/precode.ts";
 import { getTestCase } from "../utils/testcase.ts";
 
 export default function EditorSplit(props: { slug: string }) {
+  const precode = getPreCode(props.slug);
   const testcases = getTestCase(props.slug);
   return (
     <>
@@ -22,7 +24,7 @@ export default function EditorSplit(props: { slug: string }) {
         </div>
       </div>
       <Editor
-        preCode={'console.log("Hello World!")'}
+        preCode={precode}
         testcases={testcases}
         slug={props.slug}
       />

courses/variables/testcases.json

@@ -22,5 +22,6 @@
                 "regex": ".*"
             }
         }
-    ]
+    ],
+    "case-sensitivity-in-variables": []
 }

precodes/variables/case-sensitivity-in-variables.js

@@ -0,0 +1,8 @@
+var myVar = 5;
+var MyVar = 10;
+var myVAR = 15;
+console.log(myVar, MyVar, myVAR); // 5 10 15
+/*
+الاتخبار :
+تطبع رقم 20 عبر جمع رقمين مختلفين.
+*/

utils/precode.ts

@@ -0,0 +1,17 @@
+import { extract } from "https://deno.land/std@0.151.0/encoding/front_matter.ts";
+import {existsSync} from "https://deno.land/std@0.212.0/fs/mod.ts";
+export function getPreCode(slug: string): string {
+    console.log(slug);
+    // TODO: implement this
+    // open slug file from courses folder .md
+    // find precode
+    // return precode
+    if (!existsSync(`./precodes/${slug}.js`)) {
+        return `console.log("السلام عليكم, :)");`
+    }
+    const text = Deno.readTextFileSync(`./precodes/${slug}.js`);
+    if (text.length > 0) {
+        return text;
+    }
+    return `console.log("السلام عليكم, :)");`
+}