feat: update codebase with latest changes

Author: Gerome El-assaad

app/api/flags/route.ts

@@ -56,8 +56,13 @@ export default function Home() {
   const [isAuthDialogOpen, setAuthDialog] = useState(false)
   const [authView, setAuthView] = useState<ViewType>('sign_in')
   const [isRateLimited, setIsRateLimited] = useState(false)
-  const setAuthDialogCallback = useCallback(setAuthDialog, [])
-  const setAuthViewCallback = useCallback(setAuthView, [])
+  const setAuthDialogCallback = useCallback((isOpen: boolean) => {
+    setAuthDialog(isOpen)
+  }, [setAuthDialog])
+
+  const setAuthViewCallback = useCallback((view: ViewType) => {
+    setAuthView(view)
+  }, [setAuthView])
   const [errorMessage, setErrorMessage] = useState('')
   const [executionResult, setExecutionResult] = useState<ExecutionResult | undefined>(undefined)
 

app/api/telemetry/route.ts

@@ -1,68 +1,30 @@
-import { useEffect, useState } from 'react'
-import { CodeEditor } from './code-editor'
-import { Button } from './ui/button'
-import { useToast } from './ui/use-toast'
-
-export function CodeView({
-  code: initialCode,
-  lang,
-  onSave,
-}: {
-  code: string
-  lang: string
-  onSave: (content: string) => void
-}) {
-  const [code, setCode] = useState(initialCode)
-  const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false)
-  const { toast } = useToast()
+// import "prismjs/plugins/line-numbers/prism-line-numbers.js";
+// import "prismjs/plugins/line-numbers/prism-line-numbers.css";
+import './code-theme.css'
+import Prism from 'prismjs'
+import 'prismjs/components/prism-javascript'
+import 'prismjs/components/prism-jsx'
+import 'prismjs/components/prism-python'
+import 'prismjs/components/prism-tsx'
+import 'prismjs/components/prism-typescript'
+import { useEffect } from 'react'
 
+export function CodeView({ code, lang }: { code: string; lang: string }) {
   useEffect(() => {
-    setCode(initialCode)
-    setHasUnsavedChanges(false)
-  }, [initialCode])
-
-  function handleCodeChange(newCode: string | undefined) {
-    setCode(newCode || '')
-    setHasUnsavedChanges((newCode || '') !== initialCode)
-  }
-
-  function handleSave() {
-    onSave(code)
-    setHasUnsavedChanges(false)
-    toast({
-      title: 'File saved',
-      description: 'Your changes have been saved successfully.',
-    })
-  }
+    Prism.highlightAll()
+  }, [code])
 
   return (
-    <div className="h-full flex flex-col">
-      <div className="flex-1 min-h-0">
-        <CodeEditor
-          code={code}
-          lang={lang}
-          onChange={handleCodeChange}
-        />
-      </div>
-      <div className="p-3 border-t bg-muted/20 flex items-center justify-between">
-        <div className="flex items-center gap-4 text-sm text-muted-foreground">
-          <span>Lines: {code.split('\n').length}</span>
-          <span>Characters: {code.length}</span>
-          <span>Language: {lang || 'text'}</span>
-        </div>
-        <div className="flex items-center gap-2">
-          {hasUnsavedChanges && (
-            <span className="text-xs text-orange-500">Unsaved changes</span>
-          )}
-          <Button 
-            onClick={handleSave}
-            size="sm"
-            variant={hasUnsavedChanges ? 'default' : 'outline'}
-          >
-            Save {hasUnsavedChanges && '*'}
-          </Button>
-        </div>
-      </div>
-    </div>
+    <pre
+      className="p-4 pt-2"
+      style={{
+        fontSize: 12,
+        backgroundColor: 'transparent',
+        borderRadius: 0,
+        margin: 0,
+      }}
+    >
+      <code className={`language-${lang}`}>{code}</code>
+    </pre>
   )
-}
+}

app/api/webhooks/github/route.ts

@@ -85,7 +85,6 @@ export function FragmentCode({
         <CodeView
           code={currentFileContent || ''}
           lang={currentFile.split('.').pop() || ''}
-          onSave={() => {}}
         />
       </div>
     </div>