| import styled, { css } from 'styled-components'; | |
| const Button = styled.button` | |
| font-size: 1em; | |
| margin: 1em; | |
| border: 2px solid palevioletred; | |
| border-radius: 3px; | |
| color: palevioletred; | |
| ${props => props.primary && css` |
| import styled, { css } from 'styled-components'; | |
| const Button = styled.button` | |
| font-size: 1em; | |
| margin: 1em; | |
| border: 2px solid palevioletred; | |
| border-radius: 3px; | |
Ideas for https://github.com/fgnass/jssx
Currently JSSX follows a simple rule to decide whether a prop is class name or a regular HTML attribute:
For any given prop, if a JSS class with the same name exits, it is interpreted as className, otherwise as attribute.
| // install node-jsx in a separate module | |
| require('./install-jsx') | |
| // require a jsx file | |
| require('./test') | |
| // keep node running ... | |
| setInterval(function() {}, 100000) |
| var debug = require('debug') | |
| debug.enable('*') | |
| var log = debug('test') | |
| log('Hello world', window) |
I hereby claim:
To claim this, I am signing this object:
| (node) warning: possible EventEmitter memory leak detected. 11 listeners added. Use emitter.setMaxListeners() to increase limit. | |
| Trace | |
| at Stream.EventEmitter.addListener (events.js:179:15) | |
| at Stream.pipe (stream.js:99:8) | |
| at module.exports .../node_modules/tap/node_modules/difflet/node_modules/charm/index.js:38:15) | |
| at difflet .../node_modules/tap/node_modules/difflet/index.js:41:17) | |
| at Function.fn.compare .../node_modules/tap/node_modules/difflet/index.js:20:9) | |
| at diffObject .../node_modules/tap/lib/tap-assert.js:398:50) | |
| at assert .../node_modules/tap/lib/tap-assert.js:55:18) | |
| at Function.equivalent .../node_modules/tap/lib/tap-assert.js:182:12) |
| /** | |
| * JSXTransformer v0.11.0-rc1 | |
| */ | |
| !function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var f;"undefined"!=typeof window?f=window:"undefined"!=typeof global?f=global:"undefined"!=typeof self&&(f=self),f.JSXTransformer=e()}}(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(_dereq_,module,exports){ | |
| /*! | |
| * The buffer module from node.js, for the browser. | |
| * | |
| * @author Feross Aboukhadijeh <[email protected]> <http://feross.org> | |
| * @license MIT | |
| */ |
This is JavaScript code style used at NETEYE. It's derived from the npm coding style which has been designed to reduce visual clutter and make bugs more apparent.
Two-spaces. Tabs are better, but they look like hell in web browsers. And node uses 2 spaces, so that's that.
| <?xml version="1.0" encoding="UTF-8"?> | |
| <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> | |
| <plist version="1.0"> | |
| <dict> | |
| <key>Label</key> | |
| <string>ipalias</string> | |
| <key>ProgramArguments</key> | |
| <array> | |
| <string>ifconfig</string> | |
| <string>lo0</string> |