-
-## Installation
-
-```sh
-yarn add -D @storybook/addon-ondevice-backgrounds
-```
-
-## Configuration
-
-Create a file called `rn-addons.js` in your storybook config.
-
-Add following content to it:
-
-```js
-import '@storybook/addon-ondevice-backgrounds/register';
-```
-
-Then import `rn-addons.js` next to your `getStorybookUI` call.
-
-```js
-import './rn-addons';
-```
-
-## Usage
-
-react-native users will have to import `storiesOf` from `@storybook/react-native` and are required to add the `withBackgrounds` decorator.
-
-Then write your stories like this:
-
-```js
-import React from 'react';
-import { storiesOf } from '@storybook/react-native';
-import { withBackgrounds } from '@storybook/addon-ondevice-backgrounds';
-
-addDecorator(withBackgrounds);
-
-storiesOf('Button', module)
- .addParameters({
- backgrounds: [
- { name: 'dark', value: '#222222' },
- { name: 'light', value: '#eeeeee', default: true },
- ],
- })
- .add('with text', () =>
-
-);
-
-export { PreviewHelp as default };
diff --git a/app/react-native-server/src/client/manager/index.js b/app/react-native-server/src/client/manager/index.js
deleted file mode 100644
index 75acecbeb656..000000000000
--- a/app/react-native-server/src/client/manager/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/* global storybookOptions */
-import { location, document } from 'global';
-import renderStorybookUI from '@storybook/ui';
-import Provider from './provider';
-
-const rootEl = document.getElementById('root');
-renderStorybookUI(rootEl, new Provider({ url: location.host, options: storybookOptions }));
diff --git a/app/react-native-server/src/client/manager/provider.js b/app/react-native-server/src/client/manager/provider.js
deleted file mode 100644
index 4d54264b5de3..000000000000
--- a/app/react-native-server/src/client/manager/provider.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import React from 'react';
-import { Consumer } from '@storybook/api';
-import { Provider } from '@storybook/ui';
-import createChannel from '@storybook/channel-websocket';
-import addons from '@storybook/addons';
-import Events from '@storybook/core-events';
-import uuid from 'uuid';
-import PreviewHelp from './components/PreviewHelp';
-
-const mapper = ({ state, api }) => ({
- api,
- storiesHash: state.storiesHash,
- storyId: state.storyId,
- viewMode: state.viewMode,
-});
-
-export default class ReactProvider extends Provider {
- constructor({ url: domain, options }) {
- super();
-
- const { secured, host, port } = options;
- const websocketType = secured ? 'wss' : 'ws';
- let url = `${websocketType}://${domain}`;
-
- if (options.manualId) {
- this.pairedId = uuid();
- url += `/pairedId=${this.pairedId}`;
- }
-
- const channel = this.channel || createChannel({ url });
-
- addons.setChannel(channel);
- channel.emit(Events.CHANNEL_CREATED, {
- host,
- pairedId: this.pairedId,
- port,
- secured,
- });
-
- this.addons = addons;
- this.channel = channel;
- this.options = options;
- }
-
- getElements(type) {
- return addons.getElements(type);
- }
-
- getConfig() {
- return this.addons.getConfig();
- }
-
- renderPreview() {
- return (
- Welcome to storybook
-This is a UI component dev environment for your app.
-- We've added some basic stories inside the {storybook/stories}{' '} - directory. A story is a single state of one or more UI components. You can have as many - stories as you want. Basically a story is like a visual test case. -
-- To see your Storybook stories on the device, you should start your mobile app for the - <platform> of your choice (typically ios or android). - (Note that due to an implementation detail, your stories will only show up in the left-pane - after your device has connected to this storybook server.) -
-- For create-react-native-app apps: -
-
-
- npm run <platform>-
- For react-native init apps: -
-
-
- react-native run-<platform>-
- (
-