Current Interface

Progress so far:

Keeping track of progress.

Basic data model working for a single window:

Slightly nicer design, nicer components using draft.js and Redux's json inspector. Wrapper component to label components:

Slightly nicer design:

Aesthetic Update

Feeling very happy with the aesthetic right now:

Quote Tweets

This is kinda neat, you can embed a Textarea inside of h3 tags and style it as you like:

Using the ID and Inspector tags to inspect data in other windows:

Embedding windows inside of windows.

Fixed the weird draftjs issue where the last instance would keep stealing focus:

Next:

• use createFromBlockArray() , getEntityMap(), and getBlocksAsArray() for persistence. Strategy: on each change, get the entity map and block array. Send them to storage, where they'll be persisted.

Got Figma embeds working

Got absolutely basic persistence working.

It's so hacky.

Outstanding unknowns

• How will adding new threads work?

• How will mentions + titles work?
  • I think, to do mentions, we need to save block and entity maps?
  • As a first pass on titles, maybe the title component can just write the uuid → title pair to the kv store?

• How will videos work?
  • To add videos, base64 won't cut it.
  • Could I store the media elsewhere and quickly embed it?
  • To do videos right, I would need drag and drop too.
  • A very, very hacky solution would be to

Viewing multiple pages at once + Formula component

I continue to be delighted by how natural it feels to extend this system. As you can see in the screenshot, I added a Formula component that exposes a larger text editor. Other windows can be pointed to it, allowing for a very crude form of symbols.

I also added a component to my Textarea component that previews image URLs. I like it.

Playing around w/ different styles:

Windows as cards?

In any case, all of these options will be realizeable w/ late-binding!

I like the idea that for some threads, I want to emphasize the separatedness of elemens.