sachin21 / next-editor

Standalone Git Editor on Browser

Next Editor

Standalone Git Editor on Browser

See next-editor.app

My Goal

I want to move all my frontend works on chromebook. React, Storybook, Jest, Markdown and so on. I am going to implement react visualize tools on this.

And I aim for non-programmer's git introduction.

How to develop

• yarn watch: strat dev server(localhost:8080)
• yarn storybook: start storybook(localhost:6006)
• yarn test: run jest and typescript checking
• yarn deploy: deploy to netlify

In development, you need to wait local service-worker upgrading.

TODO: Current

Load to 0.1.0

• Reload after clone
• Restore last commited state
• redux-persist
• FileBrowser: Inline Renamer
• Alert dangerous operation
• Pluggable Editor by webcomponents
• Jest integration
• TypeScript on monaco
• Research isomorphic-git
• Support .gitignore for UI
• Lazy git status loading
• CircleCI
• Renovate

TODO: Git and filesystem

• Git: Stash
• Git: Rebase
• Git: Rebase with conflict manager

Some features depend on isomorphic-git.

TODO: React Enhancement

• React Component Preview
• Integrate https://mizchi-sandbox.github.io/grid-generator/

TODO: Just Idea

• Simple Terminal by xterm.js / browserfs / busybox?
• P2P Realtime editing by y.js
• P2P Sync to other local git
• WebTorrent integration
• Dropbox backend via browserfs
• Check CI Progress from Editor
• Firebase backend

---

DONE

TODO: Goal to alpha version

Concept implementation

• Create directory
• Create file
• Edit file
• Git add / commit
• Preview markdown
• Preview Babel
• Git: status Preview
• Switch branch
• Remove directory by right click menu
• Remove deleted files on git
• Create new project
• Multi project switcher
• Git: clone from github
• Remove project
• Git: push to github
• Project Config: github token
• Show async loading on git action
• FileBrowser: Inline File / Dir Creator
• Editor: Update git status of editing file only
• Define app name
• Commit with config name/email
• Preview Tab Switcher / GitManager - MarkdownPreview
• Toggle preview layout 1 <-> 2 panes
• Editor: Update git status on git add
• Git: merge / fast forward only
• Git: push to github better UI
• Git: fetch
• PWA's manifest.json for chrome playstore / Windows store
• Show push / fetch / merge result with modal
• Markup: first design

LICENSE

MIT