Addon-contexts: Remove peer dependencies

addons/contexts/package.json

@@ -32,14 +32,9 @@
     "@storybook/api": "5.3.0-alpha.0",
     "@storybook/components": "5.3.0-alpha.0",
     "@storybook/core-events": "5.3.0-alpha.0",
-    "core-js": "^3.0.1"
-  },
-  "peerDependencies": {
-    "global": "*",
-    "preact": "*",
-    "qs": "*",
-    "react": "*",
-    "vue": "*"
+    "core-js": "^3.0.1",
+    "global": "^4.3.2",
+    "qs": "^6.6.0"
   },
   "devDependencies": {
     "preact": "*",

addons/contexts/src/manager/ContextsManager.tsx

@@ -1,5 +1,6 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import React, { useEffect, useState, useCallback } from 'react';
-import { useChannel } from './libs/useChannel';
+import { useChannel } from '@storybook/api';
 import { ToolBar } from './components/ToolBar';
 import { deserialize, serialize } from '../shared/serializers';
 import { PARAM, REBOOT_MANAGER, UPDATE_MANAGER, UPDATE_PREVIEW } from '../shared/constants';
@@ -21,11 +22,13 @@ export const ContextsManager: ContextsManager = ({ api }) => {
   );
 
   // from preview
-  useChannel(UPDATE_MANAGER, newNodes => setNodes(newNodes || []), []);
+  const emit = useChannel({
+    [UPDATE_MANAGER]: newNodes => setNodes(newNodes || []),
+  });
 
   // to preview
-  useEffect(() => api.emit(REBOOT_MANAGER), []);
-  useEffect(() => api.emit(UPDATE_PREVIEW, state), [state]);
+  useEffect(() => emit(REBOOT_MANAGER), []);
+  useEffect(() => emit(UPDATE_PREVIEW, state), [state]);
   useEffect(() => api.setQueryParams({ [PARAM]: serialize(state) }), [state]);
 
   return <ToolBar nodes={nodes} state={state || {}} setSelected={setSelected} />;

addons/contexts/src/manager/components/ToolBar.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import React, { ComponentProps } from 'react';
 import { Separator } from '@storybook/components';
 import { ToolBarControl } from './ToolBarControl';

addons/contexts/src/manager/components/ToolBarControl.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import React from 'react';
 import { ToolBarMenu } from './ToolBarMenu';
 import { OPT_OUT } from '../../shared/constants';

addons/contexts/src/manager/components/ToolBarMenu.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import React, { ComponentProps } from 'react';
 import { Icons, IconButton, WithTooltipPure, TabButton } from '@storybook/components';
 import { ToolBarMenuOptions } from './ToolBarMenuOptions';

addons/contexts/src/manager/components/ToolBarMenuOptions.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import React from 'react';
 import { TooltipLinkList } from '@storybook/components';
 import { OPT_OUT } from '../../shared/constants';

addons/contexts/src/preview/frameworks/preact.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import Preact from 'preact';
 import { createAddonDecorator, Render } from '../../index';
 import { ContextsPreviewAPI } from '../ContextsPreviewAPI';

addons/contexts/src/preview/frameworks/react.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import React from 'react';
 import { createAddonDecorator, Render } from '../../index';
 import { ContextsPreviewAPI } from '../ContextsPreviewAPI';

addons/contexts/src/preview/frameworks/vue.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import Vue from 'vue';
 import { createAddonDecorator, Render } from '../../index';
 import { ContextsPreviewAPI } from '../ContextsPreviewAPI';

addons/contexts/src/register.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import { createElement } from 'react';
 import addons, { types } from '@storybook/addons';
 import { ContextsManager } from './manager/ContextsManager';