kristianmandrup

// alternative way

ChildRouteLocator.prototype.convertInstructionToConfigurationUrl = (instruction) => {

};

kristianmandrup

export default Styles {
    constructor(props, state) {
        this.props = props;
        this.state = state;
        this.createGeneric()
    }

    generic() {
        return [];

kristianmandrup

Aurelia

Recipe

• Install NVM
• Install IO.js
• Install global Node.js utility modules (gulp, jspm, yo)
• Install RethinkDB
• Install Koa.js
• Install Aurelia generator
• Create Aurelia app via generator

kristianmandrup

<link rel="import" href="../ace-element/ace-element.html">
<link rel="import" href="../core-drawer-panel/core-drawer-panel.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">

<polymer-element name="my-element">

  <template>
    <style>    

kristianmandrup

Trying to get from sth like:

  '<cmp:sideBySideEditor />'
  // '<div><cmp:MdEditor state="sideBySideEditor"/></div>'

And have the macro output:

  "sideBySideEditor.render(state.sideBySideEditor)"
  // "h('div', MdEditor.render(state.sideBySideEditor))",

kristianmandrup

  "jspm": {
    "directories": {
      "jspmPackages": "vendor"
    },
    "configFile": "config/jspm.js",
    "dependencies": {
      "handlebars": "handlebars.js@1.3.0",
      "jquery": "^1.11.0",
      "qunit": "github:jquery/qunit@^1.12.0",
      "ember-qunit": "github:rwjblue/ember-qunit@0.1.5",

kristianmandrup

Converting libraries to Ember CLI addons

In this guide we will cover two main cases:

• Ember specific library
• vendor library

Ember library

The Ember library will assume that Ember has already ben loaded (higher in the loading order) and thus will assume it has access to the Ember API.

kristianmandrup

# models/post.js

import model from 'model-dsl'

Post = model
  title: attr('string')
  count: attr('integer')
  
# controllers/post.js
  

kristianmandrup

Usage

$ bower install appjs --save

Reference app.js and app.css from your application, f.ex from index.html

<script type="text/javascript" src="/bower_components/appjs/kik-app.js"></script>
<script type="text/javascript" src="/bower_components/appjs/dist/app.css"></script>

kristianmandrup

// From http://goratchet.com/components/


<script type="text/x-handlebars" id="components/ra-title">
  <h1 class="title">{{yield}}</h1>
</script>

<script type="text/x-handlebars" id="components/ra-btn">
  <button class="btn pull-{{pos}}">
    {{yield}}