@builderbot/cli 0.3.0-alpha.0

package/dist/starters/apps/base-ts-wppconnect-postgres/README.md

@@ -0,0 +1,37 @@
+<p align="center">
+  <a href="https://builderbot.vercel.app/">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://camo.githubusercontent.com/409341feab953aef5968243159c4b65d67ab4d5c3981cf7c7ed6568d8a1d83da/68747470733a2f2f692e696d6775722e636f6d2f4f6175656636742e706e67">
+      <img src="https://camo.githubusercontent.com/409341feab953aef5968243159c4b65d67ab4d5c3981cf7c7ed6568d8a1d83da/68747470733a2f2f692e696d6775722e636f6d2f4f6175656636742e706e67" height="250">
+    </picture>
+    <h1 align="center">BuilderBot</h1>
+  </a>
+</p>
+
+<p align="center">
+  <a aria-label="NPM version" href="https://www.npmjs.com/package/@bot-whatsapp/bot">
+    <img alt="" src="https://img.shields.io/npm/v/@bot-whatsapp/bot.svg?style=for-the-badge&labelColor=000000">
+  </a>
+  <a aria-label="Join the community on GitHub" href="https://link.codigoencasa.com/DISCORD">
+    <img alt="" src="https://img.shields.io/badge/Join%20the%20community-blueviolet.svg?style=for-the-badge&logo=discord&labelColor=000000&logoWidth=20">
+  </a>
+</p>
+
+
+## Getting Started
+
+With this library, you can build automated conversation flows agnostic to the WhatsApp provider, set up automated responses for frequently asked questions, receive and respond to messages automatically, and track interactions with customers. Additionally, you can easily set up triggers to expand functionalities limitlessly.
+
+```
+npm create bot-whatsapp@latest
+```
+
+## Documentation
+
+Visit [builderbot](https://builderbot.vercel.app/) to view the full documentation.
+
+
+## Resources
+- [📄 Documentation](https://bot-whatsapp.netlify.app/)
+- [💻 Discord](https://link.codigoencasa.com/DISCORD)
+- [👌 𝕏 (Twitter)](https://twitter.com/leifermendez)

package/dist/starters/apps/base-ts-wppconnect-postgres/package.json

@@ -0,0 +1,30 @@
+{
+    "name": "base-bailey-json",
+    "version": "1.0.0",
+    "description": "",
+    "main": "dist/app.js",
+    "type": "module",
+    "scripts": {
+        "prestart": "npx eslint . --no-ignore",
+        "pre-copy": "cd .. && npm run  copy.lib base-baileys-json",
+        "start": "node dist/app.js",
+        "dev": "npx tsx src/app.ts",
+        "build": "npx  rollup -c"
+    },
+    "keywords": [],
+    "dependencies": {
+        "@bot-whatsapp/bot": "latest",
+        "@bot-whatsapp/database-json": "latest",
+        "@bot-whatsapp/provider-baileys": "latest"
+    },
+    "devDependencies": {
+        "@rollup/plugin-terser": "^0.4.4",
+        "eslint": "^8.52.0",
+        "eslint-plugin-bot-whatsapp": "latest",
+        "rollup": "^4.10.0",
+        "rollup-plugin-typescript2": "^0.36.0",
+        "tsx": "^4.7.1"
+    },
+    "author": "",
+    "license": "ISC"
+}

package/dist/starters/apps/base-ts-wppconnect-postgres/rollup.config.js

@@ -0,0 +1,12 @@
+import terser from '@rollup/plugin-terser'
+import typescript from 'rollup-plugin-typescript2'
+
+export default {
+    input: 'src/app.ts',
+    output: {
+        file: 'dist/app.js',
+        format: 'esm',
+    },
+
+    plugins: [typescript(), terser()],
+}

package/dist/starters/apps/base-ts-wppconnect-postgres/src/app.ts

@@ -0,0 +1,86 @@
+import { createBot, createProvider, createFlow, addKeyword, utils } from '@bot-whatsapp/bot'
+import { PostgreSQLAdapter as Database } from '@bot-whatsapp/database-postgres'
+import { WPPConnectProvider as Provider } from '@bot-whatsapp/provider-wppconnect'
+
+const PORT = process.env.PORT ?? 3008
+
+const discordFlow = addKeyword<Provider, Database>('doc').addAnswer(
+    [
+        'You can see the documentation here',
+        '📄 https://builderbot.app/docs \n',
+        'Do you want to continue? *yes*'
+    ].join('\n'), { capture: true }, async (ctx, { gotoFlow, flowDynamic }) => {
+        if (ctx.body.toLocaleLowerCase().includes('yes')) {
+            return gotoFlow(registerFlow)
+        }
+        await flowDynamic('Thanks!')
+        return
+    }
+)
+
+const welcomeFlow = addKeyword<Provider, Database>(['hi', 'hello', 'hola'])
+    .addAnswer(`🙌 Hello welcome to this *Chatbot*`)
+    .addAnswer(
+        [
+            'I share with you the following links of interest about the project',
+            '👉 *doc* to view the documentation',
+        ].join('\n'),
+        { delay: 800 },
+        null,
+        [discordFlow]
+    )
+
+const registerFlow = addKeyword<Provider, Database>(utils.setEvent('REGISTER_FLOW'))
+    .addAnswer(`What is your name?`, { capture: true }, async (ctx, { state }) => {
+        await state.update({ name: ctx.body })
+    })
+    .addAnswer('What is your age?', { capture: true }, async (ctx, { state }) => {
+        await state.update({ age: ctx.body })
+    })
+    .addAction(async (_, { flowDynamic, state }) => {
+        await flowDynamic(`${state.get('name')}, thanks for your information!: Your age: ${state.get('age')}`)
+    })
+
+const main = async () => {
+
+    const adapterFlow = createFlow([welcomeFlow, registerFlow])
+    
+    const adapterProvider = createProvider(Provider)
+    const adapterDB = new Database({
+    host: process.env.POSTGRES_DB_HOST,
+    user: process.env.POSTGRES_DB_USER,
+    database: process.env.POSTGRES_DB_NAME,
+    password: process.env.POSTGRES_DB_PASSWORD,
+    port: +process.env.POSTGRES_DB_PORT,
+})
+    const { handleCtx, httpServer } = await createBot({
+        flow: adapterFlow,
+        provider: adapterProvider,
+        database: adapterDB,
+    })
+
+    httpServer(+PORT)
+
+    adapterProvider.http.server.post('/v1/messages', handleCtx(async (bot, req, res) => {
+        const { number, message, urlMedia } = req.body
+        await bot.sendMessage(number, message, { media: urlMedia ?? null })
+        return res.end('sended')
+    }))
+
+    adapterProvider.http.server.post('/v1/register', handleCtx(async (bot, req, res) => {
+        const { number, name } = req.body
+        await bot.dispatch('REGISTER_FLOW', { from: number, name })
+        return res.end('trigger')
+    }))
+
+    adapterProvider.http.server.post('/v1/blacklist', handleCtx(async (bot, req, res) => {
+        const { number, intent } = req.body
+        if (intent === 'remove') bot.blacklist.remove(`340000000`)
+        if (intent === 'add') bot.blacklist.add(`340000000`)
+
+        res.writeHead(200, { 'Content-Type': 'application/json' })
+        return res.end(JSON.stringify({ status: 'ok', number, intent }))
+    }))
+}
+
+main()

package/dist/starters/apps/base-ts-wppconnect-postgres/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ES2022",
+    "declaration": false,
+    "declarationMap": false,
+    "moduleResolution": "node",
+    "removeComments": true,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "allowSyntheticDefaultImports": true,
+    "sourceMap": false,
+    "outDir": "./dist",
+    "baseUrl": "./",
+    "rootDir": "./",
+    "incremental": true,
+    "skipLibCheck": true
+  },
+  "include": [
+    "**/*.js",
+    "**/*.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}

package/package.json

@@ -0,0 +1,46 @@
+{
+    "name": "@builderbot/cli",
+    "version": "0.3.0-alpha.0",
+    "description": "",
+    "main": "dist/index.cjs",
+    "types": "dist/index.d.ts",
+    "type": "module",
+    "scripts": {
+        "build": "rimraf dist && rollup --config",
+        "test": "npx uvu -r tsm ./_test_",
+        "test:coverage": "npx c8 npm run test"
+    },
+    "devDependencies": {
+        "@clack/prompts": "^0.7.0",
+        "@rollup/plugin-commonjs": "^25.0.7",
+        "@rollup/plugin-node-resolve": "^15.2.3",
+        "@rollup/plugin-terser": "^0.4.4",
+        "@types/cross-spawn": "^6.0.6",
+        "@types/fs-extra": "^11.0.4",
+        "@types/node": "^20.11.0",
+        "@types/prompts": "^2.4.9",
+        "@types/proxyquire": "^1.3.31",
+        "@types/sinon": "^17.0.3",
+        "cross-spawn": "^7.0.3",
+        "fs-extra": "^11.1.1",
+        "picocolors": "^1.0.0",
+        "prompts": "^2.4.2",
+        "proxyquire": "^2.1.3",
+        "rimraf": "^5.0.5",
+        "rollup-plugin-typescript2": "^0.36.0",
+        "sinon": "^17.0.1",
+        "uvu": "^0.5.6"
+    },
+    "files": [
+        "./starters/",
+        "./dist/"
+    ],
+    "bin": {
+        "bot": "./bin/cli.cjs"
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/codigoencasa/bot-whatsapp/tree/main/packages/cli"
+    },
+    "gitHead": "f21e49621dffad2a1226aecea535668016f07b14"
+}

package/starters/apps/base-baileys-json/.eslintrc.js

@@ -0,0 +1,23 @@
+module.exports = {
+    env: {
+        browser: true,
+        commonjs: true,
+        es2021: true,
+    },
+    overrides: [
+        {
+            env: {
+                node: true,
+            },
+            files: ['.eslintrc.{js,cjs}'],
+            parserOptions: {
+                sourceType: 'script',
+            },
+        },
+    ],
+    parserOptions: {
+        ecmaVersion: 'latest',
+    },
+    plugins: ['bot-whatsapp'],
+    extends: ['plugin:bot-whatsapp/recommended'],
+}

package/starters/apps/base-baileys-json/Dockerfile

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

package/starters/apps/base-baileys-json/README.md

@@ -0,0 +1,22 @@
+### CHATBOT Whatsapp (Baileys Provider)
+
+<p align="center">
+  <img width="300" src="https://i.imgur.com/Oauef6t.png">
+</p>
+
+
+**Con esta librería, puedes construir flujos automatizados de conversación de manera agnóstica al proveedor de WhatsApp,** configurar respuestas automatizadas para preguntas frecuentes, recibir y responder mensajes de manera automatizada, y hacer un seguimiento de las interacciones con los clientes.  Además, puedes configurar fácilmente disparadores que te ayudaran a expandir las funcionalidades sin límites. **[Ver documentación](https://bot-whatsapp.netlify.app/)**
+
+
+```
+npm install
+npm start
+```
+
+---
+## Recursos
+- [📄 Documentación](https://bot-whatsapp.netlify.app/)
+- [🚀 Roadmap](https://github.com/orgs/codigoencasa/projects/1)
+- [💻 Discord](https://link.codigoencasa.com/DISCORD)
+- [👌 Twitter](https://twitter.com/leifermendez)
+- [🎥 Youtube](https://www.youtube.com/watch?v=5lEMCeWEJ8o&list=PL_WGMLcL4jzWPhdhcUyhbFU6bC0oJd2BR)

package/starters/apps/base-baileys-json/app.js

@@ -0,0 +1,79 @@
+const { createBot, createProvider, createFlow, addKeyword } = require('@bot-whatsapp/bot')
+
+const QRPortalWeb = require('@bot-whatsapp/portal')
+const BaileysProvider = require('@bot-whatsapp/provider/baileys')
+const JsonFileAdapter = require('@bot-whatsapp/database/json')
+
+const flowSecundario = addKeyword(['2', 'siguiente']).addAnswer(['📄 Aquí tenemos el flujo secundario'])
+
+const flowDocs = addKeyword(['doc', 'documentacion', 'documentación']).addAnswer(
+    [
+        '📄 Aquí encontras las documentación recuerda que puedes mejorarla',
+        'https://bot-whatsapp.netlify.app/',
+        '\n*2* Para siguiente paso.',
+    ],
+    null,
+    null,
+    [flowSecundario]
+)
+
+const flowTuto = addKeyword(['tutorial', 'tuto']).addAnswer(
+    [
+        '🙌 Aquí encontras un ejemplo rapido',
+        'https://bot-whatsapp.netlify.app/docs/example/',
+        '\n*2* Para siguiente paso.',
+    ],
+    null,
+    null,
+    [flowSecundario]
+)
+
+const flowGracias = addKeyword(['gracias', 'grac']).addAnswer(
+    [
+        '🚀 Puedes aportar tu granito de arena a este proyecto',
+        '[*opencollective*] https://opencollective.com/bot-whatsapp',
+        '[*buymeacoffee*] https://www.buymeacoffee.com/leifermendez',
+        '[*patreon*] https://www.patreon.com/leifermendez',
+        '\n*2* Para siguiente paso.',
+    ],
+    null,
+    null,
+    [flowSecundario]
+)
+
+const flowDiscord = addKeyword(['discord']).addAnswer(
+    ['🤪 Únete al discord', 'https://link.codigoencasa.com/DISCORD', '\n*2* Para siguiente paso.'],
+    null,
+    null,
+    [flowSecundario]
+)
+
+const flowPrincipal = addKeyword(['hola', 'ole', 'alo'])
+    .addAnswer('🙌 Hola bienvenido a este *Chatbot*')
+    .addAnswer(
+        [
+            'te comparto los siguientes links de interes sobre el proyecto',
+            '👉 *doc* para ver la documentación',
+            '👉 *gracias*  para ver la lista de videos',
+            '👉 *discord* unirte al discord',
+        ],
+        null,
+        null,
+        [flowDocs, flowGracias, flowTuto, flowDiscord]
+    )
+
+const main = async () => {
+    const adapterDB = new JsonFileAdapter()
+    const adapterFlow = createFlow([flowPrincipal])
+    const adapterProvider = createProvider(BaileysProvider)
+
+    createBot({
+        flow: adapterFlow,
+        provider: adapterProvider,
+        database: adapterDB,
+    })
+
+    QRPortalWeb()
+}
+
+main()

package/starters/apps/base-baileys-json/package.json

@@ -0,0 +1,29 @@
+{
+    "name": "base-bailey-json",
+    "version": "1.0.0",
+    "description": "",
+    "main": "app.js",
+    "scripts": {
+        "prestart": "npx eslint . --no-ignore",
+        "pre-copy": "cd .. && npm run  copy.lib base-baileys-json",
+        "start": "node app.js"
+    },
+    "keywords": [],
+    "dependencies": {
+        "@bot-whatsapp/bot": "latest",
+        "@bot-whatsapp/cli": "latest",
+        "@bot-whatsapp/database": "latest",
+        "@bot-whatsapp/provider": "latest",
+        "@bot-whatsapp/portal": "latest",
+        "mime-types": "2.1.35",
+        "@whiskeysockets/baileys": "6.5.0",
+        "wa-sticker-formatter": "4.4.4",
+        "cache-manager": "5.2.4"
+    },
+    "devDependencies": {
+        "eslint-plugin-bot-whatsapp": "latest",
+        "eslint": "^8.52.0"
+    },
+    "author": "",
+    "license": "ISC"
+}

package/starters/apps/base-baileys-memory/.eslintrc.js

@@ -0,0 +1,23 @@
+module.exports = {
+    env: {
+        browser: true,
+        commonjs: true,
+        es2021: true,
+    },
+    overrides: [
+        {
+            env: {
+                node: true,
+            },
+            files: ['.eslintrc.{js,cjs}'],
+            parserOptions: {
+                sourceType: 'script',
+            },
+        },
+    ],
+    parserOptions: {
+        ecmaVersion: 'latest',
+    },
+    plugins: ['bot-whatsapp'],
+    extends: ['plugin:bot-whatsapp/recommended'],
+}

package/starters/apps/base-baileys-memory/Dockerfile

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

package/starters/apps/base-baileys-memory/README.md

@@ -0,0 +1,22 @@
+### CHATBOT Whatsapp (Baileys Provider)
+
+<p align="center">
+  <img width="300" src="https://i.imgur.com/Oauef6t.png">
+</p>
+
+
+**Con esta librería, puedes construir flujos automatizados de conversación de manera agnóstica al proveedor de WhatsApp,** configurar respuestas automatizadas para preguntas frecuentes, recibir y responder mensajes de manera automatizada, y hacer un seguimiento de las interacciones con los clientes.  Además, puedes configurar fácilmente disparadores que te ayudaran a expandir las funcionalidades sin límites. **[Ver documentación](https://bot-whatsapp.netlify.app/)**
+
+
+```
+npm install
+npm start
+```
+
+---
+## Recursos
+- [📄 Documentación](https://bot-whatsapp.netlify.app/)
+- [🚀 Roadmap](https://github.com/orgs/codigoencasa/projects/1)
+- [💻 Discord](https://link.codigoencasa.com/DISCORD)
+- [👌 Twitter](https://twitter.com/leifermendez)
+- [🎥 Youtube](https://www.youtube.com/watch?v=5lEMCeWEJ8o&list=PL_WGMLcL4jzWPhdhcUyhbFU6bC0oJd2BR)

package/starters/apps/base-baileys-memory/app.js

@@ -0,0 +1,79 @@
+const { createBot, createProvider, createFlow, addKeyword } = require('@bot-whatsapp/bot')
+
+const QRPortalWeb = require('@bot-whatsapp/portal')
+const BaileysProvider = require('@bot-whatsapp/provider/baileys')
+const MockAdapter = require('@bot-whatsapp/database/mock')
+
+const flowSecundario = addKeyword(['2', 'siguiente']).addAnswer(['📄 Aquí tenemos el flujo secundario'])
+
+const flowDocs = addKeyword(['doc', 'documentacion', 'documentación']).addAnswer(
+    [
+        '📄 Aquí encontras las documentación recuerda que puedes mejorarla',
+        'https://bot-whatsapp.netlify.app/',
+        '\n*2* Para siguiente paso.',
+    ],
+    null,
+    null,
+    [flowSecundario]
+)
+
+const flowTuto = addKeyword(['tutorial', 'tuto']).addAnswer(
+    [
+        '🙌 Aquí encontras un ejemplo rapido',
+        'https://bot-whatsapp.netlify.app/docs/example/',
+        '\n*2* Para siguiente paso.',
+    ],
+    null,
+    null,
+    [flowSecundario]
+)
+
+const flowGracias = addKeyword(['gracias', 'grac']).addAnswer(
+    [
+        '🚀 Puedes aportar tu granito de arena a este proyecto',
+        '[*opencollective*] https://opencollective.com/bot-whatsapp',
+        '[*buymeacoffee*] https://www.buymeacoffee.com/leifermendez',
+        '[*patreon*] https://www.patreon.com/leifermendez',
+        '\n*2* Para siguiente paso.',
+    ],
+    null,
+    null,
+    [flowSecundario]
+)
+
+const flowDiscord = addKeyword(['discord']).addAnswer(
+    ['🤪 Únete al discord', 'https://link.codigoencasa.com/DISCORD', '\n*2* Para siguiente paso.'],
+    null,
+    null,
+    [flowSecundario]
+)
+
+const flowPrincipal = addKeyword(['hola', 'ole', 'alo'])
+    .addAnswer('🙌 Hola bienvenido a este *Chatbot*')
+    .addAnswer(
+        [
+            'te comparto los siguientes links de interes sobre el proyecto',
+            '👉 *doc* para ver la documentación',
+            '👉 *gracias*  para ver la lista de videos',
+            '👉 *discord* unirte al discord',
+        ],
+        null,
+        null,
+        [flowDocs, flowGracias, flowTuto, flowDiscord]
+    )
+
+const main = async () => {
+    const adapterDB = new MockAdapter()
+    const adapterFlow = createFlow([flowPrincipal])
+    const adapterProvider = createProvider(BaileysProvider)
+
+    createBot({
+        flow: adapterFlow,
+        provider: adapterProvider,
+        database: adapterDB,
+    })
+
+    QRPortalWeb()
+}
+
+main()

package/starters/apps/base-baileys-memory/package.json

@@ -0,0 +1,28 @@
+{
+    "name": "base-bailey-memory",
+    "version": "1.0.0",
+    "description": "",
+    "main": "app.js",
+    "scripts": {
+        "prestart": "npx eslint . --no-ignore",
+        "pre-copy": "cd .. && npm run  copy.lib base-baileys-memory",
+        "start": "node app.js"
+    },
+    "keywords": [],
+    "dependencies": {
+        "@bot-whatsapp/bot": "latest",
+        "@bot-whatsapp/cli": "latest",
+        "@bot-whatsapp/database": "latest",
+        "@bot-whatsapp/provider": "latest",
+        "@bot-whatsapp/portal": "latest",
+        "@whiskeysockets/baileys": "6.5.0",
+        "wa-sticker-formatter": "4.4.4",
+        "cache-manager": "5.2.4"
+    },
+    "devDependencies": {
+        "eslint-plugin-bot-whatsapp": "latest",
+        "eslint": "^8.52.0"
+    },
+    "author": "",
+    "license": "ISC"
+}

package/starters/apps/base-baileys-mongo/.eslintrc.js

@@ -0,0 +1,23 @@
+module.exports = {
+    env: {
+        browser: true,
+        commonjs: true,
+        es2021: true,
+    },
+    overrides: [
+        {
+            env: {
+                node: true,
+            },
+            files: ['.eslintrc.{js,cjs}'],
+            parserOptions: {
+                sourceType: 'script',
+            },
+        },
+    ],
+    parserOptions: {
+        ecmaVersion: 'latest',
+    },
+    plugins: ['bot-whatsapp'],
+    extends: ['plugin:bot-whatsapp/recommended'],
+}

package/starters/apps/base-baileys-mongo/Dockerfile

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

package/starters/apps/base-baileys-mongo/README.md

@@ -0,0 +1,40 @@
+### CHATBOT Whatsapp (Baileys Provider)
+
+<p align="center">
+  <img width="300" src="https://i.imgur.com/Oauef6t.png">
+</p>
+
+
+**Con esta librería, puedes construir flujos automatizados de conversación de manera agnóstica al proveedor de WhatsApp,** configurar respuestas automatizadas para preguntas frecuentes, recibir y responder mensajes de manera automatizada, y hacer un seguimiento de las interacciones con los clientes.  Además, puedes configurar fácilmente disparadores que te ayudaran a expandir las funcionalidades sin límites. **[Ver más informacion](https://bot-whatsapp.netlify.app/)**
+
+```js
+const main = async () => {
+    const adapterDB = new MockAdapter()
+    const adapterFlow = createFlow([flowPrincipal])
+
+    const adapterProvider = createProvider(BaileysProvider, {
+        accountSid: process.env.ACC_SID,
+        authToken: process.env.ACC_TOKEN,
+        vendorNumber: process.env.ACC_VENDOR,
+    })
+
+    createBot({
+        flow: adapterFlow,
+        provider: adapterProvider,
+        database: adapterDB,
+    })
+}
+```
+
+```
+npm install
+npm start
+```
+
+---
+## Recursos
+- [📄 Documentación](https://bot-whatsapp.netlify.app/)
+- [🚀 Roadmap](https://github.com/orgs/codigoencasa/projects/1)
+- [💻 Discord](https://link.codigoencasa.com/DISCORD)
+- [👌 Twitter](https://twitter.com/leifermendez)
+- [🎥 Youtube](https://www.youtube.com/watch?v=5lEMCeWEJ8o&list=PL_WGMLcL4jzWPhdhcUyhbFU6bC0oJd2BR)