Live data from Hacker News

Show HN: I made an open-source Notion-style WYSYWIG editor

novel.sh

91–100 of 140 posts

Re: Show HN: I made an open-source Notion-style WYSYWIG editor

#92
post #79

Tangent: On the note of web based text field for "normal users", what's the best UX you can get while also trying to be as no-JS-friendly as possible? Are there CSS-only tricks to make editing in an input field nice? I'm making a low-JS site, but it also has a lot of input fields, user content generation, etc. In "modern CSS" i feel like Input boxes should be better than they are. Is JS the only way?

“Normal users” have JS enabled and don’t care how much JS you send them. They don’t even know what it is. I feel like if you’re targeting a no-JS crowd, that’s a very specific crowd, i.e. this one.

I would like to add: If the GP goes for any JS based solution, they should make sure to serve the JS themselves, and not outsource it to 3 CDNs. For us not liking JS too much people, the next best thing to no JS is little JS server by the website's server itself. Best with most of the website already rendering without JS, so that we see things when hitting the website and may consider it worth allowing its first party JS. Being able to see the website and get what it will use JS for goes a long way building trust.

Re: Show HN: I made an open-source Notion-style WYSYWIG editor

#93

Tangent: On the note of web based text field for "normal users", what's the best UX you can get while also trying to be as no-JS-friendly as possible? Are there CSS-only tricks to make editing in an input field nice? I'm making a low-JS site, but it also has a lot of input fields, user content generation, etc. In "modern CSS" i feel like Input boxes should be better than they are. Is JS the only way?

Rich text editing is probably not possible or not worth it. However, most people who disable JS are probably fine with not using rich text and definitely shouldn’t expect it. Just add a CSS stylesheet which turns into something half-decent, put a note that markdown is supported, and make a plain text editor.

This. I wish websites had this as a fallback mode, when I do not allow their 5 third party script sources. I also wish this was done in products like Jira (basically anything out of Atlassian), which have very bad WYSIWYG kind of editors.

Re: Show HN: I made an open-source Notion-style WYSYWIG editor

#94
post #75
post #49

For a text editor like this a base LLM would be more appropriate, one that does just autocomplete, without being instruction tuned. Unfortunately these base models are either unavailable (GPT-4), outdated (GPT-3/davinci) or otherwise restricted (GPT-3.5 aka code-davinci-002 is only available via Microsoft Azure and more expensive than the instruction tuned GPT-3.5-turbo model).

divinci-003 is outdated? I actually switched back to it after trying gpt4 for a while because I thought it was too assistant-y. I have a switch to use gpt4 when I feel like I need it to be smarter but I rarely reach for it.

There is no model called "davinci-003". I was talking about "davinci", aka GPT-3 175B. You are probably talking about "text-davinci-003", which is an instruction tuned version of the base GPT-3.5 ("code-davinci-002").

https://platform.openai.com/docs/model-index-for-researchers

Re: Show HN: I made an open-source Notion-style WYSYWIG editor

#95
post #73

Earlier quoted context omitted.

I built on the same stack and have a similar opinion. It’s only easy if you’re depending on the webrtc implementation. If you’re coordinating changes across your own server, you gotta put in some work.

I did not rely on the webrtc implementation. Really you gotta do a lot of "echo server"-style shraing of messages and some sync messages from time to time but Yjs/CRDT stuff works pretty smoothly on this front. But my requirements are pretty loose

With Yjs, how do you persist data in a "normal" database? And yeah, it may he easy for text editing (as pretty much all work is already done) but what if you have some other features where you want to get "live syncing"? It starts out easy but can become harder imo.

Re: Show HN: I made an open-source Notion-style WYSYWIG editor

#96
If anyone wants to try this in their own env, I published a docker image on dockerhub. `docker run -p 3000:3000 keeb/novel`.

To generate the image, I simply cloned the provided github URL and used the nextjs Dockerfile[1] and removed all of the cruft. The Dockerfile is available here[2].

1: https://raw.githubusercontent.com/vercel/next.js/canary/exam...

2: https://keeb.dev/static/novel-Dockerfile

Re: Show HN: I made an open-source Notion-style WYSYWIG editor

#98
post #36

At the risk of sabotaging stuff I've worked on, it's _astoundingly easy_ to glue together Y.js, prosemirror, and a little bit of express.js to get a distributed Notion clone with conflict free resolution. Like I have something that I got working in 3 days with multiple pages, so links between things, and cursor syncing (most of this work is provided by wonderful people with full-featured libraries!). There's some tri…

Notion is goat-ed! It's one of the greatest software ever created in our time imho. Y.js sounds amazing – gonna have to look into it! Have been using Liveblocks for real-time data stuff, the DX is a breeze to work with!

What's the reason for such high praise for Notion? Asking honestly as I have used it and genuinely don't get the admiration.

Re: Show HN: I made an open-source Notion-style WYSYWIG editor

#99
post #73

Earlier quoted context omitted.

I did not rely on the webrtc implementation. Really you gotta do a lot of "echo server"-style shraing of messages and some sync messages from time to time but Yjs/CRDT stuff works pretty smoothly on this front. But my requirements are pretty loose

With Yjs, how do you persist data in a "normal" database? And yeah, it may he easy for text editing (as pretty much all work is already done) but what if you have some other features where you want to get "live syncing"? It starts out easy but can become harder imo.

The core idea is that you are syncing a data structure, for example a map, so you can get a lot done with that (yjs’s presence stuff can be helpful for other live features).

In the end I have just been stuffing the data structure directly into postgres “as-is”. I think there are some tricks you can use to shrink some historical data but I think it’s pretty straightforward if you get to a size where the data size matters

Re: Show HN: I made an open-source Notion-style WYSYWIG editor

#100
post #98

Earlier quoted context omitted.

Notion is goat-ed! It's one of the greatest software ever created in our time imho. Y.js sounds amazing – gonna have to look into it! Have been using Liveblocks for real-time data stuff, the DX is a breeze to work with!

What's the reason for such high praise for Notion? Asking honestly as I have used it and genuinely don't get the admiration.

aesthetics are very nice, and the slash menu mechanism + syncing make it nice when working with people. If Google docs looked nice this convo would be different but Google docs doesn’t look nice!
Post reply on HN