Launched Dabble, a novel-writing application!


#1

I launched Dabble—my novel-writing application—last week. It requires an account, but I put up a demo version today so I could share with you all (most of whom probably don’t want to create an account, or write a novel).

https://www.dabblewriter.com/demo/

I’m not using ProseMirror to its fullest yet. Each editable bit of text is its own instance even if it looks like it could be one instance. I’ll be working on making heavier use of custom schemas in the future.

Some highlights, I am using my own plugins for:

  • placeholders
  • spaces plugin to allow only 1 space (I think this may have issues on FF)
  • a custom popup menu when you highlight text
  • navigation plugin that will take you to the next/previous PM instance when using the arrow keys
  • customized history that breaks history on periods and arrow-keys

Thanks for all the great help and tools! Especially @marijn of course.


#2

Very nice! I love how clean the interface feels. If you want me to retweet some announcement from @prosemirror let me know.

(I noticed one tiny issue – your tooltips are centered oddly if the selection goes across lines, often floating somewhere on the side of the top selected line. In cases like that, I’ve made sure it centered on the top line part of the selection, which I think looks better.)


#3

A retweet would be great. I suppose the launch tweet would work https://twitter.com/dabblewriter/status/913155636090818562 or you could create your own tweet with the demo link if you’d rather since that would be more interesting for prosemirror followers.

The menu is centering on the containing block node (paragraph) so when you have a couple short lines it does look very funny. I ought to put a bit more work into getting the position of just the text from that first line. Thanks for checking it out!


#4

Looks great @jacwright!


#5

Thanks! I appreciate it.


#6

Look & feel very nice!

The page is consistenly waaaaay slower to load the app on Chrome 61 ([Load] Took 11550 ms to load the app) than Firefox 55 ([Load] Took 2535 ms to load the app) because Firefox serves it cached and somehow Chrome doesn’t. It also misses Cloudfront cache in every request (x-cache:Miss from cloudfront) so something is probably missing there.

Looks like the files are not minified and gzip is not enabled either, that should go a long way to make the download of the JS files faster.


#7

Thanks. I’ll look into it.


#8

I’m impressed!

Quick question, how did you handle only popping up the bubble toolbar when the user mouses up?


#9

I made my editor repo public just now to share with you all.

I track mouse down and mouse up for the menu. See

Other things that may be of interest: I customized undo to break at places I felt were more intuitive. I try to make keyboard navigation work well between PM editors. I have placeholders that use CSS ::before styling to add. I keep spaces to 1 like Medium. And I make the first letter in a chapter large and bold (not in the demo).

Hope this may help others.


#10

Awesome!

Thanks for sharing.