[fix 🙂] code editor | output etc build issues fixed 🐱‍🏍

Author: devlopersabbir

websites/src/app/_components/code-editor.tsx

@@ -5,7 +5,7 @@ import { useTheme } from 'next-themes';
 import { Card, CardContent } from '@/components/ui/card';
 import { Badge } from '@/components/ui/badge';
 import { Loader2 } from 'lucide-react';
-import { LANGUAGE_MAP, SAMPLE_CODE } from '@/constants';
+import { LANGUAGE_MAP } from '@/constants';
 import { Language } from '@/@types';
 
 interface CodeEditorProps {

websites/src/app/_components/output-viewer.tsx

@@ -6,12 +6,14 @@ import { Card, CardContent } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
 import { Copy, Download, Terminal } from 'lucide-react';
+import { Language, Status } from '@/@types';
+import { editorOptions } from '@/constants/editor';
 
 interface OutputViewerProps {
   output: string;
-  language: string;
+  language: Language;
   executionTime?: number;
-  status: 'success' | 'error' | 'running';
+  status: Status;
 }
 
 export function OutputViewer({
@@ -35,34 +37,13 @@ export function OutputViewer({
     const url = URL.createObjectURL(blob);
     const a = document.createElement('a');
     a.href = url;
-    a.download = `output_${Date.now()}.txt`;
+    a.download = `executeme_${Date.now()}.txt`;
     document.body.appendChild(a);
     a.click();
     document.body.removeChild(a);
     URL.revokeObjectURL(url);
   };
 
-  const editorOptions = {
-    readOnly: true,
-    minimap: { enabled: false },
-    fontSize: 14,
-    lineNumbers: 'on' as const,
-    scrollBeyondLastLine: false,
-    automaticLayout: true,
-    wordWrap: 'on' as const,
-    contextmenu: false,
-    selectOnLineNumbers: false,
-    lineDecorationsWidth: 10,
-    lineNumbersMinChars: 3,
-    glyphMargin: false,
-    folding: false,
-    fontFamily:
-      "'Fira Code', 'JetBrains Mono', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace",
-    fontLigatures: true,
-    renderWhitespace: 'none' as const,
-    renderControlCharacters: false,
-  };
-
   return (
     <Card className="overflow-hidden">
       <CardContent className="p-0">
@@ -112,9 +93,10 @@ export function OutputViewer({
         <div className="relative">
           <Editor
             height="300px"
-            language="plaintext"
+            language={'plaintext'}
             value={
-              output || 'No output yet. Execute your code to see results here.'
+              output ||
+              `No ${language} output yet. Execute your code to see results here.`
             }
             theme={
               status === 'error' ? 'vs' : theme === 'dark' ? 'vs-dark' : 'vs'

websites/src/app/page.tsx

@@ -1,7 +1,5 @@
 'use client';
 
-import type React from 'react';
-
 import { useState } from 'react';
 import { Button } from '@/components/ui/button';
 import {
@@ -11,7 +9,6 @@ import {
   CardHeader,
   CardTitle,
 } from '@/components/ui/card';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import {
   Select,
   SelectContent,
@@ -20,7 +17,7 @@ import {
   SelectValue,
 } from '@/components/ui/select';
 import { Badge } from '@/components/ui/badge';
-import { Upload, Play, FileText, Clock, Code2 } from 'lucide-react';
+import { Play, FileText, Clock, Code2 } from 'lucide-react';
 import { SUPPORTED_LANGUAGES } from '@/constants/language';
 import { CodeEditor } from './_components/code-editor';
 import { OutputViewer } from './_components/output-viewer';
@@ -30,15 +27,12 @@ import { ExecutionResult, Language } from '@/@types';
 export default function ExecuteMePlatform() {
   const [selectedLanguage, setSelectedLanguage] = useState<Language>('python');
   const [code, setCode] = useState('');
-  const [uploadedFile, setUploadedFile] = useState<File | null>(null);
   const [executionResult, setExecutionResult] =
     useState<ExecutionResult | null>(null);
   const [isExecuting, setIsExecuting] = useState(false);
 
   const executeCode = async () => {
-    if (!code.trim()) {
-      return;
-    }
+    if (!code.trim()) return;
 
     setIsExecuting(true);
     setExecutionResult({
@@ -59,6 +53,7 @@ export default function ExecuteMePlatform() {
         language: selectedLanguage,
       });
     } catch (err) {
+      console.log(err);
       setExecutionResult({
         status: 'error',
         output: 'error is here',

websites/src/constants/editor.ts

@@ -0,0 +1,20 @@
+export const editorOptions = {
+  readOnly: true,
+  minimap: { enabled: false },
+  fontSize: 14,
+  lineNumbers: 'on' as const,
+  scrollBeyondLastLine: false,
+  automaticLayout: true,
+  wordWrap: 'on' as const,
+  contextmenu: false,
+  selectOnLineNumbers: false,
+  lineDecorationsWidth: 10,
+  lineNumbersMinChars: 3,
+  glyphMargin: false,
+  folding: false,
+  fontFamily:
+    "'Fira Code', 'JetBrains Mono', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace",
+  fontLigatures: true,
+  renderWhitespace: 'none' as const,
+  renderControlCharacters: false,
+};