TylorS

<link rel="import" href="../components/polymer/polymer.html">

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

  <template>
    
  </template>

  <script>

TylorS

<link rel="import" href="../components/polymer/polymer.html">

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

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

TylorS

<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">

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

  <template>
    <style>    
      :host {
        position: absolute;

TylorS

//...imports...

// Declare routes and their associated action
// route:action
const routeDeclaration = {
  '/users': {
    '/' : 123,
    ':userId': 456
    ':userId/profile': 789
  }

TylorS

const supportsHistory = () => {
  const ua = navigator.userAgent;

    // We only want Android 2 and 4.0, stock browser, and not Chrome which identifies
    // itself as 'Mobile Safari' as well, nor Windows Phone (issue #1471).
    if ((ua.indexOf('Android 2.') !== -1 ||
        (ua.indexOf('Android 4.0') !== -1)) &&
        ua.indexOf('Mobile Safari') !== -1 &&
        ua.indexOf('Chrome') === -1 &&
        ua.indexOf('Windows Phone') === -1) {

TylorS

const {run} = require(`@cycle/core`)
const {makeDOMDriver} = require(`@cycle/dom`)
const {makeHistoryDriver} = require(`cycle-history`)
const {Main} = require(`./app/dialogue/Main`)

function clientSideApp(responses) {
  let requests = Main(responses)
  requests.History = requests.History.skip(1)
  requests.DOM = requests.DOM.skip(1)
  return requests

TylorS

/** @jsx hJSX */
import { run, Rx } from '@cycle/core'
import { makeDOMDriver, hJSX } from '@cycle/dom'

function intent(DOM) {
  const click$ = Rx.Observable.fromEvent(document, 'click')

  return click$
}

TylorS

var babel = require('babel-core')

module.exports = function (wallaby) {
  return {
    // set `load: false` to all of the browserified source files and tests,
    // as they should not be loaded in browser,
    // their browserified versions will be loaded instead
    files: [
      {pattern: 'src/**/*.js', load: true}
    ],

TylorS

Goals of the project

• Programming, Motherfucker!
• Clean fucking code, Motherfucker!
• Virtual DOM shit, Motherfucker!
• Faster than light, Motherfucker!

TylorS

{
  "presets": ["es2015"],
  "plugins": [
    ["module-provider", {
        "@cycle/dom": ["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base",
        "bdi", "bdo", "blockquote", "body", "br", "button", "canvas", "caption",
        "cite", "code", "col", "colgroup", "dd", "del", "dfn", "dir", "div", "dl",
        "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form",
        "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html",
        "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend",