No description
MrPiglr
fbab43a6f9
npx create-next-app@latest aethex-studio --typescript --tailwind --app
# Install core dependencies
npm install @monaco-editor/react
npm install @anthropic-ai/sdk
npm install prisma @prisma/client
npm install zustand (state management)
npm install socket.io-client (real-time)
```
**Don't try to host it IN Firebase Studio. Build it as a separate web app.**
**File Structure:**
```
aethex-studio/
├── app/
│ ├── (auth)/
│ │ ├── login/
│ │ └── signup/
│ ├── (studio)/
│ │ ├── editor/
│ │ ├── preview/
│ │ └── ai-assistant/
│ └── api/
│ ├── projects/
│ ├── files/
│ └── ai/
├── components/
│ ├── Editor/
│ │ ├── MonacoEditor.tsx
│ │ ├── FileTree.tsx
│ │ └── Tabs.tsx
│ ├── Preview/
│ │ ├── RobloxPreview.tsx
│ │ ├── WebPreview.tsx
│ │ └── MobilePreview.tsx
│ └── AI/
│ ├── ChatPanel.tsx
│ └── QuickActions.tsx
├── lib/
│ ├── db.ts (Prisma client)
│ ├── anthropic.ts (Claude API)
│ └── nexus.ts (Nexus Engine SDK)
└── prisma/
└── schema.prisma
'use client';
import { Editor } from '@monaco-editor/react';
import { useState } from 'react';
export default function AeThexEditor() {
const [code, setCode] = useState('-- Your Lua code here\nprint("Hello from AeThex!")');
return (
<div className="h-full w-full">
<Editor
height="100%"
defaultLanguage="lua"
theme="vs-dark"
value={code}
onChange={(value) => setCode(value || '')}
options={{
minimap: { enabled: true },
fontSize: 14,
lineNumbers: 'on',
automaticLayout: true,
}}
/>
</div>
);
}
|
||
|---|---|---|
| .github | ||
| src | ||
| .gitignore | ||
| .spark-initial-sha | ||
| components.json | ||
| index.html | ||
| LICENSE | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| SECURITY.md | ||
| spark.meta.json | ||
| tailwind.config.js | ||
| theme.json | ||
| tsconfig.json | ||
| vite.config.ts | ||
✨ Welcome to Your Spark Template!
You've just launched your brand-new Spark Template Codespace — everything’s fired up and ready for you to explore, build, and create with Spark!
This template is your blank canvas. It comes with a minimal setup to help you get started quickly with Spark development.
🚀 What's Inside?
- A clean, minimal Spark environment
- Pre-configured for local development
- Ready to scale with your ideas
🧠 What Can You Do?
Right now, this is just a starting point — the perfect place to begin building and testing your Spark applications.
🧹 Just Exploring? No problem! If you were just checking things out and don’t need to keep this code:
- Simply delete your Spark.
- Everything will be cleaned up — no traces left behind.
📄 License For Spark Template Resources
The Spark Template files and resources from GitHub are licensed under the terms of the MIT license, Copyright GitHub, Inc.