Update dispatch methods

Ives van Hoorne · Ives van Hoorne · commit d5925cd53db5 · 2018-03-10T01:11:06.000+01:00
diff --git a/packages/codesandbox-api/package.json b/packages/codesandbox-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "codesandbox-api",
-  "version": "0.0.14",
+  "version": "0.0.17",
   "description": "",
   "keywords": [],
   "main": "dist/codesandbox.umd.js",
diff --git a/packages/codesandbox-api/src/dispatcher/index.ts b/packages/codesandbox-api/src/dispatcher/index.ts
@@ -68,7 +68,9 @@ function notifyFrames(message: Object) {
 function eventListener(e: MessageEvent) {
   const { data } = e;
 
-  notifyListeners(data, e.source);
+  if (data && data.codesandbox) {
+    notifyListeners(data, e.source);
+  }
 }
 
 /**
diff --git a/packages/react-sandpack/package.json b/packages/react-sandpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-smooshpack",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "description": "",
   "keywords": [],
   "license": "SEE LICENSE.MD IN ROOT",
@@ -73,11 +73,12 @@
   "dependencies": {
     "classnames": "^2.2.5",
     "codemirror": "^5.35.0",
+    "codesandbox-api": "^0.0.17",
     "codesandbox-import-utils": "^1.2.3",
     "react-broadcast": "^0.6.2",
     "react-codemirror2": "^4.0.1",
     "rollup-plugin-scss": "^0.4.0",
-    "smooshpack": "^0.0.15"
+    "smooshpack": "^0.0.17"
   },
   "peerDependencies": {
     "react": "^16.0.0"
diff --git a/packages/react-sandpack/src/components/SandpackProvider/SandpackProvider.tsx b/packages/react-sandpack/src/components/SandpackProvider/SandpackProvider.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Broadcast } from 'react-broadcast';
 import { Manager, generatePackageJSON } from 'smooshpack';
-import { listen, dispatch } from 'codesandbox-api';
+import { listen } from 'codesandbox-api';
 
 import {
   IFile,
@@ -204,7 +204,9 @@ export default class SandpackProvider extends React.PureComponent<
         }
       });
 
-      dispatch({ type: 'get-transpiler-context' });
+      if (this.manager) {
+        this.manager.dispatch({ type: 'get-transpiler-context' });
+      }
     });
 
   _getSandpackState = (): ISandpackContext => {
diff --git a/packages/react-sandpack/stories/InTheWild.js b/packages/react-sandpack/stories/InTheWild.js
@@ -5,6 +5,7 @@ import JSXAddon from 'storybook-addon-jsx';
 import { withKnobs } from '@storybook/addon-knobs/react';
 
 import SandpackProvider from '../src/components/SandpackProvider/index.ts';
+import SandpackConsumer from '../src/components/SandpackConsumer/index.ts';
 import FileExplorer from '../src/components/FileExplorer/index.ts';
 import BrowserPreview from '../src/components/BrowserPreview/index.ts';
 import TranspiledCodeView from '../src/components/TranspiledCodeView/index.ts';
@@ -48,6 +49,10 @@ stories.addWithJSX('one file', () => (
           overflow: 'hidden',
         }}
       />
+
+      <SandpackConsumer>
+        {sandpack => console.log(sandpack) || <div />}
+      </SandpackConsumer>
     </div>
   </SandpackProvider>
 ));
diff --git a/packages/sandpack/package.json b/packages/sandpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "smooshpack",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "",
   "keywords": [],
   "main": "dist/sandpack.umd.js",
@@ -74,7 +74,7 @@
     "mapCoverage": true
   },
   "dependencies": {
-    "codesandbox-api": "^0.0.14",
+    "codesandbox-api": "^0.0.17",
     "codesandbox-import-utils": "^1.2.3"
   },
   "devDependencies": {
diff --git a/packages/sandpack/src/manager/index.ts b/packages/sandpack/src/manager/index.ts
@@ -169,6 +169,10 @@ export default class PreviewManager {
     });
   }
 
+  public dispatch(message: Object) {
+    dispatch(message);
+  }
+
   private getFiles() {
     const { sandboxInfo } = this;
 

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "codesandbox-api",`
`3`		`- "version": "0.0.14",`
	`3`	`+ "version": "0.0.17",`
`4`	`4`	`"description": "",`
`5`	`5`	`"keywords": [],`
`6`	`6`	`"main": "dist/codesandbox.umd.js",`
Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,9 @@ function notifyFrames(message: Object) {`
`68`	`68`	`function eventListener(e: MessageEvent) {`
`69`	`69`	`const { data } = e;`
`70`	`70`
`71`		`- notifyListeners(data, e.source);`
	`71`	`+ if (data && data.codesandbox) {`
	`72`	`+ notifyListeners(data, e.source);`
	`73`	`+ }`
`72`	`74`	`}`
`73`	`75`
`74`	`76`	`/**`
Original file line number	Diff line number	Diff line change
`@@ -169,6 +169,10 @@ export default class PreviewManager {`
`169`	`169`	`});`
`170`	`170`	`}`
`171`	`171`
	`172`	`+ public dispatch(message: Object) {`
	`173`	`+ dispatch(message);`
	`174`	`+ }`
	`175`	`+`
`172`	`176`	`private getFiles() {`
`173`	`177`	`const { sandboxInfo } = this;`
`174`	`178`