Merge pull request #7 from storybookjs/rerun-tool

"Rerun story" tool

addons/interactions/src/Tool.tsx

@@ -1,22 +1,13 @@
-import React, { useCallback } from 'react';
-import { useGlobals } from '@storybook/api';
+import React from 'react';
+import { useChannel } from '@storybook/api';
 import { Icons, IconButton } from '@storybook/components';
-import { TOOL_ID } from './constants';
+import { EVENTS, TOOL_ID } from './constants';
 
 export const Tool = () => {
-  const [{ myAddon }, updateGlobals] = useGlobals();
-
-  const toggleMyTool = useCallback(
-    () =>
-      updateGlobals({
-        myAddon: myAddon ? undefined : true,
-      }),
-    [myAddon]
-  );
-
+  const emit = useChannel({});
   return (
-    <IconButton key={TOOL_ID} title="Play" onClick={toggleMyTool}>
-      <Icons icon="play" />
+    <IconButton key={TOOL_ID} title="Rerun story" onClick={() => emit(EVENTS.RELOAD)}>
+      <Icons icon="sync" />
     </IconButton>
   );
 };

addons/interactions/src/preset/manager.ts

@@ -4,17 +4,14 @@ import { ADDON_ID, TOOL_ID, PANEL_ID } from "../constants";
 import { Tool } from "../Tool";
 import { Panel } from "../Panel";
 
-// Register the addon
 addons.register(ADDON_ID, () => {
-  // Register the tool
   addons.add(TOOL_ID, {
     type: types.TOOL,
     title: "Interactions",
     match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(story|docs)$/)),
     render: Tool,
   });
 
-  // Register the panel
   addons.add(PANEL_ID, {
     type: types.PANEL,
     title: "Interactions",