cheveguerra/bot-whatsapp
1
0
Fork 0
mirror of https://github.com/cheveguerra/bot-whatsapp.git synced 2026-04-17 19:26:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs: ⚡ updated video

Browse Source 
docs: ⚡ updated video
This commit is contained in:
Leifer Mendez
2022-12-30 20:13:55 +01:00
committed by GitHub
parent ee5b69dbf3 eaf6e084c1
commit c42591000a
9 changed files with 198 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/bot/io/flow.class.js
View File

@@ -10,7 +10,6 @@ class FlowClass {
this.flowRaw = _flow
this.allCallbacks = flatObject(_flow)
console.log('[🙌🙌🙌]', this.allCallbacks)
const mergeToJsonSerialize = Object.keys(_flow)
.map((indexObjectFlow) => _flow[indexObjectFlow].toJson())

3
packages/docs/src/assets/styles/global.css
View File

@@ -47,6 +47,9 @@
@apply p-3 rounded md:w-full max-w-screen-md overflow-x-auto w-fit bg-gray-800 dark:bg-slate-800 ease-in duration-75 text-gray-100 text-xs shadow-xl;
}
.slot iframe {
@apply rounded ease-in duration-75 text-gray-100 text-xs shadow-xl;
}
.slot a {
@apply text-sky-900 font-medium dark:text-sky-400 dark:hover:text-white;
}

61
packages/docs/src/components/core/Social.tsx Normal file
View File

@@ -0,0 +1,61 @@
export const Social = () => {
return (
<>
{/* <title>
💻 Conviértete en un Programador Backend aprendiendo todo de
Cloud y Nodejs
</title>
<meta
property="og:site_name"
content="💻 Conviértete en un Programador Backend aprendiendo todo de Cloud y Nodejs"
/>
<meta
name="description"
content="🚀 Comienza haciendo tus despliegues directamente a la Nube. 🙌 Qué esperas mejorar tus habilidades en la programación ahora mismo."
/>
<meta property="og:type" content="website" />
<meta
name="keywords"
content="cursos programacion, cursos backend, curso de aws, curso de cloud computing, curso de node, curso de typescript, curso de api rest con node, curso de api rest con mongo, curso de api rest con aws"
/>
<meta
property="og:title"
content="💻 Conviértete en un Programador Backend aprendiendo todo de Cloud Computing y Nodejs"
/>
<meta
property="og:description"
content="🚀 Comienza haciendo tus despliegues directamente a la Nube. 🙌 Qué esperas mejorar tus habilidades en la programación ahora mismo."
/>
<meta property="og:type" content="article" />
<meta property="og:locale" content="es_ES" />
<meta
property="og:url"
content="https://campaign.codigoencasa.com"
/>
<meta property="og:site_name" content="campaign.codigoencasa.com" /> */}
<meta
property="og:image"
content="https://i.imgur.com/0HpzsEm.png"
></meta>
<meta
property="og:image:secure_url"
content="https://i.imgur.com/0HpzsEm.png"
/>
<meta property="og:image:type" content="image/png"></meta>
<meta property="og:image:width" content="1200"></meta>
<meta property="og:image:height" content="630"></meta>
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@LeiferMendez" />
<meta
name="twitter:title"
content="💻 Conviértete en un Programador Backend aprendiendo todo de Cloud y Nodejs"
/>
<meta
name="twitter:image"
content="https://i.imgur.com/0HpzsEm.png"
/>
</>
)
}

4
packages/docs/src/components/widgets/Footer.tsx
View File

@@ -101,7 +101,7 @@ export default component$(() => {
))}
</ul>
<div class="text-sm text-gray-700 mr-4 dark:text-slate-400">
{/* <div class="text-sm text-gray-700 mr-4 dark:text-slate-400">
<span class="w-5 h-5 md:w-6 md:h-6 md:-mt-0.5 bg-cover mr-1.5 float-left rounded-sm bg-[url(https://onwidget.com/favicon/favicon-32x32.png)]"></span>
Made by{' '}
<a
@@ -112,7 +112,7 @@ export default component$(() => {
onWidget
</a>{' '}
· All rights reserved.
</div>
</div> */}
</div>
</div>
</footer>

7
packages/docs/src/components/widgets/Header.tsx
View File

@@ -45,9 +45,12 @@ export default component$(() => {
>
<ul class="flex flex-col pt-8 md:pt-0 md:flex-row md:self-center w-full md:w-auto text-xl md:text-base">
<li class="dropdown">
<button class="font-medium hover:text-gray-900 dark:hover:text-white px-4 py-3 flex items-center transition duration-150 ease-in-out">
<a
href="/docs"
class="font-medium hover:text-gray-900 dark:hover:text-white px-4 py-3 flex items-center transition duration-150 ease-in-out"
>
Documentación
</button>
</a>
<ul class="dropdown-menu rounded md:absolute pl-4 md:pl-0 md:hidden font-medium md:bg-white md:min-w-[200px] dark:md:bg-slate-800 drop-shadow-xl">
{store.map((ctx) => {
return ctx.list.map((listCtx) => {

6
packages/docs/src/components/widgets/Hero.tsx
View File

@@ -26,10 +26,10 @@ export default component$(() => {
</h1>
<div class="max-w-3xl mx-auto">
<p class="text-xl text-gray-600 mb-8 dark:text-slate-400">
<span class="font-semibold underline decoration-wavy decoration-1 decoration-secondary-600 underline-offset-2">
<span class="font-semibold ">
Con esta libreria,{' '}
</span>
<span class="font-semibold underline decoration-wavy decoration-1 decoration-secondary-600 underline-offset-2">
<span class="font-semibold ">
puedes configurar respuestas
automatizadas para preguntas frecuentes
</span>{' '}
@@ -52,7 +52,7 @@ export default component$(() => {
href="/docs"
class="btn bg-gray-50 dark:bg-transparent"
>
Más información
Ver documentación
</a>
</div>
</div>

3
packages/docs/src/root.tsx
View File

@@ -16,6 +16,7 @@ import { DarkThemeLauncher } from '~/components/core/DarkThemeLauncher'
import fontStyles from '~/assets/styles/fonts.css?inline'
import globalStyles from '~/assets/styles/global.css?inline'
import { DocumentationCtx, GlobalStore } from './contexts'
import { Social } from './components/core/Social'
export default component$(() => {
/**
@@ -57,6 +58,7 @@ export default component$(() => {
title: 'Comunidad',
list: [
{ name: 'MasterClass', link: '/docs/masterclass' },
{ name: 'Colabores', link: '/docs/contributing' },
{ name: 'Unirme al proyecto', link: '/docs/join' },
{ name: 'Sponsors', link: '/docs/sponsors' },
],
@@ -77,6 +79,7 @@ export default component$(() => {
<RouterHead />
<DarkThemeLauncher />
<Social />
</head>
<body class="text-gray-900 dark:text-slate-300 tracking-tight bg-white dark:bg-gray-900 antialiased">
<RouterOutlet />

1
packages/docs/src/routes/docs/contribuiting/index.mdx
View File

@@ -1 +0,0 @@
# Personas que quieran unirse

121
packages/docs/src/routes/docs/contributing/index.mdx Normal file
View File

@@ -0,0 +1,121 @@
# Colaboradores
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/Mf9V-dloBfk"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
### 📄 Bienvenido/a
Si deseas colaborar con el proyecto existen varias maneras, la primera de ellas es aportando conocimiento y mejorando el repositorio (actualizando documentación, mejorando código, revisando **[issues](https://github.com/codigoencasa/bot-whatsapp/issues)**, etc).
También es bien recibido los aportes económicos que se utilizaran para diferentes fines **[ver más](https://opencollective.com/bot-whatsapp)**
El lenguaje principal que se utilizó para desarrollar este proyecto fue **JavaScript** con el fin de qué personas que están iniciando en el mundo de la programación puedan entender fácilmente.
### 🤔 Preguntas frecuentes
- ¿Como puedo hacer aportaciones de código en el proyecto?: [Ver Video](https://youtu.be/Lxt8Acob6aU)
- ¿Como ejecutar el entorno de pruebas?: [Ver Video](https://youtu.be/Mf9V-dloBfk)
- ¿Como crear un nuevo proveedor?: [Ver Video](https://youtu.be/cahK9zH3SI8)
- ¿Que son los GithubActions?: [Ver Video](https://youtu.be/nYBEBFKLiqw)
- ¿Canales de comunicación?: [Discord](https://link.codigoencasa.com/DISCORD)
---
![](https://i.giphy.com/media/ntMt6TvalpstTIx7Ak/giphy.webp)
**Requerimientos:**
- Node v16 o superior **[descargar node](https://nodejs.org/es/download/)**
- **[Yarn](https://classic.yarnpkg.com/lang/en/docs/install/#windows-stable)** como gestor de paquetes. En el link conseguirás las intrucciones para instalar yarn.
- **[VSCode](https://code.visualstudio.com/download)** (recomendado): Editor de código con plugins.
- **[Conventional Commits](https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits&ssr=false#overview)** (plugin-vscode) este plugin te ayudará a crear commit semántico.
- Se usará la rama **dev** _(https://github.com/leifermendez/bot-whatsapp/tree/dev)_ como rama principal hasta que se haga oficialmente el lanzamiento de la V2.
### 🚀 Iniciando
**Clonar repo rama dev**
```
git clone --branch dev https://github.com/codigoencasa/bot-whatsapp
```
**Instalar dependencias**
```
cd bot-whatsapp
yarn install
```
**Compilar (build)**
Para compilar la aplicación es necesario ejecutar este comando, el cual genera un directorio `lib` dentro de los paquetes del monorepo.
```
yarn build
```
**Example-app**
Se ejecuta el CLI (Command Line Interface) para ayudarte a crear un app-bot de ejemplo.
```
yarn run cli
```
Selecionas (mediante las flechas arriba y abajo) el proveedor que quieras usar y cuando estes sobre el presiona la barra de espacio, igualmente selecciona la base de datos que quieras usar.
Se creó un subdirecorio con el nombre del proveedor y base de datos que seleccionaste, ejemplo: `base-bailey-mysql`
Dentro de ese directorio necesitas editar el archivo package.json y borrar las siguientes lineas:
```
"@bot-whatsapp/bot": "latest",
"@bot-whatsapp/cli": "latest",
"@bot-whatsapp/database": "latest",
"@bot-whatsapp/provider": "latest",
```
Cambiate al directorio creado ejemplo: `base-bailey-mysql`
```
cd base-baileys-mysql
```
Ejecuta los comandos:
```
npm install
npm run pre-copy
npm start
```
En el caso de MySql y Mongo es necesario especificar en app.js los datos de la conexión, ejemplo de MySql:
```
const BaileysProvider = require('@bot-whatsapp/provider/baileys')
const MySQLAdapter = require('@bot-whatsapp/database/mysql')
/**
* Declaramos las conexiones de MySQL
*/
const MYSQL_DB_HOST = 'localhost'
const MYSQL_DB_USER = 'usr'
const MYSQL_DB_PASSWORD = 'pass'
const MYSQL_DB_NAME = 'bot'
```
![](https://i.imgur.com/dC6lEwy.png)
> **NOTA:** [Eres libre de aportar informacion a este documento o arreglar ortografia 🤣](https://github.com/codigoencasa/bot-whatsapp/edit/dev/CONTRIBUTING.md)
---
- [Discord](https://link.codigoencasa.com/DISCORD)
- [Twitter](https://twitter.com/leifermendez)
- [Youtube](https://www.youtube.com/watch?v=5lEMCeWEJ8o&list=PL_WGMLcL4jzWPhdhcUyhbFU6bC0oJd2BR)
- [Telegram](https://t.me/leifermendez)