Setup for package

.babelrc

@@ -0,0 +1,7 @@
+{
+  presets: [
+    'env',
+    'stage-0',
+    'react'
+  ]
+}

.gitignore

@@ -0,0 +1 @@
+dist

lib/entry.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render } from 'react-dom'
 import PropTypes from 'prop-types'
-import SlideDeck from './SlideDeck'
+import SlideDeck from '../src'
 
 // todo: dynamic import
 import slides, {

loader.js

@@ -0,0 +1 @@
+module.exports = require('./lib/loader')

package.json

@@ -1,13 +1,14 @@
 {
   "name": "mdx-deck",
   "version": "1.0.0-0",
-  "description": "",
-  "main": "index.js",
+  "description": "MDX-based slide deck presentations",
+  "main": "dist/index.js",
   "bin": {
     "mdx-deck": "./cli.js"
   },
   "scripts": {
-    "start": "./cli.js docs/index.mdx"
+    "prepare": "babel src -d dist",
+    "start": "./cli.js docs/index.mdx -p 8989"
   },
   "keywords": [],
   "author": "Brent Jackson",
@@ -33,5 +34,8 @@
     "styled-components": "^3.3.3",
     "styled-system": "^3.0.2",
     "superbox": "^2.1.0"
+  },
+  "devDependencies": {
+    "babel-cli": "^6.26.0"
   }
 }

src/index.js

@@ -7,6 +7,8 @@ import debounce from 'lodash.debounce'
 
 import defaultTheme from './theme'
 import defaultComponents from './components'
+export { default as theme } from './theme'
+export { default as components } from './components'
 
 export const inc = state => ({ index: (state.index + 1) % state.length })
 export const dec = state => state.index > 0