"use strict"; var __result; function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } __result = (function(React, useState, useEffect, useMemo, useCallback, useRef, useReducer, useContext, useLayoutEffect, Icons, data, setData, user, multiplayer) { // ========== DYNAMIC ICON SYSTEM ========== // Helper function to get an icon safely - returns the icon or a fallback component // Note: We can't use Proxy here because it's blocked by the sandbox const iconCache = {}; function getIcon(name) { // Return cached icon if already accessed if (iconCache[name]) { return iconCache[name]; } // Check if icon exists in the Icons library if (Icons[name]) { iconCache[name] = Icons[name]; return Icons[name]; } // Fallback: return a component that renders nothing but logs a warning console.warn('[MicroApp] Icon not found:', name, '- rendering empty. Use emojis instead of Lucide icons for mobile compatibility.'); const FallbackIcon = React && typeof React.forwardRef === 'function' ? React.forwardRef(function FallbackIcon(props, ref) { return null; // Render nothing instead of crashing }) : function FallbackIcon() { return null; }; FallbackIcon.displayName = 'MissingIcon_' + name; iconCache[name] = FallbackIcon; return FallbackIcon; } // Create an object that acts like IconProxy for destructuring: const { Star } = window.Lucide // The host passes a prefiltered icon wrapper, so this avoids per-app catalog copying. const IconsWrapper = Icons; // Expose IconsWrapper as window.Lucide for apps that use: const { X } = window.Lucide if (typeof window !== 'undefined') { window.Lucide = IconsWrapper; } // ========== LUCIDE ICONS USED BY THIS APP ========== // Direct icon bindings are generated only for referenced icons. // Aliases such as MapIcon/ImageIcon are included for built-in name conflicts. const MapIcon = getIcon('Map'); const ImageIcon = getIcon('Image'); const FileIcon = getIcon('FileText'); const TextIcon = getIcon('Type'); const TableIcon = getIcon('Table'); const Type = getIcon('Type'); const Badge = getIcon('Badge'); const Grid = getIcon('Grid'); const Code = getIcon('Code'); const Signature = getIcon('Signature'); // Compatibility shim for generated code that imports next/image and uses : // - If a src-like prop exists, render a plain // - Otherwise treat it as the Lucide Image icon const NextImageShim = function NextImageShimComponent(props) { if (props && (props.src || props.srcSet || props.alt || props.loading || props.decoding)) { return React.createElement('img', props); } return React.createElement(ImageIcon, props); }; // Fragment support for JSX const Fragment = React.Fragment; // Multiplayer convenience destructuring (available when multiplayer is provided) const sharedData = multiplayer ? multiplayer.sharedData : null; const setSharedData = multiplayer ? multiplayer.setSharedData : () => {}; const patchSharedData = multiplayer ? multiplayer.patchSharedData : () => {}; const pushToSharedArray = multiplayer ? multiplayer.pushToSharedArray : undefined; const members = multiplayer ? multiplayer.members : []; const memberActivity = multiplayer ? multiplayer.memberActivity : {}; const isOwner = multiplayer ? multiplayer.isOwner : false; const instanceName = multiplayer ? multiplayer.instanceName : ''; const myPersonalData = multiplayer ? multiplayer.myPersonalData : null; const setMyPersonalData = multiplayer ? multiplayer.setMyPersonalData : () => {}; // Declared by the app (appConfig.supportsMultiplayer), not room presence // (rooms v2). mine/shared scopes are props only: new top-level names here // could collide with declarations in older generated code. const isMultiplayer = !!multiplayer && multiplayer.isMultiplayer !== false; // Private entries (privacy layer) const myEntries = multiplayer ? multiplayer.myEntries : null; const visibleEntries = multiplayer ? multiplayer.visibleEntries : null; const submitEntry = multiplayer ? multiplayer.submitEntry : async () => {}; const updateEntry = multiplayer ? multiplayer.updateEntry : async () => {}; const deleteEntry = multiplayer ? multiplayer.deleteEntry : async () => {}; const submitSwipe = multiplayer ? multiplayer.submitSwipe : async () => {}; const myMatches = multiplayer ? multiplayer.myMatches : null; const computedView = multiplayer ? multiplayer.computedView : null; const entryCount = multiplayer ? multiplayer.entryCount : async () => ({ count: 0 }); const requestConnection = multiplayer ? multiplayer.requestConnection : async () => {}; const connectionStatuses = multiplayer ? multiplayer.connectionStatuses : null; function App({ data, setData, user, isMultiplayer, sharedData, setSharedData, members }) { const appData = isMultiplayer ? sharedData : data; const saveData = isMultiplayer ? setSharedData : setData; const memberList = (isMultiplayer && _optionalChain([members, 'optionalAccess', _ => _.length])) ? members : [{ id: _nullishCoalesce(_optionalChain([user, 'optionalAccess', _2 => _2.id]), () => ( 'solo')), displayName: _nullishCoalesce(_optionalChain([user, 'optionalAccess', _3 => _3.name]), () => ( 'Coder')), avatarUrl: _optionalChain([user, 'optionalAccess', _4 => _4.avatarUrl]), role: 'owner' }]; const defaultState = { statements: [ 'I BUILD SYSTEMS', 'CREATIVE CODER', 'FULL STACK DEV', 'ALGORITHM THINKER', 'PIXEL PERFECTIONIST' ], currentStatement: 0, decoded: false, skills: ['React', 'Python', 'TypeScript', 'Rust', 'Go', 'C++'], techCards: [ { lang: 'Python', color: '#3776AB', emoji: '🐍', snippet: 'def solve(n):\n return [i**2 for i in range(n)]', desc: 'Elegant list comprehensions' }, { lang: 'TypeScript', color: '#3178C6', emoji: '⚡', snippet: 'const pipe = (...fns: Fn[])\n => (x: T) => fns.reduce((v, f) => f(v), x)', desc: 'Type-safe function composition' }, { lang: 'Rust', color: '#CE422B', emoji: '🦀', snippet: 'fn fibonacci() -> impl Iterator {\n let (mut a, mut b) = (0, 1);\n std::iter::from_fn(move || {\n let c = a; a = b; b = c + a; Some(c)\n })\n}', desc: 'Zero-cost abstractions' }, { lang: 'React', color: '#61DAFB', emoji: '⚛️', snippet: 'const useDebounce = (value, delay) => {\n const [debounced, set] = useState(value);\n useEffect(() => {\n const t = setTimeout(() => set(value), delay);\n return () => clearTimeout(t);\n }, [value, delay]);\n return debounced;\n}', desc: 'Custom hooks that spark joy' }, { lang: 'Go', color: '#00ADD8', emoji: '🔷', snippet: 'func worker(jobs <-chan int, results chan<- int) {\n for j := range jobs {\n results <- fib(j)\n }\n}', desc: 'Concurrency made simple' }, { lang: 'C++', color: '#00599C', emoji: '🔧', snippet: 'template\nauto sum(Args... args) {\n return (args + ...);\n}', desc: 'Fold expressions' } ], expandedCard: null, visitors: {}, scrollX: 0 }; const [local, setLocal] = useState(() => { const existing = _nullishCoalesce(appData, () => ( null)); return { statements: _nullishCoalesce(_optionalChain([existing, 'optionalAccess', _5 => _5.statements]), () => ( defaultState.statements)), currentStatement: _nullishCoalesce(_optionalChain([existing, 'optionalAccess', _6 => _6.currentStatement]), () => ( 0)), decoded: false, skills: _nullishCoalesce(_optionalChain([existing, 'optionalAccess', _7 => _7.skills]), () => ( defaultState.skills)), techCards: _nullishCoalesce(_optionalChain([existing, 'optionalAccess', _8 => _8.techCards]), () => ( defaultState.techCards)), expandedCard: null, visitors: _nullishCoalesce(_optionalChain([existing, 'optionalAccess', _9 => _9.visitors]), () => ( {})), scrollX: 0 }; }); const [mounted, setMounted] = useState(false); const [charReveal, setCharReveal] = useState(0); const [tapPulse, setTapPulse] = useState(false); const [cardAnim, setCardAnim] = useState(null); const scrollRef = useRef(null); const touchStartX = useRef(0); useEffect(() => { setTimeout(() => setMounted(true), 50); }, []); useEffect(() => { if (!mounted) return; const statements = _nullishCoalesce(_optionalChain([local, 'optionalAccess', _10 => _10.statements]), () => ( defaultState.statements)); const idx = _nullishCoalesce(_optionalChain([local, 'optionalAccess', _11 => _11.currentStatement]), () => ( 0)); const text = _nullishCoalesce(_optionalChain([statements, 'optionalAccess', _12 => _12[idx]]), () => ( 'I CODE')); if (charReveal < (text || []).length) { const timer = setTimeout(() => setCharReveal(prev => prev + 1), 60); return () => clearTimeout(timer); } }, [mounted, charReveal, _optionalChain([local, 'optionalAccess', _13 => _13.currentStatement])]); useEffect(() => { if (!appData && mounted) { saveData({ statements: local.statements, currentStatement: local.currentStatement, skills: local.skills, techCards: local.techCards, visitors: local.visitors }); } }, [mounted]); const statements = _nullishCoalesce(_optionalChain([local, 'optionalAccess', _14 => _14.statements]), () => ( defaultState.statements)); const currentIdx = _nullishCoalesce(_optionalChain([local, 'optionalAccess', _15 => _15.currentStatement]), () => ( 0)); const currentText = _nullishCoalesce(_optionalChain([statements, 'optionalAccess', _16 => _16[currentIdx]]), () => ( 'I CODE')); const skills = _nullishCoalesce(_optionalChain([local, 'optionalAccess', _17 => _17.skills]), () => ( defaultState.skills)); const techCards = _nullishCoalesce(_optionalChain([local, 'optionalAccess', _18 => _18.techCards]), () => ( defaultState.techCards)); const expandedCard = _optionalChain([local, 'optionalAccess', _19 => _19.expandedCard]); const decoded = _nullishCoalesce(_optionalChain([local, 'optionalAccess', _20 => _20.decoded]), () => ( false)); const handleStatementTap = () => { setTapPulse(true); setTimeout(() => setTapPulse(false), 400); if (!decoded) { setLocal(prev => ({ ...prev, decoded: true })); } else { const nextIdx = (currentIdx + 1) % (statements || []).length; setCharReveal(0); setLocal(prev => ({ ...prev, currentStatement: nextIdx, decoded: false })); saveData({ ...appData, currentStatement: nextIdx }); } }; const handleCardTap = (index) => { if (expandedCard === index) { setCardAnim('closing'); setTimeout(() => { setLocal(prev => ({ ...prev, expandedCard: null })); setCardAnim(null); }, 300); } else { setLocal(prev => ({ ...prev, expandedCard: index })); setCardAnim('opening'); setTimeout(() => setCardAnim(null), 300); } }; const handleTouchStart = (e) => { touchStartX.current = _nullishCoalesce(_optionalChain([e, 'optionalAccess', _21 => _21.touches, 'optionalAccess', _22 => _22[0], 'optionalAccess', _23 => _23.clientX]), () => ( 0)); }; const handleTouchEnd = (e) => { const endX = _nullishCoalesce(_optionalChain([e, 'optionalAccess', _24 => _24.changedTouches, 'optionalAccess', _25 => _25[0], 'optionalAccess', _26 => _26.clientX]), () => ( 0)); const diff = touchStartX.current - endX; if (Math.abs(diff) > 50 && scrollRef.current) { const cardWidth = 200; const currentScroll = _nullishCoalesce(scrollRef.current.scrollLeft, () => ( 0)); const target = diff > 0 ? currentScroll + cardWidth : currentScroll - cardWidth; scrollRef.current.scrollTo({ left: Math.max(0, target), behavior: 'smooth' }); } }; const revealedText = (currentText || []).slice(0, charReveal); const cursorVisible = charReveal < (currentText || []).length; const unsw_yellow = '#FFE616'; const unsw_dark = '#0C0C0C'; const unsw_white = '#F5F5F0'; const unsw_gray = '#1A1A1A'; const expandedCardData = expandedCard !== null ? (_nullishCoalesce(_optionalChain([techCards, 'optionalAccess', _27 => _27[expandedCard]]), () => ( null))) : null; return ( React.createElement('div', { style: { minHeight: '100dvh', width: '100%', display: 'flex', flexDirection: 'column', paddingTop: 'env(safe-area-inset-top, 20px)', paddingBottom: 'env(safe-area-inset-bottom, 20px)', background: unsw_dark, boxSizing: 'border-box', fontFamily: "'Inter', 'Helvetica Neue', 'Arial', sans-serif", color: unsw_white, overflow: 'hidden', position: 'relative' },} /* UNSW Badge + Grid Lines */ , React.createElement('div', { style: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, backgroundImage: `linear-gradient(${unsw_yellow}08 1px, transparent 1px), linear-gradient(90deg, ${unsw_yellow}08 1px, transparent 1px)`, backgroundSize: '60px 60px', pointerEvents: 'none', opacity: mounted ? 1 : 0, transition: 'opacity 1.5s ease' },} ) /* Top Bar */ , React.createElement('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', padding: '16px 20px 8px', opacity: mounted ? 1 : 0, transform: mounted ? 'translateY(0)' : 'translateY(-20px)', transition: 'all 0.6s cubic-bezier(0.4, 0, 0.2, 1)' },} , React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 8 },} , React.createElement('div', { style: { width: 10, height: 10, borderRadius: '50%', background: '#4ADE80', boxShadow: '0 0 8px #4ADE8088', animation: 'pulse 2s infinite' },} ) , React.createElement('span', { style: { fontSize: 12, fontWeight: 700, letterSpacing: 4, textTransform: 'uppercase', color: unsw_yellow, opacity: 0.8 },}, "UNSW") ) , React.createElement('div', { style: { display: 'flex', gap: 6, alignItems: 'center' },} , (memberList || []).map((m, i) => ( React.createElement('div', { key: _nullishCoalesce(_optionalChain([m, 'optionalAccess', _28 => _28.id]), () => ( i)), style: { width: 28, height: 28, borderRadius: '50%', background: _optionalChain([m, 'optionalAccess', _29 => _29.avatarUrl]) ? `url(${m.avatarUrl}) center/cover` : `linear-gradient(135deg, ${unsw_yellow}, #FFB800)`, border: `2px solid ${unsw_yellow}40`, display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 12, fontWeight: 800, color: unsw_dark, marginLeft: i > 0 ? -8 : 0 },} , !_optionalChain([m, 'optionalAccess', _30 => _30.avatarUrl]) ? (_nullishCoalesce(_optionalChain([m, 'optionalAccess', _31 => _31.displayName, 'optionalAccess', _32 => _32[0]]), () => ( '?'))) : null ) )) , React.createElement('span', { style: { fontSize: 11, color: unsw_white + '60', marginLeft: 4, fontWeight: 600 },} , (memberList || []).length > 1 ? `${memberList.length} online` : 'solo' ) ) ) /* ZONE 1: Hero Statement */ , React.createElement('div', { style: { flex: 1, display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'flex-start', padding: '20px 24px', minHeight: 0, cursor: 'pointer', opacity: mounted ? 1 : 0, transform: mounted ? 'translateY(0)' : 'translateY(40px)', transition: 'all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s' }, onClick: handleStatementTap,} , React.createElement('div', { style: { fontSize: 11, fontWeight: 700, letterSpacing: 6, textTransform: 'uppercase', color: unsw_yellow, marginBottom: 16, opacity: 0.7 },} , '// persona.define()' ) , !decoded ? ( React.createElement('div', { style: { transform: tapPulse ? 'scale(0.97)' : 'scale(1)', transition: 'transform 0.2s cubic-bezier(0.4, 0, 0.2, 1)' },} , React.createElement('h1', { style: { fontSize: 'clamp(48px, 12vw, 80px)', fontWeight: 900, lineHeight: 0.95, letterSpacing: '-0.03em', margin: 0, color: unsw_white, textShadow: `0 0 60px ${unsw_yellow}20` },} , revealedText.split('').map((char, i) => ( React.createElement('span', { key: i, style: { display: 'inline-block', opacity: 1, transform: 'translateY(0)', animation: `charIn 0.3s ease ${i * 0.03}s both`, color: i < 2 ? unsw_yellow : unsw_white },}, char === ' ' ? '\u00A0' : char) )) , cursorVisible && ( React.createElement('span', { style: { display: 'inline-block', width: 4, height: 'clamp(40px, 10vw, 64px)', background: unsw_yellow, marginLeft: 4, animation: 'blink 0.8s step-end infinite', verticalAlign: 'bottom' },} ) ) ) ) ) : ( React.createElement('div', { style: { display: 'flex', flexWrap: 'wrap', gap: 10, animation: 'fadeUp 0.5s ease both', transform: tapPulse ? 'scale(0.97)' : 'scale(1)', transition: 'transform 0.2s ease' },} , (skills || []).map((skill, i) => ( React.createElement('span', { key: skill, style: { display: 'inline-block', padding: '10px 20px', background: i === 0 ? unsw_yellow : unsw_gray, color: i === 0 ? unsw_dark : unsw_white, borderRadius: 4, fontSize: i === 0 ? 20 : 16, fontWeight: i === 0 ? 900 : 600, letterSpacing: 2, border: `1px solid ${unsw_yellow}${i === 0 ? 'FF' : '30'}`, animation: `fadeUp 0.4s ease ${i * 0.08}s both`, textTransform: 'uppercase' },}, skill) )) ) ) , React.createElement('div', { style: { marginTop: 20, fontSize: 13, color: unsw_white + '40', fontWeight: 500, letterSpacing: 1 },} , decoded ? '↑ tap to cycle →' : '↑ tap to decode' ) ) /* ZONE 2: Tech Cards Carousel */ , React.createElement('div', { style: { padding: '0 0 12px', opacity: mounted ? 1 : 0, transform: mounted ? 'translateY(0)' : 'translateY(60px)', transition: 'all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.5s' },} , React.createElement('div', { style: { padding: '0 24px', marginBottom: 12, display: 'flex', justifyContent: 'space-between', alignItems: 'center' },} , React.createElement('span', { style: { fontSize: 11, fontWeight: 700, letterSpacing: 6, textTransform: 'uppercase', color: unsw_yellow, opacity: 0.7 },} , '// tech.stack()' ) , React.createElement('span', { style: { fontSize: 11, color: unsw_white + '30', letterSpacing: 2 },}, "SWIPE →" ) ) , React.createElement('div', { ref: scrollRef, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, style: { display: 'flex', gap: 12, overflowX: 'auto', paddingLeft: 24, paddingRight: 24, paddingBottom: 8, scrollSnapType: 'x mandatory', WebkitOverflowScrolling: 'touch', scrollbarWidth: 'none', msOverflowStyle: 'none' },} , (techCards || []).map((card, i) => { const c = _nullishCoalesce(card, () => ( {})); return ( React.createElement('div', { key: _nullishCoalesce(c.lang, () => ( i)), onClick: () => handleCardTap(i), style: { minWidth: 160, height: 100, background: unsw_gray, borderRadius: 8, padding: 16, display: 'flex', flexDirection: 'column', justifyContent: 'space-between', cursor: 'pointer', border: `1px solid ${(_nullishCoalesce(c.color, () => ( unsw_yellow)))}30`, scrollSnapAlign: 'start', flexShrink: 0, transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)', transform: expandedCard === i ? 'scale(0.95)' : 'scale(1)', boxShadow: expandedCard === i ? `0 0 30px ${(_nullishCoalesce(c.color, () => ( unsw_yellow)))}20` : 'none' },} , React.createElement('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' },} , React.createElement('span', { style: { fontSize: 24 },}, _nullishCoalesce(c.emoji, () => ( '💻'))) , React.createElement('div', { style: { width: 8, height: 8, borderRadius: '50%', background: _nullishCoalesce(c.color, () => ( unsw_yellow)) },} ) ) , React.createElement('div', null , React.createElement('div', { style: { fontSize: 18, fontWeight: 900, letterSpacing: 1, color: unsw_white },}, _nullishCoalesce(c.lang, () => ( 'Code'))) , React.createElement('div', { style: { fontSize: 10, color: unsw_white + '50', fontWeight: 600, letterSpacing: 2, textTransform: 'uppercase', marginTop: 2 },}, _nullishCoalesce(c.desc, () => ( ''))) ) ) ); }) ) ) /* ZONE 3: Bottom Signature */ , React.createElement('div', { style: { padding: '12px 24px 8px', display: 'flex', justifyContent: 'space-between', alignItems: 'center', opacity: mounted ? 0.4 : 0, transition: 'opacity 1s ease 1s' },} , React.createElement('span', { style: { fontSize: 10, fontWeight: 600, letterSpacing: 4, textTransform: 'uppercase' },} , _nullishCoalesce(_optionalChain([user, 'optionalAccess', _33 => _33.name]), () => ( 'developer')), " — " , new Date().getFullYear() ) , React.createElement('span', { style: { fontSize: 10, letterSpacing: 3, color: unsw_yellow + '80' },}, "v1.0.0") ) /* Expanded Card Overlay */ , expandedCardData && ( React.createElement('div', { onClick: () => handleCardTap(expandedCard), style: { position: 'fixed', top: 0, left: 0, right: 0, bottom: 0, background: unsw_dark + 'F5', backdropFilter: 'blur(20px)', WebkitBackdropFilter: 'blur(20px)', display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', padding: 32, zIndex: 100, animation: 'fadeIn 0.3s ease both', cursor: 'pointer' },} , React.createElement('div', { style: { fontSize: 48, marginBottom: 16, animation: 'bounceIn 0.4s ease both' },} , _nullishCoalesce(expandedCardData.emoji, () => ( '💻')) ) , React.createElement('div', { style: { fontSize: 'clamp(36px, 10vw, 56px)', fontWeight: 900, letterSpacing: '-0.02em', color: _nullishCoalesce(expandedCardData.color, () => ( unsw_yellow)), marginBottom: 8, textAlign: 'center', animation: 'fadeUp 0.4s ease 0.1s both' },} , _nullishCoalesce(expandedCardData.lang, () => ( 'Code')) ) , React.createElement('div', { style: { fontSize: 13, color: unsw_white + '60', letterSpacing: 3, textTransform: 'uppercase', fontWeight: 700, marginBottom: 32, animation: 'fadeUp 0.4s ease 0.15s both' },} , _nullishCoalesce(expandedCardData.desc, () => ( '')) ) , React.createElement('pre', { style: { background: unsw_gray, border: `1px solid ${(_nullishCoalesce(expandedCardData.color, () => ( unsw_yellow)))}30`, borderRadius: 12, padding: 24, fontSize: 14, fontFamily: "'SF Mono', 'Fira Code', 'Consolas', monospace", color: unsw_white + 'DD', lineHeight: 1.6, maxWidth: '100%', overflowX: 'auto', whiteSpace: 'pre-wrap', wordBreak: 'break-word', textAlign: 'left', width: '100%', boxSizing: 'border-box', margin: 0, animation: 'fadeUp 0.5s ease 0.2s both', boxShadow: `0 20px 60px ${unsw_dark}80, inset 0 1px 0 ${(_nullishCoalesce(expandedCardData.color, () => ( unsw_yellow)))}15` },} , React.createElement('code', null, _nullishCoalesce(expandedCardData.snippet, () => ( '// no code'))) ) , React.createElement('div', { style: { marginTop: 32, fontSize: 12, color: unsw_white + '30', letterSpacing: 3, animation: 'fadeUp 0.5s ease 0.3s both' },}, "TAP ANYWHERE TO CLOSE" ) ) ) /* Keyframe Animations */ , React.createElement('style', { 'data-micro-app-declarative-style': "",}, ` @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } @keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(1.3); } } @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes charIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.5); } 60% { transform: scale(1.1); } 100% { opacity: 1; transform: scale(1); } } div::-webkit-scrollbar { display: none; } `) ) ); } // Render-loop guard: detects infinite re-render cycles (e.g. setState inside // useEffect without a stable dependency array) and short-circuits with a // static fallback BEFORE React's own 50-update limit throws. function __renderGuard(Comp) { return function __SafeRender(props) { var __renderGuardRef = useRef({ count: 0, time: 0, tripped: false, }); var __renderGuardState = __renderGuardRef.current; var now = Date.now(); if (now - __renderGuardState.time > 100) { __renderGuardState.count = 0; __renderGuardState.time = now; __renderGuardState.tripped = false; } __renderGuardState.count++; if (__renderGuardState.count > 45 || __renderGuardState.tripped) { __renderGuardState.tripped = true; return React.createElement('div', { style: { padding: '24px', textAlign: 'center', color: '#999', fontSize: '14px' } }, 'This app has been paused (render loop detected).'); } return React.createElement(Comp, props); }; } // Return the App component (handles various export patterns) if (typeof App !== 'undefined') return __renderGuard(App); if (typeof CrimsonOracle !== 'undefined') return __renderGuard(CrimsonOracle); return function() { return React.createElement('div', null, 'No component found'); }; }) return __result;