refactor: define Renderer API

Author: streamich

packages/freestyler-demos/all-in-one/html/toStylesheet.html

@@ -25,7 +25,7 @@ class Input extends Component<any, any> {
 @Classy
 class Close extends Component<any, any> {
     static style = {
-        color: 'red',
+        color: props => props.theme.color,
         d: 'inline-block',
         bd: '1px solid red',
         pad: '0 3px',

packages/freestyler-demos/all-in-one/html/virtual.html

@@ -5,9 +5,7 @@ module.exports = {
     entry: {
         index: "./index",
         styled: "./styled",
-        virtual: './virtual',
         balls: './balls',
-        toStylesheet: './toStylesheet',
         button: './button',
         todo: './todo',
     },

packages/freestyler-demos/all-in-one/toStylesheet.ts

@@ -33,5 +33,8 @@
   "dependencies": {
     "fast-extend": "0.0.2",
     "freestyler-util": "^1.2.1"
+  },
+  "devDependencies": {
+    "rewire": "^2.5.2"
   }
 }