docs(mocks): add mock

Update de librerias

.c8rc.json

@@ -0,0 +1,8 @@
+{
+    "src": "./src",
+    "exclude": ["**/bot/lib", "__mocks__", "**/mock"],
+    "reporter": ["html"],
+    "report-dir": "./coverage",
+    "check-coverage": true,
+    "lines": 95
+}

.eslintrc.js

@@ -0,0 +1,14 @@
+module.exports = {
+    env: {
+        browser: true,
+        commonjs: true,
+        es2021: true,
+        node: true,
+    },
+    extends: 'eslint:recommended',
+    overrides: [],
+    parserOptions: {
+        ecmaVersion: 'latest',
+    },
+    rules: {},
+}

.github/workflows/ci.yml

@@ -0,0 +1,26 @@
+name: Test / Coverage
+
+on:
+    push:
+        branches: [feature/monorepo]
+    pull_request:
+        branches: [main]
+
+jobs:
+    build:
+        runs-on: ubuntu-latest
+
+        strategy:
+            matrix:
+                node-version: [16.x]
+
+        steps:
+            - uses: actions/checkout@v3
+            - name: Use Node.js ${{ matrix.node-version }}
+              uses: actions/setup-node@v3
+              with:
+                  node-version: ${{ matrix.node-version }}
+            - run: npm install
+            - run: npm run build --if-present
+            - run: npm run test.unit
+            - run: npm run test.coverage

.gitignore

@@ -1,3 +1,25 @@
 /node_modules
-/node_modules/*
-session.json
+/packages/*/node_modules
+/packages/*/dist
+/packages/*/docs/dist
+session.json
+chats/*
+!chats/.gitkeep
+media/*
+!media/.gitkeep
+mediaSend/*
+!mediaSend/.gitkeep
+!mediaSend/nota-de-voz.mp3
+.env
+.wwebjs_auth
+packages/cli/config.json
+config.json
+coverage/
+*.lcov
+log
+lib
+tmp/
+.fleet/
+example-app/
+qr.svg
+package-lock.json

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+yarn run format:check && yarn run format:write && git add .

.husky/pre-push

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run test

.prettierignore

@@ -0,0 +1,9 @@
+packages/**/lib
+packages/docs
+**/.git
+**/.svn
+**/.hg
+**/node_modules
+*.mjs
+*.cjs
+*.md

.prettierrc.json

@@ -0,0 +1,6 @@
+{
+    "trailingComma": "es5",
+    "tabWidth": 4,
+    "semi": false,
+    "singleQuote": true
+}

.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense para saber los atributos posibles.
+    // Mantenga el puntero para ver las descripciones de los existentes atributos.
+    // Para más información, visite: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Iniciar el programa",
+            "skipFiles": ["<node_internals>/**"],
+            "program": "${workspaceFolder}\\example-app\\app.js"
+        }
+    ]
+}

CHANGELOG.md

@@ -0,0 +1,15 @@
+#### Actualización 14 Ene 2022
+
+-   npm update
+-   remove ora and chalk
+-   add env
+-   add mysql
+-   add dialogflow
+-   add scan qr from webpage
+-   update route with middleware
+-   fix send message to story
+-   external download
+-   easy deploy heroku
+-   add support for ubuntu/linux
+
+https://stackoverflow.com/questions/51855169/dialogflow-403-iam-permission-dialogflow-sessions-detectintent

EXAMPLE.md

@@ -0,0 +1,87 @@
+```js
+
+const {
+    createBot,
+    createProvider,
+    createFlow,
+    addKeyword,
+    toSerialize,
+} = require('@bot-whatsapp/bot')
+
+const WebWhatsappProvider = require('@bot-whatsapp/provider/web-whatsapp')
+const MongoAdapter = require('@bot-whatsapp/database/mongo')
+
+const flowArepa1 = toSerialize(
+    addKeyword(['1', 'AREPA14'])
+        .addAnswer('Esta es una arepa calificada ⭐⭐⭐⭐⭐')
+        .addAnswer(['Ingredientes:', '10g Aguacate', '20g Huevo'].join('\n'))
+        .toJson()
+)
+
+const flowArepa2_2 = toSerialize(
+    addKeyword('SI').addAnswer('te pongo huevo de mentira!').toJson()
+)
+
+const flowArepa2 = toSerialize(
+    addKeyword(['arepa2'])
+        .addAnswer('Esta es una arepa calificada ⭐⭐⭐⭐')
+        .addAnswer(
+            ['Ingredientes:', '10g perico', '20g huevo', '10g queso'].join('\n')
+        )
+        .addAnswer(
+            'Eres Vegano SI o NO',
+            {
+                capture: true,
+            },
+            null,
+            [...flowArepa2_2]
+        )
+        .toJson()
+)
+
+const flowArepa3 = toSerialize(
+    addKeyword(['arepa3'])
+        .addAnswer('Esta es una arepa calificada LAMEJOR ⭐⭐⭐⭐⭐')
+        .toJson()
+)
+
+//////////////--MENU--PRINCIPAL--//////////////////
+
+const flujoMenuArepa = addKeyword(['hola', 'ola', 'buenos'])
+    .addAnswer('Bienvenido "Arepera Aji Picante 🤯🚀😅"')
+    .addAnswer(
+        [
+            'El menú de hoy es el siguiente:',
+            '👉 [1 -AREPA14] - Arepa tradicional con Aguacate y Huevo',
+            '👉 [arepa2] - Arepa rellena de perico y huevo con un toque de queso',
+            '👉 [arepa3] - Rellena de Jamon y Queso',
+        ].join('\n')
+    )
+    .addAnswer(
+        'Esperando respuesta...',
+        {
+            capture: true,
+        },
+        () => {
+            console.log('Enviar un mail!')
+        },
+        [...flowArepa1, ...flowArepa2, ...flowArepa3]
+    )
+    .addAnswer('Gracias!')
+
+const main = async () => {
+    const adapterDB = new MongoAdapter()
+    const adapterFlow = createFlow([flujoMenuArepa])
+    const adapterProvider = createProvider(WebWhatsappProvider)
+
+    createBot({
+        flow: adapterFlow,
+        provider: adapterProvider,
+        database: adapterDB,
+    })
+}
+
+main()
+
+
+```

README.md

@@ -1,51 +1,20 @@
-# BOT Whatsapp Gratis
-
-Hola amigos este BOT se realizo en vivo en mi canal de Youtube si quieres ver como se hizo __Subscribete__
-[https://www.youtube.com/leifermendez](https://www.youtube.com/leifermendez)
-
-🤖 Link video https://www.youtube.com/watch?v=A_Xu0OR_HkE
-
-#### Node 
-> Debes de tener instalado NODE si no sabes como instalarlo te dejo un video en el cual explico como instalar node
-__https://www.youtube.com/watch?v=6741ceWzsKQ&list=PL_WGMLcL4jzVY1y-SutA3N_PCNCAG7Y46&index=2&t=50s Minuto 0:50__ 
-
-## Instruciones
-__Descargar o Clonar repositorio__
-![](https://i.imgur.com/4iEKZIc.png)
-
-__Instalar paquetes (npm install)__
-> Ubicate en le directorio que descargaste y via consola o terminal ejecuta el siguiente comando
-
-`npm install` 
-
-![](https://i.imgur.com/MoVGCUl.png)
-
-__Ejecutar el script app.js__
-> Ubicate en le directorio que descargaste y via consola o terminal ejecuta el siguiente comando `node app.js` .
-Escanea el el código QR desde tu aplicación de Whatsapp
-
-`node app.js`
-
-![](https://i.imgur.com/lIP0tLb.png)
-
-> Ahora abre la aplicación de Whatsapp en tu dispositivo y escanea el código QR
-<img src="https://i.imgur.com/RSbPtat.png" width="500"  />
-
-> Cuando sale este mensaje tu BOT está __listo__ para trabajar!
-![](https://i.imgur.com/KVOm7Yv.png)
-
-## Como usarlo
-> Escribe un mensaje al whatsapp que vinculaste con tu BOT
-
-![](https://i.imgur.com/OSUgljQ.png)
-
-> Ahora deberías  obtener un arespuesta por parte del BOT como la siguiente, ademas de esto tambien se crea un archivo excel
-con el historial de conversación  con el número de tu cliente
-
-![](https://i.imgur.com/lrMLgR8.png)
-![](https://i.imgur.com/UYcoUSV.png)
-
-## Preguntar al BOT
-> Puedes interactuar con el bot ejemplo escribele __Quieromeme__ y el bot debe responderte con la imagen
-
-![](https://i.imgur.com/cNAS51I.png)
+[![Test / Coverage](https://github.com/leifermendez/bot-whatsapp/actions/workflows/ci.yml/badge.svg)](https://github.com/leifermendez/bot-whatsapp/actions/workflows/ci.yml)
+[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
+
+🦊 Documentación: [https://bot-whatsapp.pages.dev/](https://bot-whatsapp.pages.dev/)
+Video como hacer PR: https://youtu.be/Lxt8Acob6aU
+ 
+-   [ ] Evitar dependencias
+
+
+**Comunidad**
+
+> Forma parte de este proyecto.
+
+-   [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)
+
+
+ 

TODO.md

@@ -0,0 +1,31 @@
+### Genral
+- [X] __(doc)__ Video de como colaborar PR
+- [ ] __(doc)__ Video implementación de test y cobertura
+- [ ] __(doc)__ Video explicacion de github action
+
+### @bot-whatsapp/bot
+- [ ] agregar export package
+- [X] Posibilidad de en el capture meter todo un nuevo CTX  de FLOW .addAnswer('Marca la opcion',{capture:true, join:CTX})
+- [X] .addKeyword('1') no funciona con 1 caracter
+- [X] sensitivy viene activado por defecto
+- [ ] fallback respuesta en hijo: Se puede colocar en option el ref de la answer fallback
+- [ ] colocar mensaje esperando conectando whatsapp (provider)
+- [ ] Cuando Envian Sticket devuelve mensaje raro
+- [ ] createDatabase validar implementacion de funciones
+
+### @bot-whatsapp/database
+- [X] agregar export package
+- [X] __(doc):__ Video para explicar como implementar nuevos database
+- [X] Mongo adapter
+- [ ] MySQL adapter
+- [ ] JsonFile adapter
+
+### @bot-whatsapp/provider
+- [X] agregar export package
+- [ ] __(doc):__ Video para explicar como implementar nuevos providers
+- [ ] WhatsappWeb provider enviar imagenes
+- [ ] WhatsappWeb provider enviar audio
+- [ ] Twilio adapter
+- [ ] Meta adapter
+
+### @bot-whatsapp/cli

__mocks__/mobile.mock.js

@@ -0,0 +1,6 @@
+const MOCK_MOBILE_WS = {
+    from: 'XXXXXX',
+    hasMedia: false,
+}
+
+module.exports = { MOCK_MOBILE_WS }

__mocks__/mock.provider.js

@@ -0,0 +1,21 @@
+const ProviderClass = require('../packages/bot/provider/provider.class')
+class MockProvider extends ProviderClass {
+    constructor() {
+        super()
+    }
+
+    delaySendMessage = (miliseconds, eventName, payload) =>
+        new Promise((res) =>
+            setTimeout(() => {
+                this.emit(eventName, payload)
+                res
+            }, miliseconds)
+        )
+
+    sendMessage = async (userId, message) => {
+        console.log(`Enviando... ${userId}, ${message}`)
+        return Promise.resolve({ userId, message })
+    }
+}
+
+module.exports = MockProvider

app.js

@@ -1,307 +0,0 @@
-/**
- * ⚡⚡⚡ DECLARAMOS LAS LIBRERIAS y CONSTANTES A USAR! ⚡⚡⚡
- */
-const fs = require('fs');
-const mimeDb = require('mime-db')
-const express = require('express');
-const moment = require('moment');
-const ora = require('ora');
-const chalk = require('chalk');
-const ExcelJS = require('exceljs');
-const qrcode = require('qrcode-terminal');
-const { flowConversation } = require('./conversation')
-const { Client, MessageMedia } = require('whatsapp-web.js');
-const app = express();
-app.use(express.urlencoded({ extended: true }))
-const SESSION_FILE_PATH = './session.json';
-let client;
-let sessionData;
-
-/**
- * Guardamos archivos multimedia que nuestro cliente nos envie!
- * @param {*} media 
- */
-const saveMedia = (media) => {
-
-    const extensionProcess = mimeDb[media.mimetype]
-    const ext = extensionProcess.extensions[0]
-    fs.writeFile(`./media/${media.filename}.${ext}`, media.data, { encoding: 'base64' }, function (err) {
-        console.log('** Archivo Media Guardado **');
-    });
-}
-
-/**
- * Enviamos archivos multimedia a nuestro cliente
- * @param {*} number 
- * @param {*} fileName 
- */
-const sendMedia = (number, fileName) => {
-    number = number.replace('@c.us', '');
-    number = `${number}@c.us`
-    const media = MessageMedia.fromFilePath(`./mediaSend/${fileName}`);
-    client.sendMessage(number, media);
-}
-
-/**
- * Enviamos un mensaje simple (texto) a nuestro cliente
- * @param {*} number 
- */
-const sendMessage = (number = null, text = null) => {
-    number = number.replace('@c.us', '');
-    number = `${number}@c.us`
-    const message = text || `Hola soy un BOT recuerda https://www.youtube.com/leifermendez`;
-    client.sendMessage(number, message);
-    readChat(number, message)
-    console.log(`${chalk.red('⚡⚡⚡ Enviando mensajes....')}`);
-}
-
-/**
- * Escuchamos cuando entre un mensaje
- */
-const listenMessage = () => {
-    client.on('message', async msg => {
-        const { from, to, body } = msg;
-        //34691015468@c.us
-        console.log(msg.hasMedia);
-        if (msg.hasMedia) {
-            const media = await msg.downloadMedia();
-            saveMedia(media);
-            // do something with the media data here
-        }
-
-        await greetCustomer(from);
-
-        console.log(body);
-
-        await replyAsk(from, body);
-
-        // await readChat(from, body)
-        // console.log(`${chalk.red('⚡⚡⚡ Enviando mensajes....')}`);
-        // console.log('Guardar este número en tu Base de Datos:', from);
-
-    });
-}
-
-/**
- * Response a pregunta
- */
-
-const replyAsk = (from, answer) => new Promise((resolve, reject) => {
-    console.log(`---------->`, answer);
-    if (answer === 'Quieromeme') {
-        sendMedia(from, 'meme-1.png')
-        resolve(true)
-    }
-
-})
-
-/**
- * Revisamos si tenemos credenciales guardadas para inciar sessio
- * este paso evita volver a escanear el QRCODE
- */
-const withSession = () => {
-    // Si exsite cargamos el archivo con las credenciales
-    const spinner = ora(`Cargando ${chalk.yellow('Validando session con Whatsapp...')}`);
-    sessionData = require(SESSION_FILE_PATH);
-    spinner.start();
-    client = new Client({
-        session: sessionData
-    });
-
-    client.on('ready', () => {
-        console.log('Client is ready!');
-        spinner.stop();
-
-        // sendMessage();
-        // sendMedia();
-
-        connectionReady();
-
-    });
-
-
-
-    client.on('auth_failure', () => {
-        spinner.stop();
-        console.log('** Error de autentificacion vuelve a generar el QRCODE (Borrar el archivo session.json) **');
-    })
-
-
-    client.initialize();
-}
-
-/**
- * Generamos un QRCODE para iniciar sesion
- */
-const withOutSession = () => {
-    console.log('No tenemos session guardada');
-    client = new Client();
-    client.on('qr', qr => {
-        qrcode.generate(qr, { small: true });
-    });
-
-    client.on('ready', () => {
-        console.log('Client is ready!');
-        connectionReady();
-    });
-
-    client.on('auth_failure', () => {
-        console.log('** Error de autentificacion vuelve a generar el QRCODE **');
-    })
-
-
-    client.on('authenticated', (session) => {
-        // Guardamos credenciales de de session para usar luego
-        sessionData = session;
-        fs.writeFile(SESSION_FILE_PATH, JSON.stringify(session), function (err) {
-            if (err) {
-                console.log(err);
-            }
-        });
-    });
-
-    client.initialize();
-}
-
-const connectionReady = () => {
-    listenMessage();
-    readExcel();
-}
-
-/**
- * Difundir mensaje a clientes
- */
-const readExcel = async () => {
-    const pathExcel = `./chats/clientes-saludar.xlsx`;
-    const workbook = new ExcelJS.Workbook();
-    await workbook.xlsx.readFile(pathExcel);
-    const worksheet = workbook.getWorksheet(1);
-    const columnNumbers = worksheet.getColumn('A');
-    columnNumbers.eachCell((cell, rowNumber) => {
-        const numberCustomer = cell.value
-
-        const columnDate = worksheet.getRow(rowNumber);
-        let prevDate = columnDate.getCell(2).value;
-        prevDate = moment.unix(prevDate);
-        const diffMinutes = moment().diff(prevDate, 'minutes');
-
-        // Si ha pasado mas de 60 minuitos podemos enviar nuevamente
-        if (diffMinutes > 60) {
-            sendMessage(numberCustomer)
-            columnDate.getCell(2).value = moment().format('X')
-            columnDate.commit();
-
-        }
-    });
-
-    workbook.xlsx.writeFile(pathExcel);
-
-}
-
-
-/**
- * Guardar historial de conversacion
- * @param {*} number 
- * @param {*} message 
- */
-const readChat = async (number, message) => {
-    const pathExcel = `./chats/${number}.xlsx`;
-    const workbook = new ExcelJS.Workbook();
-    const today = moment().format('DD-MM-YYYY hh:mm')
-
-    if (fs.existsSync(pathExcel)) {
-        /**
-         * Si existe el archivo de conversacion lo actualizamos
-         */
-        const workbook = new ExcelJS.Workbook();
-        workbook.xlsx.readFile(pathExcel)
-            .then(() => {
-                const worksheet = workbook.getWorksheet(1);
-                const lastRow = worksheet.lastRow;
-                var getRowInsert = worksheet.getRow(++(lastRow.number));
-                getRowInsert.getCell('A').value = today;
-                getRowInsert.getCell('B').value = message;
-                getRowInsert.commit();
-                workbook.xlsx.writeFile(pathExcel);
-            });
-
-    } else {
-        /**
-         * NO existe el archivo de conversacion lo creamos
-         */
-        const worksheet = workbook.addWorksheet('Chats');
-        worksheet.columns = [
-            { header: 'Fecha', key: 'number_customer' },
-            { header: 'Mensajes', key: 'message' }
-        ];
-        worksheet.addRow([today, message]);
-        workbook.xlsx.writeFile(pathExcel)
-            .then(() => {
-
-                console.log("saved");
-            })
-            .catch((err) => {
-                console.log("err", err);
-            });
-    }
-}
-
-/**
- * Saludos a primera respuesta
- * @param {*} req 
- * @param {*} res 
- */
-
-const greetCustomer = (from) => new Promise((resolve, reject) => {
-    from = from.replace('@c.us', '');
-
-    const pathExcel = `./chats/${from}@c.us.xlsx`;
-    if (!fs.existsSync(pathExcel)) {
-        const firstMessage = [
-            '👋 Ey! que pasa bro',
-            'Recuerda subscribirte a mi canal de YT',
-            'https://www.youtube.com/leifermendez',
-            'de regalo te  dejo algunos de mis cursos',
-            '🔴 Aprende ANGULAR desde cero 2021 ⮕ https://bit.ly/367tJ32',
-            '✅ Aprende NODE desde cero 2021 ⮕ https://bit.ly/3od1Bl6',
-            '🔵 (Socket.io) NODE (Tutorial) ⮕ https://bit.ly/3pg1Q02',
-            '------',
-            '------',
-            'Veo que es la primera vez que nos escribes ¿Quieres que te envie un MEME?',
-            'Responde Quieromeme'
-        ].join(' ')
-
-        sendMessage(from, firstMessage)
-        sendMedia(from, 'curso-1-1.png')
-        sendMedia(from, 'curso-2.png')
-        sendMedia(from, 'curso-3.png')
-    }
-    resolve(true)
-})
-
-/**
- * Controladores
- */
-
-const sendMessagePost = (req, res) => {
-    const { message, number } = req.body
-    console.log(message, number);
-    sendMessage(number, message)
-    res.send({ status: 'Enviado!' })
-}
-
-/**
- * Rutas
- */
-
-app.post('/send', sendMessagePost);
-
-/**
- * Revisamos si existe archivo con credenciales!
- */
-(fs.existsSync(SESSION_FILE_PATH)) ? withSession() : withOutSession();
-
-
-app.listen(9000, () => {
-    console.log('Server ready!');
-})

conversation.js

@@ -1,3 +0,0 @@
-const flowConversation = () => { }
-
-module.exports = { flowConversation }

docker-compose.yml

@@ -0,0 +1,25 @@
+version: '3.3'
+
+services:
+    mongo:
+        image: mongo
+        container_name: app_enviroment
+        restart: always
+        ports:
+            - '27019:27017'
+        environment:
+            MONGO_INITDB_DATABASE: bot
+        expose:
+            - 27019
+    mysql:
+        image: mysql
+        command: --default-authentication-plugin=mysql_native_password
+        restart: always
+        environment:
+            MYSQL_ROOT_PASSWORD: example
+            MYSQL_DATABASE: bot
+        container_name: app_mysql
+        ports:
+            - '3306:3306'
+        expose:
+            - 3306

package.json

@@ -1,25 +1,87 @@
 {
-  "name": "test-ws-bot",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "chalk": "^4.1.0",
-    "excel4node": "^1.7.2",
-    "exceljs": "^4.2.1",
-    "express": "^4.17.1",
-    "file-type": "^16.3.0",
-    "mime-db": "^1.46.0",
-    "moment": "^2.29.1",
-    "ora": "^5.4.0",
-    "qrcode-terminal": "^0.12.0",
-    "whatsapp-web.js": "^1.12.5",
-    "xlsx": "^0.16.9"
-  }
+    "name": "@bot-whatsapp/root",
+    "version": "0.0.1",
+    "description": "Bot de wahtsapp open source para MVP o pequeños negocios",
+    "main": "app.js",
+    "private": true,
+    "scripts": {
+        "commit": "git-cz",
+        "cli:rollup": "rollup --config ./packages/cli/rollup-cli.config.js ",
+        "bot:rollup": "rollup --config ./packages/bot/rollup-bot.config.js",
+        "provider:rollup": "rollup --config ./packages/provider/rollup-provider.config.js ",
+        "database:rollup": "rollup --config ./packages/database/rollup-database.config.js",
+        "format:check": "prettier --check ./packages",
+        "format:write": "prettier --write ./packages",
+        "lint:check": "eslint ./packages",
+        "lint:fix": "eslint --fix ./packages",
+        "build": "yarn run cli:rollup && yarn run bot:rollup && yarn run provider:rollup && yarn run database:rollup",
+        "link.dist": "cd packages/bot && npm link && cd ../provider && npm link && cd ../cli && npm link",
+        "test.unit": "node ./node_modules/uvu/bin.js packages test",
+        "test.coverage": "node ./node_modules/c8/bin/c8.js npm run test.unit",
+        "test": "npm run test.coverage",
+        "cli": "node ./packages/cli/bin/cli.js",
+        "dev:debug": "node --inspect ./example-app/app.js",
+        "dev": "node ./example-app/app.js",
+        "prepare": "npx husky install",
+        "preinstall": "npx only-allow yarn"
+    },
+    "workspaces": [
+        "packages/bot",
+        "packages/cli",
+        "packages/database",
+        "packages/provider",
+        "packages/docs"
+    ],
+    "keywords": [
+        "whatsapp",
+        "bot-whatsapp",
+        "node-bot-whatsapp"
+    ],
+    "contributors": [
+        {
+            "email": "leifer33@gmail.com",
+            "name": "Leifer Mendez",
+            "url": "https://leifermendez.github.io"
+        },
+        {
+            "name": "aurik3",
+            "email": "aurik3@aurik3.com",
+            "url": "https://github.com/aurik3"
+        }
+    ],
+    "repository": "https://github.com/leifermendez/bot-whatsapp",
+    "license": "ISC",
+    "devDependencies": {
+        "@rollup/plugin-commonjs": "^23.0.2",
+        "@rollup/plugin-json": "^5.0.1",
+        "@rollup/plugin-node-resolve": "^15.0.1",
+        "@rollup/plugin-replace": "^5.0.1",
+        "c8": "^7.12.0",
+        "commitizen": "^4.2.5",
+        "cross-env": "^7.0.3",
+        "cz-conventional-changelog": "^3.3.0",
+        "eslint": "^8.26.0",
+        "eslint-config-prettier": "^8.5.0",
+        "husky": "^8.0.2",
+        "only-allow": "^1.1.1",
+        "prettier": "^2.7.1",
+        "prompts": "^2.4.2",
+        "rimraf": "^3.0.2",
+        "rollup": "^3.2.3",
+        "rollup-plugin-cleanup": "^3.2.1",
+        "rollup-plugin-copy": "^3.4.0",
+        "uvu": "^0.5.6"
+    },
+    "packageManager": "yarn@1.22.19",
+    "engines": {
+        "node": ">=16",
+        "npm": "please-use-yarn",
+        "yarn": ">=1"
+    },
+    "author": "Leifer Mendez <leifer33@gmail.com>",
+    "config": {
+        "commitizen": {
+            "path": "./node_modules/cz-conventional-changelog"
+        }
+    }
 }

packages/bot/USES_CASES.md

@@ -0,0 +1,110 @@
+# @bot-whatsapp/io
+
+### Caso de uso
+
+> Una persona escribe `hola`
+
+**addKeyword** recibe `string | string[]`
+
+> `sensitive` false _default_
+
+-   [x] addKeyword
+-   [x] addAnswer
+-   [x] addKeyword: Opciones
+-   [x] addAnswer: Opciones, media, buttons
+-   [x] Retornar JSON (options)
+-   [ ] Recibir JSON
+
+```js
+// bootstrap.js Como iniciar el provider
+const { inout, provider, database } = require('@bot-whatsapp')
+
+/**
+ * async whatsapp-web, twilio, meta
+ * */
+
+const bootstrap = async () => {
+    console.log(`Iniciando....`)
+    const client = await provider.start()
+    /**
+     * - QR
+     * - Endpoint
+     * - Check Token Meta, Twilio
+     * - Return events? on message
+     * */
+    console.log(`Fin...`)
+    // Esto es opcional ? no deberia ser necesario
+    client.on('message', ({number, body,...}) => {
+        // Incoming message
+    })
+}
+
+```
+
+```js
+// flow.js Como agregar keywords y respuestas
+const { inout, provider, database } = require('@bot-whatsapp')
+
+await inout
+    .addKeyword('hola')
+    .addAnswer('Bienvenido a tu tienda 🥲')
+    .addAnswer('escribe *catalogo* o *ofertas*')
+
+await inout
+    .addKeyword(['catalogo', 'ofertas'])
+    .addAnswer('Este es nuestro CATALOGO mas reciente!', {
+        buttons: [{ body: 'Xiaomi' }, { body: 'Samsung' }],
+    })
+
+await inout
+    .addKeyword('Xiaomi')
+    .addAnswer('Estos son nuestro productos XIAOMI ....', {
+        media: 'https://....',
+    })
+    .addAnswer('Si quieres mas info escrbie *info*')
+
+await inout
+    .addKeyword('chao!')
+    .addAnswer('bye!')
+    .addAnswer('Recuerda que tengo esta promo', {
+        media: 'https://media2.giphy.com/media/VQJu0IeULuAmCwf5SL/giphy.gif',
+    })
+
+await inout
+    .addKeyword('Modelo C', { sensitive: false })
+    .addAnswer('100USD', { media: 'http//:...' })
+
+await inout
+    .addKeyword('hola!', { sensitive: false })
+    .addAnswer('Bievenido Escribe *productos*')
+
+await inout
+    .addKeyword('productos', { sensitive: false })
+    .addAnswer('Esto son los mas vendidos')
+    .addAnswer('*PC1* Precio 10USD', { media: 'https://....' })
+    .addAnswer('*PC2* Precio 10USD', { media: 'https://....' })
+
+await inout
+    .addKeyword('PC1', { sensitive: false })
+    .addAnswer('Bievenido Escribe *productos*')
+
+const answerOne = await inout.addAnswer({
+    message: 'Como estas!',
+    media: 'https://media2.giphy.com/media/VQJu0IeULuAmCwf5SL/giphy.gif',
+})
+
+const otherAnswer = await inout.addAnswer('Aprovecho para decirte!')
+
+answerOne.push(otherAnswer)
+
+inout.addKeywords(['hola', 'hi', 'ola'])
+```
+
+**Comunidad**
+
+> Forma parte de este proyecto.
+
+-   [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)

packages/bot/core/core.class.js

@@ -0,0 +1,128 @@
+const { toCtx } = require('../io/methods')
+const { printer } = require('../utils/interactive')
+
+/**
+ * [ ] Escuchar eventos del provider asegurarte que los provider emitan eventos
+ * [ ] Guardar historial en db
+ * [ ] Buscar mensaje en flow
+ *
+ */
+class CoreClass {
+    flowClass
+    databaseClass
+    providerClass
+    constructor(_flow, _database, _provider) {
+        this.flowClass = _flow
+        this.databaseClass = _database
+        this.providerClass = _provider
+
+        for (const { event, func } of this.listenerBusEvents()) {
+            this.providerClass.on(event, func)
+        }
+    }
+
+    listenerBusEvents = () => [
+        {
+            event: 'require_action',
+            func: ({ instructions, title = '⚡⚡ ACCION REQUERIDA ⚡⚡' }) =>
+                printer(instructions, title),
+        },
+        {
+            event: 'ready',
+            func: () => printer('Provider conectado y listo'),
+        },
+        {
+            event: 'auth_failure',
+            func: ({ instructions }) =>
+                printer(instructions, '⚡⚡ ERROR AUTH ⚡⚡'),
+        },
+
+        {
+            event: 'message',
+            func: (msg) => this.handleMsg(msg),
+        },
+    ]
+
+    /**
+     * @private
+     * @param {*} ctxMessage
+     */
+    handleMsg = async (messageInComming) => {
+        const { body, from } = messageInComming
+        let msgToSend = []
+
+        //Consultamos mensaje previo en DB
+        const prevMsg = await this.databaseClass.getPrevByNumber(from)
+        //Consultamos for refSerializada en el flow actual
+        const refToContinue = this.flowClass.findBySerialize(
+            prevMsg?.refSerialize
+        )
+
+        if (prevMsg?.ref) {
+            const ctxByNumber = toCtx({
+                body,
+                from,
+                prevRef: prevMsg.refSerialize,
+            })
+            this.databaseClass.save(ctxByNumber)
+        }
+
+        //Si se tiene un callback se ejecuta
+        if (refToContinue && prevMsg?.options?.callback) {
+            const indexFlow = this.flowClass.findIndexByRef(refToContinue?.ref)
+            this.flowClass.allCallbacks[indexFlow].callback(messageInComming)
+        }
+
+        //Si se tiene anidaciones de flows, si tienes anidados obligatoriamente capture:true
+        if (prevMsg?.options?.nested?.length) {
+            const nestedRef = prevMsg.options.nested
+            const flowStandalone = nestedRef.map((f) => ({
+                ...nestedRef.find((r) => r.refSerialize === f.refSerialize),
+            }))
+
+            msgToSend = this.flowClass.find(body, false, flowStandalone) || []
+            this.sendFlow(msgToSend, from)
+            return
+        }
+
+        //Consultamos si se espera respuesta por parte de cliente "Ejemplo: Dime tu nombre"
+        if (!prevMsg?.options?.nested?.length && prevMsg?.options?.capture) {
+            msgToSend = this.flowClass.find(refToContinue?.ref, true) || []
+        } else {
+            msgToSend = this.flowClass.find(body) || []
+        }
+
+        this.sendFlow(msgToSend, from)
+    }
+
+    sendProviderAndSave = (numberOrId, ctxMessage) => {
+        const { answer } = ctxMessage
+        return Promise.all([
+            this.providerClass.sendMessage(numberOrId, answer),
+            this.databaseClass.save({ ...ctxMessage, from: numberOrId }),
+        ])
+    }
+
+    sendFlow = (messageToSend, numberOrId) => {
+        const queue = []
+        for (const ctxMessage of messageToSend) {
+            queue.push(this.sendProviderAndSave(numberOrId, ctxMessage))
+        }
+        return Promise.all(queue)
+    }
+
+    /**
+     * @private
+     * @param {*} message
+     * @param {*} ref
+     */
+    continue = (message, ref = false) => {
+        const responde = this.flowClass.find(message, ref)
+        if (responde) {
+            this.providerClass.sendMessage(responde.answer)
+            this.databaseClass.saveLog(responde.answer)
+            this.continue(null, responde.ref)
+        }
+    }
+}
+module.exports = CoreClass

packages/bot/index.js

@@ -0,0 +1,44 @@
+const CoreClass = require('./core/core.class')
+const ProviderClass = require('./provider/provider.class')
+const FlowClass = require('./io/flow.class')
+const { addKeyword, addAnswer, toSerialize } = require('./io/methods')
+
+/**
+ * Crear instancia de clase Bot
+ * @param {*} args
+ * @returns
+ */
+const createBot = async ({ flow, database, provider }) =>
+    new CoreClass(flow, database, provider)
+
+/**
+ * Crear instancia de clase Io (Flow)
+ * @param {*} args
+ * @returns
+ */
+const createFlow = (args) => {
+    return new FlowClass(args)
+}
+
+/**
+ * Crear instancia de clase Provider
+ * @param {*} args
+ * @returns
+ */
+const createProvider = (providerClass = class {}) => {
+    const providerInstance = new providerClass()
+    if (!providerClass.prototype instanceof ProviderClass)
+        throw new Error('El provider no implementa ProviderClass')
+    return providerInstance
+}
+
+module.exports = {
+    createBot,
+    createFlow,
+    createProvider,
+    addKeyword,
+    addAnswer,
+    toSerialize,
+    ProviderClass,
+    CoreClass,
+}

packages/bot/io/flow.class.js

@@ -0,0 +1,71 @@
+const { toSerialize } = require('./methods/toSerialize')
+
+class FlowClass {
+    allCallbacks = []
+    flowSerialize = []
+    flowRaw = []
+    constructor(_flow) {
+        if (!Array.isArray(_flow)) throw new Error('Esto debe ser un ARRAY')
+        this.flowRaw = _flow
+
+        this.allCallbacks = _flow
+            .map((cbIn) => cbIn.ctx.callbacks)
+            .flat(2)
+            .map((c, i) => ({ callback: c?.callback, index: i }))
+
+        const mergeToJsonSerialize = Object.keys(_flow)
+            .map((indexObjectFlow) => _flow[indexObjectFlow].toJson())
+            .flat(2)
+
+        this.flowSerialize = toSerialize(mergeToJsonSerialize)
+    }
+
+    find = (keyOrWord, symbol = false, overFlow = null) => {
+        let capture = false
+        let messages = []
+        let refSymbol = null
+        overFlow = overFlow ?? this.flowSerialize
+
+        const mapSensitiveString = (str, flag = false) => {
+            if (!flag && Array.isArray(str)) {
+                return str.map((c) => c.toLowerCase())
+            }
+
+            if (!flag && typeof str === 'string') {
+                return str.toLowerCase()
+            }
+
+            return str
+        }
+
+        const findIn = (keyOrWord, symbol = false, flow = overFlow) => {
+            const sensitive = refSymbol?.options?.sensitive || false
+            capture = refSymbol?.options?.capture || false
+
+            keyOrWord = mapSensitiveString(keyOrWord, sensitive)
+
+            if (capture) return messages
+
+            if (symbol) {
+                refSymbol = flow.find((c) => c.keyword === keyOrWord)
+                if (refSymbol?.answer) messages.push(refSymbol)
+                if (refSymbol?.ref) findIn(refSymbol.ref, true)
+            } else {
+                refSymbol = flow.find((c) =>
+                    mapSensitiveString(c.keyword, sensitive).includes(keyOrWord)
+                )
+                if (refSymbol?.ref) findIn(refSymbol.ref, true)
+                return messages
+            }
+        }
+        findIn(keyOrWord, symbol)
+        return messages
+    }
+
+    findBySerialize = (refSerialize) =>
+        this.flowSerialize.find((r) => r.refSerialize === refSerialize)
+
+    findIndexByRef = (ref) => this.flowSerialize.findIndex((r) => r.ref === ref)
+}
+
+module.exports = FlowClass

packages/bot/io/methods/addAnswer.js

@@ -0,0 +1,91 @@
+const { generateRef } = require('../../utils/hash')
+const { toJson } = require('./toJson')
+const { toSerialize } = require('./toSerialize')
+/**
+ *
+ * @param answer string
+ * @param options {media:string, buttons:[], capture:true default false}
+ * @returns
+ */
+const addAnswer =
+    (inCtx) =>
+    (answer, options, cb = null, nested = []) => {
+        /**
+         * Todas las opciones referentes a el mensaje en concreto options:{}
+         * @returns
+         */
+        const getAnswerOptions = () => ({
+            media:
+                typeof options?.media === 'string' ? `${options?.media}` : null,
+            buttons: Array.isArray(options?.buttons) ? options.buttons : [],
+            capture:
+                typeof options?.capture === 'boolean'
+                    ? options?.capture
+                    : false,
+            child:
+                typeof options?.child === 'string' ? `${options?.child}` : null,
+        })
+
+        const getNested = () => ({
+            nested: Array.isArray(nested) ? nested : [],
+        })
+
+        const callback =
+            typeof cb === 'function'
+                ? cb
+                : () => console.log('Callback no definida')
+
+        const lastCtx = inCtx.hasOwnProperty('ctx') ? inCtx.ctx : inCtx
+
+        /**
+         * Esta funcion se encarga de mapear y transformar todo antes
+         * de retornar
+         * @returns
+         */
+        const ctxAnswer = () => {
+            const ref = `ans_${generateRef()}`
+
+            const options = {
+                ...getAnswerOptions(),
+                ...getNested(),
+                keyword: {},
+                callback: !!cb,
+            }
+
+            const json = [].concat(inCtx.json).concat([
+                {
+                    ref,
+                    keyword: lastCtx.ref,
+                    answer,
+                    options,
+                },
+            ])
+
+            const callbacks = [].concat(inCtx.callbacks).concat([
+                {
+                    ref: lastCtx.ref,
+                    callback,
+                },
+            ])
+
+            return {
+                ...lastCtx,
+                ref,
+                answer,
+                json,
+                options,
+                callbacks,
+            }
+        }
+
+        const ctx = ctxAnswer()
+
+        return {
+            ctx,
+            ref: ctx.ref,
+            addAnswer: addAnswer(ctx),
+            toJson: toJson(ctx),
+        }
+    }
+
+module.exports = { addAnswer }

packages/bot/io/methods/addKeyword.js

@@ -0,0 +1,49 @@
+const { generateRef } = require('../../utils/hash')
+const { addAnswer } = require('./addAnswer')
+const { toJson } = require('./toJson')
+
+/**
+ *
+ * @param {*} message `string | string[]`
+ * @param {*} options {sensitive:boolean} default false
+ */
+const addKeyword = (keyword, options) => {
+    const parseOptions = () => {
+        const defaultProperties = {
+            sensitive:
+                typeof options?.sensitive === 'boolean'
+                    ? options?.sensitive
+                    : false,
+        }
+
+        return defaultProperties
+    }
+
+    const ctxAddKeyword = () => {
+        const ref = `key_${generateRef()}`
+        const options = parseOptions()
+        const json = [
+            {
+                ref,
+                keyword,
+                options,
+            },
+        ]
+        /**
+         * Se guarda en db
+         */
+
+        return { ref, keyword, options, json }
+    }
+
+    const ctx = ctxAddKeyword()
+
+    return {
+        ctx,
+        ref: ctx.ref,
+        addAnswer: addAnswer(ctx),
+        toJson: toJson(ctx),
+    }
+}
+
+module.exports = { addKeyword }

packages/bot/io/methods/index.js

@@ -0,0 +1,7 @@
+const { addAnswer } = require('./addAnswer')
+const { addKeyword } = require('./addKeyword')
+const { toSerialize } = require('./toSerialize')
+const { toCtx } = require('./toCtx')
+const { toJson } = require('./toJson')
+
+module.exports = { addAnswer, addKeyword, toCtx, toJson, toSerialize }

packages/bot/io/methods/toCtx.js

@@ -0,0 +1,19 @@
+const { generateRef, generateRefSerialize } = require('../../utils/hash')
+/**
+ * @deprecate
+ * @param answer string
+ * @param options {media:string, buttons:[], capture:true default false}
+ * @returns
+ */
+const toCtx = ({ body, from, prevRef, index }) => {
+    return {
+        ref: generateRef(),
+        keyword: prevRef,
+        answer: body,
+        options: {},
+        from,
+        refSerialize: generateRefSerialize({ index, answer: body }),
+    }
+}
+
+module.exports = { toCtx }

packages/bot/io/methods/toJson.js

@@ -0,0 +1,6 @@
+const toJson = (inCtx) => () => {
+    const lastCtx = inCtx.hasOwnProperty('ctx') ? inCtx.ctx : inCtx
+    return lastCtx.json
+}
+
+module.exports = { toJson }

packages/bot/io/methods/toSerialize.js

@@ -0,0 +1,23 @@
+const { generateRefSerialize } = require('../../utils/hash')
+
+/**
+ * Crear referencia serializada
+ * @param {*} flowJson
+ * @returns array[]
+ */
+const toSerialize = (flowJson) => {
+    if (!Array.isArray(flowJson)) throw new Error('Esto debe ser un ARRAY')
+
+    const jsonToSerialize = flowJson.map((row, index) => ({
+        ...row,
+        refSerialize: `${generateRefSerialize({
+            index,
+            keyword: row.keyword,
+            answer: row.answer,
+        })}`,
+    }))
+
+    return jsonToSerialize
+}
+
+module.exports = { toSerialize }

packages/bot/io/rollup-cli.config.js

@@ -0,0 +1,14 @@
+const commonjs = require('@rollup/plugin-commonjs')
+const { nodeResolve } = require('@rollup/plugin-node-resolve')
+const { join } = require('path')
+
+const PATH = join(__dirname, 'lib', 'io', 'bundle.io.cjs')
+
+module.exports = {
+    input: 'index.js',
+    output: {
+        file: PATH,
+        format: 'cjs',
+    },
+    plugins: [commonjs(), nodeResolve()],
+}

packages/bot/package.json

@@ -0,0 +1,33 @@
+{
+    "name": "@bot-whatsapp/bot",
+    "version": "0.0.1",
+    "description": "",
+    "main": "./lib/bundle.bot.cjs",
+    "private": true,
+    "scripts": {
+        "bot:rollup": "node ../../node_modules/.bin/rollup index.js --config ./rollup-cli.config.js",
+        "format:check": "prettier --check .",
+        "format:write": "prettier --write .",
+        "lint:check": "eslint .",
+        "lint:fix": "eslint --fix .",
+        "test.unit": "cross-env NODE_ENV=test node ../../node_modules/uvu/bin.js tests"
+    },
+    "keywords": [],
+    "files": [
+        "./lib/bundle.bot.cjs",
+        "./provider/*",
+        "./core/*",
+        "./io/*"
+    ],
+    "author": "",
+    "license": "ISC",
+    "devDependencies": {
+        "@bot-whatsapp/cli": "*",
+        "@bot-whatsapp/database": "*",
+        "@bot-whatsapp/provider": "*",
+        "kleur": "^4.1.5"
+    },
+    "dependencies": {
+        "dotenv": "^16.0.3"
+    }
+}

packages/bot/provider/provider.class.js

@@ -0,0 +1,29 @@
+const { EventEmitter } = require('node:events')
+/**
+ * Esta clase debe siempre proporcionar los siguietes metodos
+ * sendMessage = Para enviar un mensaje
+ *
+ * @important
+ * Esta clase extiende de la clase del provider OJO
+ * Eventos
+ *  - message
+ *  - ready
+ *  - error
+ *  - require_action
+ */
+
+const NODE_ENV = process.env.NODE_ENV || 'dev'
+class ProviderClass extends EventEmitter {
+    /**
+     * events: message | auth | auth_error | ...
+     *
+     */
+
+    sendMessage = async (userId, message) => {
+        if (NODE_ENV !== 'production')
+            console.log('[sendMessage]', { userId, message })
+        return message
+    }
+}
+
+module.exports = ProviderClass

packages/bot/rollup-bot.config.js

@@ -0,0 +1,14 @@
+const commonjs = require('@rollup/plugin-commonjs')
+const { nodeResolve } = require('@rollup/plugin-node-resolve')
+const { join } = require('path')
+
+const PATH = join(__dirname, 'lib', 'bundle.bot.cjs')
+
+module.exports = {
+    input: join(__dirname, 'index.js'),
+    output: {
+        file: PATH,
+        format: 'cjs',
+    },
+    plugins: [commonjs(), nodeResolve()],
+}

packages/bot/tests/bot.class.test.js

@@ -0,0 +1,279 @@
+const { test } = require('uvu')
+const assert = require('uvu/assert')
+const FlowClass = require('../io/flow.class')
+const MockProvider = require('../../../__mocks__/mock.provider')
+const {
+    createBot,
+    CoreClass,
+    createFlow,
+    createProvider,
+    ProviderClass,
+} = require('../index')
+
+class MockFlow {
+    allCallbacks = [{ callback: () => console.log('') }]
+    flowSerialize = []
+    flowRaw = []
+    find = (arg) => {
+        if (arg) {
+            return [{ answer: 'answer', ref: 'ref' }]
+        } else {
+            return null
+        }
+    }
+    findBySerialize = () => ({})
+    findIndexByRef = () => 0
+}
+
+class MockDBA {
+    listHistory = []
+    save = () => {}
+    getPrevByNumber = () => {}
+}
+
+class MockDBB {
+    listHistory = []
+    save = () => {}
+    getPrevByNumber = () => ({
+        refSerialize: 'xxxxx',
+        ref: 'xxxx',
+        options: { callback: true },
+    })
+}
+
+class MockDBC {
+    listHistory = []
+    save = () => {}
+    getPrevByNumber = () => ({
+        refSerialize: 'xxxxx',
+        ref: 'xxxx',
+        options: { callback: true, nested: ['1', '2'] },
+    })
+    saveLog = () => {}
+}
+
+test(`[CoreClass] Probando instanciamiento de clase`, async () => {
+    const setting = {
+        flow: new MockFlow(),
+        database: new MockDBA(),
+        provider: new MockProvider(),
+    }
+    const bot = await createBot(setting)
+    assert.is(bot instanceof CoreClass, true)
+})
+
+test(`[CoreClass createFlow] Probando instanciamiento de clase`, async () => {
+    const mockCreateFlow = createFlow([])
+    assert.is(mockCreateFlow instanceof FlowClass, true)
+})
+
+test(`[CoreClass createProvider] Probando instanciamiento de clase`, async () => {
+    const mockCreateProvider = createProvider(MockProvider)
+    assert.is(mockCreateProvider instanceof ProviderClass, true)
+})
+
+test(`[Bot] Eventos 'require_action,ready,auth_failure,message '`, async () => {
+    let responseEvents = {}
+
+    const MOCK_EVENTS = {
+        require_action: {
+            instructions: 'Debes...',
+        },
+        ready: true,
+        auth_failure: {
+            instructions: 'Error...',
+        },
+        message: {
+            from: 'XXXXXX',
+            body: 'hola',
+            hasMedia: false,
+        },
+    }
+
+    const mockProvider = new MockProvider()
+
+    const setting = {
+        flow: new MockFlow(),
+        database: new MockDBA(),
+        provider: mockProvider,
+    }
+    await createBot(setting)
+
+    /// Escuchamos eventos
+    mockProvider.on(
+        'require_action',
+        (r) => (responseEvents['require_action'] = r)
+    )
+    mockProvider.on('ready', (r) => (responseEvents['ready'] = r))
+    mockProvider.on('auth_failure', (r) => (responseEvents['auth_failure'] = r))
+    mockProvider.on('message', (r) => (responseEvents['message'] = r))
+
+    /// Emitimos eventos
+    mockProvider.delaySendMessage(
+        0,
+        'require_action',
+        MOCK_EVENTS.require_action
+    )
+    mockProvider.delaySendMessage(0, 'ready', MOCK_EVENTS.ready)
+    mockProvider.delaySendMessage(0, 'auth_failure', MOCK_EVENTS.auth_failure)
+    mockProvider.delaySendMessage(0, 'message', MOCK_EVENTS.message)
+
+    await delay(0)
+
+    /// Testeamos eventos
+    assert.is(
+        JSON.stringify(responseEvents.require_action),
+        JSON.stringify(MOCK_EVENTS.require_action)
+    )
+    assert.is(responseEvents.ready, MOCK_EVENTS.ready)
+
+    assert.is(
+        JSON.stringify(responseEvents.auth_failure),
+        JSON.stringify(MOCK_EVENTS.auth_failure)
+    )
+
+    assert.is(
+        JSON.stringify(responseEvents.message),
+        JSON.stringify(MOCK_EVENTS.message)
+    )
+})
+
+test(`[Bot] Probando Flujos Internos`, async () => {
+    let responseEvents = {}
+
+    const MOCK_EVENTS = {
+        require_action: {
+            instructions: 'Debes...',
+        },
+        ready: true,
+        auth_failure: {
+            instructions: 'Error...',
+        },
+        message: {
+            from: 'XXXXXX',
+            body: 'hola',
+            hasMedia: false,
+        },
+    }
+
+    const mockProvider = new MockProvider()
+
+    const setting = {
+        flow: new MockFlow(),
+        database: new MockDBB(),
+        provider: mockProvider,
+    }
+    await createBot(setting)
+
+    /// Escuchamos eventos
+    mockProvider.on(
+        'require_action',
+        (r) => (responseEvents['require_action'] = r)
+    )
+    mockProvider.on('ready', (r) => (responseEvents['ready'] = r))
+    mockProvider.on('auth_failure', (r) => (responseEvents['auth_failure'] = r))
+    mockProvider.on('message', (r) => (responseEvents['message'] = r))
+
+    /// Emitimos eventos
+    mockProvider.delaySendMessage(
+        0,
+        'require_action',
+        MOCK_EVENTS.require_action
+    )
+    mockProvider.delaySendMessage(0, 'ready', MOCK_EVENTS.ready)
+    mockProvider.delaySendMessage(0, 'auth_failure', MOCK_EVENTS.auth_failure)
+    mockProvider.delaySendMessage(0, 'message', MOCK_EVENTS.message)
+
+    await delay(0)
+
+    /// Testeamos eventos
+    assert.is(
+        JSON.stringify(responseEvents.require_action),
+        JSON.stringify(MOCK_EVENTS.require_action)
+    )
+    assert.is(responseEvents.ready, MOCK_EVENTS.ready)
+
+    assert.is(
+        JSON.stringify(responseEvents.auth_failure),
+        JSON.stringify(MOCK_EVENTS.auth_failure)
+    )
+
+    assert.is(
+        JSON.stringify(responseEvents.message),
+        JSON.stringify(MOCK_EVENTS.message)
+    )
+})
+
+test(`[Bot] Probando Flujos Nested`, async () => {
+    let responseEvents = {}
+
+    const MOCK_EVENTS = {
+        require_action: {
+            instructions: 'Debes...',
+        },
+        ready: true,
+        auth_failure: {
+            instructions: 'Error...',
+        },
+        message: {
+            from: 'XXXXXX',
+            body: 'hola',
+            hasMedia: false,
+        },
+    }
+
+    const mockProvider = new MockProvider()
+
+    const setting = {
+        flow: new MockFlow(),
+        database: new MockDBC(),
+        provider: mockProvider,
+    }
+    const botInstance = await createBot(setting)
+
+    botInstance.sendProviderAndSave('xxxxx', 'xxxxx')
+    botInstance.continue('xxxxx', 'xxxxx')
+    /// Escuchamos eventos
+    mockProvider.on(
+        'require_action',
+        (r) => (responseEvents['require_action'] = r)
+    )
+    mockProvider.on('ready', (r) => (responseEvents['ready'] = r))
+    mockProvider.on('auth_failure', (r) => (responseEvents['auth_failure'] = r))
+    mockProvider.on('message', (r) => (responseEvents['message'] = r))
+
+    /// Emitimos eventos
+    mockProvider.delaySendMessage(
+        0,
+        'require_action',
+        MOCK_EVENTS.require_action
+    )
+    mockProvider.delaySendMessage(0, 'ready', MOCK_EVENTS.ready)
+    mockProvider.delaySendMessage(0, 'auth_failure', MOCK_EVENTS.auth_failure)
+    mockProvider.delaySendMessage(0, 'message', MOCK_EVENTS.message)
+
+    await delay(0)
+
+    /// Testeamos eventos
+    assert.is(
+        JSON.stringify(responseEvents.require_action),
+        JSON.stringify(MOCK_EVENTS.require_action)
+    )
+    assert.is(responseEvents.ready, MOCK_EVENTS.ready)
+
+    assert.is(
+        JSON.stringify(responseEvents.auth_failure),
+        JSON.stringify(MOCK_EVENTS.auth_failure)
+    )
+
+    assert.is(
+        JSON.stringify(responseEvents.message),
+        JSON.stringify(MOCK_EVENTS.message)
+    )
+})
+
+test.run()
+
+function delay(ms) {
+    return new Promise((res) => setTimeout(res, ms))
+}

packages/bot/tests/methods.test.js

@@ -0,0 +1,152 @@
+const { test } = require('uvu')
+const assert = require('uvu/assert')
+const { generateRefSerialize } = require('../utils/hash')
+const { addKeyword, addAnswer, toSerialize } = require('../io/methods')
+
+test('Debere probar las propeidades', () => {
+    const ARRANGE = {
+        keyword: 'hola!',
+    }
+    const MAIN_CTX = addKeyword(ARRANGE.keyword)
+
+    assert.type(MAIN_CTX.addAnswer, 'function')
+    assert.is(MAIN_CTX.ctx.keyword, ARRANGE.keyword)
+})
+
+test('Debere probar las propeidades array', () => {
+    const ARRANGE = {
+        keyword: ['hola!', 'ole'],
+    }
+    const MAIN_CTX = addKeyword(ARRANGE.keyword)
+
+    assert.is(MAIN_CTX.ctx.keyword, ARRANGE.keyword)
+})
+
+test('Debere probar toSerialize', () => {
+    const ARRANGE = {
+        keyword: ['hola!', 'ole'],
+    }
+    const MAIN_CTX = addKeyword(ARRANGE.keyword)
+        .addAnswer('Segundo!')
+        .addAnswer('Segundo!')
+        .toJson()
+
+    const [ANSWER_A] = MAIN_CTX
+
+    assert.is(
+        toSerialize(MAIN_CTX)[0].refSerialize,
+        generateRefSerialize({
+            index: 0,
+            answer: ANSWER_A.answer,
+            keyword: ANSWER_A.keyword,
+        })
+    )
+})
+
+test('Debere probar el paso de contexto', () => {
+    const ARRANGE = {
+        keyword: 'hola!',
+        answer: 'Bienvenido',
+    }
+    const CTX_A = addKeyword(ARRANGE.keyword)
+    const CTX_B = addAnswer(CTX_A)(ARRANGE.answer)
+
+    assert.is(CTX_A.ctx.keyword, ARRANGE.keyword)
+    assert.is(CTX_B.ctx.keyword, ARRANGE.keyword)
+    assert.is(CTX_B.ctx.answer, ARRANGE.answer)
+})
+
+test('Debere probar la anidación', () => {
+    const ARRANGE = {
+        keyword: 'hola!',
+        answer_A: 'Bienvenido',
+        answer_B: 'Continuar',
+    }
+    const MAIN_CTX = addKeyword(ARRANGE.keyword)
+        .addAnswer(ARRANGE.answer_A)
+        .addAnswer(ARRANGE.answer_B)
+
+    assert.is(MAIN_CTX.ctx.answer, ARRANGE.answer_B)
+})
+
+test('Debere probar las poptions', () => {
+    const MAIN_CTX = addKeyword('etc', { sensitive: false })
+
+    assert.is(MAIN_CTX.ctx.options.sensitive, false)
+})
+
+test('Debere probar las addAnswer', () => {
+    const MOCK_OPT = {
+        media: 'http://image.mock/mock.png',
+        buttons: [1],
+    }
+    const MAIN_CTX = addKeyword('hola').addAnswer('etc', MOCK_OPT)
+
+    assert.is(MAIN_CTX.ctx.options.media, MOCK_OPT.media)
+    assert.is(MAIN_CTX.ctx.options.buttons.length, 1)
+})
+
+test('Debere probar error las addAnswer', () => {
+    const MOCK_OPT = {
+        media: { a: 1, b: [] },
+        buttons: 'test',
+    }
+    const MAIN_CTX = addKeyword('hola').addAnswer('etc', MOCK_OPT)
+
+    assert.is(MAIN_CTX.ctx.options.media, null)
+    assert.is(MAIN_CTX.ctx.options.buttons.length, 0)
+})
+
+test('Obtener toJson', () => {
+    const [ctxA, ctxB, ctxC] = addKeyword('hola')
+        .addAnswer('pera!')
+        .addAnswer('chao')
+        .toJson()
+
+    assert.is(ctxA.keyword, 'hola')
+    assert.match(ctxA.ref, /^key_/)
+
+    assert.is(ctxB.answer, 'pera!')
+    assert.match(ctxB.ref, /^ans_/)
+
+    assert.is(ctxC.answer, 'chao')
+    assert.match(ctxC.ref, /^ans_/)
+})
+
+test('addKeyword toJson con sensitive', () => {
+    const [ctxA] = addKeyword('hola').toJson()
+    assert.is(ctxA.options.sensitive, false)
+    const [ctxB] = addKeyword('hola', { sensitive: true }).toJson()
+    assert.is(ctxB.options.sensitive, true)
+})
+
+test('addAnswer toJson con IMG', () => {
+    const [, ctxB, ctxC] = addKeyword('hola')
+        .addAnswer('bye!', {
+            media: 'http://mock.img/file-a.png',
+        })
+        .addAnswer('otro!', {
+            media: 'http://mock.img/file-b.png',
+        })
+        .toJson()
+
+    assert.is(ctxB.options.media, 'http://mock.img/file-a.png')
+    assert.is(ctxC.options.media, 'http://mock.img/file-b.png')
+})
+
+test('addAnswer toJson con BUTTONS', () => {
+    const [, ctxB] = addKeyword('hola')
+        .addAnswer('mis opciones!', {
+            buttons: [{ body: 'BTN_1' }, { body: 'BTN_2' }],
+        })
+        .toJson()
+
+    assert.is(ctxB.options.buttons.length, 2)
+
+    const [btnA, btnB] = ctxB.options.buttons
+
+    assert.is(btnA.body, 'BTN_1')
+    assert.is(btnB.body, 'BTN_2')
+})
+
+test.run()

packages/bot/utils/hash.js

@@ -0,0 +1,24 @@
+const crypto = require('crypto')
+
+/**
+ * Generamos un UUID unico con posibilidad de tener un prefijo
+ * @param {*} prefix
+ * @returns
+ */
+const generateRef = (prefix = false) => {
+    const id = crypto.randomUUID()
+    return prefix ? `${prefix}_${id}` : id
+}
+
+/**
+ * Genera un HASH MD5
+ * @param {*} param0
+ * @returns
+ */
+const generateRefSerialize = ({ index, answer, keyword }) =>
+    crypto
+        .createHash('md5')
+        .update(JSON.stringify({ index, answer, keyword }))
+        .digest('hex')
+
+module.exports = { generateRef, generateRefSerialize }

packages/bot/utils/interactive.js

@@ -0,0 +1,14 @@
+const { yellow, bgRed } = require('kleur')
+const NODE_ENV = process.env.NODE_ENV || 'dev'
+const printer = (message, title) => {
+    if (NODE_ENV !== 'test') {
+        // console.clear()
+        if (title) console.log(bgRed(`${title}`))
+        console.log(
+            yellow(Array.isArray(message) ? message.join('\n') : message)
+        )
+        console.log(``)
+    }
+}
+
+module.exports = { printer }

packages/cli/README.md

@@ -0,0 +1,20 @@
+# @bot-whatsapp/cli
+
+-   [x] Revisar version de NODE
+-   [x] Revisar OS
+-   [x] Obtener Package Manager
+-   [x] Revisar las libreria de WhatsappWeb para obtener version reciente
+-   [x] Opcion interactiva de limpiar session
+-   [x] Opcion de generar `json` con la configuracion
+-   [x] Agregar `rollup` para limpiar el codigo
+
+---
+
+**Comunidad**
+
+> Forma parte de este proyecto.
+
+-   [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)

packages/cli/bin/cli.js

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+const index = require('../lib/cli/bundle.cli.cjs')
+index.startInteractive()

packages/cli/check/index.js

@@ -0,0 +1,38 @@
+const { red, yellow, green, bgCyan } = require('kleur')
+
+const checkNodeVersion = () => {
+    console.log(bgCyan('🚀 Revisando tu Node.js'))
+    const version = process.version
+    const majorVersion = parseInt(version.replace('v', '').split('.').shift())
+    if (majorVersion < 16) {
+        console.error(
+            red(
+                `🔴 Se require Node.js 16 o superior. Actualmente esta ejecutando Node.js ${version}`
+            )
+        )
+        process.exit(1)
+    }
+    console.log(green(`Node.js combatible ${version}`))
+    console.log(``)
+}
+
+const checkOs = () => {
+    console.log(bgCyan('🙂 Revisando tu Sistema Operativo'))
+    const os = process.platform
+    if (!os.includes('win32')) {
+        const messages = [
+            `El sistema operativo actual (${os}) posiblemente requiera`,
+            `una confiuración adicional referente al puppeter`,
+            ``,
+            `Recuerda pasar por el WIKI`,
+            `🔗 https://github.com/leifermendez/bot-whatsapp/wiki/Instalaci%C3%B3n`,
+            ``,
+        ]
+
+        console.log(yellow(messages.join(' \n')))
+    }
+
+    console.log(``)
+}
+
+module.exports = { checkNodeVersion, checkOs }

packages/cli/clean/index.js

@@ -0,0 +1,19 @@
+const rimraf = require('rimraf')
+const { yellow } = require('kleur')
+const { join } = require('path')
+
+const PATH_WW = [
+    join(process.cwd(), '.wwebjs_auth'),
+    join(process.cwd(), 'session.json'),
+]
+
+const cleanSession = () => {
+    const queue = []
+    for (const PATH of PATH_WW) {
+        console.log(yellow(`😬 Eliminando: ${PATH}`))
+        queue.push(rimraf(PATH, () => Promise.resolve()))
+    }
+    return Promise.all(queue)
+}
+
+module.exports = { cleanSession }

packages/cli/configuration/index.js

@@ -0,0 +1,33 @@
+const { writeFile } = require('fs').promises
+const { join } = require('path')
+
+/**
+ * JSON_TEMPLATE = {[key:string]{...pros}}
+ */
+const JSON_TEMPLATE = {
+    provider: {
+        vendor: '',
+    },
+    database: {
+        host: '',
+        password: '',
+        port: '',
+        username: '',
+        db: '',
+    },
+    io: {
+        vendor: '',
+    },
+}
+
+const PATH_CONFIG = join(process.cwd(), 'config.json')
+
+const jsonConfig = () => {
+    return writeFile(
+        PATH_CONFIG,
+        JSON.stringify(JSON_TEMPLATE, null, 2),
+        'utf-8'
+    )
+}
+
+module.exports = { jsonConfig }

packages/cli/index.js

@@ -0,0 +1,3 @@
+const { startInteractive } = require('./interactive')
+if (process.env.NODE_ENV === 'dev') startInteractive()
+module.exports = { startInteractive }

packages/cli/install/index.js

@@ -0,0 +1,24 @@
+const { readFileSync, existsSync } = require('fs')
+const { join } = require('path')
+const { installDeps, getPkgManage } = require('./tool')
+
+const PATHS_DIR = [
+    join(__dirname, 'pkg-to-update.json'),
+    join(__dirname, '..', 'pkg-to-update.json'),
+    join(__dirname, '..', '..', 'pkg-to-update.json'),
+]
+
+const PKG_TO_UPDATE = () => {
+    const PATH_INDEX = PATHS_DIR.findIndex((a) => existsSync(a))
+    const data = readFileSync(PATHS_DIR[PATH_INDEX], 'utf-8')
+    const dataParse = JSON.parse(data)
+    const pkg = Object.keys(dataParse).map((n) => `${n}@${dataParse[n]}`)
+    return pkg
+}
+
+const installAll = async () => {
+    const pkg = await getPkgManage()
+    installDeps(pkg, PKG_TO_UPDATE()).runInstall()
+}
+
+module.exports = { installAll }

packages/cli/install/tool.js

@@ -0,0 +1,68 @@
+const { red } = require('kleur')
+const spawn = require('cross-spawn')
+// const { detect } = require('detect-package-manager')
+const PKG_OPTION = {
+    npm: 'install',
+    yarn: 'add',
+    pnpm: 'add',
+}
+
+const getPkgManage = async () => {
+    // const pkg = await detect()
+    // return pkg
+    return 'npm'
+}
+
+const installDeps = (pkgManager, packageList) => {
+    const errorMessage = `Ocurrio un error instalando ${packageList}`
+    let childProcess = []
+
+    const installSingle = (pkgInstall) => () => {
+        new Promise((resolve) => {
+            try {
+                childProcess = spawn(
+                    pkgManager,
+                    [PKG_OPTION[pkgManager], pkgInstall],
+                    {
+                        stdio: 'inherit',
+                    }
+                )
+
+                childProcess.on('error', (e) => {
+                    console.error(e)
+                    console.error(red(errorMessage))
+                    resolve()
+                })
+
+                childProcess.on('close', (code) => {
+                    if (code === 0) {
+                        resolve()
+                    } else {
+                        console.error(code)
+                        console.error(red(errorMessage))
+                    }
+                })
+
+                resolve()
+            } catch (e) {
+                console.error(e)
+                console.error(red(errorMessage))
+            }
+        })
+    }
+
+    if (typeof packageList === 'string') {
+        childProcess.push(installSingle(packageList))
+    } else {
+        for (const pkg of packageList) {
+            childProcess.push(installSingle(pkg))
+        }
+    }
+
+    const runInstall = () => {
+        return Promise.all(childProcess.map((i) => i()))
+    }
+    return { runInstall }
+}
+
+module.exports = { getPkgManage, installDeps }

packages/cli/interactive/index.js

@@ -0,0 +1,127 @@
+const prompts = require('prompts')
+const { yellow, red } = require('kleur')
+const { installAll } = require('../install')
+const { cleanSession } = require('../clean')
+const { checkNodeVersion, checkOs } = require('../check')
+const { jsonConfig } = require('../configuration')
+
+const startInteractive = async () => {
+    const questions = [
+        {
+            type: 'text',
+            name: 'dependencies',
+            message:
+                'Quieres actualizar las librerias "whatsapp-web.js"? (Y/n)',
+        },
+        {
+            type: 'text',
+            name: 'cleanTmp',
+            message: 'Quieres limpiar la session del bot? (Y/n)',
+        },
+        {
+            type: 'multiselect',
+            name: 'providerWs',
+            message: 'Proveedor de Whatsapp',
+            choices: [
+                { title: 'whatsapp-web.js', value: 'whatsapp-web.js' },
+                { title: 'API Oficial (Meta)', value: 'meta', disabled: true },
+                { title: 'Twilio', value: 'twilio', disabled: true },
+            ],
+            max: 1,
+            hint: 'Espacio para selecionar',
+            instructions: '↑/↓',
+        },
+        {
+            type: 'multiselect',
+            name: 'providerDb',
+            message: 'Cual base de datos quieres usar',
+            choices: [
+                { title: 'JSONFile', value: 'json' },
+                { title: 'MySQL', value: 'mysql', disabled: true },
+                { title: 'Mongo', value: 'mongo', disabled: true },
+            ],
+            max: 1,
+            hint: 'Espacio para selecionar',
+            instructions: '↑/↓',
+        },
+    ]
+
+    console.clear()
+    checkNodeVersion()
+    checkOs()
+    const onCancel = () => {
+        console.log('Proceso cancelado!')
+        return true
+    }
+    const response = await prompts(questions, { onCancel })
+    const {
+        dependencies = '',
+        cleanTmp = '',
+        providerDb = [],
+        providerWs = [],
+    } = response
+    /**
+     * Question #1
+     * @returns
+     */
+    const installOrUdpateDep = async () => {
+        const answer = dependencies.toLowerCase() || 'n'
+        if (answer.includes('n')) return true
+
+        if (answer.includes('y')) {
+            await installAll()
+            return true
+        }
+    }
+
+    /**
+     * Question #2
+     * @returns
+     */
+    const cleanAllSession = async () => {
+        const answer = cleanTmp.toLowerCase() || 'n'
+        if (answer.includes('n')) return true
+
+        if (answer.includes('y')) {
+            await cleanSession()
+            return true
+        }
+    }
+
+    const vendorProvider = async () => {
+        if (!providerWs.length) {
+            console.log(
+                red(
+                    `Debes de seleccionar una WS Provider. Tecla [Space] para seleccionar`
+                )
+            )
+            process.exit(1)
+        }
+        console.log(yellow(`'Deberia crer una carpeta en root/provider'`))
+        return true
+    }
+
+    const dbProvider = async () => {
+        const answer = providerDb
+        if (!providerDb.length) {
+            console.log(
+                red(
+                    `Debes de seleccionar una DB Provider. Tecla [Space] para seleccionar`
+                )
+            )
+            process.exit(1)
+        }
+        if (answer === 'json') {
+            console.log('Deberia crer una carpeta en root/data')
+            return 1
+        }
+    }
+
+    await installOrUdpateDep()
+    await cleanAllSession()
+    await vendorProvider()
+    await dbProvider()
+    await jsonConfig()
+}
+
+module.exports = { startInteractive }

packages/cli/package.json

@@ -0,0 +1,19 @@
+{
+    "name": "@bot-whatsapp/cli",
+    "version": "0.0.1",
+    "description": "",
+    "main": "index.js",
+    "private": true,
+    "devDependencies": {
+        "cross-env": "^7.0.3",
+        "cross-spawn": "^7.0.3",
+        "detect-package-manager": "^2.0.1",
+        "kleur": "^4.1.5"
+    },
+    "files": [
+        "./lib/cli/bundle.cli.cjs"
+    ],
+    "bin": {
+        "bot": "./bin/cli.js"
+    }
+}

packages/cli/pkg-to-update.json

@@ -0,0 +1,3 @@
+{
+    "whatsapp-web.js": "latest"
+}

packages/cli/rollup-cli.config.js

@@ -0,0 +1,14 @@
+const commonjs = require('@rollup/plugin-commonjs')
+const { nodeResolve } = require('@rollup/plugin-node-resolve')
+const { join } = require('path')
+
+const PATH = join(__dirname, 'lib', 'cli', 'bundle.cli.cjs')
+
+module.exports = {
+    input: join(__dirname, 'index.js'),
+    output: {
+        file: PATH,
+        format: 'cjs',
+    },
+    plugins: [commonjs(), nodeResolve()],
+}

packages/database/README.md

@@ -0,0 +1,41 @@
+### 🚀 Package (@bot-whatsapp/database)
+
+Este package tiene como reponsabilidad proveer de diferentes adaptadores para la capa de datos. 
+La idea es brindar multiples opciones como un adaptador de MySQL, Mongo, entre otros.
+
+Ejemplo de como se implementaria:
+
+
+```js
+const MongoAdapter = require('@bot-whatsapp/database/mongo')
+/// o
+const MySQLAdapter = require('@bot-whatsapp/database/mysql')
+
+const main = async () => {
+
+    const adapterDB = new MongoAdapter()
+    const adapterFlow = createFlow([flujoBot])
+    const adapterProvider = createProvider(WebWhatsappProvider)
+
+    createBot({
+        flow: adapterFlow,
+        provider: adapterProvider,
+        database: adapterDB,
+    })
+}
+```
+
+#### Video
+
+> Video explicando como debes de agregar nuevos adaptadores 
+[![Video](https://i.imgur.com/DlxJIKV.gif)](https://youtu.be/Sjzkpg1OJuY)
+---
+
+**Comunidad**
+
+> Forma parte de este proyecto.
+
+-   [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)

packages/database/package.json

@@ -0,0 +1,19 @@
+{
+    "name": "@bot-whatsapp/database",
+    "version": "0.0.1",
+    "description": "Esto es el conector a  mysql, pg, mongo",
+    "main": "./lib/mock/index.cjs",
+    "private": true,
+    "keywords": [],
+    "author": "",
+    "license": "ISC",
+    "devDependencies": {},
+    "dependencies": {
+        "dotenv": "^16.0.3",
+        "mongodb": "^4.11.0"
+    },
+    "exports": {
+        "./mock": "./lib/mock/index.cjs",
+        "./mongo": "./lib/mongo/index.cjs"
+    }
+}

packages/database/rollup-database.config.js

@@ -0,0 +1,21 @@
+const commonjs = require('@rollup/plugin-commonjs')
+const { join } = require('path')
+
+module.exports = [
+    {
+        input: join(__dirname, 'src', 'mock', 'index.js'),
+        output: {
+            file: join(__dirname, 'lib', 'mock', 'index.cjs'),
+            format: 'cjs',
+        },
+        plugins: [commonjs()],
+    },
+    {
+        input: join(__dirname, 'src', 'mongo', 'index.js'),
+        output: {
+            file: join(__dirname, 'lib', 'mongo', 'index.cjs'),
+            format: 'cjs',
+        },
+        plugins: [commonjs()],
+    },
+]

packages/database/src/mock/index.js

@@ -0,0 +1,17 @@
+class MockDatabase {
+    listHistory = []
+
+    constructor() {
+        /**
+         * Se debe cargar listHistory con historial de mensajes
+         * para que se pueda continuar el flow
+         */
+    }
+
+    save = (ctx) => {
+        console.log('Guardando DB...', ctx)
+        this.listHistory.push(ctx)
+    }
+}
+
+module.exports = MockDatabase

packages/database/src/mongo/index.js

@@ -0,0 +1,46 @@
+require('dotenv').config()
+const { MongoClient } = require('mongodb')
+
+const DB_URI = process.env.DB_URI || 'mongodb://0.0.0.0:27017'
+const DB_NAME = process.env.DB_NAME || 'db_bot'
+
+class MongoAdapter {
+    db
+    listHistory = []
+
+    constructor() {
+        this.init().then()
+    }
+
+    init = async () => {
+        try {
+            const client = new MongoClient(DB_URI, {})
+            await client.connect()
+            console.log('🆗 Conexión Correcta DB')
+            const db = client.db(DB_NAME)
+            this.db = db
+            return true
+        } catch (e) {
+            console.log('Error', e)
+            return
+        }
+    }
+
+    getPrevByNumber = async (from) => {
+        const result = await this.db
+            .collection('history')
+            .find({ from })
+            .sort({ _id: -1 })
+            .limit(1)
+            .toArray()
+        return result[0]
+    }
+
+    save = async (ctx) => {
+        await this.db.collection('history').insert(ctx)
+        console.log('Guardando DB...', ctx)
+        this.listHistory.push(ctx)
+    }
+}
+
+module.exports = MongoAdapter

packages/docs/.eslintignore

@@ -0,0 +1,33 @@
+**/*.log
+**/.DS_Store
+*.
+.vscode/settings.json
+.history
+.yarn
+bazel-*
+bazel-bin
+bazel-out
+bazel-qwik
+bazel-testlogs
+dist
+dist-dev
+lib
+lib-types
+etc
+external
+node_modules
+temp
+tsc-out
+tsdoc-metadata.json
+target
+output
+rollup.config.js
+build
+.cache
+.vscode
+.rollup.cache
+dist
+tsconfig.tsbuildinfo
+vite.config.ts
+*.spec.tsx
+*.spec.ts

packages/docs/.eslintrc.cjs

@@ -0,0 +1,40 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:qwik/recommended',
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    tsconfigRootDir: __dirname,
+    project: ['./tsconfig.json'],
+    ecmaVersion: 2021,
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  plugins: ['@typescript-eslint'],
+  rules: {
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/no-inferrable-types': 'off',
+    '@typescript-eslint/no-non-null-assertion': 'off',
+    '@typescript-eslint/no-empty-interface': 'off',
+    '@typescript-eslint/no-namespace': 'off',
+    '@typescript-eslint/no-empty-function': 'off',
+    '@typescript-eslint/no-this-alias': 'off',
+    '@typescript-eslint/ban-types': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
+    'prefer-spread': 'off',
+    'no-case-declarations': 'off',
+    'no-console': 'off',
+    '@typescript-eslint/no-unused-vars': ['error'],
+  },
+};

packages/docs/.gitignore

@@ -0,0 +1,41 @@
+# Build
+/dist
+/lib
+/lib-types
+/server
+
+# Development
+node_modules
+
+# Cache
+.cache
+.mf
+.vscode
+.rollup.cache
+tsconfig.tsbuildinfo
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+# Editor
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Yarn
+.yarn/*
+!.yarn/releases
+
+# Cloudflare
+functions/**/*.js

packages/docs/.node-version

@@ -0,0 +1 @@
+16

packages/docs/.prettierignore

@@ -0,0 +1,6 @@
+# Files Prettier should not format
+**/*.log
+**/.DS_Store
+*.
+dist
+node_modules

packages/docs/README.md

@@ -0,0 +1,11 @@
+### 😎 Documentación Bot-Whatsapp
+
+👉 [https://bot-whatsapp.pages.dev/](https://bot-whatsapp.pages.dev/)
+
+Se esta iniciando una documentación oficial sobre como usar e implementar los diferentes funcionalidades del bot-wahtsapp
+
+
+La idea es cada usuario pueda ir aportando a la documentacion y formar parte de este proyecto.
+
+
+##### ¿Como agregar documentación? [Video]

packages/docs/adaptors/cloudflare-pages/vite.config.ts

@@ -0,0 +1,19 @@
+import { cloudflarePagesAdaptor } from '@builder.io/qwik-city/adaptors/cloudflare-pages/vite';
+import { extendConfig } from '@builder.io/qwik-city/vite';
+import baseConfig from '../../vite.config';
+
+export default extendConfig(baseConfig, () => {
+  return {
+    build: {
+      ssr: true,
+      rollupOptions: {
+        input: ['src/entry.cloudflare-pages.tsx', '@qwik-city-plan'],
+      },
+    },
+    plugins: [
+      cloudflarePagesAdaptor({
+        staticGenerate: true,
+      }),
+    ],
+  };
+});

packages/docs/functions/[[path]].ts

@@ -0,0 +1,5 @@
+// @ts-ignore
+
+// Cloudflare Pages Functions
+// https://developers.cloudflare.com/pages/platform/functions/
+export { onRequest } from '../server/entry.cloudflare-pages';

packages/docs/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "bot-whatsapp-docs",
+  "version": "0.0.1",
+  "description": "Basic start point to build a docs site with Qwik",
+  "engines": {
+    "node": ">=15.0.0"
+  },
+  "private": true,
+  "scripts": {
+    "build": "qwik build",
+    "build.client": "vite build",
+    "build.preview": "vite build --ssr src/entry.preview.tsx",
+    "build.server": "vite build -c adaptors/cloudflare-pages/vite.config.ts",
+    "build.types": "tsc --incremental --noEmit",
+    "deploy": "wrangler pages dev ./dist",
+    "dev": "vite --mode ssr",
+    "dev.debug": "node --inspect-brk ./node_modules/vite/bin/vite.js --mode ssr --force",
+    "fmt": "prettier --write .",
+    "fmt.check": "prettier --check .",
+    "lint": "eslint \"src/**/*.ts*\"",
+    "preview": "qwik build preview && vite preview --open",
+    "start": "vite --open --mode ssr",
+    "qwik": "qwik"
+  },
+  "devDependencies": {
+    "@builder.io/qwik": "0.14.1",
+    "@builder.io/qwik-city": "0.0.127",
+    "@types/eslint": "8.4.10",
+    "@types/node": "latest",
+    "@typescript-eslint/eslint-plugin": "5.43.0",
+    "@typescript-eslint/parser": "5.43.0",
+    "eslint": "8.28.0",
+    "eslint-plugin-qwik": "0.14.1",
+    "node-fetch": "3.3.0",
+    "prettier": "2.7.1",
+    "typescript": "4.9.3",
+    "vite": "3.2.4",
+    "vite-tsconfig-paths": "3.5.0",
+    "wrangler": "latest"
+  }
+}

packages/docs/public/_headers

@@ -0,0 +1,4 @@
+# https://developers.cloudflare.com/pages/platform/headers/
+
+/build/*
+  Cache-Control: public, max-age=31536000, s-maxage=31536000, immutable

packages/docs/public/_redirects

@@ -0,0 +1 @@
+# https://developers.cloudflare.com/pages/platform/redirects/

packages/docs/public/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 500 500"><g clip-path="url(#a)"><circle cx="250" cy="250" r="250" fill="#fff"/><path fill="#18B6F6" d="m367.87 418.45-61.17-61.18-.94.13v-.67L175.7 227.53l32.05-31.13L188.9 87.73 99.56 199.09c-15.22 15.42-18.03 40.51-7.08 59.03l55.83 93.11a46.82 46.82 0 0 0 40.73 22.81l27.65-.27 151.18 44.68Z"/><path fill="#AC7EF4" d="m401.25 196.94-12.29-22.81-6.41-11.67-2.54-4.56-.26.26-33.66-58.63a47.07 47.07 0 0 0-41.27-23.75l-29.51.8-88.01.28a47.07 47.07 0 0 0-40.33 23.34L93.4 207l95.76-119.54L314.7 226.19l-22.3 22.67 13.35 108.54.13-.26v.26h-.26l.26.27 10.42 10.2 50.62 49.78c2.13 2 5.6-.4 4.13-2.96l-31.25-61.85 54.5-101.3 1.73-2c.67-.81 1.33-1.62 1.87-2.42a46.8 46.8 0 0 0 3.34-50.18Z"/><path fill="#fff" d="M315.1 225.65 189.18 87.6l17.9 108.14L175 227l130.5 130.27-11.75-108.14 21.37-23.48Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h500v500H0z"/></clipPath></defs></svg>

packages/docs/public/manifest.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "https://json.schemastore.org/web-manifest-combined.json",
+  "name": "qwik-project-name",
+  "short_name": "Welcome to Qwik",
+  "start_url": ".",
+  "display": "standalone",
+  "background_color": "#fff",
+  "description": "A Qwik project app."
+}

packages/docs/src/components/breadcrumbs/breadcrumbs.css

@@ -0,0 +1,25 @@
+nav.breadcrumbs {
+  padding: 5px;
+  border-bottom: 1px solid #ddd;
+}
+
+nav.breadcrumbs > span {
+  display: inline-block;
+  padding: 5px 0;
+  font-size: 12px;
+}
+
+nav.breadcrumbs > span a {
+  text-decoration: none;
+  color: inherit;
+}
+
+nav.breadcrumbs > span::after {
+  content: '>';
+  padding: 0 5px;
+  opacity: 0.4;
+}
+
+nav.breadcrumbs > span:last-child::after {
+  display: none;
+}

packages/docs/src/components/breadcrumbs/breadcrumbs.tsx

@@ -0,0 +1,74 @@
+import { component$, useStyles$ } from '@builder.io/qwik';
+import { useContent, useLocation, ContentMenu } from '@builder.io/qwik-city';
+import styles from './breadcrumbs.css?inline';
+
+export const Breadcrumbs = component$(() => {
+  useStyles$(styles);
+
+  const { menu } = useContent();
+  const loc = useLocation();
+
+  const breadcrumbs = createBreadcrumbs(menu, loc.pathname);
+  if (breadcrumbs.length === 0) {
+    return null;
+  }
+
+  return (
+    <nav class="breadcrumbs">
+      {breadcrumbs.map((b) => (
+        <span>{b.href ? <a href={b.href}>{b.text}</a> : b.text}</span>
+      ))}
+    </nav>
+  );
+});
+
+export function createBreadcrumbs(menu: ContentMenu | undefined, pathname: string) {
+  if (menu?.items) {
+    for (const indexA of menu.items) {
+      const breadcrumbA: ContentBreadcrumb = {
+        text: indexA.text,
+      };
+      if (typeof indexA.href === 'string') {
+        breadcrumbA.href = indexA.href;
+      }
+      if (indexA.href === pathname) {
+        return [breadcrumbA];
+      }
+
+      if (indexA.items) {
+        for (const indexB of indexA.items) {
+          const breadcrumbB: ContentBreadcrumb = {
+            text: indexB.text,
+          };
+          if (typeof indexB.href === 'string') {
+            breadcrumbB.href = indexB.href;
+          }
+          if (indexB.href === pathname) {
+            return [breadcrumbA, breadcrumbB];
+          }
+
+          if (indexB.items) {
+            for (const indexC of indexB.items) {
+              const breadcrumbC: ContentBreadcrumb = {
+                text: indexC.text,
+              };
+              if (typeof indexC.href === 'string') {
+                breadcrumbC.href = indexC.href;
+              }
+              if (indexC.href === pathname) {
+                return [breadcrumbA, breadcrumbB, breadcrumbC];
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  return [];
+}
+
+interface ContentBreadcrumb {
+  text: string;
+  href?: string;
+}

packages/docs/src/components/footer/footer.css

@@ -0,0 +1,22 @@
+footer {
+  border-top: 0.5px solid #ddd;
+  margin-top: 40px;
+  padding: 20px;
+  text-align: center;
+}
+
+footer a {
+  color: #9e9e9e;
+  font-size: 12px;
+}
+
+footer ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+footer li {
+  display: inline-block;
+  padding: 6px 12px;
+}

packages/docs/src/components/footer/footer.tsx

@@ -0,0 +1,36 @@
+import { component$, useStyles$ } from '@builder.io/qwik';
+import styles from './footer.css?inline';
+
+export default component$(() => {
+  useStyles$(styles);
+
+  return (
+    <footer>
+      <ul>
+        <li>
+          <a href="/docs">Docs</a>
+        </li>
+        <li>
+          <a href="/about-us">About Us</a>
+        </li>
+        <li>
+          <a href="https://qwik.builder.io/">Qwik</a>
+        </li>
+        <li>
+          <a href="https://twitter.com/QwikDev">Twitter</a>
+        </li>
+        <li>
+          <a href="https://github.com/BuilderIO/qwik">GitHub</a>
+        </li>
+        <li>
+          <a href="https://qwik.builder.io/chat">Chat</a>
+        </li>
+      </ul>
+      <div>
+        <a href="https://www.builder.io/" target="_blank" class="builder">
+          Made with ♡ by Builder.io
+        </a>
+      </div>
+    </footer>
+  );
+});

packages/docs/src/components/header/header.css

@@ -0,0 +1,34 @@
+header {
+  position: sticky;
+  top: 0;
+  z-index: 11;
+  display: grid;
+  grid-template-columns: minmax(130px, auto) 1fr;
+  gap: 30px;
+  height: 80px;
+  width: 100%;
+  padding: 10px;
+  background-color: white;
+  overflow: hidden;
+}
+
+header a.logo {
+  display: block;
+}
+
+header a {
+  text-decoration: none;
+}
+
+header nav {
+  text-align: right;
+}
+
+header nav a {
+  display: inline-block;
+  padding: 5px 15px;
+}
+
+header nav a:hover {
+  text-decoration: underline;
+}

packages/docs/src/components/header/header.tsx

@@ -0,0 +1,26 @@
+import { component$, useStyles$ } from '@builder.io/qwik';
+import { useLocation } from '@builder.io/qwik-city';
+import { QwikLogo } from '../icons/qwik';
+import styles from './header.css?inline';
+
+export default component$(() => {
+  useStyles$(styles);
+
+  const { pathname } = useLocation();
+
+  return (
+    <header>
+      <a class="logo" href="/">
+        <QwikLogo />
+      </a>
+      <nav>
+        <a href="/docs" class={{ active: pathname.startsWith('/docs') }}>
+          Docs
+        </a>
+        <a href="/about-us" class={{ active: pathname.startsWith('/about-us') }}>
+          About Us
+        </a>
+      </nav>
+    </header>
+  );
+});

packages/docs/src/components/icons/qwik.tsx

@@ -0,0 +1,20 @@
+export const QwikLogo = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 167 53">
+    <path
+      fill="#000"
+      d="M81.95 46.59h-6.4V35.4a12.25 12.25 0 0 1-7.06 2.17c-3.47 0-6.06-.94-7.67-2.92-1.6-1.96-2.42-5.45-2.42-10.43 0-5.1.95-8.62 2.87-10.67 1.96-2.08 5.1-3.09 9.43-3.09 4.1 0 7.82.57 11.25 1.67V46.6Zm-6.4-30.31a16.6 16.6 0 0 0-4.85-.66c-2.17 0-3.73.56-4.6 1.7-.85 1.17-1.32 3.38-1.32 6.65 0 3.08.41 5.14 1.26 6.26.86 1.1 2.33 1.67 4.5 1.67 2.84 0 5.01-1.17 5.01-2.62v-13Zm15.58-5.14c2.27 6.3 4.2 12.6 5.86 18.95 2.22-6.5 4.1-12.8 5.55-18.95h5.61a187.5 187.5 0 0 1 5.3 18.95c2.52-6.9 4.5-13.21 5.95-18.95h6.31a285.68 285.68 0 0 1-8.92 25.76h-7.53c-.86-4.6-2.22-10.14-4.04-16.75a151.51 151.51 0 0 1-4.89 16.75H92.8a287.88 287.88 0 0 0-8.17-25.76h6.5Zm41.7-3.58c-2.83 0-3.63-.7-3.63-3.59 0-2.57.82-3.18 3.63-3.18 2.83 0 3.63.6 3.63 3.18 0 2.89-.8 3.59-3.63 3.59Zm-3.18 3.58h6.4V36.9h-6.4V11.14Zm36.65 0c-4.54 6.46-7.72 10.39-9.49 11.8 1.46.95 5.36 5.95 10.2 13.98h-7.38c-6.02-9.13-8.89-13.07-10.3-13.67v13.67h-6.4V0h6.4v23.23c1.45-1.06 4.63-5.1 9.54-12.09h7.43Z"
+    />
+    <path
+      fill="#18B6F6"
+      d="M40.97 52.54 32.1 43.7l-.14.02v-.1l-18.9-18.66 4.66-4.5-2.74-15.7L2 20.87a7.14 7.14 0 0 0-1.03 8.52l8.11 13.45a6.81 6.81 0 0 0 5.92 3.3l4.02-.05 21.96 6.46Z"
+    />
+    <path
+      fill="#AC7EF4"
+      d="m45.82 20.54-1.78-3.3-.93-1.68-.37-.66-.04.04-4.9-8.47a6.85 6.85 0 0 0-5.99-3.43l-4.28.12-12.8.04a6.85 6.85 0 0 0-5.85 3.37L1.1 21.99 15 4.73l18.24 20.04L30 28.04l1.94 15.68.02-.04v.04h-.04l.04.04 1.51 1.47 7.36 7.19c.3.29.81-.06.6-.43l-4.54-8.93 7.91-14.63.26-.3a6.73 6.73 0 0 0 .76-7.6Z"
+    />
+    <path
+      fill="#fff"
+      d="M33.3 24.69 15.02 4.75l2.6 15.62-4.66 4.51L31.91 43.7l-1.7-15.62 3.1-3.4Z"
+    />
+  </svg>
+);

packages/docs/src/components/menu/menu.css

@@ -0,0 +1,13 @@
+.menu {
+  background: #eee;
+  padding: 20px 10px;
+}
+
+.menu h5 {
+  margin: 0;
+}
+
+.menu ul {
+  padding-left: 20px;
+  margin: 5px 0 25px 0;
+}

packages/docs/src/components/menu/menu.tsx

@@ -0,0 +1,36 @@
+import { component$, useStyles$ } from '@builder.io/qwik';
+import { useContent, Link, useLocation } from '@builder.io/qwik-city';
+import styles from './menu.css?inline';
+
+export default component$(() => {
+  useStyles$(styles);
+
+  const { menu } = useContent();
+  const loc = useLocation();
+
+  return (
+    <aside class="menu">
+      {menu
+        ? menu.items?.map((item) => (
+            <>
+              <h5>{item.text}</h5>
+              <ul>
+                {item.items?.map((item) => (
+                  <li>
+                    <Link
+                      href={item.href}
+                      class={{
+                        'is-active': loc.pathname === item.href,
+                      }}
+                    >
+                      {item.text}
+                    </Link>
+                  </li>
+                ))}
+              </ul>
+            </>
+          ))
+        : null}
+    </aside>
+  );
+});

packages/docs/src/components/on-this-page/on-this-page.css

@@ -0,0 +1,33 @@
+.on-this-page {
+  padding-bottom: 20px;
+  font-size: 0.9em;
+}
+
+.on-this-page h6 {
+  margin: 10px 0;
+  font-weight: bold;
+  text-transform: uppercase;
+}
+
+.on-this-page ul {
+  margin: 0;
+  padding: 0 0 20px 0;
+  list-style: none;
+}
+
+.on-this-page a {
+  position: relative;
+  display: block;
+  border: 0 solid #ddd;
+  border-left-width: 2px;
+  padding: 4px 2px 4px 8px;
+  text-decoration: none;
+}
+
+.on-this-page a.indent {
+  padding-left: 30px;
+}
+
+.on-this-page a:hover {
+  border-color: var(--theme-accent);
+}

packages/docs/src/components/on-this-page/on-this-page.tsx

@@ -0,0 +1,62 @@
+import { useContent, useLocation } from '@builder.io/qwik-city';
+import { component$, useStyles$ } from '@builder.io/qwik';
+import styles from './on-this-page.css?inline';
+
+export default component$(() => {
+  useStyles$(styles);
+
+  const { headings } = useContent();
+  const contentHeadings = headings?.filter((h) => h.level === 2 || h.level === 3) || [];
+
+  const { pathname } = useLocation();
+  const editUrl = `#update-your-edit-url-for-${pathname}`;
+
+  return (
+    <aside class="on-this-page">
+      {contentHeadings.length > 0 ? (
+        <>
+          <h6>On This Page</h6>
+          <ul>
+            {contentHeadings.map((h) => (
+              <li>
+                <a
+                  href={`#${h.id}`}
+                  class={{
+                    block: true,
+                    indent: h.level > 2,
+                  }}
+                >
+                  {h.text}
+                </a>
+              </li>
+            ))}
+          </ul>
+        </>
+      ) : null}
+
+      <h6>More</h6>
+      <ul>
+        <li>
+          <a href={editUrl} target="_blank">
+            Edit this page
+          </a>
+        </li>
+        <li>
+          <a href="https://qwik.builder.io/chat" target="_blank">
+            Join our community
+          </a>
+        </li>
+        <li>
+          <a href="https://github.com/BuilderIO/qwik" target="_blank">
+            GitHub
+          </a>
+        </li>
+        <li>
+          <a href="https://twitter.com/QwikDev" target="_blank">
+            @QwikDev
+          </a>
+        </li>
+      </ul>
+    </aside>
+  );
+});

packages/docs/src/components/router-head/router-head.tsx

@@ -0,0 +1,32 @@
+import { component$ } from '@builder.io/qwik';
+import { useDocumentHead, useLocation } from '@builder.io/qwik-city';
+
+/**
+ * The RouterHead component is placed inside of the document `<head>` element.
+ */
+export const RouterHead = component$(() => {
+  const head = useDocumentHead();
+  const loc = useLocation();
+
+  return (
+    <>
+      <title>{head.title}</title>
+
+      <link rel="canonical" href={loc.href} />
+      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+      <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+
+      {head.meta.map((m) => (
+        <meta {...m} />
+      ))}
+
+      {head.links.map((l) => (
+        <link {...l} />
+      ))}
+
+      {head.styles.map((s) => (
+        <style {...s.props} dangerouslySetInnerHTML={s.style} />
+      ))}
+    </>
+  );
+});

packages/docs/src/entry.cloudflare-pages.tsx

@@ -0,0 +1,16 @@
+/*
+ * WHAT IS THIS FILE?
+ *
+ * It's the  entry point for cloudflare-pages when building for production.
+ *
+ * Learn more about the cloudflare integration here:
+ * - https://qwik.builder.io/qwikcity/adaptors/cloudflare-pages/
+ *
+ */
+import { createQwikCity } from '@builder.io/qwik-city/middleware/cloudflare-pages';
+import qwikCityPlan from '@qwik-city-plan';
+import render from './entry.ssr';
+
+const onRequest = createQwikCity({ render, qwikCityPlan });
+
+export { onRequest };

packages/docs/src/entry.dev.tsx

@@ -0,0 +1,17 @@
+/*
+ * WHAT IS THIS FILE?
+ *
+ * Development entry point using only client-side modules:
+ * - Do not use this mode in production!
+ * - No SSR
+ * - No portion of the application is pre-rendered on the server.
+ * - All of the application is running eagerly in the browser.
+ * - More code is transferred to the browser than in SSR mode.
+ * - Optimizer/Serialization/Deserialization code is not exercised!
+ */
+import { render, RenderOptions } from '@builder.io/qwik';
+import Root from './root';
+
+export default function (opts: RenderOptions) {
+  return render(document, <Root />, opts);
+}

packages/docs/src/entry.preview.tsx

@@ -0,0 +1,20 @@
+/*
+ * WHAT IS THIS FILE?
+ *
+ * It's the bundle entry point for `npm run preview`.
+ * That is, serving your app built in production mode.
+ *
+ * Feel free to modify this file, but don't remove it!
+ *
+ * Learn more about Vite's preview command:
+ * - https://vitejs.dev/config/preview-options.html#preview-options
+ *
+ */
+import { createQwikCity } from '@builder.io/qwik-city/middleware/node';
+import render from './entry.ssr';
+import qwikCityPlan from '@qwik-city-plan';
+
+/**
+ * The default export is the QwikCity adaptor used by Vite preview.
+ */
+export default createQwikCity({ render, qwikCityPlan });

packages/docs/src/entry.ssr.tsx

@@ -0,0 +1,27 @@
+/**
+ * WHAT IS THIS FILE?
+ *
+ * SSR entry point, in all cases the application is render outside the browser, this
+ * entry point will be the common one.
+ *
+ * - Server (express, cloudflare...)
+ * - npm run start
+ * - npm run preview
+ * - npm run build
+ *
+ */
+import { renderToStream, RenderToStreamOptions } from '@builder.io/qwik/server';
+import { manifest } from '@qwik-client-manifest';
+import Root from './root';
+
+export default function (opts: RenderToStreamOptions) {
+  return renderToStream(<Root />, {
+    manifest,
+    ...opts,
+    // Use container attributes to set attributes on the html tag.
+    containerAttributes: {
+      lang: 'en-us',
+      ...opts.containerAttributes,
+    },
+  });
+}

packages/docs/src/global.css

@@ -0,0 +1,66 @@
+* {
+  box-sizing: border-box;
+}
+
+:root {
+  --user-font-scale: 1rem - 16px;
+  --max-width: calc(100% - 1rem);
+
+  --font-body: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif,
+    Apple Color Emoji, Segoe UI Emoji;
+  --font-mono: 'IBM Plex Mono', Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
+    'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
+    'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace;
+
+  color-scheme: light;
+  --theme-accent: #006ce9;
+  --theme-text: #181818;
+}
+
+@media (min-width: 50em) {
+  :root {
+    --max-width: 46em;
+  }
+}
+
+body {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  font-family: var(--font-body);
+  font-size: 1rem;
+  font-size: clamp(0.9rem, 0.75rem + 0.375vw + var(--user-font-scale), 1rem);
+  line-height: 1.5;
+  max-width: 100vw;
+  background: var(--theme-bg);
+  color: var(--theme-text);
+}
+
+main {
+  padding: 10px 20px;
+  max-width: 960px;
+  margin: 0 auto;
+}
+
+a {
+  color: var(--theme-accent);
+}
+
+a:hover {
+  text-decoration: none;
+}
+
+code,
+kbd,
+samp,
+pre {
+  font-family: var(--font-mono);
+}
+
+code {
+  background-color: rgb(224, 224, 224);
+  padding: 2px 4px;
+  border-radius: 3px;
+  font-size: 0.9em;
+  border-bottom: 2px solid #bfbfbf;
+}

packages/docs/src/root.tsx

@@ -0,0 +1,26 @@
+import { component$ } from '@builder.io/qwik';
+import { QwikCityProvider, RouterOutlet, ServiceWorkerRegister } from '@builder.io/qwik-city';
+import { RouterHead } from './components/router-head/router-head';
+
+import './global.css';
+
+export default component$(() => {
+  /*
+   * The root of a QwikCity site always start with the <QwikCityProvider> component,
+   * immediately followed by the document's <head> and <body>.
+   *
+   * Dont remove the `<head>` and `<body>` elements.
+   */
+  return (
+    <QwikCityProvider>
+      <head>
+        <meta charSet="utf-8" />
+        <RouterHead />
+      </head>
+      <body lang="en">
+        <RouterOutlet />
+        <ServiceWorkerRegister />
+      </body>
+    </QwikCityProvider>
+  );
+});

packages/docs/src/routes/about-us/index.md

@@ -0,0 +1,15 @@
+---
+title: About Bot-Whatsapp .
+---
+
+# About Qwik
+
+Hola soy una prueba
+
+## More info:
+
+- [Layouts](https://qwik.builder.io/qwikcity/layout/overview/)
+- [Routing](https://qwik.builder.io/qwikcity/routing/overview/)
+- [Authoring Content](https://qwik.builder.io/qwikcity/content/component/)
+- [Deployment](https://qwik.builder.io/qwikcity/adaptors/overview/)
+- [Static Site Generation (SSG)](https://qwik.builder.io/qwikcity/static-site-generation/overview/)

packages/docs/src/routes/docs/advanced/index.md

@@ -0,0 +1,11 @@
+---
+title: Advanced
+---
+
+# Advanced
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+## Ferrari
+
+[Ferrari](https://en.wikipedia.org/wiki/Ferrari) (/fəˈrɑːri/; Italian: [ferˈraːri]) is an Italian luxury sports car manufacturer based in Maranello, Italy. Founded by Enzo Ferrari (1898–1988) in 1939 from the Alfa Romeo racing division as Auto Avio Costruzioni, the company built its first car in 1940, and produced its first Ferrari-badged car in 1947.

packages/docs/src/routes/docs/docs.css

@@ -0,0 +1,22 @@
+.docs {
+  display: grid;
+  grid-template-columns: 210px auto 190px;
+  grid-template-areas: 'menu article on-this-page';
+  gap: 40px;
+}
+
+.docs h1 {
+  margin-top: 0;
+}
+
+.docs .menu {
+  grid-area: menu;
+}
+
+.docs article {
+  grid-area: article;
+}
+
+.docs .on-this-page {
+  grid-area: on-this-page;
+}

packages/docs/src/routes/docs/getting-started/index.md

@@ -0,0 +1,13 @@
+---
+title: Getting Started
+---
+
+# Getting Started
+
+```
+npm create qwik@latest
+```
+
+## Ford GT40
+
+The [Ford GT40](https://en.wikipedia.org/wiki/Ford_GT40) is a high-performance endurance racing car commissioned by the Ford Motor Company. It grew out of the "Ford GT" (for Grand Touring) project, an effort to compete in European long-distance sports car races, against Ferrari, which won the prestigious 24 Hours of Le Mans race from 1960 to 1965. Ford succeeded with the GT40, winning the 1966 through 1969 races.