Files
notification-elements-demo/node_modules/memfs/demo/git-opfs
Giuliano Silvestro 5d0c9ec7eb Initial commit: notification-elements-demo app
Interactive Angular 19 demo for @sda/notification-elements-ui with
6 sections: Bell & Feed, Notification Center, Inbox, Comments &
Threads, Mention Input, and Full-Featured layout. Includes mock
data, dark mode toggle, and real-time event log.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-13 21:49:19 +10:00
..

This demo showcase how to run Git in browser built-int OPFS file system. OPFS stands for (Origin Private File System) it is a virtual file system available in browser and it requires no permission to access.

In this demo we use memfs to create a Node fs-like file system in browser out of OPFS. We then use isomorphic-git to run Git commands on that file system.

In the demo itself we initiate a Git repo, then we create a README.md file, we stage it, and finally we commit it.

https://github.com/streamich/memfs/assets/9773803/bbc83f3f-98ad-48cc-9259-b6f543aa1a03

Run:

yarn demo:git-opfs

You can install OPFS Explorer Chrome extension to verify the contents of the OPFS file system.