fix: disable autocorrect and context menu in production

MarkShawn2020 · MarkShawn2020 · commit 17eb62a6a71c · 2026-01-06T09:22:14.000+07:00
diff --git a/index.html b/index.html
@@ -10,5 +10,29 @@
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
+    <script>
+      // Disable autocorrect/spellcheck globally for all inputs
+      document.addEventListener('DOMContentLoaded', () => {
+        const disableAutoCorrect = (el) => {
+          el.setAttribute('autocorrect', 'off');
+          el.setAttribute('autocomplete', 'off');
+          el.setAttribute('autocapitalize', 'off');
+          el.setAttribute('spellcheck', 'false');
+        };
+        // Apply to existing elements
+        document.querySelectorAll('input, textarea, [contenteditable="true"]').forEach(disableAutoCorrect);
+        // Watch for dynamically added elements
+        new MutationObserver((mutations) => {
+          mutations.forEach((m) => {
+            m.addedNodes.forEach((node) => {
+              if (node.nodeType === 1) {
+                if (node.matches?.('input, textarea, [contenteditable="true"]')) disableAutoCorrect(node);
+                node.querySelectorAll?.('input, textarea, [contenteditable="true"]').forEach(disableAutoCorrect);
+              }
+            });
+          });
+        }).observe(document.body, { childList: true, subtree: true });
+      });
+    </script>
   </body>
 </html>
diff --git a/src/components/ui/new-terminal-button.tsx b/src/components/ui/new-terminal-button.tsx
@@ -20,6 +20,12 @@ export const TERMINAL_OPTIONS: TerminalOption[] = [
   { type: "codex", label: "Codex", command: "codex" },
 ];
 
+export interface ProjectOption {
+  id: string;
+  name: string;
+  path: string;
+}
+
 interface NewTerminalSplitButtonProps {
   onSelect: (command?: string) => void;
   variant?: "primary" | "icon";
diff --git a/src/main.tsx b/src/main.tsx
@@ -7,6 +7,11 @@ import "./index.css";
 // Configure Monaco Editor to use local bundled version (avoid CDN issues)
 loader.config({ paths: { vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.52.0/min/vs" } });
 
+// Disable browser context menu in production (no reload/inspect-element)
+if (import.meta.env.PROD) {
+  document.addEventListener("contextmenu", (e) => e.preventDefault());
+}
+
 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
