Spaces:

00Boobs00
/

anycoder-4b8d5e0c

Runtime error

App Files Files Community

00Boobs00 commited on Jan 20

Commit

d29312f

verified ·

1 Parent(s): c445bf8

Upload pages/index.js with huggingface_hub

Browse files

Files changed (1) hide show

pages/index.js +311 -0

pages/index.js ADDED Viewed

	@@ -0,0 +1,311 @@

+import Head from 'next/head';
+import { useState, useRef, useEffect } from 'react';
+import { Mic, MicOff, Rocket, Code, Terminal, Cpu, Shield } from 'lucide-react';
+export default function HermesDirective() {
+  const [prompt, setPrompt] = useState('');
+  const [voiceMatrix, setVoiceMatrix] = useState('neutral');
+  const [affectVector, setAffectVector] = useState('informative');
+  const [intentField, setIntentField] = useState('technical');
+  const [targetStack, setTargetStack] = useState('gradio+fastapi');
+  const [output, setOutput] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [isListening, setIsListening] = useState(false);
+  const [interimTranscript, setInterimTranscript] = useState('');
+  const recognitionRef = useRef(null);
+  // Initialize Web Speech API
+  useEffect(() => {
+    if (typeof window !== 'undefined' && 'webkitSpeechRecognition' in window) {
+      const SpeechRecognition = window.webkitSpeechRecognition;
+      recognitionRef.current = new SpeechRecognition();
+      recognitionRef.current.continuous = true;
+      recognitionRef.current.interimResults = true;
+      recognitionRef.current.lang = 'en-US';
+      recognitionRef.current.onresult = (event) => {
+        let finalTranscript = '';
+        let interim = '';
+        for (let i = event.resultIndex; i < event.results.length; ++i) {
+          if (event.results[i].isFinal) {
+            finalTranscript += event.results[i][0].transcript;
+          } else {
+            interim += event.results[i][0].transcript;
+          }
+        }
+        if (finalTranscript) {
+          setPrompt(prev => prev + (prev ? ' ' : '') + finalTranscript);
+        }
+        setInterimTranscript(interim);
+      };
+      recognitionRef.current.onerror = (event) => {
+        console.error('Speech recognition error', event.error);
+        setIsListening(false);
+      };
+      recognitionRef.current.onend = () => {
+        setIsListening(false);
+      };
+    }
+  }, []);
+  const toggleListening = () => {
+    if (!recognitionRef.current) {
+      alert('Speech recognition is not supported in this browser. Try Chrome on Android (Termux) or Desktop.');
+      return;
+    }
+    if (isListening) {
+      recognitionRef.current.stop();
+      setIsListening(false);
+      setInterimTranscript('');
+    } else {
+      recognitionRef.current.start();
+      setIsListening(true);
+    }
+  };
+  const handleGenerate = async () => {
+    if (!prompt.trim()) return;
+    setLoading(true);
+    setOutput('');
+    // Simulate API latency and generation
+    setTimeout(() => {
+      const mockResponse = `# Generated by Dolphin 2.9 Hermes Directive
+# Stack: ${targetStack} | Voice: ${voiceMatrix} | Intent: ${intentField}
+import gradio as gr
+import torch
+from transformers import pipeline
+# Optimized for mobile deployment
+def execute_directive(user_input):
+    """
+    Generated based on prompt: "${prompt.substring(0, 50)}..."
+    """
+    # Placeholder for actual inference logic
+    return "Hermes Directive Executed Successfully.\\nCode generated for ${intentField} context."
+# Gradio Interface Mobile Optimized
+with gr.Blocks(theme=gr.themes.Dark()) as demo:
+    gr.Markdown("# Mobile Vibe Coding Interface")
+    inp = gr.Textbox(label="Command", placeholder="Enter directive...")
+    out = gr.Textbox(label="Result")
+    btn = gr.Button("Execute")
+    btn.click(fn=execute_directive, inputs=inp, outputs=out)
+if __name__ == "__main__":
+    demo.launch(server_name="0.0.0.0", server_port=7860)`;
+      setOutput(mockResponse);
+      setLoading(false);
+    }, 2000);
+  };
+  return (
+    <div className="min-h-screen bg-dolphin-900 text-slate-100 font-sans selection:bg-dolphin-accent selection:text-dolphin-900">
+      <Head>
+        <title>Hermes Directive Engine | Mobile Optimized</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+        <meta name="description" content="Uncensored Full-Stack Vibe Coding Interface" />
+      </Head>
+      {/* Header */}
+      <header className="border-b border-dolphin-700 bg-dolphin-800/50 backdrop-blur-sm sticky top-0 z-50">
+        <div className="max-w-7xl mx-auto px-4 py-3 flex justify-between items-center">
+          <div className="flex items-center gap-2">
+            <Cpu className="w-6 h-6 text-dolphin-accent" />
+            <h1 className="font-bold text-lg sm:text-xl tracking-tight">
+              Hermes Directive <span className="text-dolphin-accent">Engine</span>
+            </h1>
+          </div>
+          <a
+            href="https://huggingface.co/spaces/akhaliq/anycoder"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-xs sm:text-sm text-slate-400 hover:text-dolphin-accent transition-colors"
+          >
+            Built with anycoder
+          </a>
+        </div>
+      </header>
+      <main className="max-w-7xl mx-auto px-4 py-6 pb-24">
+        {/* Hero Section */}
+        <div className="mb-8 text-center sm:text-left">
+          <h2 className="text-3xl sm:text-4xl font-extrabold mb-2 bg-clip-text text-transparent bg-gradient-to-r from-dolphin-accent to-purple-400">
+            Dolphin 2.9 Mobile
+          </h2>
+          <p className="text-slate-400 text-sm sm:text-base">
+            Uncensored full-stack vibe coding optimized for Termux & mobile environments.
+          </p>
+        </div>
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+          {/* Input Column */}
+          <div className="space-y-6">
+            {/* Voice Input Section */}
+            <div className="bg-dolphin-800 rounded-xl p-4 border border-dolphin-700 shadow-lg">
+              <label className="block text-sm font-medium text-slate-300 mb-2 flex items-center gap-2">
+                <Terminal className="w-4 h-4" />
+                Directive Input
+              </label>
+              <div className="relative">
+                <textarea
+                  value={prompt}
+                  onChange={(e) => setPrompt(e.target.value)}
+                  placeholder="Describe your app (e.g., 'Build a secure E2EE chat app with DeltaChat integration')..."
+                  className="w-full h-32 bg-dolphin-900 border border-dolphin-700 rounded-lg p-3 text-slate-100 placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-dolphin-accent focus:border-transparent resize-none text-sm"
+                />
+                {interimTranscript && (
+                  <div className="absolute bottom-2 right-2 text-dolphin-accent text-xs italic bg-dolphin-900/90 px-2 py-1 rounded">
+                    {interimTranscript}
+                  </div>
+                )}
+              </div>
+              <div className="mt-3 flex gap-3">
+                <button
+                  onClick={toggleListening}
+                  disabled={!recognitionRef.current}
+                  className={`
+                    flex-1 flex items-center justify-center gap-2 py-3 px-4 rounded-lg font-medium transition-all duration-200 active:scale-95
+                    ${isListening
+                      ? 'bg-red-500/20 text-red-400 border border-red-500/50 animate-pulse'
+                      : 'bg-dolphin-700 text-slate-200 border border-dolphin-600 hover:bg-dolphin-600'}
+                    ${!recognitionRef.current ? 'opacity-50 cursor-not-allowed' : ''}
+                  `}
+                >
+                  {isListening ? <MicOff className="w-5 h-5" /> : <Mic className="w-5 h-5" />}
+                  {isListening ? 'Stop Listening' : 'Voice Input'}
+                </button>
+              </div>
+            </div>
+            {/* Configuration Matrix */}
+            <div className="bg-dolphin-800 rounded-xl p-4 border border-dolphin-700 shadow-lg">
+              <h3 className="text-sm font-medium text-slate-300 mb-4 flex items-center gap-2">
+                <Shield className="w-4 h-4" />
+                Configuration Matrix
+              </h3>
+              <div className="grid grid-cols-2 gap-4">
+                {/* Voice Matrix */}
+                <div className="space-y-1">
+                  <label className="text-xs text-slate-500 uppercase tracking-wider">Voice Matrix</label>
+                  <select
+                    value={voiceMatrix}
+                    onChange={(e) => setVoiceMatrix(e.target.value)}
+                    className="w-full bg-dolphin-900 border border-dolphin-700 rounded-md p-2 text-sm text-slate-200 focus:outline-none focus:ring-1 focus:ring-dolphin-accent"
+                  >
+                    <option value="neutral">Neutral</option>
+                    <option value="assertive">Assertive</option>
+                    <option value="playful">Playful</option>
+                    <option value="technical">Technical</option>
+                  </select>
+                </div>
+                {/* Affect Vector */}
+                <div className="space-y-1">
+                  <label className="text-xs text-slate-500 uppercase tracking-wider">Affect Vector</label>
+                  <select
+                    value={affectVector}
+                    onChange={(e) => setAffectVector(e.target.value)}
+                    className="w-full bg-dolphin-900 border border-dolphin-700 rounded-md p-2 text-sm text-slate-200 focus:outline-none focus:ring-1 focus:ring-dolphin-accent"
+                  >
+                    <option value="informative">Informative</option>
+                    <option value="persuasive">Persuasive</option>
+                    <option value="narrative">Narrative</option>
+                    <option value="directive">Directive</option>
+                  </select>
+                </div>
+                {/* Intent Field */}
+                <div className="space-y-1">
+                  <label className="text-xs text-slate-500 uppercase tracking-wider">Intent Field</label>
+                  <select
+                    value={intentField}
+                    onChange={(e) => setIntentField(e.target.value)}
+                    className="w-full bg-dolphin-900 border border-dolphin-700 rounded-md p-2 text-sm text-slate-200 focus:outline-none focus:ring-1 focus:ring-dolphin-accent"
+                  >
+                    <option value="technical">Technical</option>
+                    <option value="creative">Creative</option>
+                    <option value="cybersecurity">Cybersecurity</option>
+                    <option value="nsfw">NSFW</option>
+                  </select>
+                </div>
+                {/* Target Stack */}
+                <div className="space-y-1">
+                  <label className="text-xs text-slate-500 uppercase tracking-wider">Target Stack</label>
+                  <select
+                    value={targetStack}
+                    onChange={(e) => setTargetStack(e.target.value)}
+                    className="w-full bg-dolphin-900 border border-dolphin-700 rounded-md p-2 text-sm text-slate-200 focus:outline-none focus:ring-1 focus:ring-dolphin-accent"
+                  >
+                    <option value="gradio+fastapi">Gradio + FastAPI</option>
+                    <option value="react+django">React + Django</option>
+                    <option value="streamlit+flask">Streamlit + Flask</option>
+                    <option value="next+python">Next.js + Python API</option>
+                  </select>
+                </div>
+              </div>
+              <button
+                onClick={handleGenerate}
+                disabled={loading || !prompt.trim()}
+                className="mt-6 w-full bg-gradient-to-r from-dolphin-accent to-blue-500 hover:from-blue-400 hover:to-dolphin-accent text-dolphin-900 font-bold py-3 px-4 rounded-lg shadow-lg shadow-blue-500/20 transition-all duration-200 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2"
+              >
+                {loading ? (
+                  <>
+                    <div className="w-5 h-5 border-2 border-dolphin-900 border-t-transparent rounded-full animate-spin" />
+                    Processing Directive...
+                  </>
+                ) : (
+                  <>
+                    <Rocket className="w-5 h-5" />
+                    Generate Full Stack
+                  </>
+                )}
+              </button>
+            </div>
+          </div>
+          {/* Output Column */}
+          <div className="bg-dolphin-800 rounded-xl border border-dolphin-700 shadow-lg flex flex-col h-full min-h-[500px]">
+            <div className="p-4 border-b border-dolphin-700 flex justify-between items-center bg-dolphin-800/50 rounded-t-xl">
+              <h3 className="text-sm font-medium text-slate-300 flex items-center gap-2">
+                <Code className="w-4 h-4" />
+                Production Output
+              </h3>
+              {loading && (
+                <span className="text-xs text-dolphin-accent animate-pulse">Generating via Dolphin 2.9...</span>
+              )}
+            </div>
+            <div className="flex-1 p-4 overflow-auto bg-[#0d1117] rounded-b-xl">
+              {output ? (
+                <pre className="text-xs sm:text-sm font-mono text-green-400 whitespace-pre-wrap leading-relaxed">
+                  {output}
+                </pre>
+              ) : (
+                <div className="h-full flex flex-col items-center justify-center text-slate-600">
+                  <Terminal className="w-12 h-12 mb-3 opacity-50" />
+                  <p className="text-sm">Output will appear here</p>
+                  <p className="text-xs mt-1 opacity-70">Ready for Termux deployment</p>
+                </div>
+              )}
+            </div>
+          </div>
+        </div>
+      </main>
+    </div>
+  );
+}