Add Handlebars and Mustache templates. (Ember.)
This commit is contained in:
parent
24b08086bc
commit
678c8426ad
5 changed files with 409 additions and 0 deletions
130
vim/vim.symlink/bundle/vim-mustache-handlebars/README.md
Normal file
130
vim/vim.symlink/bundle/vim-mustache-handlebars/README.md
Normal file
|
|
@ -0,0 +1,130 @@
|
||||||
|
mustache and handlebars mode for vim
|
||||||
|
====================================
|
||||||
|
|
||||||
|
A vim plugin for working with [mustache][mustache] and
|
||||||
|
[handlebars][handlebars] templates. It has:
|
||||||
|
|
||||||
|
- syntax highlighting
|
||||||
|
- matchit support
|
||||||
|
- mustache abbreviations (optional)
|
||||||
|
- section movement mappings `[[` and `]]`
|
||||||
|
- text objects `ie` (inside element) and `ae` (around element)
|
||||||
|
|
||||||
|
**Note**: for compatibility reason #7, we've renamed the repo name from
|
||||||
|
`vim-mode` to `vim-mustache-handlebars`.
|
||||||
|
|
||||||
|
### Install for pathogen
|
||||||
|
|
||||||
|
cd ~/.vim/
|
||||||
|
git clone git://github.com/mustache/vim-mustache-handlebars.git bundle/mustache
|
||||||
|
vim bundle/mustache/example.mustache
|
||||||
|
|
||||||
|
Get [pathogen][pathogen].
|
||||||
|
|
||||||
|
### Install for vundle
|
||||||
|
|
||||||
|
Add `Plugin 'mustache/vim-mustache-handlebars'` to your `.vimrc` and do a
|
||||||
|
`:PluginInstall`.
|
||||||
|
|
||||||
|
### Manually Install
|
||||||
|
|
||||||
|
cd ~/.local/src
|
||||||
|
git clone git://github.com/mustache/vim-mustache-handlebars.git mustache.vim
|
||||||
|
cp -R mustache.vim/syntax/* ~/.vim/syntax/
|
||||||
|
cp -R mustache.vim/ftdetect/* ~/.vim/ftdetect/
|
||||||
|
cp -R mustache.vim/ftplugin/* ~/.vim/ftplugin/
|
||||||
|
vim mustache.vim/example.mustache
|
||||||
|
|
||||||
|
### Mustache Abbreviations
|
||||||
|
|
||||||
|
You can activate mustache abbreviations by putting this line in your `.vimrc`:
|
||||||
|
`let g:mustache_abbreviations = 1`
|
||||||
|
|
||||||
|
Now you get a set of convenient abbreviations. Underscore `_` indicates where
|
||||||
|
your cursor ends up after typing an abbreviation:
|
||||||
|
- `{{` => `{{_}}`
|
||||||
|
- `{{{` => `{{{_}}}`
|
||||||
|
- `{{!` => `{{!_}}`
|
||||||
|
- `{{>` => `{{>_}}`
|
||||||
|
- `{{<` => `{{<_}}`
|
||||||
|
- `{{#` produces
|
||||||
|
|
||||||
|
```
|
||||||
|
{{# _}}
|
||||||
|
{{/}}
|
||||||
|
```
|
||||||
|
- `{{if` produces
|
||||||
|
|
||||||
|
```
|
||||||
|
{{#if _}}
|
||||||
|
{{/if}}
|
||||||
|
```
|
||||||
|
- `{{ife` produces
|
||||||
|
|
||||||
|
```
|
||||||
|
{{#if _}}
|
||||||
|
{{else}}
|
||||||
|
{{/if}}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Section movement mappings
|
||||||
|
|
||||||
|
Following the vim convention of jumping from section to section, `[[` and `]]`
|
||||||
|
mappings are implemented for easier movement between mustache tags.
|
||||||
|
|
||||||
|
- `]]` jumps to the first following tag
|
||||||
|
- `[[` jumps to the first previous tag
|
||||||
|
|
||||||
|
Count with section movements is supported:
|
||||||
|
|
||||||
|
- `2]]` jumps to the second next tag
|
||||||
|
|
||||||
|
### Text objects
|
||||||
|
|
||||||
|
Vim has a very powerful concept of "text objects". If you aren't using text objects,
|
||||||
|
you can get familiar with it on [this vim help
|
||||||
|
link](http://vimdoc.sourceforge.net/htmldoc/motion.html#text-objects). Learning
|
||||||
|
text objects really speeds up the vim workflow.
|
||||||
|
|
||||||
|
In that spirit, this plugin defines 2 text objects:
|
||||||
|
- `ie` a mnemonic for `inside element`, selects all the text inside the
|
||||||
|
mustache tag.
|
||||||
|
For example, when used with `vie` it will visually select the
|
||||||
|
bold text in the following snippets: {{**some_variable**}},
|
||||||
|
{{{**different_variable**}}}.
|
||||||
|
- `ae` a mnemonic for `around element`, selects the whole mustache tag,
|
||||||
|
including the curly braces.
|
||||||
|
Example, `vae` visually selects the bold text in the following
|
||||||
|
snippets: **{{some_variable}}** or **{{{another_variable}}}**.
|
||||||
|
|
||||||
|
Here are other usage examples:
|
||||||
|
- `dae` - deletes the whole mustache tag, including the curly braces
|
||||||
|
- `die` - deletes **inside** the mustache tag, leaving only curly braces
|
||||||
|
- `yae` - "yanks" the whole mustache tag - with curly braces
|
||||||
|
- `cie` - deletes **inside** the mustache tag and goes in insert mode
|
||||||
|
|
||||||
|
`ie` and `ae` text objects are enabled by default. To disable them, put the
|
||||||
|
following in your `.vimrc`:
|
||||||
|
|
||||||
|
let g:mustache_operators = 0
|
||||||
|
|
||||||
|
## Maintainers
|
||||||
|
|
||||||
|
* [Bruno Michel](http://github.com/nono)
|
||||||
|
* [Bruno Sutic](http://github.com/bruno-)
|
||||||
|
* [Juvenn Woo](http://github.com/juvenn)
|
||||||
|
|
||||||
|
This is combined work from
|
||||||
|
[juvenn/mustache.vim](http://github.com/juvenn/mustache.vim) and
|
||||||
|
[nono/vim-handlebars](http://github.com/nono/vim-handlebars).
|
||||||
|
|
||||||
|
----
|
||||||
|
|
||||||
|
Thanks [@5long](http://github.com/5long) for adding matchit support.
|
||||||
|
|
||||||
|
You're encouraged to propose ideas or have discussions via github
|
||||||
|
issues.
|
||||||
|
|
||||||
|
[mustache]: http://mustache.github.io
|
||||||
|
[handlebars]: http://handlebarsjs.com
|
||||||
|
[pathogen]: https://github.com/tpope/vim-pathogen
|
||||||
|
|
@ -0,0 +1,66 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>
|
||||||
|
{{title}}
|
||||||
|
</title>
|
||||||
|
{{!}}
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="main">
|
||||||
|
<h1>Mustache Showdown</h1>
|
||||||
|
|
||||||
|
Basic mustache {{hello}}
|
||||||
|
{{ hello}}, {{hello }} and {{ hello }} are OK
|
||||||
|
|
||||||
|
<de>{{d d d}}
|
||||||
|
|
||||||
|
{{Everything will be hilighted here}}
|
||||||
|
|
||||||
|
Mustaches hilighted in
|
||||||
|
<span class="color:{{awesome_color}};font-size:1.2em">attribute value</span>
|
||||||
|
|
||||||
|
{{#repo}}
|
||||||
|
This is an mustache [enumerable] section
|
||||||
|
<li>{{ name }}</li>
|
||||||
|
{{/repo}}
|
||||||
|
|
||||||
|
Inverted sections are supported too
|
||||||
|
{{^repo}}
|
||||||
|
No repos :(
|
||||||
|
{{/repo}}
|
||||||
|
|
||||||
|
You can {{{yield}}} here
|
||||||
|
|
||||||
|
{{! <> this is a comment TODO:}}
|
||||||
|
|
||||||
|
Another {{!-- comment --}}, this one is a block comment.
|
||||||
|
|
||||||
|
{{!-- TODO: some remark
|
||||||
|
<div>
|
||||||
|
Multililine {{comments}} with
|
||||||
|
{{variables}}
|
||||||
|
</div> --}}
|
||||||
|
|
||||||
|
This is a partial {{> partial1 }}
|
||||||
|
Yet another partial {{< partial2 }}, for ctemplate
|
||||||
|
|
||||||
|
{{=<% %>=}}Sorry, cusomized delimiter not handled yet<%={{}}=%>
|
||||||
|
|
||||||
|
{{#if some_helper}}
|
||||||
|
And here is an example of handlebars if...
|
||||||
|
{{else}}
|
||||||
|
... with optional else added. Try matchit `%` command over if/else/if.
|
||||||
|
{{/if}}
|
||||||
|
|
||||||
|
Thanks goes to {{@defunkt}}
|
||||||
|
Feedback/blames go to {{@juvenn}}
|
||||||
|
{{Frustrations}} go to /dev/null
|
||||||
|
|
||||||
|
Multililine {{comments}} with
|
||||||
|
{{variables}}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
if has("autocmd")
|
||||||
|
au BufNewFile,BufRead *.mustache,*.hogan,*.hulk,*.hjs set filetype=html.mustache syntax=mustache | runtime! ftplugin/mustache.vim ftplugin/mustache*.vim ftplugin/mustache/*.vim
|
||||||
|
au BufNewFile,BufRead *.handlebars,*.hbs set filetype=html.handlebars syntax=mustache | runtime! ftplugin/mustache.vim ftplugin/mustache*.vim ftplugin/mustache/*.vim
|
||||||
|
endif
|
||||||
|
|
@ -0,0 +1,120 @@
|
||||||
|
if exists('g:loaded_mustache_handlebars') && g:loaded_mustache_handlebars
|
||||||
|
finish
|
||||||
|
endif
|
||||||
|
let g:loaded_mustache_handlebars = 1
|
||||||
|
|
||||||
|
let s:cpo_save = &cpo
|
||||||
|
set cpo&vim
|
||||||
|
|
||||||
|
" Matchit support for Mustache & Handlebars
|
||||||
|
" extending HTML matchit groups
|
||||||
|
if exists("loaded_matchit") && exists("b:match_words")
|
||||||
|
let b:match_words = b:match_words
|
||||||
|
\ . ',{:},[:],(:),'
|
||||||
|
\ . '\%({{\)\@<=#\s*\%(if\|unless\)\s*.\{-}}}'
|
||||||
|
\ . ':'
|
||||||
|
\ . '\%({{\)\@<=\s*else\s*}}'
|
||||||
|
\ . ':'
|
||||||
|
\ . '\%({{\)\@<=/\s*\%(if\|unless\)\s*}},'
|
||||||
|
\ . '\%({{\)\@<=[#^]\s*\([-0-9a-zA-Z_?!/.]\+\).\{-}}}'
|
||||||
|
\ . ':'
|
||||||
|
\ . '\%({{\)\@<=/\s*\1\s*}}'
|
||||||
|
endif
|
||||||
|
|
||||||
|
if exists("g:mustache_abbreviations")
|
||||||
|
inoremap <buffer> {{{ {{{}}}<left><left><left>
|
||||||
|
inoremap <buffer> {{ {{}}<left><left>
|
||||||
|
inoremap <buffer> {{! {{!}}<left><left>
|
||||||
|
inoremap <buffer> {{< {{<}}<left><left>
|
||||||
|
inoremap <buffer> {{> {{>}}<left><left>
|
||||||
|
inoremap <buffer> {{# {{#}}<cr>{{/}}<up><left><left>
|
||||||
|
inoremap <buffer> {{if {{#if }}<cr>{{/if}}<up><left>
|
||||||
|
inoremap <buffer> {{ife {{#if }}<cr>{{else}}<cr>{{/if}}<up><up><left>
|
||||||
|
endif
|
||||||
|
|
||||||
|
|
||||||
|
" Section movement
|
||||||
|
" Adapted from vim-ruby - many thanks to the maintainers of that plugin
|
||||||
|
|
||||||
|
function! s:sectionmovement(pattern,flags,mode,count)
|
||||||
|
norm! m'
|
||||||
|
if a:mode ==# 'v'
|
||||||
|
norm! gv
|
||||||
|
endif
|
||||||
|
let i = 0
|
||||||
|
while i < a:count
|
||||||
|
let i = i + 1
|
||||||
|
" saving current position
|
||||||
|
let line = line('.')
|
||||||
|
let col = col('.')
|
||||||
|
let pos = search(a:pattern,'W'.a:flags)
|
||||||
|
" if there's no more matches, return to last position
|
||||||
|
if pos == 0
|
||||||
|
call cursor(line,col)
|
||||||
|
return
|
||||||
|
endif
|
||||||
|
endwhile
|
||||||
|
endfunction
|
||||||
|
|
||||||
|
nnoremap <silent> <buffer> [[ :<C-U>call <SID>sectionmovement('{{','b','n',v:count1)<CR>
|
||||||
|
nnoremap <silent> <buffer> ]] :<C-U>call <SID>sectionmovement('{{','' ,'n',v:count1)<CR>
|
||||||
|
xnoremap <silent> <buffer> [[ :<C-U>call <SID>sectionmovement('{{','b','v',v:count1)<CR>
|
||||||
|
xnoremap <silent> <buffer> ]] :<C-U>call <SID>sectionmovement('{{','' ,'v',v:count1)<CR>
|
||||||
|
|
||||||
|
|
||||||
|
" Operator pending mappings
|
||||||
|
|
||||||
|
" Operators are available by default. Set `let g:mustache_operators = 0` in
|
||||||
|
" your .vimrc to disable them.
|
||||||
|
if ! exists("g:mustache_operators")
|
||||||
|
let g:mustache_operators = 1
|
||||||
|
endif
|
||||||
|
|
||||||
|
if exists("g:mustache_operators") && g:mustache_operators
|
||||||
|
onoremap <silent> <buffer> ie :<C-U>call <SID>wrap_inside()<CR>
|
||||||
|
onoremap <silent> <buffer> ae :<C-U>call <SID>wrap_around()<CR>
|
||||||
|
xnoremap <silent> <buffer> ie :<C-U>call <SID>wrap_inside()<CR>
|
||||||
|
xnoremap <silent> <buffer> ae :<C-U>call <SID>wrap_around()<CR>
|
||||||
|
endif
|
||||||
|
|
||||||
|
function! s:wrap_around()
|
||||||
|
" If the cursor is at the end of the tag element, move back
|
||||||
|
" so that the end tag can be detected.
|
||||||
|
while getline('.')[col('.')-1] ==# '}'
|
||||||
|
execute 'norm h'
|
||||||
|
endwhile
|
||||||
|
|
||||||
|
" Moves to the end of the closing tag
|
||||||
|
let pos = search('}}','We')
|
||||||
|
if pos != 0
|
||||||
|
if getline('.')[col('.')] ==# '}'
|
||||||
|
" Ending tag contains 3 closing brackets '}}}',
|
||||||
|
" move to the last bracket.
|
||||||
|
execute 'norm l'
|
||||||
|
endif
|
||||||
|
|
||||||
|
" select the whole tag
|
||||||
|
execute 'norm v%'
|
||||||
|
endif
|
||||||
|
endfunction
|
||||||
|
|
||||||
|
function! s:wrap_inside()
|
||||||
|
" If the cursor is at the end of the tag element, move back
|
||||||
|
" so that the end tag can be detected.
|
||||||
|
while getline('.')[col('.')-1] ==# '}'
|
||||||
|
execute 'norm h'
|
||||||
|
endwhile
|
||||||
|
|
||||||
|
" Moves to the end of the closing tag
|
||||||
|
let pos = search('}}','W')
|
||||||
|
if pos != 0
|
||||||
|
" select only inside the tag
|
||||||
|
execute 'norm v%loho'
|
||||||
|
endif
|
||||||
|
endfunction
|
||||||
|
|
||||||
|
|
||||||
|
let &cpo = s:cpo_save
|
||||||
|
unlet s:cpo_save
|
||||||
|
|
||||||
|
" vim: nofoldenable
|
||||||
|
|
@ -0,0 +1,89 @@
|
||||||
|
" Mustache & Handlebars syntax
|
||||||
|
" Language: Mustache, Handlebars
|
||||||
|
" Maintainer: Juvenn Woo <machese@gmail.com>
|
||||||
|
" Screenshot: http://imgur.com/6F408
|
||||||
|
" Version: 2
|
||||||
|
" Last Change: Oct 26th 2013
|
||||||
|
" Remark:
|
||||||
|
" It lexically hilights embedded mustaches (exclusively) in html file.
|
||||||
|
" While it was written for Ruby-based Mustache template system, it should
|
||||||
|
" work for Google's C-based *ctemplate* as well as Erlang-based *et*. All
|
||||||
|
" of them are, AFAIK, based on the idea of ctemplate.
|
||||||
|
" References:
|
||||||
|
" [Mustache](http://github.com/defunkt/mustache)
|
||||||
|
" [Handlebars](https://github.com/wycats/handlebars.js)
|
||||||
|
" [ctemplate](http://code.google.com/p/google-ctemplate/)
|
||||||
|
" [ctemplate doc](http://google-ctemplate.googlecode.com/svn/trunk/doc/howto.html)
|
||||||
|
" [et](http://www.ivan.fomichev.name/2008/05/erlang-template-engine-prototype.html)
|
||||||
|
" TODO: Feedback is welcomed.
|
||||||
|
|
||||||
|
|
||||||
|
" Read the HTML syntax to start with
|
||||||
|
if version < 600
|
||||||
|
so <sfile>:p:h/html.vim
|
||||||
|
else
|
||||||
|
runtime! syntax/html.vim
|
||||||
|
unlet b:current_syntax
|
||||||
|
endif
|
||||||
|
|
||||||
|
if version < 600
|
||||||
|
syntax clear
|
||||||
|
elseif exists("b:current_syntax")
|
||||||
|
finish
|
||||||
|
endif
|
||||||
|
|
||||||
|
" Standard HiLink will not work with included syntax files
|
||||||
|
if version < 508
|
||||||
|
command! -nargs=+ HtmlHiLink hi link <args>
|
||||||
|
else
|
||||||
|
command! -nargs=+ HtmlHiLink hi def link <args>
|
||||||
|
endif
|
||||||
|
|
||||||
|
syntax match mustacheError '}}}\?'
|
||||||
|
syntax match mustacheInsideError '{{[{$#<>=!\/]\?'
|
||||||
|
syntax region mustacheInside start=/{{/ end=/}}}\?/ keepend containedin=TOP,@htmlMustacheContainer
|
||||||
|
syntax match mustacheOperators '=\|\.\|/' contained containedin=mustacheInside,@htmlMustacheContainer
|
||||||
|
syntax region mustacheSection start='{{[$#^/]'lc=2 end=/}}/me=e-2 contained containedin=mustacheInside,@htmlMustacheContainer
|
||||||
|
syntax region mustachePartial start=/{{[<>]/lc=2 end=/}}/me=e-2 contained containedin=mustacheInside,@htmlMustacheContainer
|
||||||
|
syntax region mustacheMarkerSet start=/{{=/lc=2 end=/=}}/me=e-2 contained containedin=mustacheInside,@htmlMustacheContainer
|
||||||
|
syntax match mustacheHandlebars '{{\|}}' contained containedin=mustacheInside,@htmlMustacheContainer
|
||||||
|
syntax match mustacheUnescape '{{{\|}}}' contained containedin=mustacheInside,@htmlMustacheContainer
|
||||||
|
syntax match mustacheConditionals '\([/#]\(if\|unless\)\|else\)' contained containedin=mustacheInside
|
||||||
|
syntax match mustacheHelpers '[/#]\(with\|each\)' contained containedin=mustacheSection
|
||||||
|
syntax region mustacheComment start=/{{!/rs=s+2 skip=/{{.\{-}}}/ end=/}}/re=e-2 contains=Todo contained containedin=mustacheInside,@htmlMustacheContainer
|
||||||
|
syntax region mustacheBlockComment start=/{{!--/rs=s+2 skip=/{{.\{-}}}/ end=/--}}/re=e-2 contains=Todo contained extend containedin=mustacheInside,@htmlMustacheContainer
|
||||||
|
syntax region mustacheQString start=/'/ skip=/\\'/ end=/'/ contained containedin=mustacheInside
|
||||||
|
syntax region mustacheDQString start=/"/ skip=/\\"/ end=/"/ contained containedin=mustacheInside
|
||||||
|
|
||||||
|
" Clustering
|
||||||
|
syntax cluster htmlMustacheContainer add=htmlHead,htmlTitle,htmlString,htmlH1,htmlH2,htmlH3,htmlH4,htmlH5,htmlH6,htmlLink,htmlBold,htmlUnderline,htmlItalic,htmlValue
|
||||||
|
|
||||||
|
|
||||||
|
" Hilighting
|
||||||
|
" mustacheInside hilighted as Number, which is rarely used in html
|
||||||
|
" you might like change it to Function or Identifier
|
||||||
|
HtmlHiLink mustacheVariable Number
|
||||||
|
HtmlHiLink mustacheVariableUnescape Number
|
||||||
|
HtmlHiLink mustachePartial Number
|
||||||
|
HtmlHiLink mustacheSection Number
|
||||||
|
HtmlHiLink mustacheMarkerSet Number
|
||||||
|
|
||||||
|
HtmlHiLink mustacheComment Comment
|
||||||
|
HtmlHiLink mustacheBlockComment Comment
|
||||||
|
HtmlHiLink mustacheError Error
|
||||||
|
HtmlHiLink mustacheInsideError Error
|
||||||
|
|
||||||
|
HtmlHiLink mustacheHandlebars Special
|
||||||
|
HtmlHiLink mustacheUnescape Identifier
|
||||||
|
HtmlHiLink mustacheOperators Operator
|
||||||
|
HtmlHiLink mustacheConditionals Conditional
|
||||||
|
HtmlHiLink mustacheHelpers Repeat
|
||||||
|
HtmlHiLink mustacheQString String
|
||||||
|
HtmlHiLink mustacheDQString String
|
||||||
|
|
||||||
|
syn region mustacheScriptTemplate start=+<script [^>]*type *=[^>]*text/\(mustache\|x-handlebars-template\)[^>]*>+
|
||||||
|
\ end=+</script>+me=s-1 keepend
|
||||||
|
\ contains=mustacheInside,@htmlMustacheContainer,htmlTag,htmlEndTag,htmlTagName,htmlSpecialChar
|
||||||
|
|
||||||
|
let b:current_syntax = "mustache"
|
||||||
|
delcommand HtmlHiLink
|
||||||
Loading…
Add table
Reference in a new issue