upconta.frontend-utils
v3.0.0
Published
Esta librería contiene un conjunto de componentes y funciones utiles para los aplicativos frontend de UpConta
Readme
Frontend utils
Esta librería contiene un conjunto de componentes y funciones utiles para los aplicativos frontend de UpConta
Desarrollo
Para poder testear los cambios en el código se deben ejecutar en 2 terminales distintas cada uno de los comandos:
# correr en modo pruebas
pnpm run dev
# corre
pnpm run build -wLa aplicación en next debe utilizar los archivos compilados.
Dependencias
Las siguientes dependencias deben ser instaladas en los proyectos que utilicen esta librería
pnpm add antd -PCaracterísticas
Variables de entorno necesarias
NEXT_PUBLIC_API=http://localhost:3000
NEXT_PUBLIC_API_OPEN=https://api-test.upconta.com
NEXT_PUBLIC_RESTIFY=http://localhost:3001
NEXT_PUBLIC_RESTIFY_OPEN=https://api-test.upconta.com
NEXT_PUBLIC_UTILS=https://utils.upconta.com
NEXT_PUBLIC_UTILS_OPEN=https://utils.upconta.com
NEXT_PUBLIC_DOMINIO='upconta.com'Estilos de UpConta
Las siguientes son un conjunto de configuraciones para que los proyectos que utilicen esta librería puedan tener el estilo de UpConta.
Se debe agregar el margin: 0 al body del proyecto:
import { Html, Head, Main, NextScript } from "next/document";
export default function Document() {
return (
<Html lang="en">
<Head />
<body style={{ margin: 0 }}>
<Main />
<NextScript />
</body>
</Html>
);
}
El estilo principal de UpConta y las configuraciones para Ant Design se encuentran dentro del componente TemaPrincipal y debe utilizarse de la siguiente manera
// _app.tsx
import { TemaPrincipal } from "upconta.frontend-utils"
export default function App({ Component, pageProps }: AppProps) {
return (
<TemaPrincipal>
<Component {...pageProps} />;
<Button>Primary Button</Button>
</TemaPrincipal>
);
}