\n\n","src/main.tsx":"import React from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport App from \"./App\";\nimport './index.css';\n\nconst container = document.getElementById(\"root\");\nif (container) {\n const root = createRoot(container);\n root.render();\n}","main.tsx":"import React from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport App from \"./App\";\nimport './index.css';\n\nconst container = document.getElementById(\"root\");\nif (container) {\n const root = createRoot(container);\n root.render();\n}","src/App.tsx":"import React, { useState } from \"react\";\nimport ColorChangeButton from \"./components/ColorChangeButton\";\n\nconst App: React.FC = () => {\n const [bgColor, setBgColor] = useState(\"bg-neutral-50\");\n\n const changeColorToWhite = () => {\n setBgColor(\"bg-white\");\n };\n\n return (\n
\n

سلام

\n
\n \n
\n
\n );\n};\n\nexport default App;","App.tsx":"import React, { useState } from \"react\";\nimport ColorChangeButton from \"./components/ColorChangeButton\";\n\nconst App: React.FC = () => {\n const [bgColor, setBgColor] = useState(\"bg-neutral-50\");\n\n const changeColorToWhite = () => {\n setBgColor(\"bg-white\");\n };\n\n return (\n
\n

سلام

\n
\n \n
\n
\n );\n};\n\nexport default App;","src/index.css":"@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');\n\n:root {\n --color-primary: #000000;\n --color-secondary: #a855f7;\n --color-accent: #ef4444;\n --color-neutral-50: #f8fafc;\n --color-neutral-900: #0f172a;\n --color-success: #22c55e;\n --color-warning: #eab308;\n --color-error: #ef4444;\n --font-heading: 'Inter', sans-serif;\n --font-body: 'Inter', sans-serif;\n --h1-size: 4rem;\n --h1-line-height: 1.1;\n --body-text-size: 1rem;\n --body-text-line-height: 1.5;\n}\n\nbody {\n font-family: var(--font-body);\n background-color: var(--color-primary);\n color: #ffffff; /* تغییر رنگ متن به سفید */\n margin: 0;\n padding: 0;\n}\n\nh1 {\n font-size: var(--h1-size);\n line-height: var(--h1-line-height);\n font-family: var(--font-heading);\n}\n\n/* Additional custom styles can be added here */\n\n/* Styles for the color change button */\n.bg-secondary {\n background-color: var(--color-secondary);\n}\n\n.bg-secondary-dark:hover {\n background-color: #9333ea; /* Slightly darker shade for hover effect */\n}\n\n.text-white {\n color: #ffffff;\n}\n\n.rounded {\n border-radius: 0.375rem;\n}\n\n.shadow {\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n}\n\n.flex {\n display: flex;\n}\n\n.items-center {\n align-items: center;\n}\n\n.gap-2 {\n gap: 0.5rem;\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}","index.css":"@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');\n\n:root {\n --color-primary: #000000;\n --color-secondary: #a855f7;\n --color-accent: #ef4444;\n --color-neutral-50: #f8fafc;\n --color-neutral-900: #0f172a;\n --color-success: #22c55e;\n --color-warning: #eab308;\n --color-error: #ef4444;\n --font-heading: 'Inter', sans-serif;\n --font-body: 'Inter', sans-serif;\n --h1-size: 4rem;\n --h1-line-height: 1.1;\n --body-text-size: 1rem;\n --body-text-line-height: 1.5;\n}\n\nbody {\n font-family: var(--font-body);\n background-color: var(--color-primary);\n color: #ffffff; /* تغییر رنگ متن به سفید */\n margin: 0;\n padding: 0;\n}\n\nh1 {\n font-size: var(--h1-size);\n line-height: var(--h1-line-height);\n font-family: var(--font-heading);\n}\n\n/* Additional custom styles can be added here */\n\n/* Styles for the color change button */\n.bg-secondary {\n background-color: var(--color-secondary);\n}\n\n.bg-secondary-dark:hover {\n background-color: #9333ea; /* Slightly darker shade for hover effect */\n}\n\n.text-white {\n color: #ffffff;\n}\n\n.rounded {\n border-radius: 0.375rem;\n}\n\n.shadow {\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n}\n\n.flex {\n display: flex;\n}\n\n.items-center {\n align-items: center;\n}\n\n.gap-2 {\n gap: 0.5rem;\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}","src/components/ColorChangeButton.tsx":"import React from 'react';\nimport { Sun } from 'lucide-react';\nimport useColorChange from '../hooks/useColorChange';\n\nconst ColorChangeButton: React.FC = () => {\n const [bgColor, changeColorToWhite] = useColorChange();\n\n return (\n \n );\n};\n\nexport default ColorChangeButton;","components/ColorChangeButton.tsx":"import React from 'react';\nimport { Sun } from 'lucide-react';\nimport useColorChange from '../hooks/useColorChange';\n\nconst ColorChangeButton: React.FC = () => {\n const [bgColor, changeColorToWhite] = useColorChange();\n\n return (\n \n );\n};\n\nexport default ColorChangeButton;","src/hooks/useColorChange.ts":"import { useState } from 'react';\n\n/**\n * هوک سفارشی برای تغییر رنگ پس‌زمینه به سفید.\n * @returns آرایه‌ای شامل رنگ فعلی و تابعی برای تغییر رنگ به سفید.\n */\nconst useColorChange = () => {\n const [bgColor, setBgColor] = useState('bg-neutral-50');\n\n const changeColorToWhite = () => {\n setBgColor('bg-white');\n };\n\n return [bgColor, changeColorToWhite] as const;\n};\n\nexport default useColorChange;","hooks/useColorChange.ts":"import { useState } from 'react';\n\n/**\n * هوک سفارشی برای تغییر رنگ پس‌زمینه به سفید.\n * @returns آرایه‌ای شامل رنگ فعلی و تابعی برای تغییر رنگ به سفید.\n */\nconst useColorChange = () => {\n const [bgColor, setBgColor] = useState('bg-neutral-50');\n\n const changeColorToWhite = () => {\n setBgColor('bg-white');\n };\n\n return [bgColor, changeColorToWhite] as const;\n};\n\nexport default useColorChange;"}; window.__MODULES__ = {}; // Simple path resolver function resolvePath(base, relative) { // If absolute/bare if (!relative.startsWith('.')) return relative; const stack = base.split('/'); stack.pop(); // Pop current filename const parts = relative.split('/'); for (let i = 0; i < parts.length; i++) { if (parts[i] === '.') continue; if (parts[i] === '..') stack.pop(); else stack.push(parts[i]); } return stack.join('/'); } function require(path, base = 'src/main.tsx') { // 1. Built-ins if (path === 'react') return window.React; if (path === 'react-dom') return window.ReactDOM; if (path === 'react-dom/client') return window.ReactDOM; // createRoot is on ReactDOM in UMD 18 if (path === 'react-router-dom') return window.ReactRouterDOM; if (path === 'lucide-react') return window.lucideReact; if (path === '@supabase/supabase-js') return window.supabase; // 2. Resolution let resolved = resolvePath(base, path); // Try extensions const extensions = ['', '.tsx', '.ts', '.jsx', '.js', '.css', '.json']; let finalPath = null; // Try exact match first if (window.__SOURCES__[resolved]) finalPath = resolved; else { // Try extensions for (const ext of extensions) { if (window.__SOURCES__[resolved + ext]) { finalPath = resolved + ext; break; } } // Try /index if (!finalPath) { for (const ext of extensions) { if (window.__SOURCES__[resolved + '/index' + ext]) { finalPath = resolved + '/index' + ext; break; } } } } if (!finalPath) { console.warn('Module not found:', path, 'resolved to:', resolved); return {}; } if (window.__MODULES__[finalPath]) return window.__MODULES__[finalPath].exports; // 3. Execution const source = window.__SOURCES__[finalPath]; const module = { exports: {} }; window.__MODULES__[finalPath] = module; if (finalPath.endsWith('.css')) return {}; // CSS handled globally if (finalPath.endsWith('.json')) { module.exports = JSON.parse(source); return module.exports; } try { // Explicitly transform ESM to CJS using 'env' preset const presets = [ ['env', { modules: 'commonjs' }], 'react' ]; if (finalPath.endsWith('.ts') || finalPath.endsWith('.tsx')) presets.push('typescript'); const code = Babel.transform(source, { presets, filename: finalPath, retainLines: true }).code; const func = new Function('require', 'module', 'exports', 'React', code); func( (p) => require(p, finalPath), module, module.exports, window.React ); } catch (e) { console.error('Error executing ' + finalPath, e); throw e; } return module.exports; } // Bootstrap window.addEventListener('DOMContentLoaded', () => { try { // Always start at src/main.tsx (we synthesized it if it was missing) const entry = 'src/main.tsx'; if (window.__SOURCES__[entry]) { require(entry); } else { console.error('Entry file src/main.tsx missing despite synthesis logic.'); } } catch (e) { console.error('Bootstrap Error:', e); document.body.innerHTML = '

Runtime Error

' + e.message + '
'; } });