MothNote फ़ोल्डर-आधारित नोट सिस्टम, घड़ी, मौसम और कैलेंडर विजेट्स के साथ एक all-in-one डैशबोर्ड Google Chrome New Tab एक्सटेंशन

🦋 MothNote

• MothNote नोट डिटेल पेज स्क्रीनशॉट

• MothNote मौसम डिटेल पेज स्क्रीनशॉट

• MothNote lunamoth 4th ब्लॉग परिचय लेख

• MothNote GitHub

(लगता है GeekNews इमेज डिस्प्ले को सपोर्ट नहीं करता, इसलिए इन्हें लिंक के रूप में दे रहा हूँ।)

MohtNote एक फ़ोल्डर-आधारित नोट सिस्टम में घड़ी, मौसम और कैलेंडर विजेट्स जोड़ने वाला all-in-one डैशबोर्ड Google Chrome New Tab एक्सटेंशन है।

---

विकास प्रक्रिया

MothNote में आप Google Chrome के New Tab में तुरंत और तेज़ी से नोट लिख सकते हैं, और घड़ी/कैलेंडर/मौसम/तापमान जैसी जानकारी भी जल्दी देख सकते हैं। 15 फीचर्स वाले LunaTools एक्सटेंशन बनाने के बाद अचानक यह विचार आया कि क्यों न एक New Tab एक्सटेंशन बनाया जाए, और वहीं से इसे बनाना शुरू किया।

मैं डेवलपर नहीं हूँ और प्रोग्रामिंग भी बिल्कुल नहीं जानता, लेकिन Google AI Studio (वेब) में Google Gemini 2.5 Pro के साथ 25 जुलाई 2025 को इसे बनाना शुरू किया, लगभग 38 दिन विकास किया, और 1 सितंबर 2025 को इसे रिलीज़ किया। बाहरी लाइब्रेरी को छोड़कर कोड की कुल पंक्तियाँ 7,385 हैं।

मुझे लगा कि सबसे ज़्यादा देखे जाने वाले New Tab में अगर सीधे नोट लिखे जा सकें तो यह सुविधाजनक होगा, इसलिए पहले उन कई प्रोजेक्ट मैनेजमेंट टूल्स में दिखने वाली 3-कॉलम संरचना के साथ नोट ऐप बनाना शुरू किया। इसमें Solarized Light/Dark थीम सपोर्ट जोड़ा, Tabliss एक्सटेंशन से आइडिया लेकर डिजिटल घड़ी, एनालॉग घड़ी, मौसम और तापमान जोड़ा, और डायरी की तरह इस्तेमाल के लिए कैलेंडर भी शामिल किया।

राइटिंग ऐप्स में अक्सर मिलने वाले focus mode और zen mode भी जोड़े। लेआउट सेटिंग्स, एडिटर फ़ॉन्ट सेटिंग्स, मौसम शहर सेटिंग्स, और डेटा बैकअप/रिस्टोर फीचर भी सपोर्ट किए।

बीच में multi-tab sync फीचर भी सपोर्ट किया, लेकिन बाद में over-engineering का मतलब समझकर उसे rollback भी किया। “atomic operation” जैसा शब्द भी इसे बनाते और सपोर्ट करते समय ही जाना, यह याद आता है।

पहले से बनाए गए मौसम डिटेल पेज को भी इसमें जोड़ना अच्छा लगा, इसलिए उसे शामिल किया। Markdown सपोर्ट न देने का विचार था, लेकिन बाहरी लाइब्रेरी इस्तेमाल करना सीखने के बाद Markdown view mode भी सपोर्ट किया। (पहले Snakdown इस्तेमाल किया, फिर Marked में बदला)

डिफ़ॉल्ट फ़ोल्डर के रूप में PARA और bullet note में सुझाए गए फ़ोल्डर्स जोड़कर देखे। इसे Todo.txt शैली में भी इस्तेमाल किया जा सकता है।

मैं पहले Simplenote इस्तेमाल करता था, इसलिए लगा कि डेटा migration भी संभव होगा, और Simplenote backup JSON फ़ाइल के लिए डेटा migration फीचर भी जोड़ा। कुछ दिन पहले unlimitedStorage परमिशन के बारे में पता चला, जिससे local storage की 10MB सीमा के बजाय बिना सीमा के इस्तेमाल किया जा सकता है, तो उसे भी लागू किया।

विकास के दौरान जो आइडिया आए उनमें tags, multi-level folders, WYSIWYG editor, wiki-style links, to-do check, Readability.js से article scraping, Google Drive integration वगैरह शामिल थे। आगे चलकर अर्थपूर्ण फीचर्स पर फोकस करके अपडेट करने का इरादा है।

बग फिक्स की प्रक्रिया काफी लंबी चली, और अब यह काफ़ी हद तक उपयोगी हो गया है, इसलिए इसे रिलीज़ कर रहा हूँ। यह काफ़ी काम का लगेगा। एक बार इस्तेमाल करके फीचर सुधार और bug report ज़रूर भेजें। (Bluesky, Twitter, Thread पर जवाब दें तो आभारी रहूँगा।)

---

मुख्य फीचर्स

(नीचे फीचर्स का विवरण MothNote के source code का विश्लेषण करके Gemini 2.5 Pro ने लिखा है।)

• all-in-one डैशबोर्ड: New Tab में ज़रूरी सारी जानकारी एक नज़र में देखें।

  • घड़ी: सुंदर डिज़ाइन वाली एनालॉग घड़ी और पढ़ने में आसान डिजिटल घड़ी देता है।
  • विस्तृत मौसम जानकारी: डैशबोर्ड विजेट पर एक क्लिक के साथ मौसम विशेषज्ञ बन जाइए।
    • साप्ताहिक पूर्वानुमान: समर्पित पेज पर साप्ताहिक उच्चतम/न्यूनतम तापमान के बदलाव को विज़ुअल चार्ट के साथ एक नज़र में देखा जा सकता है, और मौजूदा मौसम के अनुसार बारिश या बर्फ़ गिरने वाले सुंदर बैकग्राउंड इफेक्ट्स भी मिलते हैं।
    • घंटेवार विस्तृत जानकारी: किसी विशेष तारीख़ के forecast card पर क्लिक करने पर, उस दिन का घंटेवार तापमान, मौसम बदलाव और वर्षा संभावना विस्तृत सूची और चार्ट के साथ मिलती है।
    • लोकेशन सेटिंग: शहर का नाम खोजने के साथ-साथ, latitude और longitude सीधे दर्ज करके दुनिया में कहीं भी मनचाहे स्थान का मौसम सेट किया जा सकता है।
  • नोट-इंटीग्रेटेड कैलेंडर: जिन तारीख़ों पर नोट लिखे गए हैं उन्हें underline से दिखाया जाता है, और तारीख़ पर माउस hover करने पर नोट शीर्षक का preview दिखता है, क्लिक करने पर उस दिन के सभी नोट तुरंत एक साथ देखे जा सकते हैं।

• शक्तिशाली नोट सिस्टम: फ़ोल्डर-आधारित तरीके से विचारों को व्यवस्थित करें और 3-panel UI के ज़रिए नोट्स को कुशलतापूर्वक मैनेज करें।

  • Markdown सपोर्ट: #, *, ** जैसी सरल syntax से formatted notes लिखें, और एक बटन क्लिक करके साफ़-सुथरे rendered preview में स्विच करें।
  • उत्पादकता-केंद्रित एडिटर: एडिटर के नीचे अक्षर/शब्द/पंक्ति संख्या, निर्माण/संशोधन तिथि जैसी विस्तृत जानकारी real time में देखें, और Tab key से indent/outdent कर सकते हैं।
  • auto-save और manual save: टाइपिंग रोकते ही लिखा गया कंटेंट अपने आप सेव हो जाता है, और Ctrl+S (Mac: Cmd+S) शॉर्टकट से जब चाहें तुरंत manual save भी कर सकते हैं।
  • सुविधाजनक फीचर: यदि शीर्षक खाली छोड़ दिया जाए, तो कंटेंट की पहली पंक्ति अपने आप शीर्षक बन जाती है।

• उच्च उपयोगकर्ता स्वतंत्रता और सुविधा: उत्पादकता को अधिकतम करने के लिए कई फीचर्स सपोर्ट करता है।

  • यूज़र सेटिंग्स: Light/Dark थीम, एडिटर फ़ॉन्ट/आकार आदि के साथ ऐप का रूप अपनी पसंद के अनुसार बदलें, और सभी सेटिंग्स रीसेट कर सकते हैं।
  • dynamic UI: सिर्फ़ settings menu ही नहीं, माउस ड्रैग से panels और zen mode की चौड़ाई भी सहज रूप से बदली जा सकती है।
  • उन्नत नोट मैनेजमेंट: नोट search (search term highlight सहित), sort, महत्वपूर्ण नोट pin और favorite फीचर्स देता है।
  • सहज मूवमेंट: drag and drop से फ़ोल्डर क्रम बदला जा सकता है या नोट्स को दूसरे फ़ोल्डर में आसानी से ले जाया जा सकता है। (नोट को trash/favorites फ़ोल्डर में drag करके सीधे delete/add भी किया जा सकता है)
  • ध्यान के लिए Zen Mode: ऐसा वातावरण देता है जिसमें आसपास के सभी तत्व छिप जाते हैं और आप सिर्फ़ नोट लिखने पर ध्यान दे सकते हैं।
  • trash और restore: हटाए गए आइटम trash में जाते हैं, और restore करते समय नाम टकराव को अपने आप पहचानकर हल करते हुए सुरक्षित पुनर्स्थापना की जाती है।
  • डेटा बैकअप और रिस्टोर: सभी डेटा को एक JSON फ़ाइल में सुरक्षित बैकअप और रिस्टोर किया जा सकता है। Simplenote backup फ़ाइल (JSON) import सपोर्ट करता है, और मौजूदा डेटा को बनाए रखते हुए नए फ़ोल्डर में सुरक्षित रूप से जोड़ता है।
  • कीबोर्ड शॉर्टकट्स: नया फ़ोल्डर/नोट बनाना, नाम बदलना, सूची में नेविगेट करना जैसी कई क्रियाएँ सिर्फ़ कीबोर्ड से तेज़ी से की जा सकती हैं।

• डेटा स्थिरता और विश्वसनीयता: उपयोगकर्ता के कीमती डेटा को सुरक्षित रखता है।

  • डेटा वेब ब्राउज़र local storage में सेव होता है।
  • डेटा लॉस रोकने की चेतावनी: अगर सेव न किए गए बदलावों की स्थिति में पेज बंद करने की कोशिश की जाए तो चेतावनी विंडो दिखाकर डेटा लॉस रोका जाता है।
  • आपातकालीन रिकवरी फीचर: ब्राउज़र के असामान्य रूप से बंद होने पर, आख़िरी non-saved बदलाव का temporary backup किया जाता है और अगली बार चलने पर पूछा जाता है कि उसे restore करना है या नहीं।
  • ऑटो डेटा जाँच: ऐप चलने पर data integrity की जाँच करता है, और समस्या मिलने पर अपने आप रिकवर करके स्थिरता बनाए रखता है।

---

इंस्टॉलेशन तरीका

1. GitHub पेज के releases section से latest release फ़ाइल डाउनलोड करें और उसे unzip करें।
2. Chrome ब्राउज़र के address bar में chrome://extensions दर्ज करके management page पर जाएँ, फिर Developer mode सक्रिय करें।
3. Load unpacked बटन पर क्लिक करें, चरण 1 में unzip किया गया फ़ोल्डर चुनें, और इंस्टॉलेशन पूरा हो जाएगा। फ़ोल्डर को extension management page पर drag-and-drop करके भी किया जा सकता है। (ध्यान दें, उस फ़ोल्डर को बाद में delete नहीं करना है।)

---

अपडेट इतिहास

• 2025-09-01 शाम 4:15 // 17.58 रिलीज़, पहली रिलीज़

[lunamoth]

अरे, पहले screenshot के लिंक URL में टाइपो था;

https://raw.githubusercontent.com/lunamoth/MothNote/…

यह है।

[xguru]

मैंने इसे संशोधित कर दिया है।

[lunamoth]

धन्यवाद