Intellisense Experiments

by ramnathv

HTML

<script src="//bayardrock.github.io/WebIntellisense/src/js/lib/webintellisense-textbox.js"></script>
<link rel="stylesheet" href="//bayardrock.github.io/WebIntellisense/src/css/webintellisense.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/mithril/0.2.3/mithril.min.js"></script>
<script src="//bayardrock.github.io/WebIntellisense/src/js/lib/webintellisense.js"></script>
<div id="app"></div>

CoffeeScript

IntelliSense = 
  view: (ctrl, props) ->
    m 'textarea', config: IntelliSense.config(props)
  config: (props) -> (el, isInit, ctx) -> if (!isInit)
    intellisense = new TextBoxIntellisense(el)
    intellisense.getDecls().setFilterMode('contains')
    intellisense.addDeclarationTrigger
      keyCode: 190
    intellisense.addDeclarationTrigger
      keyCode: 32
      ctrlKey: true
      preventDefault: true
    intellisense.onDeclaration (item) ->
      intellisense.setDeclarations(props.data)
      
mydata = ['x', 'y', 'z'].map (d) -> name: d, value: d + " "
      
App = view: (ctrl, props) ->
  m IntelliSense, data: mydata
  
m.mount(
  document.getElementById("app"),
  m App
)