dawsbot / vimrc-builder Goto Github PK

View Code? Open in Web Editor NEW

54.0 3.0 16.0 5.37 MB

ⓥ vimrc file builder

Home Page: https://vimrc-builder.vercel.app

License: MIT License

HTML 18.39% JavaScript 78.87% CSS 0.79% Dockerfile 1.95%

vimrc vim react website create-react-app styled-components nowjs zeit vimrc-builder

vimrc-builder's Introduction

vimrc building made easy via a web app

Why

Building a vimrc file should not be difficult. You're configuring a code editor that was invented in 1991 after all. No-matter your experience level, there are always new ways to alter your vim experience, yet finding the commands to do so can be impossible as tips are scattered across the internet.

Build a snippet or an entire vimrc with vimrc-builder

Having a vimrc is nearly critical if it's your primary text editor. Certain things should have just been built in, but they are not.

Example: syntax on in your vimrc enables syntax hi-lighting

syntax on and many more options are available in the web app.

Contributing

Please do! If you want to add more vim commands, find those here. If you have a feature request, submit an issue.

Color Palette

Inspired by Laura's article on color theory in web apps, this application was themed with the following palette:

Primary: (light pink) #fd746c (right side of background gradient)
Secondary: (juicy green): #BBEB64
Near white pink: #fff5f5 (use instead of white)
Near black pink: #1f0200 (use instead of black)

License

MIT © Dawson Botsford

vimrc-builder's People

Contributors

Stargazers

Watchers

Forkers

nakulpathak3 alexwalling briannewsom officialqp dylanrainwater wlifferth hql287 tech-cow dzineer yinghu1234 nanixu kara10001111 beechainfullstack

vimrc-builder's Issues

Separate deps & devDeps

They're currently intermingled with no rhyme or reason as to why.

on insert and remove, don't move cursor

Currently the app hijacks the user's current cursor location and moves it to the end.

Add optional argument

Allow the users to specify an optional arg instead of the current hardcoded field (example tabstop)

checkbox body onclick listener

So that users do not have to click the checkbox only to open it

Add favicon

Use React production version

According to the React chrome extension, production is shipping with the dev version. Since this project uses create-react-app, I don't know why this is the case.

I'm empty handed, anyone have any ideas?

include download link

Add bundlers

Neobundle perhaps

Add tutorial-like content about what a vimrc file is

Basic introduction like what's in the readme
Tutorial for where to put the vimrc content after copying to clipboard

Save checked choices in cookies

include full command to install that vimrc

Remove command on un-toggle

When un-selecting a command, the right side does not remove it.

Optimally, this fix would involve setting a single source of truth for which commands are selected. In which both the vimrc file content and the copy button read from. This data is currently out of date in the editor view because the selected state is not mapped over to generate the right side on each change.

Should be easily fixable without redux.

General
Presentation
Navigation
Custom mappings
Tabs/Panes
Search
...

I'm thinking of using something such as accordion components, so the users can toggle the commands that they're interested in.

Second click doesn't remove the command

Clicking on a command multiple times will result in multiple commands in the .vimrc file