[FEAT]: bisc 코드파일 추가

Author: Seol-JY

client/public/img/c.png

@@ -13,7 +13,10 @@ import ConditionalBanner from "./components/ConditionalBanner";
 
 function App() {
   const [section, setSection] = useState("1");
-  const [file, setFile] = useState("hello.py");
+  const [file, setFile] = useState(() => {
+    const params = new URLSearchParams(window.location.search);
+    return params.get("event") === "bisc" ? "ex.py" : "hello.py";
+  });
   const [fileLength, setFileLength] = useState(928);
   const [position, setPosition] = useState({ x: 0, y: 0 });
   const [daynight, setdaynight] = useState(1);

client/src/App.js

@@ -14,13 +14,64 @@ export default function AutoCompletion({
 }) {
   const [comp, setComp] = useState([]);
   const [autoIndex, setAutoIndex] = useState(0);
+  const cKeyword = [
+    "auto",
+    "break",
+    "case",
+    "char",
+    "const",
+    "continue",
+    "default",
+    "do",
+    "double",
+    "else",
+    "enum",
+    "extern",
+    "float",
+    "for",
+    "goto",
+    "if",
+    "inline",
+    "int",
+    "long",
+    "register",
+    "return",
+    "short",
+    "signed",
+    "sizeof",
+    "static",
+    "struct",
+    "switch",
+    "typedef",
+    "union",
+    "unsigned",
+    "void",
+    "volatile",
+    "while",
+    "#include",
+    "#define",
+    "#ifndef",
+    "#endif",
+    "NULL",
+    "malloc",
+    "free",
+    "printf",
+    "scanf",
+    "main",
+    "stdio.h",
+    "stdlib.h",
+    "string.h",
+  ];
+
   const pyKeyword = [
     "False",
     "None",
     "True",
     "and",
     "as",
     "assert",
+    "async",
+    "await",
     "break",
     "class",
     "continue",
@@ -48,6 +99,24 @@ export default function AutoCompletion({
     "while",
     "with",
     "yield",
+    "self",
+    "__init__",
+    "print",
+    "len",
+    "range",
+    "list",
+    "dict",
+    "set",
+    "tuple",
+    "str",
+    "int",
+    "float",
+    "bool",
+    "input",
+    "open",
+    "append",
+    "extend",
+    "remove",
   ];
 
   const javaKeyword = [
@@ -91,37 +160,49 @@ export default function AutoCompletion({
     "static",
     "super",
     "switch",
+    "synchronized",
     "this",
     "throw",
     "throws",
+    "transient",
     "try",
     "void",
+    "volatile",
     "while",
     "true",
     "false",
+    "null",
+    "String",
+    "System",
+    "println",
+    "ArrayList",
+    "HashMap",
+    "Override",
   ];
 
   const jsKeyword = [
     "abstract",
     "arguments",
-    "await*",
+    "await",
     "boolean",
     "break",
     "byte",
     "case",
     "catch",
     "char",
-    "class*",
+    "class",
     "const",
     "continue",
     "debugger",
     "default",
     "delete",
-    "dodouble",
+    "do",
+    "double",
     "else",
-    "enum*",
-    "evalexport*",
-    "extends*",
+    "enum",
+    "eval",
+    "export",
+    "extends",
     "false",
     "final",
     "finally",
@@ -131,12 +212,12 @@ export default function AutoCompletion({
     "goto",
     "if",
     "implements",
-    "import*",
+    "import",
     "in",
     "instanceof",
     "int",
     "interface",
-    "let*",
+    "let",
     "long",
     "native",
     "new",
@@ -148,7 +229,7 @@ export default function AutoCompletion({
     "return",
     "short",
     "static",
-    "super*",
+    "super",
     "switch",
     "synchronized",
     "this",
@@ -159,10 +240,22 @@ export default function AutoCompletion({
     "try",
     "typeof",
     "var",
-    "voidvolatile",
+    "void",
+    "volatile",
     "while",
     "with",
     "yield",
+    "async",
+    "document",
+    "window",
+    "console",
+    "map",
+    "filter",
+    "reduce",
+    "Promise",
+    "async",
+    "fetch",
+    "addEventListener",
   ];
 
   const supportLangList = {
@@ -195,12 +288,14 @@ export default function AutoCompletion({
   }, [keyEvent]);
 
   useEffect(() => {
-    if (autoWord.length !== 0) {
+    if (autoWord.length !== 0 && file) {
+      // file 존재 여부 체크 추가
       const extension = file.split(".");
       setComp(
-        supportLangList[extension[extension.length - 1]].filter((keyword) => {
+        supportLangList[extension[extension.length - 1]]?.filter((keyword) => {
+          // optional chaining 추가
           return autoWord.join("") == keyword.substring(0, autoWord.length);
-        })
+        }) || [] // fallback 배열 추가
       );
     } else {
       setComp([]);

client/src/components/AutoCompletion.jsx

@@ -3,18 +3,40 @@ import Debug from "./Debug";
 import LeaderBoard from "./LeaderBoard";
 import IconGenerator from "./IconGenerator";
 export default function Sidebar(props) {
-  const [filestate, setFilestate] = useState("hello.py");
-  const filename = [
-    "hello.py",
-    "test.java",
-    "server.js",
-    "RectangleArea.java",
-    "say_hello.py",
-    "Example.java",
-    "Fibonacci.java",
-  ];
+  const [filestate, setFilestate] = useState(() => {
+    const params = new URLSearchParams(window.location.search);
+    return params.get("event") === "bisc" ? "ex.py" : "hello.py";
+  });
+
+  const [isEventMode, setIsEventMode] = useState(false);
+
   useEffect(() => {
-    if (props.section === "1") {
+    const params = new URLSearchParams(window.location.search);
+    const event = params.get("event");
+    setIsEventMode(event?.toLowerCase() === "bisc");
+  }, []);
+
+  const filename = isEventMode
+    ? ["ex.py", "print.c", "sha256.java"]
+    : [
+        "hello.py",
+        "test.java",
+        "server.js",
+        "RectangleArea.java",
+        "say_hello.py",
+        "Example.java",
+        "Fibonacci.java",
+      ];
+
+  useEffect(() => {
+    if (props.section === "1" && isEventMode) {
+      setFilestate(filestate);
+      props.setFile(filestate);
+    }
+  }, [props.section]);
+
+  useEffect(() => {
+    if (props.section === "1" && !isEventMode) {
       setFilestate(filestate);
       props.setFile(filestate);
     } else if (props.section === "2") {

client/src/components/Sidebar.jsx

@@ -1,5 +1,38 @@
 const getFilecontents = (filename) => {
   switch (filename) {
+    case "ex.py":
+      return {
+        content: `from pwn import *
+p = remote("bisc", 4444)
+payload = b"A" * 0x40
+payload += p32(0xdeadbeef)
+p.sendline(payload)
+p.interactive()`.split(""),
+        colormap: "",
+      };
+    case "print.c":
+      return {
+        content: `#include <stdio.h>
+int main() {
+    printf("welcome to bisc\\n")
+    puts("WELCOME TO BISC\\n");
+    write(1, "wELcOmE tO BisC\\n", 17);
+    return 0;
+}`.split(""),
+        colormap: "",
+      };
+    case "sha256.java":
+      return {
+        content: `public class HashPassword {
+    public static void main(String[] args) throws Exception {
+        String password = "bisc";
+        MessageDigest md = MessageDigest.getInstance("SHA-256");
+        byte[] hash = md.digest(password.getBytes());
+        System.out.printf("%064x%n", new java.math.BigInteger(1, hash));
+    }
+}`.split(""),
+        colormap: "",
+      };
     case "RectangleArea.java":
       return {
         content: [