Show HN: Nash – eigenständige Notizen als einzelne HTML-Datei

• Nash ist eine eigenständige Notiz im HTML-Format und benötigt keine zusätzliche Software oder Dienste.
• Es kann allein mit einem Webbrowser verwendet werden und lässt sich auch offline speichern und bearbeiten.
• Inspiration
  • Während der Umsetzung einer Funktion, mit der sich einfache Ideen als POC (Proof of Concept) in einer einzelnen HTML-Datei realisieren lassen, wurde klar, dass sich eine Dokumentdatei erstellen lässt, die ohne separaten Dienst oder zusätzliche Software funktioniert.
  • Dies ist ein erster Versuch, eine Dokumentdatei zu schaffen, die ohne Software wie Notion oder Word funktioniert.
• Leere Notiz erhalten
  • Eine leere Seite ist über den folgenden Link erreichbar: Nash leere Seite
• Nash ist Open Source und kann frei angepasst und verwendet werden.

[xguru]

Nash, eine Notiz-App, die als einzelne HTML-Datei läuft

Sie hatten das bereits bei Show GN gepostet und nun auch bei Hacker News eingestellt – und haben viele Upvotes bekommen. Herzlichen Glückwunsch!

[GN⁺]

Hacker-News-Kommentare

• Mir gefällt dieses Projekt sehr, und nach einem Blick in den Quellcode finde ich es großartig, dass es in Vanilla JS geschrieben ist. Heutzutage wird unterschätzt, wie viele interaktive Web-Apps man auch ohne Bibliotheken oder Frameworks bauen kann.
  • Ich mag die Idee wirklich sehr, einfache lokale Web-Apps als einzelne HTML-Seite zu bauen. Vor Kurzem war ich mit meinem Kind in einem Wissenschaftsmuseum und wir haben dort einen einfachen Stop-Motion-Animator ausprobiert. Ich habe mich dann entschieden, eine ähnliche Web-App zu bauen, und sie als einzelne HTML-Seite erstellt, damit ich sie auf den Laptop meines Kindes kopieren und ohne Internet nutzen kann. Ich war zu faul, Vanilla JS zu schreiben, also habe ich React und einen Bundler verwendet. Das wurde dann zu einer einzelnen HTML-Datei gebündelt. Vielleicht poste ich es irgendwann bei Show HN.
• Ein großer Teil der schweren Arbeit wird von diesem einfachen, aber mächtigen Attribut erledigt. Erstaunlicherweise scheinen viele Entwickler dieses Attribut nicht gut zu kennen. Es gibt es schon ziemlich lange.
  • <div id="editor" contenteditable="true">
• Großartige Arbeit.
  • Ich würde in Erwägung ziehen, die Seite automatisch im Bearbeitungsmodus zu öffnen, wenn sie vom lokalen Datenträger im Browser geöffnet wird, und sie in eine normale schreibgeschützte Ansicht zu versetzen, wenn sie auf der Website von jemandem veröffentlicht wird und im offenen Web erreichbar ist (einfach prüfen, ob die Adresse http/https ist).
  • Natürlich:
    1. Es sollte eine Möglichkeit geben, das zu ignorieren (ein Query-String-Parameter oder ein magisches URL-Fragment), damit man sie auch im Bearbeitungsmodus ansehen kann.
    2. Es sollte eine Ausnahme für bestimmte Domains/URL-Präfixe geben — im Grunde keepworking.github.io (oder https://keepworking.github.io/nash/) — damit der Bearbeitungsmodus auch dort aktiviert wird. Das bedeutet, dass man persönlich nichts Besonderes tun muss, damit die Demo funktioniert (diese Ausnahme sollte vom Nutzer anpassbar sein, damit andere dasselbe Verhalten auch ohne den Trick aus #1 bekommen können).
• Das ist cool. Wir sind (oder vielleicht nur ich) so daran gewöhnt, den JS-Teil einer Website außerhalb des eigentlichen HTML zu schreiben, dass ich das gesehen und gedacht habe: „Wow, verrückt, dass das wirklich nur mit HTML möglich ist.“ Und dann habe ich in den Quelltext geschaut, alle JS-Skripte in klassischen Script-Tags gesehen und mich wieder daran erinnert, dass das tatsächlich möglich ist.
• Mit „echtem“ Speichern könnte man das unabhängig und wirklich portabel machen https://rpdillon.net/redbean-tiddlywiki-saver.html
• Ich wünschte, Browser würden lokale Web-Apps besser unterstützen. Wenn lokale Dateien leicht auf dauerhaften Speicher zugreifen könnten, würde das viele Möglichkeiten für schnelle und einfache GUI-Apps eröffnen. Im Grunde das Gegenteil von Electron.
• Gut gemacht! Es gab bereits eine Diskussion zu dieser Idee, in der TiddlyWiki erwähnt wurde https://news.ycombinator.com/item?id=43179649
• Die Bezeichnung „Notiz“ ist ein wenig verwirrend. Ich würde das eher eine selbstmodifizierbare, editierbare Single-File-Web-App nennen.
• Vorschlag: Es sollte eine Warnung geben, wenn man die Seite schließen will, nachdem man etwas bearbeitet hat, ohne zu speichern. Erwäge, einen onbeforeunload-Handler hinzuzufügen.
• Ich habe vor Kurzem versucht, mit TiddlyWiki ein lokales Wiki zu schreiben, bin aber kläglich gescheitert und habe am Ende die HTML-Datei direkt selbst geschrieben.
  • Nash scheint mir die Arbeit zu vereinfachen, danke.
• Das hier hinzugefügt für ein einfaches Inhaltsverzeichnis https://codepen.io/cgurski/pen/qBrNrPo