fix: Run Cosmos through Babel in examples (#648)

* Run Cosmos through Babel in examples * Update Browserify example
react-cosmos · Apr 14, 2018 · b2e11ed · b2e11ed
1 parent aa5d052
commit b2e11ed
Show file tree

Hide file tree

Showing 16 changed files with 27 additions and 15 deletions.
diff --git a/examples/apollo/package.json b/examples/apollo/package.json
@@ -6,7 +6,7 @@
   "license": "MIT",
   "scripts": {
     "start:server": "babel-node server.js",
-    "start": "cosmos"
+    "start": "babel-node node_modules/.bin/cosmos"
   },
   "dependencies": {
     "apollo-server-express": "^1.3.2",

diff --git a/examples/axios/package.json b/examples/axios/package.json
@@ -5,7 +5,7 @@
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/master/examples/axios",
   "license": "MIT",
   "scripts": {
-    "start": "cosmos"
+    "start": "babel-node node_modules/.bin/cosmos"
   },
   "dependencies": {
     "axios": "^0.16.2",

diff --git a/examples/browserify/README.md b/examples/browserify/README.md
@@ -0,0 +1,10 @@
+> **Note:** The Browserify example only works against the compiled monorepo packages. Follow these steps to make it work
+>
+> ```bash
+> # In monorepo root
+> yarn build
+> yarn link-entries dist
+>
+> cd examples/browserify
+> yarn start
+> ```
diff --git a/examples/browserify/server.js b/examples/browserify/server.js
@@ -7,6 +7,7 @@ const onConnect = ev => {
 const onUpdate = buffer => {
   console.log('bundle - %d bytes', buffer.length);
 };
+
 const browserify = {
   transform: ['babelify', 'require-globify'],
   extensions: ['.js', '.json', '.jsx']
@@ -24,5 +25,6 @@ budo(path.join(__dirname, 'loader'), {
   live: true,
   host: 'localhost',
   port: 8990,
-  browserify
+  browserify,
+  cors: true
 }).on('update', onUpdate);
diff --git a/examples/context/package.json b/examples/context/package.json
@@ -5,7 +5,7 @@
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/master/examples/context",
   "license": "MIT",
   "scripts": {
-    "start": "cosmos"
+    "start": "babel-node node_modules/.bin/cosmos"
   },
   "dependencies": {
     "prop-types": "^15.5.10",

diff --git a/examples/fetch/package.json b/examples/fetch/package.json
@@ -5,7 +5,7 @@
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/master/examples/fetch",
   "license": "MIT",
   "scripts": {
-    "start": "cosmos"
+    "start": "babel-node node_modules/.bin/cosmos"
   },
   "dependencies": {
     "react-cosmos": "^4.0.0-beta.16",

diff --git a/examples/local-state-old-fixtures/package.json b/examples/local-state-old-fixtures/package.json
@@ -5,7 +5,7 @@
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/master/examples/local-state",
   "license": "MIT",
   "scripts": {
-    "start": "cosmos"
+    "start": "babel-node node_modules/.bin/cosmos"
   },
   "dependencies": {
     "react-cosmos": "^4.0.0-beta.16"

diff --git a/examples/local-state/package.json b/examples/local-state/package.json
@@ -5,7 +5,7 @@
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/master/examples/local-state",
   "license": "MIT",
   "scripts": {
-    "start": "cosmos",
+    "start": "babel-node node_modules/.bin/cosmos",
     "test": "node ../../node_modules/jest-cli/bin/jest.js --watch --config ../../jest.config.json"
   },
   "dependencies": {

diff --git a/examples/localstorage/package.json b/examples/localstorage/package.json
@@ -5,7 +5,7 @@
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/master/examples/localstorage",
   "license": "MIT",
   "scripts": {
-    "start": "cosmos"
+    "start": "babel-node node_modules/.bin/cosmos"
   },
   "dependencies": {
     "react-cosmos": "^4.0.0-beta.16",

diff --git a/examples/mixed-paths/package.json b/examples/mixed-paths/package.json
@@ -5,7 +5,7 @@
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/master/examples/mixed-paths",
   "license": "MIT",
   "scripts": {
-    "start": "cosmos"
+    "start": "babel-node node_modules/.bin/cosmos"
   },
   "dependencies": {
     "react-cosmos": "^4.0.0-beta.16"

diff --git a/examples/normalize-props-proxy/package.json b/examples/normalize-props-proxy/package.json
@@ -5,7 +5,7 @@
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/master/examples/normalize-props-proxy",
   "license": "MIT",
   "scripts": {
-    "start": "cosmos"
+    "start": "babel-node node_modules/.bin/cosmos"
   },
   "dependencies": {
     "react-cosmos": "^4.0.0-beta.16",

diff --git a/examples/react-router/package.json b/examples/react-router/package.json
@@ -5,7 +5,7 @@
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/master/examples/react-router",
   "license": "MIT",
   "scripts": {
-    "start": "cosmos"
+    "start": "babel-node node_modules/.bin/cosmos"
   },
   "dependencies": {
     "react-cosmos": "^4.0.0-beta.16",

diff --git a/examples/redux/package.json b/examples/redux/package.json
@@ -5,7 +5,7 @@
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/master/examples/redux",
   "license": "MIT",
   "scripts": {
-    "start": "cosmos"
+    "start": "babel-node node_modules/.bin/cosmos"
   },
   "dependencies": {
     "react-cosmos": "^4.0.0-beta.16",

diff --git a/examples/source-map/package.json b/examples/source-map/package.json
@@ -5,7 +5,7 @@
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/master/examples/source-map",
   "license": "MIT",
   "scripts": {
-    "start": "cosmos"
+    "start": "babel-node node_modules/.bin/cosmos"
   },
   "dependencies": {
     "react-cosmos": "^4.0.0-beta.16"

diff --git a/examples/webpack-commons-chunk/package.json b/examples/webpack-commons-chunk/package.json
@@ -5,7 +5,7 @@
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/master/examples/webpack-commons-chunk",
   "license": "MIT",
   "scripts": {
-    "start": "cosmos"
+    "start": "babel-node node_modules/.bin/cosmos"
   },
   "dependencies": {
     "moment": "^2.18.1",

diff --git a/examples/webpack-dll/package.json b/examples/webpack-dll/package.json
@@ -6,7 +6,7 @@
   "license": "MIT",
   "scripts": {
     "build-dll": "../../node_modules/.bin/webpack --config webpack.vendor.config.js",
-    "start": "yarn run build-dll && cosmos"
+    "start": "yarn run build-dll && babel-node node_modules/.bin/cosmos"
   },
   "dependencies": {
     "moment": "^2.18.1",