from h2o_wave import app, Q
from core.app import WaveApp
from pages.base import BasePage
from components.base import BaseComponent, BaseCard

class MyComponent(BaseComponent):
    def render(self, q, state=None):
        q.page[self.component_id] = ui.form_card(
            box='1 1 2 2',
            items=[
                ui.text_l('Exemplo DAZE!'),
                ui.textbox(name='dummy', label='Digite algo', visible=True),
                ui.button(name='meu_evento', label='Enviar', primary=True)
            ]
        )
        # Exibe resultado do evento
        result = self.get_result(q, 'meu_evento')
        if result:
            q.page['result'] = ui.markdown_card(box='1 3 2 1', title='Resultado', content=result)

    def on_meu_evento(self, q, state=None, args=None):
        valor = args.get('dummy')
        return f'Você digitou: {valor}'

class MyCard(BaseCard):
    def __init__(self, card_id):
        super().__init__(card_id)
        self.add_component('main', MyComponent('main'))

class MyPage(BasePage):
    def __init__(self, page_id):
        super().__init__(page_id, title='Minha Página')
        self.add_card('main', MyCard('main'))

app_daze = WaveApp()
app_daze.add_page('main', MyPage('main'))
app_daze.register_wave_event('meu_evento')

@app("/")
async def serve(q: Q):
    args = app_daze.get_args(q)
    if args:
        q.client.last_event = args.copy() if hasattr(args, 'copy') else dict(args)
    await app_daze.handle_events(q, args=args)
    app_daze.render(q)
    await q.page.save()
                'box': 'content',
                'title': 'Vendas'
            }
        }
        super().create(q, zone, **dados_iniciais)
    
    async def _handle_update(self, q: Q):
        # Atualizar dados
        novos_dados = {
            'grafico': {
                'chart_data': [{'x': 'A', 'y': 200}],
                'box': 'content',
                'title': 'Vendas Atualizadas'
            }
        }
        self.update_components(q, novos_dados)

# 2. Criar Página
class MinhaPagina(BasePage):
    def __init__(self):
        super().__init__(route='/', title='Minha App')
        self.meu_card = MeuCard()
        self.add_card(self.meu_card, 'content')
    
    async def handle_events(self, q):
        return await self.meu_card.handle_events(q)

# 3. Servir
pagina = MinhaPagina()

@app('/')
async def serve(q: Q):
    if await pagina.handle_events(q):
        await q.page.save()
        return
    await pagina.render(q)

if __name__ == '__main__':
    main()

chart = ChartComponent('meu_grafico')
chart_data = [{'x': 'Jan', 'y': 100}, {'x': 'Feb', 'y': 150}]
chart.create(q, chart_data=chart_data, box='content', title='Vendas')
chart.update(q, chart_data=novos_dados)

stats = StatsComponent('minhas_stats')
stats_data = [
    {'label': 'Vendas', 'value': '1000', 'icon': 'Money'},
    {'label': 'Clientes', 'value': '50', 'icon': 'People'}
]
stats.create(q, stats_data=stats_data, box='sidebar')

table = TableComponent('minha_tabela')
table_data = [
    {'produto': 'A', 'vendas': 100},
    {'produto': 'B', 'vendas': 200}
]
table.create(q, table_data=table_data, box='content', title='Produtos')

class MeuCard(BaseCard):
    def __init__(self):
        super().__init__('card_id')
        
        # Registrar handlers
        self.register_event('botao_click', self._handle_click)
        self.register_event('refresh', self._handle_refresh)
    
    async def _handle_click(self, q: Q):
        # Lógica do evento
        pass

from components.base import BaseComponent

class MeuComponente(BaseComponent):
    def create(self, q: Q, **kwargs):
        dados = kwargs.get('meus_dados', [])
        box = kwargs.get('box', 'content')
        title = kwargs.get('title', 'Meu Componente')
        
        # Criar UI específica
        q.page[self.component_id] = ui.form_card(
            box=box,
            title=title,
            items=[ui.text(f'Dados: {len(dados)} itens')]
        )
    
    def update(self, q: Q, **kwargs):
        # Re-criar com novos dados
        self.create(q, **kwargs)

class MinhaPagina(BasePage):
    def setup_layout(self, q: Q):
        q.page['sidebar'] = ui.nav_card(box='1 1 2 -1', items=[])
        q.page['header'] = ui.header_card(box='3 1 -1 2', title='App')
        q.page['content'] = ui.form_card(box='3 3 -1 -1', title='Conteúdo')

from services.data_service import DataService

data_service = DataService()

# Converter dados para Wave charts
chart_data = data_service.to_wave_data(meus_dados, x='mes', y='vendas')

# Processar dados

class MeuCard(BaseCard):
    async def _fetch_data(self):
        dados = await self._fetch_data()
        self.update_components(q, {'chart': {'chart_data': dados}})

# config/settings.py
WAVE_CONFIG = {
    'host': '0.0.0.0',
    'port': 10101,
    'debug': False
}