Code Preview

${code}

\n \n \n \n `);\n previewDocument.close();\n } catch (error) {\n console.error(\"Preview rendering failed\", error);\n }\n }\n };\n\n useEffect(() => {\n renderLivePreview();\n }, [code]);\n\n return (\n

🚀 AI Code Learning Platform

\n Learning Points: {learningPoints} 🏆\n

\n \n

\n {prompts.map((prompt, index) => (\n \n ))}\n

\n\n {selectedPrompt && (\n

{selectedPrompt.title}

{selectedPrompt.prompt}

\n \n

{\n                setCode(e.target.value);\n                triggerCodeAnalysis(e.target.value);\n              }}\n              style={{\n                width: '100%', \n                height: '300px', \n                fontFamily: 'monospace',\n                backgroundColor: '#2c2c2c',\n                color: 'white',\n                border: '1px solid #555',\n                padding: '10px'\n              }}\n            />\n\n            {codeAnalysis && (\n              <div style={{ \n                backgroundColor: '#1e1e1e', \n                padding: '15px', \n                marginTop: '10px',\n                borderRadius: '5px' \n              }}>\n                <h3>🔍 Code Analysis</h3>\n                <p>Complexity: {codeAnalysis.complexity}</p>\n                <p>Tags: {codeAnalysis.tags.join(', ')}</p>\n                <h4>AI Suggestions:</h4>\n                <ul>\n                  {codeAnalysis.aiSuggestions.map((suggestion, idx) => (\n                    <li key={idx} style={{ marginBottom: '5px' }}>{suggestion}</li>\n                  ))}\n                </ul>\n              </div>\n            )}\n          </div>\n          \n          <div style={{ flex: 1 }}>\n            <h3>Live Preview</h3>\n            <iframe \n              ref={previewRef}\n              style={{ \n                width: '100%', \n                height: '500px', \n                border: '1px solid #555',\n                backgroundColor: 'white'\n              }}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction client() {\n  const root = document.getElementById('root');\n  if (root) {\n    createRoot(root).render(<CodeLearningPlatform />);\n  }\n}\n\nif (typeof document !== 'undefined') {\n  client();\n}\n\nexport default async function server(request: Request): Promise<Response> {\n  return new Response(`\n    <!DOCTYPE html>\n    <html>\n      <head>\n        <title>AI Code Learning Platform</title>\n        <meta charset=\"UTF-8\" />\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n        <link rel=\"icon\" href=\"data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🚀</text></svg>\">\n        <style>\n          body { \n            background-color: #121212; \n            color: white; \n            margin: 0; \n            font-family: 'Arial', sans-serif; \n            scrollbar-color: #333 #121212;\n            scrollbar-width: thin;\n          }\n          ::-webkit-scrollbar {\n            width: 8px;\n          }\n          ::-webkit-scrollbar-track {\n            background: #121212;\n          }\n          ::-webkit-scrollbar-thumb {\n            background-color: #333;\n            border-radius: 4px;\n          }\n        </style>\n      </head>\n      <body>\n        <div id=\"root\"></div>\n        <script src=\"https://esm.town/v/std/catch\"></script>\n        <script type=\"module\" src=\"${import.meta.url}\"></script>\n      </body>\n    </html>\n  `, {\n    headers: {\n      'Content-Type': 'text/html',\n    }\n  });\n}",[],[175],"files",[152,173],"counts",{"_186":32,"_187":163,"_188":32,"_189":163},"pulls","branches","forks","envVars","contents",[192,195],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":193,"_99":163,"_164":165,"_166":167,"_168":22,"_169":-5,"_98":194},["D",1755626974852],[154],{"_102":174,"_95":175,"_155":176,"_157":-5,"_158":136,"_159":163,"_160":161,"_104":196,"_99":32,"_164":178,"_166":179,"_168":22,"_169":-5,"_98":197},["D",1755626800917],[175],"upstreamProject",{"_102":144,"_95":200,"_110":-5,"_111":-5,"_108":109,"_23":201},"cerebras_coder",{"_93":202,"_128":203},"Beaglucky","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ1ZVY0MG5jc3A3TEsyS0J0YkNUcTdNMlZPZyJ9","upstreamBranch",{"_102":139,"_104":206,"_207":208,"_95":43,"_137":144,"_99":141,"_138":209,"_140":32,"_210":211,"_106":-5,"_149":22,"_108":109,"_148":202,"_16":146,"_147":200},["D",1746207601737],"updatedAt",["D",1743017671378],"849abfca-275b-11f0-86ff-569c3dd06744","lockfileKey","1756746150816-esm.town_v_Beaglucky_cerebras_coder@4-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.pulls",{"_93":94,"_95":96,"_218":219,"_100":222,"_186":227,"_228":-5,"_229":22,"_230":-5},"filters",{"_220":221},"state","open",{"_102":103,"_95":96,"_104":223,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":224,"_130":225,"_133":226,"_149":22},["D",1755626800917],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":139,"_140":141,"_142":109,"_143":144,"_145":146,"_147":96,"_148":94},[],"latestBranch","isForkOwner","ownProjectForks","actionData","errors"]
</article></body></html>

x_X_x

cerebras_coder2

Pull requests