Editor de texto minimalista que corre en el navegador y guarda todo su contenido en la URL

• Editor de texto ligero que funciona dentro del navegador y guarda todo el texto en el hash de la URL
• El contenido ingresado usa compresión deflate para reducir la longitud de la URL y funciona completamente del lado del cliente, sin servidor backend
• Incluye funciones básicas de comodidad como autoguardado (con retraso de 500 ms), modo oscuro y compatibilidad móvil
• Se puede definir el título del documento con # Title o agregar atributos de estilo a la etiqueta <article> para guardarlos también en la URL
• Solo compartiendo la URL se puede transmitir el documento, por lo que resulta útil para notas simples o para compartir fragmentos de código

---

Resumen general

• textarea.my es un editor de texto minimalista que se ejecuta por completo en el navegador
  • Todos los datos se guardan en el hash de la URL, así que no necesita servidor ni base de datos
  • Está hecho en JavaScript y puede usarse al instante sin proceso de instalación

Funciones principales

• Compresión de texto (Compression magic)

  • Comprime el texto ingresado con el algoritmo deflate para minimizar la longitud de la URL
  • Permite compartir notas largas con URLs de alrededor de 500 caracteres

• Guardado y uso compartido mediante URL

  • El contenido escrito se incluye en el hash de la URL, por lo que se puede copiar y compartir ese enlace
  • Incluso sin guardado en servidor, es posible restaurar el documento solo con el enlace

• Autoguardado y modo oscuro

  • Ofrece autoguardado con un retraso de 500 ms después de escribir
  • Detecta la configuración de modo de color del sistema y aplica automáticamente el modo oscuro

• Interfaz amigable para móviles

  • También permite escribir documentos en smartphones con las mismas funciones
  • Su diseño responsivo lo hace adecuado para usar en movimiento

• Arquitectura sin backend

  • Tal como dice la frase “Zero servers were harmed”, es una app totalmente basada en el cliente
  • No hay carga de servidor ni problemas de almacenamiento de datos personales

Cómo usarlo

• Entra a textarea.my y empieza a escribir de inmediato
• A medida que escribes, puedes ver cómo la URL se va haciendo más larga
• Puedes copiar la URL y compartirla con otras personas

Consejos avanzados (Pro tips)

• Si escribes # Title en la primera línea del documento, se establece como título de la página
• Los datos se guardan tanto en localStorage como en la URL, para una conservación doble
• Si agregas un atributo style a la etiqueta <article> desde las herramientas de desarrollador, ese estilo también se guarda en la URL

Enlaces de ejemplo

• Se ofrece un documento de ejemplo de Crime and Punishment de Fyodor Dostoevsky
• Se ofrece un documento de ejemplo de An Ode to Comic Sans escrito por ChatGPT

Características técnicas

• Está desarrollado en JavaScript
• Gestiona los datos solo con el hash de la URL y localStorage, sin solicitudes al servidor
• Su estructura simple ayuda a minimizar riesgos de seguridad y lograr una carga rápida

Conclusión

• textarea.my es un editor de texto ultraligero que funciona en un entorno serverless y
  ofrece un enfoque único en el que guardar y compartir documentos es posible solo mediante la URL
• Es una herramienta adecuada para que desarrolladores o diseñadores anoten ideas rápidas, guarden notas de código o redacten documentos de prueba

[GN⁺]

Comentarios de Hacker News

• Curiosamente, yo también hice casi exactamente lo mismo, pero para mapas
  Necesitaba una forma de dibujar sobre un mapa y compartir un enlace para que la otra persona pudiera ver su ubicación
  Anotar una captura de pantalla resuelve el primer problema, pero no el segundo
  Así que lo implementé yo mismo con una vibra de Vibe engineering
  Es como una especie de «app instantánea» para un propósito específico
  Se puede alojar barato incluso sin backend, así que puede distribuirse gratis
  Enlace al demo de MapDraw

  • ¡Está increíble! Lo estoy usando ahora mismo para planear un viaje
    ¿Se podrían agregar también anotaciones de texto? Y estaría bueno que el botón de borrar, en vez de reiniciar todo, eliminara solo la última figura o permitiera borrar una selección
  • La expresión “Vibe engineered” da mucha risa. vibe coding está bien, pero llamarlo engineering es divertido :D
  • La capacidad de respuesta de la página es muchísimo mejor que la de cualquier app de mapas que haya usado hasta ahora
  • ¡Está muy bueno! Como reporte de bug: al mover el mapa, el dibujo lo sigue suavemente, pero al hacer zoom el dibujo no se mueve hasta que termina la animación
  • Es un proyecto realmente genial

• Esta mañana estaba haciendo algo parecido
  Si en una cadena base64 usas .toBase64({ alphabet: "base64url" }) y fromBase64({ alphabet: "base64url" }) en lugar de replace, queda más limpio
  Referencia de MDN

• Según la especificación, una URL puede tener como mínimo 8,000 caracteres
  Los navegadores principales soportan más de 64,000 caracteres, y Chrome hasta 2MB
  RFC9110 sección 4.1-5, referencia en StackOverflow, documento de Chromium

  • Chrome admite 2MB, Firefox 1MB y WebKit no tiene límite
    Como referencia, incluso el texto completo de Crime and Punishment cabe en una URL
  • Da la impresión de que la industria de la vigilancia hace las URL cada vez más largas para meter más cosas como utm-tracker o IDs de campaña
    Si ves enlaces compartidos de Instagram o YouTube, traen parámetros de seguimiento de cientos de caracteres
  • Ojo: un carácter (character) y un octeto (octet) no son lo mismo. Si no se convirtió a ASCII seguro para URI, recuerda que 1 carácter no equivale a 1 byte

• No entiendo por qué guardar los datos en la URL e inflarla así. ¿No bastaría con guardarlos en localStorage?

• Hace tiempo hice algo parecido con una hoja de cálculo
  Funcionaba solo si cambiabas de pestaña en el campo de entrada y luego recargabas
  Enlace de ejemplo
  El código completo tenía unas 130 líneas
  Más ejemplos

• Hice un pequeño framework de JS para implementar fácilmente este tipo de compartición basada en URL
  Enlace al GitHub de lost.js

• Me gusta este enfoque desde la perspectiva de la privacidad
  Por eso estoy pensando en agregar una opción de guardar en URL también a mi editor kraa.io

  • Pero, desde el punto de vista de la privacidad, textarea.my incluye scripts de seguimiento
    Tiene insertado código beacon de Cloudflare, así que hay que tener cuidado
  • Entonces, ¿tiene alguna ventaja en privacidad frente a usar un editor de texto nativo local?

• Hace tiempo hice algo parecido para tablaturas de guitarra
  Ver tabviewer.app
  Resolví el problema de las URL demasiado largas usando un servicio de URL corta

  • Yo también hice un editor de tabs para el mismo propósito
    Repositorio de GitHub

• Es un proyecto genial, pero al cargar “Crime and Punishment” mi navegador móvil se cayó
  Parece que la URL no fue diseñada para soportar un castigo así

• Ya que estamos haciendo promoción, yo también hice algo parecido, pero a nadie le importó
  Enlace al GitHub de Buffertab

  • La función de entrada por voz es interesante. Me pregunto si alguna vez pensaste en usar Whisper wasm en lugar de la API de OpenAI