⌨️ Easy Auto Coder

Extensión de VS Code para escritura automática de código y grabación de tutoriales

Realista · Programable · Herramienta de Productividad

🧭 Descripción

Easy Auto Coder es una extensión para Visual Studio Code diseñada para creadores de contenido y educadores. Permite simular la escritura de código letra por letra de forma automática, eliminando la necesidad de escribir y hablar simultáneamente durante grabaciones de tutoriales o presentaciones en vivo.

A diferencia de otras herramientas, utiliza scripts sencillos en formato YAML para controlar no solo el texto, sino también pausas y movimientos del cursor.

🎯 Objetivo del proyecto

• Facilitar la creación de video-tutoriales de programación.
• Simular un efecto de escritura humana realista y ajustable.
• Automatizar el Live Coding para evitar errores de sintaxis en vivo.
• Proporcionar un control total sobre el flujo del código mediante comandos de cursor.

🧩 Tecnologías usadas

🏗️ Arquitectura del proyecto

easy-auto-coder
│
├── .vscode/          # Configuración de depuración
├── extension.js      # Lógica principal y comandos
├── package.json      # Metadatos y contribuciones
├── logo.png          # Icono de la extensión
├── README.md         # Documentación oficial
└── test/             # Pruebas unitarias

🔁 Flujo de funcionamiento

flowchart TD
    A[Abrir archivo de código .py, .js, etc.] --> B[Llamar Comando: Play Script]
    B --> C[Seleccionar archivo .yaml]
    C --> D[Lectura de Steps]
    D --> E{¿Comando?}
    E -->|type| F[Escribir letra por letra]
    E -->|pause| G[Esperar milisegundos]
    E -->|up/down/left/right| H[Mover cursor]
    F --> I[Siguiente paso]
    G --> I
    H --> I
    I --> J[Fin del Script]

🧠 Componente principal

📄 extension.js

Este archivo es responsable de:

• Registrar el comando easy-auto-coder.play en el menú de VS Code.
• Abrir el selector de archivos para cargar scripts de automatización.
• Iterar sobre los pasos del script y ejecutarlos en el editor activo.
• Gestionar la velocidad de tipeo global y pausas específicas.

⚡ ¿Por qué Easy Auto Coder?

• Control de velocidad: Configura los ms entre cada carácter para un efecto natural.
• Comandos de Cursor: Navega por el archivo (arriba, abajo, izquierda, derecha) automáticamente.
• Multiformato: Funciona con cualquier lenguaje soportado por VS Code (Python, JS, C++, etc.).

📝 Ejemplo de script sencillo

speed: 40
steps:
  - type: "print('Hola Mundo')\n"
  - pause: 1000
  - type: "print('Automatizado')"

▶️ Ejecución del proyecto

Instalación

1. Descarga el archivo .vsix o búscalo en el Marketplace como Easy Auto Coder.
2. Instala la extensión en VS Code.

Uso

1. Abre un archivo vacío donde quieras "escribir".
2. Presiona Ctrl + Shift + P.
3. Ejecuta Easy Auto Coder: Play Script.
4. Selecciona tu archivo de configuración .yaml.

🖥️ Ejemplo de Script Avanzado

speed: 35
steps:
  - type: "def suma(a, b):\n"
  - type: "    return a + b"
  - pause: 500
  - up: 1
  - right: 10
  - type: " # Comentario añadido"

🧪 Buenas prácticas aplicadas

• Asincronía (Promises): Uso de async/await para no bloquear la interfaz de VS Code.
• Modularidad: Separación clara entre la configuración de la extensión y la lógica de ejecución.
• Validación: Comprobación de editor activo antes de iniciar el proceso.

🚀 Posibles mejoras futuras

• Grabador de macros: Generar el archivo YAML automáticamente mientras escribes.
• Soporte para borrar líneas completas.
• Interfaz gráfica para ajustar la velocidad en tiempo real.
• Soporte para múltiples cursores simultáneos.

👤 Autor

Proyecto desarrollado como herramienta de productividad para creadores de contenido por josiscripts.

VS Code · Automatización · JavaScript · YAML