natew

/*! __LICENSE__ */
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Horizon=e():t.Horizon=e()}(this,function(){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return t[r].call(o.exports,o,o.exports,e),o.loaded=!0,o.exports}var n={};return e.m=t,e.c=n,e.p="",e(0)}(function(t){for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e))switch(typeof t[e]){case"function":break;case"object":t[e]=function(e){var n=e.slice(1),r=t[e[0]];return function(t,e,o){r.apply(this,[t,e,o].concat(n))}}(t[e]);break;default:t[e]=t[t[e]]}return t}([function(t,e,n){"use strict";n(89),n(88),n(90),n(91),"undefined"!=typeof window&&("undefined"!=typeof window.Rx||(window.Rx=n(10))),t.exports=n(77)},[188,74,51,9],function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")()

natew

import {spring} from 'react-motion'

view Carousel {
  const context = initContext(view, {
    colors: atom()
  })

  const pro = initPro(view, {
    children: atom(),
    width: M.defaultAtom(200),

natew

view Gallery {
  let data

  (async () =>
    data = await fetch.data($`
      User {
        pictures(first: 10) {
          count, pictures
        }
      }

natew

function getSource() {
  if (source.hasOwnProperty('length')) {
    return new Map(source.map((item) => [item, item]))
  } else {
    return new Map(Object.keys(source).map((key) => [key, source[key]]))
  }
}

function getQuery(key) {
  return !multiple && value ? getSource().get(key) : ''

natew

➜  ~  npm install -g flint
npm WARN install:alphanum-sort@1.0.2 ENOENT: no such file or directory, rename '/usr/local/lib/node_modules/flint/node_modules/flint-runner/node_modules/alphanum-sort' -> '/usr/local/lib/node_modules/flint/node_modules/alphanum-sort'
npm WARN install:amdefine@1.0.0 ENOENT: no such file or directory, rename '/usr/local/lib/node_modules/flint/node_modules/flint-runner/node_modules/amdefine' -> '/usr/local/lib/node_modules/flint/node_modules/amdefine'
npm WARN install:ansi-styles@2.1.0 ENOENT: no such file or directory, rename '/usr/local/lib/node_modules/flint/node_modules/flint-runner/node_modules/ansi-styles' -> '/usr/local/lib/node_modules/flint/node_modules/ansi-styles'
npm WARN install:ansi-wrap@0.1.0 ENOENT: no such file or directory, rename '/usr/local/lib/node_modules/flint/node_modules/flint-runner/node_modules/ansi-wrap' -> '/usr/local/lib/node_modules/flint/node_modules/ansi-wrap'
npm WARN install:archy@1.0.0 ENOENT: no such file or directory, rename '/usr/local/lib/node_mo

natew

import {spring} from 'react-motion'

view Carousel {
  const context = initContext(view, {
    colors: atom()
  })

  const pro = initPro(view, {
    children: atom(),
    width: M.defaultAtom(200),

natew

module.exports = {
  loaders:
   [
     { test: /\.css$/, loaders: ['style', 'css'] },
    { test: /\.json$/, loader: "json" }
   ],
  // resolveLoader: {
  //   root: '/Users/nw/flint/packages/runner'
  // },
  resolve: {

natew

import fns from './a'

view One {
  var a = fns.aa()
}


view Two {
 var b = fns.bb()
}

natew

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed.
 *
 * If you are unfamiliar with LESS, you can read more about it here:
 * http://www.lesscss.org
 */

natew

  view SayHi  {
    let size = 10

    <h1>hello</h1>
    <button onClick={() => size += 20}>up</button>

    $h1 = { fontSize: size, color: 'blue' }
  }