notion-auto-pull VS Monaco Editor

My perfection had a name: Notion.

I manage my non-work and work-adjacent tasks in Notion. Whenever I have an idea, regardless of how big or small or silly or achievable it is, I'll add it to Notion, and use labels to categorise it by type of output (e.g. blog, silly project, website update). Today I wanted to write a short post for my site. I clicked on the filtered blog post view, and selected this one (because I hoped it would be a quick one!).

Notion.so redefines workspaces. With its intelligent organization and collaboration features, it's more than a productivity tool—it's a digital haven. Discover the art of streamlined and efficient teamwork.

A quote as I could not directly send a discord screenshot and am not sure that people want to make an account at notion.so simply to see the FAQ:

I work on a large SPA: https://notion.so

It’s a document editing application. A document title might occur in the browser’s titlebar, in the header of the main editor, in a “mention” (a link to the document), and in multiple places in the user’s sidebar - like in both their “Favorites” section and in the the contents of their team.

When the user edits the document title, we need to update all those UI bits to render the new title. I have a hard time imagining some imperative code that iterates over all the possible views that may render a title to mutate them.

Notion (Notion.so) is an all-in-one workspace where you can write, plan, collaborate and get organized - it allows you to take notes, add tasks, manage projects & more. Imagine a lego structure. Notion provides the building blocks and you can create your own layouts and toolkit to get work done.

I think Notion (notion.so) is a good tool for managing Captain's Log games (and RPG games in general) but there is a bit of a learning curve. If there is interest, I would consider writing a more detailed tutorial on how to use Notion for Captains Log (as I figure the game out). I'd also recommend Thomas Frank's website and youtube channel for tutorials on how to use Notion.

my personal thoughts: regardless of how many people prefer not to believe it, and the fact that some startups do use non-dotcom (Notion owns notion.com by the way, but still redirects to notion.so - i suspect it's because it's too much of a hassle to do so rather than .so being their preferred TLD), the truth is that the .com still has a certain brand allure to it to mainstream consumers. personally i paid 10k for my startup's .com even though the other TLDs were cheap as hell (which i also bought anyway). i thought it was crazy expensive, but i still felt it was money well spent for the branding.

Fyi, if you are ever looking for a fun project you might be able to implement this. The vscode editor source is available as a library https://microsoft.github.io/monaco-editor/

VScode uses the monaco-editor to display all editor screens in vscode including the markdown editor. A simple solution is to use the in built markdown file editor and call it a day.

visual studio is open source: https://github.com/microsoft/vscode

i remember using their monaco editor as well (https://github.com/microsoft/monaco-editor), a really powerful editor & the very same used by VS Code (i think you can even get at the AST for TypeScript, for example, in the browser if you poke around deep enough)

crazy cool stuff, and most definitely OSS!!!

So lets say the project consists of two packages Lib and App in which Lib is a library and App is the frontend app which depends on Lib. Now I want to display a monaco powered code editor in App which has has access to all types of Lib. This means that I have to somehow read the *.d.ts file of Lib as a string to set it as "extra lib" for monaco.

WebView webView = new WebView(); webView.getEngine().load("https://microsoft.github.io/monaco-editor/");

You’ll see a Monaco Editor-powered change editor. The content incoming from the Git repo is on the left, while the current content in Vrite is on the right. You can make changes in the editor on the right - this will ultimately become the result content. Once you’re done, click Resolve. If there are no other conflicts, you should now be able to pull the latest changes.

From googling about it seems that Azure uses monaco editor to make code in repos be colourised and what not. this appears to be the editor library for vscode, so that makes sense.

By referencing the ProseMirror docs, forwarding the editor state back and forth, and adjusting the layout, I managed to integrate Monaco Editor — the web editor extracted from VS Code — together with Prettier (for code formatting) right into the Vrite Editor (I know, that’s a lot of editors in one place 😅).

mozes koristiti gotovi code editor library, https://codemirror.net/ https://microsoft.github.io/monaco-editor/