codesandbox / codesandbox/codesandbox-client
free code
Open
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 13.6k
- Forks
- 2.4k
- Avg merge
- 6d 19h
- Merged PRs (30d)
- 2
Description
<title>VORTEX AI - Pure Coder ⚡</title>
<style>
body {
background: #0b0813;
color: #00ffcc;
font-family: 'Segoe UI', Arial, sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
}
.chat-container {
width: 95%;
max-width: 500px;
background: #120e24;
border: 2px solid #00ffcc;
border-radius: 16px;
box-shadow: 0 0 25px #00ffcc33;
padding: 20px;
box-sizing: border-box;
}
h2 {
text-align: center;
color: #ff007f;
margin-top: 0;
text-shadow: 0 0 10px #ff007f55;
}
#chat-box {
height: 300px;
background: #0b0813;
border: 1px solid #3d3460;
border-radius: 10px;
padding: 15px;
overflow-y: auto;
color: #fff;
margin-bottom: 15px;
display: flex;
flex-direction: column;
gap: 10px;
}
.msg { padding: 8px 12px; border-radius: 8px; max-width: 80%; word-break: break-word; }
.user { background: #ff007f; color: white; align-self: flex-end; }
.ai { background: #1a153a; color: #00ffcc; border: 1px solid #00ffcc44; align-self: flex-start; white-space: pre-wrap; font-family: monospace; }
.input-area { display: flex; gap: 10px; }
input {
flex: 1;
padding: 14px;
background: #0b0813;
border: 2px solid #3d3460;
color: #fff;
border-radius: 8px;
outline: none;
}
input:focus { border-color: #00ffcc; }
button {
padding: 14px 22px;
background: #00ffcc;
color: #0b0813;
border: none;
border-radius: 8px;
font-weight: bold;
cursor: pointer;
}
button:hover { background: #ff007f; color: #fff; }
</style>
VORTEX CODER AI
Send 🔥 <script type="module"> import { pipeline, env } from 'https://cdn.jsdelivr.net/npm/@xenova/transformers'; // Online viewer ke safe frame ke liye local storage bypass rules env.allowLocalModels = false; env.useBrowserCache = true; let coderBot = null; // Direct Pure Coding Model Load (Qwen 2.5 Coder ~50MB) async function initCoder() { try { coderBot = await pipeline('text-generation', 'Xenova/Qwen2.5-Coder-0.5B-Instruct'); console.log("Coder Model Active!"); } catch (err) { console.error("Initialization failed:", err); } } initCoder(); window.sendMessage = async function() { const chatBox = document.getElementById('chat-box'); const userInput = document.getElementById('userInput'); const text = userInput.value.trim(); if (!text) return; // User input display chatBox.innerHTML += `${text}`; userInput.value = ""; chatBox.scrollTop = chatBox.scrollHeight; if (!coderBot) { chatBox.innerHTML += `System setting check ho rahi hai... 5 second baad dobara Send dabayein! ⚡`; chatBox.scrollTop = chatBox.scrollHeight; return; } chatBox.innerHTML += `Coding logic processing... 🤖`; chatBox.scrollTop = chatBox.scrollHeight; try { // Sateek coding ke liye low temperature aur high token limit const response = await coderBot(text, { max_new_tokens: 300, temperature: 0.2 }); let aiReply = response[0].generated_text; // Loading text hatao aur asli code print karo document.getElementById('loading-msg').remove(); chatBox.innerHTML += `${aiReply}`; } catch (e) { document.getElementById('loading-msg').remove(); chatBox.innerHTML += `Error: ${e.message}`; } chatBox.scrollTop = chatBox.scrollHeight; } </script>Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No repository file, test, or entry point is named; the issue only provides a standalone HTML page and does not state a requested change. First clarify whether this code is intended for the repository and what outcome is expected, since completion cannot currently be determined.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, html, javascript
- Domain
- ai, frontend, web-dev
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Quiet
- Clarity
- Needs clarification
- Newbie friendliness
- 15/100