update jss and jss-nested

Author: kof

dist/repl.js

@@ -1,7 +1,7 @@
 {
   "name": "repl",
   "description": "JSS Repl",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "author": {
     "name": "Oleg Slobodskoi",
     "email": "[email protected]"
@@ -34,16 +34,17 @@
     "es5-shim": "4.3.1",
     "eslint": "^2.8.0",
     "eslint-config-airbnb": "^8.0.0",
-    "eslint-plugin-import": "^1.12.0",
     "eslint-config-jss": "^1.0.0",
+    "eslint-plugin-import": "^1.12.0",
     "eslint-plugin-jsx-a11y": "^1.5.5",
     "eslint-plugin-react": "^5.0.1",
+    "json-loader": "^0.5.4",
     "webpack": "^1.12.2"
   },
   "dependencies": {
     "brace": "^0.7.0",
-    "jss": "^5.3.0",
-    "jss-preset-default": "^0.1.0"
+    "jss": "^5.5.1",
+    "jss-preset-default": "^0.3.0"
   },
   "scripts": {
     "all": "npm run lint && npm run build",

dist/repl.js.map

@@ -2,17 +2,17 @@ import ace from 'brace'
 import 'brace/mode/javascript'
 import 'brace/mode/css'
 import 'brace/theme/tomorrow'
-import jss from './jss'
+import jss, {versions} from './jss'
 import layout from './layout'
-import style from './style'
+import {styles} from './theme'
 import example from './example'
 
 function render() {
-  const sheet = jss.createStyleSheet(style).attach()
+  const sheet = jss.createStyleSheet(styles).attach()
   const div = document.createElement('div')
   div.innerHTML = layout({
     classes: sheet.classes,
-    version: jss.version
+    versions
   })
   document.body.appendChild(div)
 

package.json

@@ -1,3 +1,10 @@
-import {create} from 'jss'
+import jss, {create} from 'jss'
 import preset from 'jss-preset-default'
+import {version as presetVersion} from 'jss-preset-default/package.json'
+
+export const versions = {
+  jss: jss.version,
+  preset: presetVersion
+}
+
 export default create(preset())

src/index.js

@@ -1,11 +1,11 @@
-export default ({classes, version}) => `
+export default ({classes, versions}) => `
   <div class="${classes.repl}">
     <header class="${classes.header}">
       <a href="https://github.com/jsstyles/jss"></a>
       <section>
         <h2>JSS Playground</h2>
         <p>JSS is on the left, CSS on the right. JSS code is a function body.</p>
-        <p>jss@${version}</p>
+        <p>jss@${versions.jss} & jss-preset-default@${versions.preset}</p>
       </section>
     </header>
     <div class="${classes.sections}">

src/jss.js

@@ -1,7 +1,7 @@
 const logoSize = 70
 const margin = 10
 
-export default {
+export const styles = {
   repl: {
     fontFamily: 'Verdana',
     fontSize: '14px',
@@ -25,12 +25,12 @@ export default {
       margin,
       marginLeft: 0,
       flex: 1,
-      '& h2': {
-        display: 'inline'
-      },
-      '& p': {
-        margin: 0
-      }
+    },
+    '& h2': {
+      display: 'inline'
+    },
+    '& p': {
+      margin: 0
     }
   },
   sections: {

src/layout.js

@@ -16,6 +16,10 @@ module.exports = {
         loader: 'babel-loader',
         test: /\.js$/,
         exclude: /node_modules/
+      },
+      {
+        test: /\.json$/,
+        loader: 'json-loader'
       }
     ]
   },