johan-gorter

import * as util from 'util';
import * as child_process from 'child_process';

const exec = util.promisify(child_process.exec);

let runDirectory = '';

for (var directory of [
  'typescript-assistant', 
  'maquette', 'maquette-query', 'maquette-advanced-projector',

johan-gorter

Simple projects

• Time bomb
• Morse code
• Siren for police car

Remote controllable maqueen robot

• Remote control
• maqueen

Find hidden micro:bits

johan-gorter

Morse code

johan-gorter

let render = () => {
  return <div>
    { nameInput.render() }
    <p class="output">
      Hello {name || 'you'}!
    </p>
  </div>;
}

johan-gorter

h('div', [h('span', ['Text'])])  // Valid
h('div', h('span', 'Text'))      // No longer valid in maquette3

johan-gorter

h('input', {
  type: 'text', value: yourName, 
  oninput: (evt) => { yourName = evt.target.value; }
})

johan-gorter

Keybase proof

I hereby claim:

• I am johan-gorter on github.
• I am johangorter (https://keybase.io/johangorter) on keybase.
• I have a public key ASCppUXEgzotCs3Etr62U5DbHgxKmW3s9GGnHT6SF4M8mAo

To claim this, I am signing this object:

johan-gorter

When you make a contribution to this project, you agree:

• The code you wrote is your original work (you own the copyright) or you otherwise have the right to submit the work.
• To grant the Maquette project a nonexclusive, irrevocable license to use your submitted code in any way.
• You are capable of granting these rights for the contribution.

johan-gorter

import {createTextInput} from './components/text-input'

import * as maquette from 'maquette';
const h = maquette.h;

let name = ''; // Piece of data

let nameInput = createTextInput({
  placeholder: 'What is your name?',
  getValue: () => name, 

johan-gorter

<link rel="import" href="../paper-calculator/paper-calculator.html">

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

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;