Show HN: Nash - Catatan mandiri yang dibuat dalam satu file HTML

• Nash adalah catatan dalam format HTML mandiri yang tidak memerlukan perangkat lunak atau layanan tambahan.
• Dapat digunakan hanya dengan web browser, dan bisa disimpan serta diedit secara offline.
• Inspirasi
  • Saat mengimplementasikan fungsi untuk membuat POC (Proof of Concept) ide sederhana dalam satu HTML, muncul kesadaran bahwa file dokumen yang bekerja tanpa layanan atau perangkat lunak terpisah bisa dibuat.
  • Ini adalah upaya pertama untuk membuat file dokumen yang dapat berfungsi tanpa perangkat lunak seperti Notion atau Word.
• Mendapatkan catatan kosong
  • Untuk membuka halaman kosong, gunakan tautan berikut: Halaman kosong Nash
• Nash bersifat open source, sehingga dapat dimodifikasi dan digunakan secara bebas.

[xguru]

Nash, catatan yang berjalan dengan satu file HTML

Anda juga mempostingnya ke Hacker News setelah sempat mengunggahnya di Show GN, dan ternyata mendapat banyak vote. Selamat!

[GN⁺]

Komentar Hacker News

• Saya sangat menyukai proyek ini, dan setelah melihat source code-nya saya pikir keren sekali bahwa ini dikodekan dengan vanilla JS. Akhir-akhir ini, kemampuan untuk membuat web app interaktif tanpa library atau framework tampaknya diremehkan
  • Saya juga sangat menyukai ide membuat web app lokal sederhana dalam satu halaman HTML. Beberapa waktu lalu saya mengunjungi museum sains bersama anak saya dan mencoba animator stop motion sederhana. Saya lalu memutuskan untuk membuat web app seperti itu, menjadikannya satu halaman HTML, lalu menyalinnya ke laptop anak saya agar bisa dipakai tanpa internet. Saya malas menulis vanilla JS, jadi saya memakai React dan bundler. Hasilnya dibundel menjadi satu file HTML. Mungkin suatu hari akan saya posting di Show HN
• Banyak pekerjaan berat dilakukan oleh properti yang sederhana tetapi kuat ini. Anehnya, tampaknya banyak developer yang tidak terlalu mengenal properti ini. Sudah ada cukup lama
  • <div id="editor" contenteditable="true">
• Pekerjaan yang luar biasa
  • Saya sarankan mempertimbangkan agar halaman otomatis terbuka dalam mode edit saat dibuka dari disk lokal ke browser, dan berubah menjadi tampilan read-only biasa saat dipublikasikan di situs web seseorang dan diakses lewat web terbuka (cek apakah alamatnya http/https)
  • Tentu saja:
    1. Harus ada cara untuk mengabaikan ini (parameter query string atau fragmen URL ajaib) sehingga tetap bisa dilihat dalam mode edit
    2. Harus ada pengecualian untuk domain/prefix URL tertentu—pada dasarnya keepworking.github.io (atau https://keepworking.github.io/nash/)—agar mode edit juga aktif di situs itu. Ini berarti secara pribadi Anda tidak perlu melakukan sesuatu yang khusus agar demo berfungsi (pengecualian ini harus bisa diubah oleh pengguna. Jadi orang lain juga bisa mendapatkan perilaku yang sama tanpa memakai trik #1)
• Ini keren. Kita semua (atau mungkin hanya saya) sudah terbiasa menulis bagian JS dari sebuah website di luar HTML sebenarnya, jadi ketika melihat ini saya berpikir, "wow, gila juga kalau ini ternyata bisa dilakukan hanya dengan HTML". Lalu saya melihat source-nya dan melihat semua JS ada di script tag gaya lama, dan saya jadi teringat lagi bahwa ini memang memungkinkan
• Anda bisa memakai penyimpanan yang "nyata" untuk membuat ini mandiri dan benar-benar portabel https://rpdillon.net/redbean-tiddlywiki-saver.html
• Saya berharap browser memberi dukungan yang lebih baik untuk web app lokal. Jika file lokal bisa dengan mudah mengakses penyimpanan persisten, itu bisa membuka banyak peluang untuk aplikasi GUI yang cepat dan mudah. Pada dasarnya kebalikan dari electron
• Kerja bagus! Sebelumnya ada diskusi tentang ide ini yang menyebut TiddlyWiki https://news.ycombinator.com/item?id=43179649
• Menyebutnya "note" agak membingungkan. Saya akan menyebut ini web app file tunggal yang bisa diedit dan memodifikasi dirinya sendiri
• Saran: sebaiknya beri peringatan saat hendak menutup halaman setelah mengedit tanpa menyimpan. Pertimbangkan menambahkan handler onbeforeunload
• Belakangan ini saya mencoba membuat wiki lokal dengan TiddlyWiki, tetapi gagal total dan akhirnya menulis file HTML langsung
  • Nash tampaknya menyederhanakan pekerjaan saya, terima kasih
• Menambahkan ini untuk daftar isi yang mudah https://codepen.io/cgurski/pen/qBrNrPo