add release and rewrite the app

"
Kilix · Apr 3, 2017 · 3c09664 · 3c09664
1 parent aa1890c
commit 3c09664
Show file tree

Hide file tree

Showing 7 changed files with 1,035 additions and 229 deletions.
diff --git a/.circle.yml b/.circle.yml
diff --git a/exemple/stories/index.js b/exemple/stories/index.js
@@ -1,9 +1,9 @@
 import React, { PropTypes } from 'react';
-import { storiesOf } from '@kadira/storybook';
+import { setAddon, storiesOf } from '@kadira/storybook';
 import { createComponent } from 'react-fela';
 
 import initFelaProvider from './initFela';
-import PropsProvider from '../../lib/index';
+import PropsAddon from '../../lib/index';
 
 const FelaProvider = initFelaProvider();
 
@@ -18,14 +18,15 @@ Test.propsTypes = {
   color: PropTypes.string,
 };
 
+setAddon(PropsAddon);
+
 storiesOf('test', module)
   .addDecorator(FelaProvider)
-  .addDecorator(PropsProvider('Test'))
-  .add('Paris', () => (
-    <Test fontSize={45} fontFamily="Roboto" align="center" color="#CAF200">Hello</Test>
-  ))
-  .add('Orleans', () => <Test color="#236544">Hello</Test>);
+  .addWithProps(
+    'Paris',
+    () => <Test fontSize={45} fontFamily="Roboto" align="center" color="#CAF200">Hello</Test>,
+    Test,
+  )
+  .addWithProps('Orleans', () => <Test color="#236544">Hello</Test>, Test);
 
-storiesOf('test 2', module)
-  .addDecorator(PropsProvider('div'))
-  .add('Paris', () => <div color="#333">test</div>);
+storiesOf('test 2', module).addWithProps('Paris', () => <div color="#333">test</div>);
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "storybook-addon-props-fela",
+  "name": "storybook-addon-props",
   "version": "0.0.6",
-  "description": "Show props of a fela component in storybook",
+  "description": "Show props of a component in storybook",
   "main": "lib/index.js",
   "author": "wcastand",
   "license": "MIT",
@@ -17,8 +17,9 @@
     "test:all": "jest",
     "test:dev": "jest --watch",
     "prebuild": "rimraf lib",
-    "storybook": "start-storybook -p 6006 -c ./exemple/.storybook",
+    "storybook": "start-storybook -p 9009 -c ./exemple/.storybook",
     "preversion": "npm run build",
+    "release": "npm run release",
     "2npm": "publish"
   },
   "devDependencies": {
@@ -27,18 +28,20 @@
     "babel-jest": "^19.0.0",
     "babel-preset-env": "^1.2.2",
     "babel-preset-react": "^6.23.0",
+    "fela": "4.3.2",
     "jest": "^19.0.2",
     "prettier": "^0.22.0",
     "publish": "^0.6.0",
     "react": "^15.4.2",
+    "react-addons-test-utils": "^15.4.2",
     "react-dom": "^15.4.2",
     "react-fela": "^4.3.2",
     "react-test-renderer": "^15.4.2",
     "regenerator-runtime": "^0.10.3",
+    "release": "^1.1.7",
     "rimraf": "^2.6.1"
   },
   "dependencies": {
-    "fela": "4.3.2",
     "lodash": "4.17.4"
   }
-}
+}
diff --git a/src/__snapshots__/index.test.js.snap b/src/__snapshots__/index.test.js.snap
@@ -1,85 +1,112 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`listProps 1`] = `
-<div
-  style={
-    Object {
-      "alignItems": "stretch",
-      "borderBottom": "1px solid rgba(175, 175, 175, .3)",
-      "display": "flex",
-      "flex": 1,
-      "flexDirection": "row",
-      "justifyContent": "flex-start",
-    }
-  }
->
-  <span
+exports[`renderList 1`] = `
+<div>
+  <div
     style={
       Object {
+        "alignItems": "flex-start",
+        "borderBottom": "1px solid rgba(175, 175, 175, .3)",
+        "display": "flex",
         "flex": 1,
-        "padding": "12px 5px",
+        "flexDirection": "row",
+        "justifyContent": "flex-start",
       }
     }
   >
-    children
-  </span>
-  <span
-    style={
-      Object {
-        "flex": 1,
-        "padding": "12px 5px",
+    <span
+      style={
+        Object {
+          "flex": 1,
+          "padding": "12px 5px",
+        }
       }
-    }
-  />
-  <span
-    style={
-      Object {
-        "flex": 1,
-        "padding": "12px 5px",
+    >
+      color
+    </span>
+    <span
+      style={
+        Object {
+          "flex": 1,
+          "padding": "12px 5px",
+        }
       }
-    }
-  />
-</div>
-`;
-
-exports[`listProps 2`] = `
-<div
-  style={
-    Object {
-      "alignItems": "stretch",
-      "borderBottom": "1px solid rgba(175, 175, 175, .3)",
-      "display": "flex",
-      "flex": 1,
-      "flexDirection": "row",
-      "justifyContent": "flex-start",
-    }
-  }
->
-  <span
+    >
+      #000
+    </span>
+    <span
+      style={
+        Object {
+          "flex": 1,
+          "padding": "12px 5px",
+        }
+      }
+    >
+      ✗
+    </span>
+    <span
+      style={
+        Object {
+          "flex": 1,
+          "padding": "12px 5px",
+        }
+      }
+    >
+      #333
+    </span>
+  </div>
+  <div
     style={
       Object {
+        "alignItems": "flex-start",
+        "borderBottom": "1px solid rgba(175, 175, 175, .3)",
+        "display": "flex",
         "flex": 1,
-        "padding": "12px 5px",
+        "flexDirection": "row",
+        "justifyContent": "flex-start",
       }
     }
   >
-    color
-  </span>
-  <span
-    style={
-      Object {
-        "flex": 1,
-        "padding": "12px 5px",
+    <span
+      style={
+        Object {
+          "flex": 1,
+          "padding": "12px 5px",
+        }
       }
-    }
-  />
-  <span
-    style={
-      Object {
-        "flex": 1,
-        "padding": "12px 5px",
+    >
+      children
+    </span>
+    <span
+      style={
+        Object {
+          "flex": 1,
+          "padding": "12px 5px",
+        }
       }
-    }
-  />
+    >
+      Hello
+    </span>
+    <span
+      style={
+        Object {
+          "flex": 1,
+          "padding": "12px 5px",
+        }
+      }
+    >
+      ✗
+    </span>
+    <span
+      style={
+        Object {
+          "flex": 1,
+          "padding": "12px 5px",
+        }
+      }
+    >
+      -
+    </span>
+  </div>
 </div>
 `;