atharvakadlag/excalisave

excalisave

Excalisave

Save your Excalidraw drawings

✨ Features

• 💾 Save your drawing
• 🖼️ Preview your drawings
• 🔎 Search your drawings
• ❤️ Favorites
• 📂 Organize your drawings in collections
• 📤 Import/Export
• and more...

📥 Install

88 & later ✔	To be published

⚒️ Development

Ensure you have

• Node.js 20 or later installed (Suggested: Install via fnm or nvm)
• Yarn v1 or v2 installed (npm i -g yarn)

Then run the following:

• yarn install --frozen-lockfile to install dependencies.
• yarn run dev:chrome to start the development server for chrome extension
• yarn run dev:firefox to start the development server for firefox addon
• yarn run dev:opera to start the development server for opera extension
• yarn run build:chrome to build chrome extension
• yarn run build:firefox to build firefox addon
• yarn run build:opera to build opera extension
• yarn run build builds and packs extensions all at once to extension/ directory

Install extension for development

• yarn install --frozen-lockfile to install dependencies.

• To watch file changes in development

  • Chrome
    • yarn run dev:chrome
  • Firefox
    • yarn run dev:firefox
  • Opera
    • yarn run dev:opera

• Load extension in browser

• Chrome

  • Go to the browser address bar and type chrome://extensions
  • Check the Developer Mode button to enable it.
  • Click on the Load Unpacked Extension… button.
  • Select your browsers folder in extension/.

• Firefox

  • Load the Add-on via about:debugging as temporary Add-on.
  • Choose the manifest.json file in the extracted directory
  • ⚠️ Ensure that you grant the necessary permissions for the extension to function correctly

• Opera

  • Load the extension via opera:extensions
  • Check the Developer Mode and load as unpacked from extension’s extracted directory.

excalisave's Issues

Maybe mentioning storage implementation in README?

Hi, I found the extension helpful and I wonder if it works on local only or stores drawing on cloud.

after checking the codebase I found the storage is implemented as localstorage though :)

Other saving options

Do you accept PR adding other saving options? Such as Google Drive, GitHub, etc.?

Managing rooms

Excalidraw.com allows you to create a live collaboration room. Once you click on that button, your URL change to https://excalidraw.com/#room=somekey

In such state if you try to switch drawings it does not work

Solution:
If the URL starts with /#room

• if the room was just created, then link the room URL with the drawing and when opening the drawing open the room as well
• if user tries to select a different drawing:
  show a popup to the user to prompt if he wants to exit out of the room to open another drawing

Add folders to organize drawings

Images are cleaned after one day

According to this logic, the unused images(images not in the currect canvas), are cleaned after 1 day old.
https://github.com/excalidraw/excalidraw/blob/b1037b342dfe52ef73b559b8a835804aab8b7b79/excalidraw-app/data/LocalData.ts#L27C1-L44

We could implement our own image store to load images in case don't exist.

Support for Firefox

Hi @atharvakadlag! Is this repository associated with the Excalisave chrome extension? If so, would it be possible to cross link the github repository in the extension overview and vice versa in the repository's README?

In addition, it would be awesome if we could also support Firefox.

open empty excalidraw

add create new empty draw. this makes us speed

External remote storage sync

Another awesome feature would be to sync from/to an external storage
The 2 that are coming to mind to cover a lot of use cases:

• S3 compatible interface AWS, Google Cloud, Cloudflare, Mega and self hosted Minio support this Interface
• Github http API

Possible issues
Conflict if another browser updated the remote file.

Show creation date in the UI

random name for new drafts

we can give random name empty excali drafts. we can rename if we want to. that makes us speed

where does excalisave store its json files

Hi,

excalisave manages my drawings well. But as I want to use version management with my drawings, I would have either to transfer the drawings into a respective local project folder or even init e.g. GIT in excalisave's native drawings folder.

Is there a default location (e.g. on Windows OS) where excalisave stores its drawings in JSON format?

Thanks.

export/import feature

would be nice export data in case changing browser or pc. export can be locally or g-drive