SideNote

Hi guys!

I think this will be my final update to this project (XD, where have we heard that before lol)
The whole point of this project wasnt to build a complete note taking expereince, but to create an augmentation to obsidian for quick and instant capture of ideas instead of having to open up obsidian.
Obsidian is already a great note taking software. This project intented to bridge the gap of being quicly acsessible.

As my final feature, i have created a mini in browser split pane markdown renderer. Not only can you capture ideas instantly, you can also keep a track of them. The in browser viewer allows users to read the file, edit it and save it while displaying the final rendered version on the right side.
Also each file can be deleted right from the browser gui itself.

On another note, I have also updated the general ui of the project and made it a bit more smoother

Hey guys!

I have more features to showcase so ill go in order:

1. we now have a light mode for the project!! you can toggle the light/dark mode from the settings
2. you can grab the timestamp from a youtube video you are watching, very fast using one single button. this both grabs the timestamp and adds an embedding link to that video at that time.
3. brackets now auto close. this includes (), {}, and []
4. in the past bullet points were easily auto populated in a list. now checkboxes are also auto populated in a list
5. by clicking only one single button, you can pull and embedd all the current open tabs into the sidenote for later reference.
6. if you want, using another button, you can pull the current active single tab aswell.
7. if you are watching a large youtube lecture, and you wish to go over the recent notes that you have created, we have added a section called Past Notes, where on each button click 10 more previous notes get populated. This is basically pagination for quick reference of past notes.
8. another huge feature is tab compression. this takes the feature of just pulling and embedding all the open tabs in this window and compresses them to one single url. this url can be saved anywhere, and when the user enters this url back into the browser, all the tabs that were compressed, get populated. by saving the tabs as a text file, we ensure that the urls persst cache-flushes, cookies flushes etc of the browser.

Hey, this will be my final devlog for this project cuz it seems pretty complete.

Here are the major updates:
added a better ui design and layout. but still have kept it minimal in nature

you can select text on a webpage and the context menu will show you the option to add the selection to the note

added another button which takes a screenshot of the screen view and after saving it, embedds it in the sidebar note

added the ability to easily add bullet points on a new line if a list is in progress.
similarly easily indent and unindent rows using tab and shift tab is also a new feature.

hello!!!

i think my project is about to be completed so this will probably be finishing up soon.

ive got a lot of new features to talk about so ill go over them one by one.

so ive added the option to add a default title in the settings. this makes it easier to creat the files as the title comes prepopulated if you wish. also the title is now strictly ensured to be safe before the file is allowed to be created. untill now if we detected invalid charachters, they were just removed, but now the user is alerted first.

ive added a toggle in the sidebar to allow the prefix to be added to the file or not. by default the prefix will be added, but unchecking the box will not add the prefix for that note.

in the settings ive added another toggle which determines if the sidebar will collapse after saving the note. this will come handy when im taking notes from a youtube lecture or a video and i dont want the sidebar to keep going away again and again.

notes that are not created or are left incomplete are saved as a draft and are repopulated when the sidebar is opened again. this saves data in the case of accidental closes etc

in the settings page, metadata keys can no longer be empty. they must be nonblank.

finally links can be easily dragged and dropped from the browser into the notepad and they are embedded in a rich format with the title and url

big progress!

so ive now been able to actually write file names and file content directly from the ui, which is great!!

also ive added a couple of new features. so, right now all files can be populated with some metadata.
this metadata can be something fixed or if the user wants they can use the key words “url”, “title” or a datetime string inside double curly brackets in order to populate the respective stuff in the metadata or title.

Also ive added another feature, where a fixed text is added to the start of each note just after the metadata.

Hey, welcome to my new project!

A friend recently told me that I don’t devlod quite often leading to dev-dumps more than dev-logs, so Im gonna try to devlog more often in this project.

So as you have seen in the project description, this is a project where im trying to create a markdown notepad in my browser sidebar.

So right now Ive created the basic scaffolding and layout for the project.

The “choose folder” button allows users to select the folder where all the files are being stored. This is kinda important cuz according to browser rules, you cant actually write direct files to anywhere on your pc (BIG SECURITY ISSUES). So the user needs to give a “sandboxed” access to the extension to create files in only on sub folder.

The settings button triggers the settings page that you can see on the left.

Finally, we have the create and cancel buttons.

Right now Im creating a dummy file with dummy text just to check if the functionality and pipeline works well.

so yeah. lets gooo!