Compile rn version too

CHANGELOG.md

@@ -1,4 +1,4 @@
-# Unreleased
+# 0.0.4
 
 - Support theming.
 - Fixed a bug where `withComponent()` was showing the original component name.

package.json

@@ -2,9 +2,9 @@
   "license": "MIT",
   "name": "shakl",
   "description": "A utility to create styled components in React Native.",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "main": "lib/index.js",
-  "react-native": "src/index.js",
+  "react-native": "lib/rn.js",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/sonaye/shakl.git"
@@ -47,7 +47,7 @@
     "benchmark": "jest /benchmark",
     "postbenchmark": "open -a Chrome benchmark/chart/index.html",
     "prebuild": "rm -rf lib",
-    "build": "rollup -c"
+    "build": "rollup -c && rollup -c --environment TARGET:react-native"
   },
   "jest": {
     "collectCoverageFrom": [
@@ -60,7 +60,6 @@
     ]
   },
   "files": [
-    "src",
     "lib"
   ]
 }

rollup.config.js

@@ -1,9 +1,15 @@
 import babel from 'rollup-plugin-babel';
 
+const rn = process.env.TARGET === 'react-native';
+
+const external = ['react', rn && 'react-native'];
+const input = rn ? 'src/index.js' : 'src/styled.js';
+const file = rn ? 'lib/rn.js' : 'lib/index.js';
+
 export default {
-  external: ['react'],
-  input: 'src/styled.js',
-  output: { file: 'lib/index.js', format: 'cjs' },
+  external,
+  input,
+  output: { file, format: 'cjs', exports: 'named' },
   plugins: [
     babel({
       presets: [['es2015', { modules: false }], 'react', 'stage-0'],