![](https://www.notion.so/images/page-cover/met_william_morris_1878.jpg)
Gayagaya Log 2
Current Interface
![](Gayagaya%20Log%202%204d8aeccab0f34525bab5083371bed286/Untitled.png)
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:
![](Gayagaya%20Log%202%204d8aeccab0f34525bab5083371bed286/Untitled%201.png)
Aesthetic Update
Feeling very happy with the aesthetic right now:
Quote Tweets
![](Gayagaya%20Log%202%204d8aeccab0f34525bab5083371bed286/Untitled%202.png)
This is kinda neat, you can embed a Textarea inside of h3 tags and style it as you like:
![](Gayagaya%20Log%202%204d8aeccab0f34525bab5083371bed286/Untitled%203.png)
Using the ID and Inspector tags to inspect data in other windows:
![](Gayagaya%20Log%202%204d8aeccab0f34525bab5083371bed286/Untitled%204.png)
Embedding windows inside of windows.
Fixed the weird draftjs issue where the last instance would keep stealing focus:
![](Gayagaya%20Log%202%204d8aeccab0f34525bab5083371bed286/Untitled%205.png)
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
![](Gayagaya%20Log%202%204d8aeccab0f34525bab5083371bed286/Untitled%206.png)
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.
![](Gayagaya%20Log%202%204d8aeccab0f34525bab5083371bed286/Untitled%207.png)
![](Gayagaya%20Log%202%204d8aeccab0f34525bab5083371bed286/Untitled%208.png)
I also added a component to my Textarea component that previews image URLs. I like it.
![](Gayagaya%20Log%202%204d8aeccab0f34525bab5083371bed286/Untitled%209.png)
Playing around w/ different styles:
![](Gayagaya%20Log%202%204d8aeccab0f34525bab5083371bed286/Untitled%2010.png)
Windows as cards?
![](Gayagaya%20Log%202%204d8aeccab0f34525bab5083371bed286/Untitled%2011.png)
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.