(v0.1.6.2-alpha) VSCode Editor!

Ah yes another app checked off the list! I tried using vscode.dev didnt work with iframe, then i tried using monaco editor but uhh it was plain editor SO finally i went down a crazy rabbit hole and found github1s.com. And i have used that to show my repo in the app!!

Author: rupnil-codes

README.md

@@ -37,10 +37,12 @@ Your PC has been compromised by a group called the "HackClub". Can you regain co
 - [ ] Window App's title bar and tab bar colors need adjusting.
 - [ ] Notepad Generalised component
 - [ ] CHANGE CHROME TO BRAVE
-- [ ] Terminal
+- [X] VSCode App (Added v0.1.6.2)
+- [X] Terminal (v0.1.6.0 ... v0.1.6.1)
+- [X] Terminal (Proper) Selection, Proper fonts, Polish (Done v0.1.6.1)
 - [X] Make a Progress Panel and HINT icon that always stays on top of the screen (below apps above desktop)
 - [ ] Progress Panel and Hint page with proper functionalities
 - [X] Remove Border on Fullscreen (Fixed v0.1.5.8(2))
 - [ ] BUG: The windows menu opens but the indicator is not shown in the taskbar
 - [ ] Make Progress Panel actually show progress.
-- [X] Terminal (Proper) Selection, Proper fonts, Polish (Done v0.1.6.1)
+- 

devlog_template.md

@@ -2,7 +2,7 @@
 ---
 ### Next Steps:
 - ~~A game sequence~~ (DESIGNED!)
-- Each App T-T (2/6)
+- Each App T-T (4/6)
 - Hints and Actual Gameplay
 ---
 ### Notes:

src/apps/chrome.jsx

@@ -4,7 +4,10 @@ function Chrome() {
 
     return (
         <>
-            <p>Chrome Browser :P</p>
+            <iframe
+                className={"chrome-iframe"}
+                src={"https://5.39.47.103/#/cast/browser"}
+            />
         </>
     )
 }

src/apps/terminal.jsx

@@ -75,6 +75,7 @@ function Terminal() {
         }
     };
 
+
     return (
         <div
             className="terminal-app"
@@ -99,7 +100,6 @@ function Terminal() {
                         value={input}
                         onChange={(e) => {
                             setInput(e.target.value);
-                            e.target.parentElement.style.setProperty('--char-count', e.target.value.length);
                         }}
                         onKeyDown={handleKeyDown}
                         autoComplete="off"

src/apps/vscode.jsx

@@ -4,7 +4,11 @@ function VSCode() {
 
     return (
         <>
-            <p>VSCode</p>
+            <iframe
+                src="https://github1s.com/rupnil-codes/override.exe/blob/main/src/routes/desktop.jsx"
+                title="VSCode"
+                className="vscode-iframe"
+            ></iframe>
         </>
     )
 }

src/styles/apps/chrome.css

@@ -0,0 +1,10 @@
+
+.chrome-iframe {
+    height: 100%;
+    width: 100%;
+
+    border: none;
+    outline: none;
+
+    border-radius: 0 0 0.5rem 0.5rem;
+}

src/styles/apps/vscode.css

@@ -0,0 +1,10 @@
+
+.vscode-iframe {
+    height: 100%;
+    width: 100%;
+
+    outline: none;
+    border: none;
+
+    border-radius: 0 0 0.5rem 0.5rem;
+}