cheveguerra/bot-whatsapp
1
0
Fork 0
mirror of https://github.com/cheveguerra/bot-whatsapp.git synced 2026-04-18 03:29:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

ci: ⚡ add github release

Browse Source 
ci: ⚡ add github release
This commit is contained in:
Leifer Mendez
2023-01-11 13:39:03 +01:00
committed by GitHub
parent a73ff9c217 1fa17dc601
commit 09407401eb
47 changed files with 325 additions and 536 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.github/workflows/netlify.yml vendored
View File

@@ -3,7 +3,6 @@ name: 📄 (PROD) Desplegando documentacion
on:
push:
branches:
- main
- next-release
jobs:

2
.github/workflows/releases-dev.yml vendored
View File

@@ -3,7 +3,7 @@ name: 🚀 (DEV) Liberando versiones
on:
push:
branches:
- next-release
- release/next
jobs:
############ RELEASE ############

5
.github/workflows/releases.yml vendored
View File

@@ -1,8 +1,9 @@
name: 🚀⚡ Liberando versiones
on:
release:
types: [created]
push:
branches:
- release/production
jobs:
############ RELEASE ############
release:

5
package.json
View File

@@ -97,5 +97,8 @@
"npm": "please-use-yarn",
"yarn": ">=3"
},
"author": "Leifer Mendez <leifer33@gmail.com>"
"author": "Leifer Mendez <leifer33@gmail.com>",
"dependencies": {
"@octokit/core": "^4.1.0"
}
}

2
packages/bot/package.json
View File

@@ -1,6 +1,6 @@
{
"name": "@bot-whatsapp/bot",
"version": "0.0.52-alpha.0",
"version": "0.0.53-alpha.0",
"description": "",
"main": "./lib/bundle.bot.cjs",
"scripts": {

2
packages/cli/package.json
View File

@@ -1,6 +1,6 @@
{
"name": "@bot-whatsapp/cli",
"version": "0.0.59-alpha.0",
"version": "0.0.60-alpha.0",
"description": "",
"main": "index.js",
"devDependencies": {

2
packages/create-bot-whatsapp/package.json
View File

@@ -1,6 +1,6 @@
{
"name": "create-bot-whatsapp",
"version": "0.0.70-alpha.0",
"version": "0.0.71-alpha.0",
"description": "",
"main": "./lib/bundle.create-bot-whatsapp.cjs",
"files": [

2
packages/database/package.json
View File

@@ -1,6 +1,6 @@
{
"name": "@bot-whatsapp/database",
"version": "0.0.51-alpha.0",
"version": "0.0.52-alpha.0",
"description": "Esto es el conector a mysql, pg, mongo",
"main": "./lib/mock/index.cjs",
"keywords": [],

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

@@ -47,13 +47,20 @@ export default component$(() => {
npm create bot-whatsapp@latest
</code>
</div>
<div class="flex w-full sm:w-auto">
<div class="flex w-full sm:w-auto gap-3">
<a
href="/docs"
class="btn bg-gray-50 dark:bg-transparent"
>
Ver documentación
</a>
<a
target={'_blank'}
href="https://youtu.be/DEIyGyJNGa8"
class="btn bg-gray-50 dark:bg-transparent"
>
Ver video
</a>
</div>
</div>
</div>

6
packages/docs/src/routes/docs/providers/index.mdx
View File

@@ -39,6 +39,12 @@ Estamos trabajando en el apartado de la documentación lo más claro posible. Pu
---
### Meta: Configuración
Estamos trabajando en el apartado de la documentación lo más claro posible. Puedes encontrar los [detalles aquí](/docs/providers/meta)
---
<Navigation
pages={[
{ name: 'Conversaciones', link: '/docs/providers' },

158
packages/docs/src/routes/docs/providers/meta/index.mdx
View File

@@ -1,3 +1,159 @@
import Alert from '../../../../components/widgets/Alert'
import Navigation from '../../../../components/widgets/Navigation'
# Meta
...
La Plataforma de WhatsApp Business permite a medianas y grandes empresas comunicarse con sus clientes a gran escala.
Puedes iniciar conversaciones con clientes en apenas unos minutos, enviarles notificaciones de atención al cliente o actualizaciones de compras, ofrecerles un nivel de servicio personalizado y
prestarles ayuda a través del canal que ellos prefieran.
### Requerimientos
- Registrar una cuenta de [facebook developers](https://developers.facebook.com/apps)
---
### Requerimientos
Debes crear una aplicación nueva. Para ello haz clic en el botón **Crear aplicación**
![](https://i.imgur.com/DKgjwj9.png)
---
En esta pantalla debes de seleccionar **Empresa o Business**
![](https://i.imgur.com/tapmpMk.png)
---
En el siguiente paso debes escribir un nombre al tu aplicación también colocar un email de contacto y seleccionar la aplicación de Test Business
![](https://i.imgur.com/cfHLJTJ.png)
---
Ahora dirígete a la sección de Ajustes de WhatsApp.
![](https://i.imgur.com/37gMMM5.png)
---
Está la parte donde encontraras el token acceso y también puedes ver el número **desde donde** se envía los mensajes de WhatsApp
y **a donde** se va a enviar.
Como estás en la versión de prueba, deberás dar de alta los números a los que quieres enviar.
![](https://i.imgur.com/bkSAZn2.png)
---
En esta misma página puedes encontrar el apartado de **Webhook** que pronto necesitaremos usar
![](https://i.imgur.com/L3PRcj7.png)
---
En el **archivo principal** del bot donde estás implementando la función del adaptador de meta vas a colocar los siguientes datos:
- **numberId:** Lo puedes encontrar en la pagina anterior
- **jwtToken:** Lo puedes encontrar en la pagina anterior
- **verifyToken:** Puedes escribir lo que quieras es como una palabra clave
<Alert>
En el ejemplo de abajo puedes ver como una sugerencia de como puede ser
utilizando variables de entorno
</Alert>
```js
const main = async () => {
const adapterDB = new MockAdapter()
const adapterFlow = createFlow([flowPrincipal])
const adapterProvider = createProvider(MetaProvider, {
jwtToken: process.env.JWTOKEN, //EAARBW3ZBGU0UBAACDjtQIzI8JuEa.............
numberId: process.env.NUMBER_ID, //103975305758520
verifyToken: process.env.VERIFY_TOKEN, //LO_QUE_SEA
})
createBot({
flow: adapterFlow,
provider: adapterProvider,
database: adapterDB,
})
}
main()
```
---
Luego de ejecutar el bot encontraras un mensaje en la consola similar al siguiente.
Donde podrás encontrar la URL para tu **webhook**
```shell
$ npm start
> bot-whatsapp-base-meta-memory@1.0.0 start
> node app.js
[meta]: Agregar esta url "WHEN A MESSAGE COMES IN"
[meta]: POST http://localhost:3000/webhook
[meta]: Más información en la documentacion
```
---
## ¿Ahora que hago?
Podrás observar que el bot inicia un servicio HTTP (endpoint) que debe estar en un servidor en linea para que puedas conectarlo con Meta.
---
### Opción 1:
Puedes hacer pruebas en local atrevés de un servidor proxy tunnel. 
Descarga **[ngork](https://ngrok.com/download)** es una herramienta gratuita que nos ayudara con esto.
![](https://i.imgur.com/TjjBtRh.png)
---
Esto genera una URL en línea que podemos usar en la parte de **WebHook** de Meta
![](https://i.imgur.com/NXHMDsf.png)
---
![](https://i.imgur.com/tpov3D1.png)
---
![](https://i.imgur.com/haRGylR.png)
---
![](https://i.imgur.com/cMaIzeC.png)
---
### Opción 2:
Si ya tienes desplegado tu bot en un servidor tienes que obtener la IP publica o subdominio que te proporcionaron. **Ejemplo** si estas usando
[Railway](https://railway.app/) puedes ir a la seccion de ajustes y generar un subdominio. Ya tendriamos el **WebHook**
`https://base-twilio-memory-production.up.railway.app/twilio-hook`
![](https://i.imgur.com/Yg2BYqB.png)
---
![](https://i.imgur.com/dIbyEwp.png)
---
<Navigation
pages={[
{ name: 'Proveedores', link: '/docs/providers' },
{ name: 'Meta', link: '/docs/providers/meta' },
]}
/>

2
packages/portal/package.json
View File

@@ -1,6 +1,6 @@
{
"name": "@bot-whatsapp/portal",
"version": "0.0.9-alpha.0",
"version": "0.0.10-alpha.0",
"description": "Portal WEB para escanear QR",
"main": "./lib/portal.http.cjs",
"scripts": {

2
packages/provider/package.json
View File

@@ -1,6 +1,6 @@
{
"name": "@bot-whatsapp/provider",
"version": "0.0.57-alpha.0",
"version": "0.0.58-alpha.0",
"description": "Esto es el conector a Twilio, Meta, etc...",
"main": "./lib/mock/index.cjs",
"keywords": [],

38
scripts/release.js
View File

@@ -3,16 +3,50 @@ const { join } = require('path')
const { execFile } = require('node:child_process')
const process = require('node:process')
const util = require('node:util')
const { Octokit } = require('@octokit/core')
const OS_ENVIROMENT_WIN = process.platform.includes('win32')
const semver = require('semver')
const NPM_COMMAND = OS_ENVIROMENT_WIN ? 'npm.cmd' : 'npm'
const [PKG_ARG, PKG_ARG_VERSION, NPM_TOKEN] = process.argv.slice(2) || [null]
const [PKG_ARG, PKG_ARG_VERSION, NPM_TOKEN, GITHUB_TOKEN] = process.argv.slice(
2
) || [null]
const PATH_PACKAGES = join(__dirname, '..', `packages`)
const cmd = util.promisify(execFile)
/**
* Publicar Release en Github
* @param {*} name
* @param {*} tag_name
* @param {*} auth
* @param {*} owner
* @param {*} repo
*/
const githubGithubRelease = async (
name = '',
tag_name = '',
auth = '',
owner = 'codigoencasa',
repo = 'bot-whatsapp'
) => {
const octokit = new Octokit({
auth,
})
await octokit.request(`POST /repos/${owner}/${repo}/releases`, {
owner,
repo,
tag_name,
name,
body: 'Description of the release',
draft: false,
prerelease: false,
generate_release_notes: true,
})
}
/**
* Create Token
*/
@@ -147,6 +181,7 @@ const publishRelease = async (packageName, latest = null) => {
const main = async () => {
if (PKG_ARG) {
let EXIST_VERSION = true
const githubToken = GITHUB_TOKEN ? GITHUB_TOKEN.split('=').at(1) : null
const tokenNpm = NPM_TOKEN ? NPM_TOKEN.split('=').at(1) : null
const pkgName = PKG_ARG ? PKG_ARG.split('=').at(1) : null
const pkgNumber = PKG_ARG_VERSION
@@ -161,6 +196,7 @@ const main = async () => {
}
await packRelease(pkgName)
await publishRelease(pkgName, pkgNumber)
await githubGithubRelease(`v${pkgNumber}`, pkgNumber, githubToken)
}
}

4
starters/apps/base-baileys-json/Dockerfile
View File

@@ -1,7 +1,9 @@
FROM node:lts-bullseye as bot
FROM node:18-bullseye as bot
WORKDIR /app
COPY package*.json ./
RUN npm i
COPY . .
ARG RAILWAY_STATIC_URL
ARG PUBLIC_URL
ARG PORT
CMD ["npm", "start"]

20
starters/apps/base-baileys-json/README.md
View File

@@ -5,26 +5,8 @@
</p>
**Con esta librería, puedes construir flujos automatizados de conversación de manera agnóstica al proveedor de WhatsApp,** configurar respuestas automatizadas para preguntas frecuentes, recibir y responder mensajes de manera automatizada, y hacer un seguimiento de las interacciones con los clientes.  Además, puedes configurar fácilmente disparadores que te ayudaran a expandir las funcionalidades sin límites. **[Ver más informacion](https://bot-whatsapp.netlify.app/)**
**Con esta librería, puedes construir flujos automatizados de conversación de manera agnóstica al proveedor de WhatsApp,** configurar respuestas automatizadas para preguntas frecuentes, recibir y responder mensajes de manera automatizada, y hacer un seguimiento de las interacciones con los clientes.  Además, puedes configurar fácilmente disparadores que te ayudaran a expandir las funcionalidades sin límites. **[Ver documentación](https://bot-whatsapp.netlify.app/)**
```js
const main = async () => {
const adapterDB = new MockAdapter()
const adapterFlow = createFlow([flowPrincipal])
const adapterProvider = createProvider(BaileysProvider, {
accountSid: process.env.ACC_SID,
authToken: process.env.ACC_TOKEN,
vendorNumber: process.env.ACC_VENDOR,
})
createBot({
flow: adapterFlow,
provider: adapterProvider,
database: adapterDB,
})
}
```
```
npm install

96
starters/apps/base-baileys-json/app.js
View File

@@ -5,86 +5,62 @@ const {
addKeyword,
} = require('@bot-whatsapp/bot')
require('./server.http')
const QRPortalWeb = require('@bot-whatsapp/portal')
const BaileysProvider = require('@bot-whatsapp/provider/baileys')
const JsonFileAdapter = require('@bot-whatsapp/database/json')
/**
* Aqui declaramos los flujos hijos, los flujos se declaran de atras para adelante, es decir que si tienes un flujo de este tipo:
*
* Menu Principal
* - SubMenu 1
* - Submenu 1.1
* - Submenu 2
* - Submenu 2.1
*
* Primero declaras los submenus 1.1 y 2.1, luego el 1 y 2 y al final el principal.
*/
const flowDocs = addKeyword([
'doc',
'documentacion',
'documentación',
]).addAnswer([
'📄 Aquí encontras las documentación recuerda que puedes mejorarla',
'https://bot-whatsapp.netlify.app/',
])
const flowBolsos2 = addKeyword(['bolsos2', '2'])
.addAnswer('🤯 *MUCHOS* bolsos ...')
.addAnswer('y mas bolsos... bla bla')
const flowTuto = addKeyword(['tutorial', 'tuto']).addAnswer([
'🙌 Aquí encontras un ejemplo rapido',
'https://bot-whatsapp.netlify.app/docs/example/',
])
const flowZapatos2 = addKeyword(['zapatos2', '2'])
.addAnswer('🤯 repito que tengo *MUCHOS* zapatos.')
.addAnswer('y algunas otras cosas.')
const flowGracias = addKeyword(['gracias', 'grac']).addAnswer([
'🚀 Puedes aportar tu granito de arena a este proyecto',
'[*opencollective*] https://opencollective.com/bot-whatsapp',
'[*buymeacoffee*] https://www.buymeacoffee.com/leifermendez',
'[*patreon*] https://www.patreon.com/leifermendez',
])
const flowZapatos = addKeyword(['1', 'zapatos', 'ZAPATOS'])
.addAnswer('🤯 Veo que elegiste zapatos')
.addAnswer('Tengo muchos zapatos...bla bla')
.addAnswer(
['Manda:', '*(2) Zapatos2*', 'para mas información'],
{ capture: true },
(ctx) => {
console.log('Aqui puedes ver más info del usuario...')
console.log('Puedes enviar un mail, hook, etc..')
console.log(ctx)
},
[flowZapatos2]
)
const flowBolsos = addKeyword(['2', 'bolsos', 'BOLSOS'])
.addAnswer('🙌 Veo que elegiste bolsos')
.addAnswer('Tengo muchos bolsos...bla bla')
.addAnswer(
['Manda:', '*(2) Bolsos2*', 'para mas información.'],
{ capture: true },
(ctx) => {
console.log('Aqui puedes ver más info del usuario...')
console.log('Puedes enviar un mail, hook, etc..')
console.log(ctx)
},
[flowBolsos2]
)
/**
* Declarando flujo principal
*/
const flowDiscord = addKeyword(['discord']).addAnswer([
'🤪 Únete al discord',
'https://link.codigoencasa.com/DISCORD',
])
const flowPrincipal = addKeyword(['hola', 'ole', 'alo'])
.addAnswer(['Hola, bienvenido a mi tienda', '¿Como puedo ayudarte?'])
.addAnswer(['Tengo:', 'Zapatos', 'Bolsos', 'etc ...'])
.addAnswer('🙌 Hola bienvenido a este *Chatbot*')
.addAnswer(
['Para continuar escribe:', '*(1) Zapatos*', '*(2) Bolsos*'],
{ capture: true },
(ctx) => {
console.log('Aqui puedes ver más info del usuario...')
console.log('Puedes enviar un mail, hook, etc..')
console.log(ctx)
},
[flowBolsos, flowZapatos]
[
'te comparto los siguientes links de interes sobre el proyecto',
'👉 *doc* para ver la documentación',
'👉 *gracias* para ver la lista de videos',
'👉 *discord* unirte al discord',
],
null,
null,
[flowDocs, flowGracias, flowTuto, flowDiscord]
)
const main = async () => {
const adapterDB = new JsonFileAdapter()
const adapterFlow = createFlow([flowPrincipal])
const adapterProvider = createProvider(BaileysProvider)
createBot({
flow: adapterFlow,
provider: adapterProvider,
database: adapterDB,
})
QRPortalWeb()
}
main()

3
starters/apps/base-baileys-json/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-bailey-json",
"name": "base-bailey-json",
"version": "1.0.0",
"description": "",
"main": "app.js",
@@ -13,6 +13,7 @@
"@bot-whatsapp/cli": "latest",
"@bot-whatsapp/database": "latest",
"@bot-whatsapp/provider": "latest",
"@bot-whatsapp/portal": "latest",
"@adiwajshing/baileys": "4.4.0",
"mime-types": "2.1.35",
"wa-sticker-formatter": "4.3.2"

80
starters/apps/base-baileys-json/public/index.html
View File

@@ -1,80 +0,0 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://rsms.me/" />
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
<title>🤖 Crear chatbot WhatsApp en minutos</title>
<style>
html,
body {
display: flex;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
justify-content: center;
align-self: center;
align-items: center;
font-family: 'Inter', sans-serif;
}
</style>
</head>
<body>
<div
style="
display: flex;
gap: 2rem;
justify-content: center;
align-items: center;
"
>
<img
style="
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
border-radius: 15px;
object-fit: contain;
"
width="400"
height="400"
src="qr.png"
alt="Escanear QR"
/>
<div style="width: 400px; display: grid; gap: 1rem">
<h1 style="margin: 0">Whatsapp QR</h1>
<p>
<strong
>F5 para actualizar, el codigo se actualiza cada minuto. </strong
><br />
Con esta libreria, puedes configurar respuestas
automatizadas para preguntas frecuentes , recibir y
responder mensajes de manera automatizada, y hacer un
seguimiento de las interacciones con los clientes. Además,
nuestro Chatbot se integra fácilmente con otros sistemas y
herramientas que ya esté utilizando en su negocio.
</p>
<div>
<a
target="_blank"
style="
background: white;
box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
rgb(0 0 0 / 6%) 0px 0px 0px 1px;
padding: 10px;
border-radius: 5px;
font-weight: 600;
text-decoration: none;
color: #1a1a1a;
border: solid 1px #afafaf;
"
href="https://bot-whatsapp.netlify.app/"
>Ver documentación</a
>
</div>
</div>
</div>
</body>
</html>

34
starters/apps/base-baileys-json/server.http.js
View File

@@ -1,34 +0,0 @@
const http = require('http')
const fs = require('fs')
const path = require('path')
const PORT = process.env.PORT || 3000
/**
* Levantar un HTTP Server
*/
http.createServer(function (req, res) {
var cssPath = undefined
var fileStream = undefined
var imagePath = undefined
if (req.url === '/') {
fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
res.writeHead(200, { 'Content-Type': 'text/html' })
res.end(html)
})
} else if (req.url.match('.css$')) {
cssPath = path.join(__dirname, 'public', req.url)
fileStream = fs.createReadStream(cssPath, 'UTF-8')
res.writeHead(200, { 'Content-Type': 'text/css' })
fileStream.pipe(res)
} else if (req.url.match('.png$')) {
imagePath = path.join(__dirname, req.url)
fileStream = fs.createReadStream(imagePath)
res.writeHead(200, { 'Content-Type': 'image/png' })
fileStream.pipe(res)
} else {
res.writeHead(404, { 'Content-Type': 'text/html' })
res.end('No Page Found')
}
}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))

4
starters/apps/base-baileys-memory/Dockerfile
View File

@@ -1,7 +1,9 @@
FROM node:lts-bullseye as bot
FROM node:18-bullseye as bot
WORKDIR /app
COPY package*.json ./
RUN npm i
COPY . .
ARG RAILWAY_STATIC_URL
ARG PUBLIC_URL
ARG PORT
CMD ["npm", "start"]

20
starters/apps/base-baileys-memory/README.md
View File

@@ -5,26 +5,8 @@
</p>
**Con esta librería, puedes construir flujos automatizados de conversación de manera agnóstica al proveedor de WhatsApp,** configurar respuestas automatizadas para preguntas frecuentes, recibir y responder mensajes de manera automatizada, y hacer un seguimiento de las interacciones con los clientes.  Además, puedes configurar fácilmente disparadores que te ayudaran a expandir las funcionalidades sin límites. **[Ver más informacion](https://bot-whatsapp.netlify.app/)**
**Con esta librería, puedes construir flujos automatizados de conversación de manera agnóstica al proveedor de WhatsApp,** configurar respuestas automatizadas para preguntas frecuentes, recibir y responder mensajes de manera automatizada, y hacer un seguimiento de las interacciones con los clientes.  Además, puedes configurar fácilmente disparadores que te ayudaran a expandir las funcionalidades sin límites. **[Ver documentación](https://bot-whatsapp.netlify.app/)**
```js
const main = async () => {
const adapterDB = new MockAdapter()
const adapterFlow = createFlow([flowPrincipal])
const adapterProvider = createProvider(BaileysProvider, {
accountSid: process.env.ACC_SID,
authToken: process.env.ACC_TOKEN,
vendorNumber: process.env.ACC_VENDOR,
})
createBot({
flow: adapterFlow,
provider: adapterProvider,
database: adapterDB,
})
}
```
```
npm install

96
starters/apps/base-baileys-memory/app.js
View File

@@ -5,86 +5,62 @@ const {
addKeyword,
} = require('@bot-whatsapp/bot')
require('./server.http')
const QRPortalWeb = require('@bot-whatsapp/portal')
const BaileysProvider = require('@bot-whatsapp/provider/baileys')
const MockAdapter = require('@bot-whatsapp/database/mock')
/**
* Aqui declaramos los flujos hijos, los flujos se declaran de atras para adelante, es decir que si tienes un flujo de este tipo:
*
* Menu Principal
* - SubMenu 1
* - Submenu 1.1
* - Submenu 2
* - Submenu 2.1
*
* Primero declaras los submenus 1.1 y 2.1, luego el 1 y 2 y al final el principal.
*/
const flowDocs = addKeyword([
'doc',
'documentacion',
'documentación',
]).addAnswer([
'📄 Aquí encontras las documentación recuerda que puedes mejorarla',
'https://bot-whatsapp.netlify.app/',
])
const flowBolsos2 = addKeyword(['bolsos2', '2'])
.addAnswer('🤯 *MUCHOS* bolsos ...')
.addAnswer('y mas bolsos... bla bla')
const flowTuto = addKeyword(['tutorial', 'tuto']).addAnswer([
'🙌 Aquí encontras un ejemplo rapido',
'https://bot-whatsapp.netlify.app/docs/example/',
])
const flowZapatos2 = addKeyword(['zapatos2', '2'])
.addAnswer('🤯 repito que tengo *MUCHOS* zapatos.')
.addAnswer('y algunas otras cosas.')
const flowGracias = addKeyword(['gracias', 'grac']).addAnswer([
'🚀 Puedes aportar tu granito de arena a este proyecto',
'[*opencollective*] https://opencollective.com/bot-whatsapp',
'[*buymeacoffee*] https://www.buymeacoffee.com/leifermendez',
'[*patreon*] https://www.patreon.com/leifermendez',
])
const flowZapatos = addKeyword(['1', 'zapatos', 'ZAPATOS'])
.addAnswer('🤯 Veo que elegiste zapatos')
.addAnswer('Tengo muchos zapatos...bla bla')
.addAnswer(
['Manda:', '*(2) Zapatos2*', 'para mas información'],
{ capture: true },
(ctx) => {
console.log('Aqui puedes ver más info del usuario...')
console.log('Puedes enviar un mail, hook, etc..')
console.log(ctx)
},
[flowZapatos2]
)
const flowBolsos = addKeyword(['2', 'bolsos', 'BOLSOS'])
.addAnswer('🙌 Veo que elegiste bolsos')
.addAnswer('Tengo muchos bolsos...bla bla')
.addAnswer(
['Manda:', '*(2) Bolsos2*', 'para mas información.'],
{ capture: true },
(ctx) => {
console.log('Aqui puedes ver más info del usuario...')
console.log('Puedes enviar un mail, hook, etc..')
console.log(ctx)
},
[flowBolsos2]
)
/**
* Declarando flujo principal
*/
const flowDiscord = addKeyword(['discord']).addAnswer([
'🤪 Únete al discord',
'https://link.codigoencasa.com/DISCORD',
])
const flowPrincipal = addKeyword(['hola', 'ole', 'alo'])
.addAnswer(['Hola, bienvenido a mi tienda', '¿Como puedo ayudarte?'])
.addAnswer(['Tengo:', 'Zapatos', 'Bolsos', 'etc ...'])
.addAnswer('🙌 Hola bienvenido a este *Chatbot*')
.addAnswer(
['Para continuar escribe:', '*(1) Zapatos*', '*(2) Bolsos*'],
{ capture: true },
(ctx) => {
console.log('Aqui puedes ver más info del usuario...')
console.log('Puedes enviar un mail, hook, etc..')
console.log(ctx)
},
[flowBolsos, flowZapatos]
[
'te comparto los siguientes links de interes sobre el proyecto',
'👉 *doc* para ver la documentación',
'👉 *gracias* para ver la lista de videos',
'👉 *discord* unirte al discord',
],
null,
null,
[flowDocs, flowGracias, flowTuto, flowDiscord]
)
const main = async () => {
const adapterDB = new MockAdapter()
const adapterFlow = createFlow([flowPrincipal])
const adapterProvider = createProvider(BaileysProvider)
createBot({
flow: adapterFlow,
provider: adapterProvider,
database: adapterDB,
})
QRPortalWeb()
}
main()

3
starters/apps/base-baileys-memory/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-bailey-memory",
"name": "base-bailey-memory",
"version": "1.0.0",
"description": "",
"main": "app.js",
@@ -13,6 +13,7 @@
"@bot-whatsapp/cli": "latest",
"@bot-whatsapp/database": "latest",
"@bot-whatsapp/provider": "latest",
"@bot-whatsapp/portal": "latest",
"@adiwajshing/baileys": "4.4.0",
"mime-types": "2.1.35",
"wa-sticker-formatter": "4.3.2"

80
starters/apps/base-baileys-memory/public/index.html
View File

@@ -1,80 +0,0 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://rsms.me/" />
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
<title>🤖 Crear chatbot WhatsApp en minutos</title>
<style>
html,
body {
display: flex;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
justify-content: center;
align-self: center;
align-items: center;
font-family: 'Inter', sans-serif;
}
</style>
</head>
<body>
<div
style="
display: flex;
gap: 2rem;
justify-content: center;
align-items: center;
"
>
<img
style="
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
border-radius: 15px;
object-fit: contain;
"
width="400"
height="400"
src="qr.png"
alt="Escanear QR"
/>
<div style="width: 400px; display: grid; gap: 1rem">
<h1 style="margin: 0">Whatsapp QR</h1>
<p>
<strong
>F5 para actualizar, el codigo se actualiza cada minuto. </strong
><br />
Con esta libreria, puedes configurar respuestas
automatizadas para preguntas frecuentes , recibir y
responder mensajes de manera automatizada, y hacer un
seguimiento de las interacciones con los clientes. Además,
nuestro Chatbot se integra fácilmente con otros sistemas y
herramientas que ya esté utilizando en su negocio.
</p>
<div>
<a
target="_blank"
style="
background: white;
box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
rgb(0 0 0 / 6%) 0px 0px 0px 1px;
padding: 10px;
border-radius: 5px;
font-weight: 600;
text-decoration: none;
color: #1a1a1a;
border: solid 1px #afafaf;
"
href="https://bot-whatsapp.netlify.app/"
>Ver documentación</a
>
</div>
</div>
</div>
</body>
</html>

34
starters/apps/base-baileys-memory/server.http.js
View File

@@ -1,34 +0,0 @@
const http = require('http')
const fs = require('fs')
const path = require('path')
const PORT = process.env.PORT || 3000
/**
* Levantar un HTTP Server
*/
http.createServer(function (req, res) {
var cssPath = undefined
var fileStream = undefined
var imagePath = undefined
if (req.url === '/') {
fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
res.writeHead(200, { 'Content-Type': 'text/html' })
res.end(html)
})
} else if (req.url.match('.css$')) {
cssPath = path.join(__dirname, 'public', req.url)
fileStream = fs.createReadStream(cssPath, 'UTF-8')
res.writeHead(200, { 'Content-Type': 'text/css' })
fileStream.pipe(res)
} else if (req.url.match('.png$')) {
imagePath = path.join(__dirname, req.url)
fileStream = fs.createReadStream(imagePath)
res.writeHead(200, { 'Content-Type': 'image/png' })
fileStream.pipe(res)
} else {
res.writeHead(404, { 'Content-Type': 'text/html' })
res.end('No Page Found')
}
}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))

2
starters/apps/base-baileys-mongo/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-bailey-mongo",
"name": "base-bailey-mongo",
"version": "1.0.0",
"description": "",
"main": "app.js",

80
starters/apps/base-baileys-mongo/public/index.html
View File

@@ -1,80 +0,0 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://rsms.me/" />
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
<title>🤖 Crear chatbot WhatsApp en minutos</title>
<style>
html,
body {
display: flex;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
justify-content: center;
align-self: center;
align-items: center;
font-family: 'Inter', sans-serif;
}
</style>
</head>
<body>
<div
style="
display: flex;
gap: 2rem;
justify-content: center;
align-items: center;
"
>
<img
style="
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
border-radius: 15px;
object-fit: contain;
"
width="400"
height="400"
src="qr.png"
alt="Escanear QR"
/>
<div style="width: 400px; display: grid; gap: 1rem">
<h1 style="margin: 0">Whatsapp QR</h1>
<p>
<strong
>F5 para actualizar, el codigo se actualiza cada minuto. </strong
><br />
Con esta libreria, puedes configurar respuestas
automatizadas para preguntas frecuentes , recibir y
responder mensajes de manera automatizada, y hacer un
seguimiento de las interacciones con los clientes. Además,
nuestro Chatbot se integra fácilmente con otros sistemas y
herramientas que ya esté utilizando en su negocio.
</p>
<div>
<a
target="_blank"
style="
background: white;
box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
rgb(0 0 0 / 6%) 0px 0px 0px 1px;
padding: 10px;
border-radius: 5px;
font-weight: 600;
text-decoration: none;
color: #1a1a1a;
border: solid 1px #afafaf;
"
href="https://bot-whatsapp.netlify.app/"
>Ver documentación</a
>
</div>
</div>
</div>
</body>
</html>

34
starters/apps/base-baileys-mongo/server.http.js
View File

@@ -1,34 +0,0 @@
const http = require('http')
const fs = require('fs')
const path = require('path')
const PORT = process.env.PORT || 3000
/**
* Levantar un HTTP Server
*/
http.createServer(function (req, res) {
var cssPath = undefined
var fileStream = undefined
var imagePath = undefined
if (req.url === '/') {
fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
res.writeHead(200, { 'Content-Type': 'text/html' })
res.end(html)
})
} else if (req.url.match('.css$')) {
cssPath = path.join(__dirname, 'public', req.url)
fileStream = fs.createReadStream(cssPath, 'UTF-8')
res.writeHead(200, { 'Content-Type': 'text/css' })
fileStream.pipe(res)
} else if (req.url.match('.png$')) {
imagePath = path.join(__dirname, req.url)
fileStream = fs.createReadStream(imagePath)
res.writeHead(200, { 'Content-Type': 'image/png' })
fileStream.pipe(res)
} else {
res.writeHead(404, { 'Content-Type': 'text/html' })
res.end('No Page Found')
}
}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))

2
starters/apps/base-baileys-mysql/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-bailey-mysql",
"name": "base-bailey-mysql",
"version": "1.0.0",
"description": "",
"main": "app.js",

2
starters/apps/base-meta-json/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-meta-json",
"name": "base-meta-json",
"version": "1.0.0",
"description": "",
"main": "app.js",

2
starters/apps/base-meta-memory/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-meta-memory",
"name": "base-meta-memory",
"version": "1.0.0",
"description": "",
"main": "app.js",

2
starters/apps/base-meta-mongo/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-meta-mongo",
"name": "base-meta-mongo",
"version": "1.0.0",
"description": "",
"main": "app.js",

2
starters/apps/base-meta-mysql/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-meta-mysql",
"name": "base-meta-mysql",
"version": "1.0.0",
"description": "",
"main": "app.js",

2
starters/apps/base-twilio-json/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-twilio-json",
"name": "base-twilio-json",
"version": "1.0.0",
"description": "",
"main": "app.js",

2
starters/apps/base-twilio-memory/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-twilio-memory",
"name": "base-twilio-memory",
"version": "1.0.0",
"description": "",
"main": "app.js",

2
starters/apps/base-twilio-mongo/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-twilio-mongo",
"name": "base-twilio-mongo",
"version": "1.0.0",
"description": "",
"main": "app.js",

2
starters/apps/base-twilio-mysql/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-twilio-mysql",
"name": "base-twilio-mysql",
"version": "1.0.0",
"description": "",
"main": "app.js",

2
starters/apps/base-venom-json/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-venom-json",
"name": "base-venom-json",
"version": "1.0.0",
"description": "",
"main": "app.js",

2
starters/apps/base-venom-memory/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-venom-memory",
"name": "base-venom-memory",
"version": "1.0.0",
"description": "",
"main": "app.js",

2
starters/apps/base-venom-mongo/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-venom-mongo",
"name": "base-venom-mongo",
"version": "1.0.0",
"description": "",
"main": "app.js",

2
starters/apps/base-venom-mysql/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-venom-mysql",
"name": "base-venom-mysql",
"version": "1.0.0",
"description": "",
"main": "app.js",

2
starters/apps/base-wweb-json/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-wweb-json",
"name": "base-wweb-json",
"version": "1.0.0",
"description": "",
"main": "app.js",

2
starters/apps/base-wweb-memory/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-wweb-memory",
"name": "base-wweb-memory",
"version": "1.0.0",
"description": "",
"main": "app.js",

2
starters/apps/base-wweb-mongo/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-wweb-mongo",
"name": "base-wweb-mongo",
"version": "1.0.0",
"description": "",
"main": "app.js",

2
starters/apps/base-wweb-mysql/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "bot-whatsapp-base-wweb-mysql",
"name": "base-wweb-mysql",
"version": "1.0.0",
"description": "",
"main": "app.js",

1
yarn.lock
View File

@@ -1100,6 +1100,7 @@ __metadata:
dependencies:
"@commitlint/cli": ^17.3.0
"@commitlint/config-conventional": ^17.3.0
"@octokit/core": ^4.1.0
"@rollup/plugin-commonjs": ^23.0.2
"@rollup/plugin-json": ^5.0.1
"@rollup/plugin-node-resolve": ^15.0.1