minerva-plexus v1.2.54

Requisitos

• Node.js (v14 o superior)
• npm o Yarn

Instalación

Para instalar minerva-plexus, puedes usar npm o Yarn.

NOTA: seguir estos pasos al pie de la letra es súmamente importante

npm install minerva-plexus

//o bien

yarn add minerva-plexus

Configuración de .npmrc

Para poder usar minerva-components-library, que viene implícito en minerva-plexus, debes crear un archivo .npmrc en la raíz de tu proyecto y agregar lo siguiente:

@building_blocks:registry=https://repo.plexus.services/api/v4/projects/2724/packages/npm/
# Token de autenticación para el registro de npm
//repo.plexus.services/api/v4/projects/2724/packages/npm/:_authToken=Xf1tnBtyUApWN7cXP1Tn

Implementación en tu Aplicación

A continuación, se muestra un ejemplo de cómo configurar minerva-plexus en una aplicación React:

import React from "react";
import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";
import {
  AuthProvider,
  ConversationProvider,
  ChatBoard,
  Login,
  ApiConfigProvider,
  useAuth,
} from "minerva-plexus"; //estos componentes son necesarios
import "minerva-plexus/dist/style.css";

const LogoutButton: React.FC = () => {
  const { logout } = useAuth(); // función logout desde el contexto de autenticación

  const handleLogout = async () => {
    await logout(); // Llama a la función de logout
  };

  return <button onClick={handleLogout}>Logout</button>;
};

const App: React.FC = () => {

  // Estas variables se pueden obtener de un archivo .env o de otra fuente
  const apiUrl = "http://vm-cv-chatbot.westeurope.cloudapp.azure.com:8311"; // URL de la API
  const apiKey = "ai"; // API Key

  return (
    <BrowserRouter>
      <ApiConfigProvider value={{ apiUrl, apiKey }}>
        <AuthProvider>
          <ConversationProvider>
            <div style={{ padding: "20px" }}>
              <h1>Chat integrado con Minerva</h1>
              <LogoutButton />
              <Routes>
                <Route path="/login" element={<Login />} />
                <Route path="/" element={<ChatBoard theme="default" />} />
                <Route path="*" element={<Navigate to="/login" />} />
              </Routes>
            </div>
          </ConversationProvider>
        </AuthProvider>
      </ApiConfigProvider>
    </BrowserRouter>
  );
};

export default App;

## Uso Una vez que hayas configurado minerva-plexus y la API, puedes iniciar tu aplicación y empezar a utilizar las funcionalidades de chat y autenticación que ofrece.

Propiedades

Despliqgue kubernetes

resultado: kubectl get pods kubectl logs suite-demos-65f4fbf45f-gx7jq

docker build --platform linux/amd64 --no-cache -t suite-demos:latest . docker tag suite-demos:latest cminerva.azurecr.io/suite-demos:latest docker push cminerva.azurecr.io/suite-demos:latest kubectl apply -f suite-demos-deployment.yaml kubectl apply -f suite-demos-service.yaml

kubectl delete pod -l app=suite-demos

Infdicar el servici odesde la app que instala la librería.

Al llamar al ServiceProvider desde la plicación que instala, debemos indicarle el parámetro del servicio. Por ejemplo en main.tsx:

( por defecto es GoFit)

sería