Show HN: Nash - एकल HTML फ़ाइल से बना standalone नोट

 (keepworking.github.io)
3 पॉइंट द्वारा GN⁺ 2025-03-16 | 2 टिप्पणियां | WhatsApp पर शेयर करें
  • Nash एक स्वतंत्र HTML फ़ॉर्मेट वाला नोट है, जिसे किसी अतिरिक्त software या service की आवश्यकता नहीं होती।
  • इसे केवल web browser के साथ इस्तेमाल किया जा सकता है, और offline में भी save और edit किया जा सकता है।
  • प्रेरणा
    • एकल HTML में सरल ideas का POC (Proof of Concept) लागू करते समय यह एहसास हुआ कि अलग service या software के बिना काम करने वाली document file बनाई जा सकती है।
    • यह Notion या Word जैसे software के बिना भी काम करने वाली document file बनाने का पहला प्रयास है।
  • खाली नोट प्राप्त करें
    • खाली page पर जाने के लिए यह लिंक इस्तेमाल किया जा सकता है: Nash blank page
  • Nash open source है, इसलिए इसे स्वतंत्र रूप से modify और use किया जा सकता है।

संबंधित पढ़ाई

2 टिप्पणियां

 
xguru 2025-03-16

Nash, एक standalone नोट जो एक single HTML फ़ाइल पर चलता है

आपने इसे Show GN पर पोस्ट किया था और अब Hacker News पर भी पोस्ट किया है, जहाँ आपको बहुत सारे votes मिले हैं। बधाई हो!
 
GN⁺ 2025-03-16
Hacker News टिप्पणियाँ
  • मुझे यह प्रोजेक्ट बहुत पसंद आया, और सोर्स कोड देखकर लगा कि इसे vanilla JS में कोड किया गया है, जो बहुत शानदार है। आजकल यह कम आंका जाता है कि libraries या frameworks के बिना भी कितने interactive web apps बनाए जा सकते हैं
    • मुझे भी single HTML page के रूप में simple local web apps बनाने का विचार बहुत पसंद है। कुछ समय पहले मैं अपने बच्चे के साथ science museum गया था और वहाँ एक simple stop-motion animator इस्तेमाल किया। मैंने वैसा ही web app बनाने का फैसला किया और उसे single HTML page के रूप में बनाकर अपने बच्चे के laptop में कॉपी कर दिया ताकि वह बिना internet के इस्तेमाल कर सके। vanilla JS लिखने में आलस आ रहा था, इसलिए मैंने React और bundler का इस्तेमाल किया। वह single HTML file में bundle हो गया। शायद कभी इसे Show HN पर पोस्ट करूँ
  • इस simple लेकिन शक्तिशाली attribute ने बहुत भारी काम संभाला हुआ है। हैरानी की बात है कि बहुत से developers शायद इस attribute को अच्छी तरह नहीं जानते। यह काफ़ी लंबे समय से मौजूद है
    • <div id="editor" contenteditable="true">
  • बेहतरीन काम
    • जब page local disk से browser में खोला जाए तो इसे अपने आप edit mode में खोलने पर विचार करें, और जब इसे किसी website पर publish करके खुले web पर access किया जाए तो इसे सामान्य read-only view में बदल दें (देखें कि address http/https है या नहीं)
    • बेशक:
      1. इसे override करने का कोई तरीका होना चाहिए (query string parameter या कोई magic URL fragment), ताकि इसे edit mode में भी देखा जा सके
      2. कुछ specific domains/URL prefixes के लिए exceptions होनी चाहिए—मूल रूप से keepworking.github.io (या https://keepworking.github.io/nash/)—ताकि उस site पर भी edit mode enabled रहे। इसका मतलब है कि demo चलाने के लिए आपको व्यक्तिगत रूप से कोई special काम नहीं करना पड़ेगा (यह exception user-modifiable होनी चाहिए, ताकि दूसरे लोग भी #1 वाली trick इस्तेमाल किए बिना वही behavior पा सकें)
  • यह शानदार है। हम (या शायद सिर्फ मैं) website के JS हिस्से को असली HTML के बाहर लिखने के इतने अभ्यस्त हो गए हैं कि इसे देखकर मैंने सोचा, "वाह, यह सिर्फ HTML से संभव होना पागलपन है।" फिर source देखकर और यह देखकर कि सारा JS पुराने script tags में है, मुझे फिर याद आया कि यह वास्तव में संभव है
  • "असली" saving का उपयोग करके इसे self-contained और सच में portable बनाया जा सकता है https://rpdillon.net/redbean-tiddlywiki-saver.html
  • काश browsers local web apps के लिए बेहतर support देते। अगर local files को persistent storage तक आसानी से access मिल जाए, तो तेज़ और आसान GUI apps के लिए बहुत सारे मौके खुल सकते हैं। मूल रूप से यह electron का उल्टा होगा
  • बहुत बढ़िया! पहले TiddlyWiki का ज़िक्र करते हुए इस विचार पर चर्चा हुई थी https://news.ycombinator.com/item?id=43179649
  • इसे "notes" कहना थोड़ा भ्रमित करने वाला है। मैं इसे self-modifying editable single-file web app कहूँगा
  • सुझाव: अगर edit करने के बाद save किए बिना page बंद किया जाए तो warning आनी चाहिए। onbeforeunload handler जोड़ने पर विचार करें
  • मैंने हाल ही में TiddlyWiki के साथ local wiki लिखने की कोशिश की, लेकिन बुरी तरह असफल रहा और अंत में सीधे HTML file खुद लिखनी पड़ी
    • लगता है Nash मेरा काम आसान बना देगा, धन्यवाद
  • आसान table of contents के लिए यह जोड़ें https://codepen.io/cgurski/pen/qBrNrPo