Update dispatch methods

Author: Ives van Hoorne

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",

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);
+  }
 }
 
 /**

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"

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 => {

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>
 ));

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": {

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;