@@ -52,10 +52,10 @@ export default component$(() => {
{subitems.map(({ question, answer }) => (
-
**¿Algún error?**
-Recuerda que debes de cumplir con los [requisitos minimos](/docs/install) del sistema
+Recuerda que debes de cumplir con los [requisitos minimos](/docs/requirements) del sistema
+
+---
+
+
-
+
{answer
.split('\n\n')
.map((paragraph) => (
diff --git a/packages/docs/src/components/widgets/Features.tsx b/packages/docs/src/components/widgets/Features.tsx
index 451211c..4888086 100644
--- a/packages/docs/src/components/widgets/Features.tsx
+++ b/packages/docs/src/components/widgets/Features.tsx
@@ -15,14 +15,14 @@ export default component$(() => {
'Se pueden automatizar tareas repetitivas y ahorrar tiempo y esfuerzo en tareas administrativas, como enviar recordatorios a tus clientes sobre pagos pendientes o para confirmar citas o reservas.',
},
{
- title: 'Experiencia personalizada para tus clientes',
+ title: 'Experiencia personalizada',
description:
'Podrás enviar mensajes automatizados con ofertas especiales o recomendaciones de productos basadas en el historial de compras de tus clientes, lo que significa que tus clientes pueden recibir una experiencia más personalizada.',
},
],
[
{
- title: 'Análisis de datos y toma de decisiones informadas',
+ title: 'Análisis de datos',
description:
'Te permite recopilar y analizar datos sobre tus clientes para ayudarte a entender mejor sus necesidades y preferencias, y ofrecerles un servicio aún más destacado.',
icon: 'tabler:rocket',
diff --git a/packages/docs/src/components/widgets/Footer.tsx b/packages/docs/src/components/widgets/Footer.tsx
index 98c9ea0..7c954fe 100644
--- a/packages/docs/src/components/widgets/Footer.tsx
+++ b/packages/docs/src/components/widgets/Footer.tsx
@@ -3,41 +3,15 @@ import { Link } from '@builder.io/qwik-city'
import { IconTwitter } from '~/components/icons/IconTwitter'
import { IconGithub } from '~/components/icons/IconGithub'
+import { Netlify } from '../atoms/Netlify'
export default component$(() => {
- const links = [
- {
- title: 'Product',
- items: [
- { title: 'Features', href: '#' },
- { title: 'Security', href: '#' },
- ],
- },
- {
- title: 'Platform',
- items: [
- { title: 'Developer API', href: '#' },
- { title: 'Partners', href: '#' },
- ],
- },
- {
- title: 'Support',
- items: [
- { title: 'Docs', href: '#' },
- { title: 'Community Forum', href: '#' },
- ],
- },
- {
- title: 'Company',
- items: [
- { title: 'About', href: '#' },
- { title: 'Blog', href: '#' },
- ],
- },
- ]
-
const social = [
- { label: 'Twitter', icon: IconTwitter, href: '#' },
+ {
+ label: 'Twitter',
+ icon: IconTwitter,
+ href: 'https://twitter.com/leifermendez',
+ },
{
label: 'Github',
icon: IconGithub,
@@ -50,36 +24,15 @@ export default component$(() => {
-
- 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)
+
+
+---
+
+