🚀 SafeCall Framework

Framework baseado em execução de ações controladas pelo backend, onde o frontend apenas interpreta e executa instruções JSON.

---

1. 🧠 Conceito

---

2. 🔁 Fluxo do Framework

Usuário
↓
SafeCallAcao (click interceptado)
↓
BotaoClique()
↓
Api.enviar()
↓
Backend processa ação
↓
Retorna JSON (FUNCOES)
↓
tratarRetorno()
↓
Execução dinâmica no frontend

---

3. 📦 Protocolo JSON

{
  "FUNCOES": [
    {
      "funcao": "NomeFuncao",
      "parametros": []
    }
  ]
}

---

4. ⚡ Ações (SafeCallAcao)

<button SafeCallAcao data-acao="MinhaAcao">
    Executar
</button>

Toda ação é automaticamente interceptada pelo framework.

---

5. 🔔 AlertaEmHtml

$response['FUNCOES'][] = [
  "funcao" => "AlertaEmHtml",
  "parametros" => [
    "msg" => "Sucesso!",
    "tipo" => "sucesso"
  ]
];

---

6. 🖥️ Estrutura do App

Gera automaticamente a estrutura principal da aplicação:

• Sidebar
• Header
• Conteúdo central
• Rodapé

HtmlCriarHtmlApp()

---

7. 📄 Sistema de Telas

HtmlTelaPrincipal({
  idtela: "Dashboard",
  html: "...",
  Atualizar: false
});

---

8. 🪟 Modais

criarModal({
  id: "Modal1",
  html: "<p>Conteúdo</p>",
  id_alvo: "App"
});

---

9. ⏳ Loader

mostrarLoader("App");

LoaderProgresso({
  ref: "App",
  porcentagem: 70,
  log: "Processando..."
});

ocultarLoader("App");

---

10. 🧩 Manipulação DOM

AtualizarElemento
ReplaceElemento
AppendElemento
PrependElemento
RemoverElemento

---

11. ⚙️ JS Dinâmico

EXECUTAR_JS([
  "console.log('Executado')"
]);

---

12. 📚 Libs Dinâmicas

EXECUTAR_LIBS([
  "js/chart.js"
]);

---

13. 🧠 Arquitetura Real

Backend = cérebro
Frontend = executor

---