📖 code7-boteria-leia-lib

Biblioteca de componentes React para integração com a plataforma Leia, fornecendo áreas de arquivos e testes de forma simples e organizada.

✅ Requerimentos

• React >= 18
• Node.js >= 22

📦 Instalação

npm install code7-leia
# ou
yarn add code7-leia

⚡ Exemplo de Uso

import { useState } from "react";
import { createRoot } from "react-dom/client";

import { LeiaProvider, FileArea, TestArea } from "code7-leia";

const App = () => {
  const [activeTab, setActiveTab] = useState("files");

  return (
    <div>
      <button type="button" onClick={() => setActiveTab("files")}>
        Files
      </button>
      <button type="button" onClick={() => setActiveTab("test")}>
        Test
      </button>

      <LeiaProvider
        id="SEU_ID"
        token="SEU_TOKEN"
        language="pt-br"
        env="test"
      >
        {activeTab === "files" && <FileArea />}
        {activeTab === "test" && <TestArea />}
      </LeiaProvider>
    </div>
  );
};

const root = createRoot(document.getElementById("root") as HTMLElement);
root.render(<App />);

🧩 Componentes

LeiaProvider

Responsável por inicializar o contexto da biblioteca. Deve envolver os outros componentes.

| Propriedade | Tipo | Obrigatório | Descrição | | ----------- | -------- | ----------- | --------------------------------------------- | | id | string | ✅ | Identificador da aplicação/usuário. | | token | string | ✅ | Token de autenticação. | | language | string | ❌ | Idioma (pt-br, en, es). | | env | string | ❌ | Ambiente de execução (dev, test, prod). |

FileArea

Componente que representa a área de arquivos. Pode incluir upload, listagem, visualização ou edição.

TestArea

Componente que representa a área de testes, usado para simulações ou execuções configuradas.

🌍 Idiomas

Atualmente suportados:

• pt-br 🇧🇷
• en 🇺🇸
• es 🇪🇸 Espanhol

🛠️ Desenvolvimento Local

Clone o repositório e rode em modo desenvolvimento:

git clone [email protected]:code7-xlab/code7-boteria-lib-leia.git
cd code7-boteria-lib-leia
npm install
npm run dev

📦 Build & Publicação

Gerar a versão de produção:

npm run build

Publicar no npm (se configurado):

npm publish