A 9KB (3KB gzip) single HTML notebook, perfect for minimalists

https://chunqiuyiyu.github.io/xie/

34•chunqiuyiyu•4mo ago

Comments

yjftsjthsd-h•4mo ago

Well, it does what it says on the tin:)

https://github.com/chunqiuyiyu/xie?tab=readme-ov-file#prereq... says it needs NodeJS; is that just for building? Could you make a release on github that includes it as a single .html file that could be downloaded and used with no deps but a browser?

Alejandro9R•4mo ago

https://github.com/chunqiuyiyu/xie/tree/gh-pages

in the gh-pages branch you have the final index.html. You can also literally download/save the page as well, should be the same.

It does not use any other deps than the final index.html

Now, speaking about the project itself, maybe it would be good if the notes get also saved into localStorage in some way. One browser refresh or reboot and it all goes away if it wasn't saved.

jayknight•4mo ago

You are obviously not a minimalist /s

SLWW•4mo ago

if it auto saved to local storage then it would 100% be a daily use Markdown capable editor

chunqiuyiyu•4mo ago

That's an excellent suggestion — I'll make sure to add this feature.

chunqiuyiyu•4mo ago

Thank you! I’ll make sure to store the newly created notes in local storage.

arecsu•4mo ago

Please, you're welcome! Local storage will definitively make it much better. Preserve the save feature so it is portable from browser to browser/computer or even shared across people!

chunqiuyiyu•4mo ago

You can click the "Save" button to save the entire page to your own notebook. Node.js is used only for development and deployment purposes.

progre•4mo ago

Bug: If you put a space as the title, you can't edit the note later because the post is not clickable.

chunqiuyiyu•4mo ago

Thanks! It is a bug, I will fix it.

yardshop•4mo ago

It was not obvious to me that I needed to click the New button first. I clicked around everywhere else and tried typing and no go. Then after clicking New and getting a text area, it made sense and I said "well of course".

So maybe not too many other people had this problem, but perhaps the top line could say "Click New, then just write." =)

And/or start the page off with a note that describes the basic process:

"click new, write, and click Publish to finish the note, then click Save to save it to index.html on your system"

When I went back to edit a note, Publish didn't work for me.

Trying this in Vivaldi, I didn't try on another browser yet.

chunqiuyiyu•4mo ago

Thank you very much for your trial and suggestions. I will add more detailed usage instructions to the page. After editing, please remember to click the "Publish" button again.

mossTechnician•4mo ago

This is an interesting project. I'm glad to see Markdown is supported. I was surprised that there is no persistent storage of notes, though (at least not on my device).

chunqiuyiyu•4mo ago

Every time you add new content, you should make sure to click the "Save" button to store the page locally.

ottoflux•4mo ago

not a dig, but it reminds me of how much i used to like tiddly wiki.

https://tiddlywiki.com/

chunqiuyiyu•4mo ago

Actually, this was inspired by TiddlyWiki, but I wanted to make it more lightweight—so I built this myself.

nanomonkey•4mo ago

Or you can just put the following in the url bar of your browser (Ctr-s to save):

data:text/html, <html contenteditable>

chunqiuyiyu•4mo ago

That's a helpful tip.

az09mugen•4mo ago

Interesting project ! Tried it on brave mobile Android and it does the job. Just so you know, when I edited the note I wrote in markdown, the note is now in html. But I guess this would mean add a html to markdown converter to the page. I get the minimalist concept, and I sense this could be a daily driver for many.

chunqiuyiyu•4mo ago

Thanks, That's a good suggestion—I’ll consider it. For me, since I might not edit content frequently, I just added a simple Markdown-to-HTML conversion.

tomekf•4mo ago

Is there a way to use it offline on iOS? I’ve saved a file to my Files app but the I’m unable to save… or I’m missing something completely…?

chunqiuyiyu•4mo ago

What browser are you using? Could it be that your browser is blocking the content from being saved? I'm able to save normally using Safari on my iPad.

rcarmo•4mo ago

I did something similar that I use as a home page dashboard: https://github.com/rcarmo/onepage-by-spec

Might add notes to it too, now that I think about it.

chunqiuyiyu•4mo ago

It seems user-friendly, I like it!

Show HN: Empusa – Visual debugger to catch and resume AI agent retry loops

Show HN: Bitcoin wallet on NXP SE050 secure element, Tor-only open source

White House Explores Opening Antitrust Probe on Homebuilders

Show HN: MindDraft – AI task app with smart actions and auto expense tracking

How do you estimate AI app development costs accurately?

Going Through Snowden Documents, Part 5

Show HN: MCP Server for TradeStation

Canada unveils auto industry plan in latest pivot away from US

The essential Reinhold Niebuhr: selected essays and addresses

Rentahuman.ai Turns Humans into On-Demand Labor for AI Agents

StovexGlobal – Compliance Gaps to Note

Show HN: Afelyon – Turns Jira tickets into production-ready PRs (multi-repo)

Trump says America should move on from Epstein – it may not be that easy

Tiny Clippy – A native Office Assistant built in Rust and egui

LegalArgumentException: From Courtrooms to Clojure – Sen [video]

US moves to deport 5-year-old detained in Minnesota

If you lose your passport in Austria, head for McDonald's Golden Arches

Show HN: Mermaid Formatter – CLI and library to auto-format Mermaid diagrams

RFCs vs. READMEs: The Evolution of Protocols

Kanchipuram Saris and Thinking Machines

Chinese chemical supplier causes global baby formula recall

I've used AI to write 100% of my code for a year as an engineer

Looking for 4 Autistic Co-Founders for AI Startup (Equity-Based)

AI-native capabilities, a new API Catalog, and updated plans and pricing

What changed in tech from 2010 to 2020?

From Human Ergonomics to Agent Ergonomics

Advanced Inertial Reference Sphere

Toyota Developing a Console-Grade, Open-Source Game Engine with Flutter and Dart

Typing for Love or Money: The Hidden Labor Behind Modern Literary Masterpieces

Show HN: A longitudinal health record built from fragmented medical data

Show HN: Empusa – Visual debugger to catch and resume AI agent retry loops

Show HN: Bitcoin wallet on NXP SE050 secure element, Tor-only open source

White House Explores Opening Antitrust Probe on Homebuilders

Show HN: MindDraft – AI task app with smart actions and auto expense tracking

How do you estimate AI app development costs accurately?

Going Through Snowden Documents, Part 5

Show HN: MCP Server for TradeStation

Canada unveils auto industry plan in latest pivot away from US

The essential Reinhold Niebuhr: selected essays and addresses

Rentahuman.ai Turns Humans into On-Demand Labor for AI Agents

StovexGlobal – Compliance Gaps to Note

Show HN: Afelyon – Turns Jira tickets into production-ready PRs (multi-repo)

Trump says America should move on from Epstein – it may not be that easy

Tiny Clippy – A native Office Assistant built in Rust and egui

LegalArgumentException: From Courtrooms to Clojure – Sen [video]

US moves to deport 5-year-old detained in Minnesota

If you lose your passport in Austria, head for McDonald's Golden Arches

Show HN: Mermaid Formatter – CLI and library to auto-format Mermaid diagrams

RFCs vs. READMEs: The Evolution of Protocols

Kanchipuram Saris and Thinking Machines

Chinese chemical supplier causes global baby formula recall

I've used AI to write 100% of my code for a year as an engineer

Looking for 4 Autistic Co-Founders for AI Startup (Equity-Based)

AI-native capabilities, a new API Catalog, and updated plans and pricing

What changed in tech from 2010 to 2020?

From Human Ergonomics to Agent Ergonomics

Advanced Inertial Reference Sphere

Toyota Developing a Console-Grade, Open-Source Game Engine with Flutter and Dart

Typing for Love or Money: The Hidden Labor Behind Modern Literary Masterpieces

Show HN: A longitudinal health record built from fragmented medical data

A 9KB (3KB gzip) single HTML notebook, perfect for minimalists

Comments