-
- Nos sentimos muy afortunados de poder contribuir a
- este proyecto y esperamos poder seguir trabajando
- juntos para ayudar a los pequeños comercios a
- impulsar sus ventas y fortalecer la economía local.
+
+
+
+
- {links.map(({ title, items }) => (
-
+
+
-
- ))}
- {title}
-
- {items &&
- Array.isArray(items) &&
- items.length > 0 && (
- -
- {items.map(({ title, href }) => (
-
- - - {title} - - - ))} -
-
diff --git a/packages/docs/src/components/widgets/SponsorBar.tsx b/packages/docs/src/components/widgets/SponsorBar.tsx
index 45ad277..c0d8183 100644
--- a/packages/docs/src/components/widgets/SponsorBar.tsx
+++ b/packages/docs/src/components/widgets/SponsorBar.tsx
@@ -5,6 +5,8 @@ import { useLocation } from '@builder.io/qwik-city'
import { src as qwik } from '~/assets/images/qwik.png?width=100&metadata'
// @ts-ignore
import { src as leanga } from '~/assets/images/leanga.png?width=40&metadata'
+// @ts-ignore
+import { src as netlify } from '~/assets/images/full-logo-light.png?width=100&metadata'
/**
* options = [] array con la lista de opciones de la documentacion
@@ -33,6 +35,19 @@ export default component$(() => {
+
-
+
+
+ + ++
-
diff --git a/packages/docs/src/root.tsx b/packages/docs/src/root.tsx index bf4d2b5..7d6db36 100644 --- a/packages/docs/src/root.tsx +++ b/packages/docs/src/root.tsx @@ -34,6 +34,7 @@ export default component$(() => { title: 'Primeros pasos', list: [ { name: 'Vista rápida', link: '/docs' }, + { name: 'Requerimientos', link: '/docs/requirements' }, { name: 'Instalación', link: '/docs/install' }, { name: 'Pruebalo', link: '/docs/example' }, ], diff --git a/packages/docs/src/routes/docs/database/index.mdx b/packages/docs/src/routes/docs/database/index.mdx index c3dfe08..dab499f 100644 --- a/packages/docs/src/routes/docs/database/index.mdx +++ b/packages/docs/src/routes/docs/database/index.mdx @@ -1,4 +1,5 @@ import Alert from '../../../components/widgets/Alert' +import Navigation from '../../../components/widgets/Navigation' # DataBase (Base de datos) @@ -30,3 +31,12 @@ Los conectores disponibles hasta el momento son los siguientes: `require('@bot-whatsapp/database/mysql')` `require('@bot-whatsapp/database/json')` + +--- + + diff --git a/packages/docs/src/routes/docs/essential/index.mdx b/packages/docs/src/routes/docs/essential/index.mdx index c20703a..8187544 100644 --- a/packages/docs/src/routes/docs/essential/index.mdx +++ b/packages/docs/src/routes/docs/essential/index.mdx @@ -1,4 +1,5 @@ import Alert from '../../../components/widgets/Alert' +import Navigation from '../../../components/widgets/Navigation' # Conceptos @@ -97,3 +98,12 @@ Los conectores disponibles hasta el momento son los siguientes: `require('@bot-whatsapp/database/mysql')` `require('@bot-whatsapp/database/json')` + +--- + + diff --git a/packages/docs/src/routes/docs/example/index.mdx b/packages/docs/src/routes/docs/example/index.mdx index 2ff0899..8daded3 100644 --- a/packages/docs/src/routes/docs/example/index.mdx +++ b/packages/docs/src/routes/docs/example/index.mdx @@ -1,3 +1,5 @@ +import Navigation from '../../../components/widgets/Navigation' + # Ejemplo Si copias y pegas este codigo y tu entorno de trabajo cumple con todos los requesitos te debe funcionar abajo explico muy por encima @@ -66,3 +68,12 @@ const flowPrincipal = addKeyword(['hola', 'alo']) .addAnswer(['Hola, bienvenido a mi tienda', '¿Como puedo ayudarte?']) .addAnswer(['Tengo:', 'Zapatos', 'Bolsos', 'etc ...']) ``` + +--- + + diff --git a/packages/docs/src/routes/docs/flows/index.mdx b/packages/docs/src/routes/docs/flows/index.mdx index 4e9651a..027c793 100644 --- a/packages/docs/src/routes/docs/flows/index.mdx +++ b/packages/docs/src/routes/docs/flows/index.mdx @@ -1,3 +1,5 @@ +import Navigation from '../../../components/widgets/Navigation' + # Flow (Flujos) Los flujos hace referencia al hecho de construir un flujo de conversion. Esto es un flow podemos observar que estan presente dos metodos importantes **addKeyword** y el **addAnswer**. @@ -18,3 +20,12 @@ const flowPrincipal = addKeyword(['hola', 'alo']) .addAnswer(['Hola, bienvenido a mi tienda', '¿Como puedo ayudarte?']) .addAnswer(['Tengo:', 'Zapatos', 'Bolsos', 'etc ...']) ``` + +--- + + diff --git a/packages/docs/src/routes/docs/index.mdx b/packages/docs/src/routes/docs/index.mdx index 6747e26..505bd6a 100644 --- a/packages/docs/src/routes/docs/index.mdx +++ b/packages/docs/src/routes/docs/index.mdx @@ -1,15 +1,16 @@ import Alert from '../../components/widgets/Alert' +import Navigation from '../../components/widgets/Navigation' # Introducción - **Atención** estás leyendo la documentación de la **versión estable - (0.2.x)** de esta librería, si vienes de la versión anterior te recomendamos - pasarte por la sección de **[migración](/docs/migration/)** para que puedas - disfrutar de las nuevas características. + **Atención** estás leyendo la documentación de la **versión v2** de esta + librería, si vienes de la versión anterior te recomendamos pasarte por la + sección de **[migración](/docs/migration/)** para que puedas disfrutar de + las nuevas características. -## ¿Què es esto? +## ¿Qué es esto? **@bot-whatsapp** es una librería que te permitirá **crear chatbot para WhatsApp** en tan solo minutos de una manera ágil y rápida. A lo largo de esta documentación encontrarás ejemplos y material de ayuda. @@ -41,4 +42,13 @@ npm create bot-whatsapp@latest
+
+
+### Plantilla
+
+Luego de seleccionar las opciones de tu preferencia se creara una carpeta con una plantilla de un flujo de un bot listo para ejecutar y que puedes modificar a tu gusto.
+**[Ver más plantillas](https://github.com/codigoencasa/bot-whatsapp/tree/dev/starters/apps)**
+
+Cada plantilla tiene sus dependencias necesarias basadas en tu previa selección. **Ejemplo**, si seleccionas el proveedor de MySQL, la plantilla incorpora lo necesario para que tu conexión con la base de datos sea exitosa.
+
+```json
+ "dependencies": {
+ "@bot-whatsapp/bot": "latest",
+ "@bot-whatsapp/cli": "latest",
+ "@bot-whatsapp/database": "latest",
+ "@bot-whatsapp/provider": "latest",
+ "@adiwajshing/baileys": "4.4.0",
+ "mysql2": "^2.3.3", 👈
+ },
+```
+
+
+ 📄 Si deseas cambiar tu **proveedor o tu motor** de base de datos no es
+ necesario volver ejecutar el CLI (lo puedes hacer sin problema) aunque
+ tambien basta con solo modificar un par de lineas. [Ver
+ explicación](/docs/essential)
+
+
+---
+
+