{"_id":"@blackdice/storybook-react-native","_rev":"1-cab225de0bfdbb7f78c1f8b944968515","name":"@blackdice/storybook-react-native","description":"A better way to develop React Native Components for your app","dist-tags":{"latest":"3.2.16-fix"},"versions":{"3.2.16-fix":{"name":"@blackdice/storybook-react-native","version":"3.2.16-fix","description":"A better way to develop React Native Components for your app","keywords":["react","react-native","storybook"],"homepage":"https://github.com/storybooks/storybook/tree/master/app/react-native","bugs":{"url":"https://github.com/storybooks/storybook/issues"},"license":"MIT","main":"dist/index.js","bin":{"storybook":"dist/bin/storybook.js"},"repository":{"type":"git","url":"git+https://github.com/storybooks/storybook.git"},"scripts":{"prepare":"node ../../scripts/prepare.js"},"dependencies":{"@storybook/addon-actions":"^3.2.16","@storybook/addon-links":"^3.2.16","@storybook/addons":"^3.2.16","@storybook/channel-websocket":"^3.2.16","@storybook/ui":"^3.2.16","autoprefixer":"^7.1.6","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-trailing-function-commas":"^6.22.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0","babel-plugin-transform-react-constant-elements":"^6.23.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.23.0","babel-polyfill":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-minify":"^0.2.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","babel-runtime":"^6.26.0","case-sensitive-paths-webpack-plugin":"^2.1.1","commander":"^2.11.0","css-loader":"^0.28.7","events":"^1.1.1","express":"^4.16.2","file-loader":"^1.1.5","find-cache-dir":"^1.0.0","global":"^4.3.2","json-loader":"^0.5.7","json5":"^0.5.1","postcss-loader":"^2.0.8","prop-types":"^15.6.0","react-native-compat":"^1.0.0","react-native-iphone-x-helper":"^1.0.1","shelljs":"^0.7.8","style-loader":"^0.18.2","url-loader":"^0.6.2","url-parse":"^1.1.9","util-deprecate":"^1.0.2","uuid":"^3.1.0","webpack":"^3.8.1","webpack-dev-middleware":"^1.12.0","webpack-hot-middleware":"^2.20.0","ws":"^3.3.1"},"devDependencies":{"react-native":"^0.50.3"},"peerDependencies":{"react":"*","react-native":">=0.27.0"},"_id":"@blackdice/storybook-react-native@3.2.16-fix","_npmVersion":"5.5.1","_nodeVersion":"9.3.0","_npmUser":{"name":"fredyc","email":"fredy.c@seznam.cz"},"dist":{"integrity":"sha512-FUu5pG3ZgeKyNyW6S5amR3Eo+pv3Nr0U9quLYlrdbbc6EiXQLTJTzGK79kB/XuDbHfy9BvEko0Or81nSAq1tLw==","shasum":"d67d2f8d49780496260e379e881d00e50eca57ff","tarball":"https://registry.npmjs.org/@blackdice/storybook-react-native/-/storybook-react-native-3.2.16-fix.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJpkEnV7PbuIPMnMrMjsSj4nkQ5JHGR79WHdgTYw1qbAIgVAV0DoITz98ynG31SfK1EnRTLVoxACsoVd9rVXK9hj0="}]},"maintainers":[{"name":"fredyc","email":"fredy.c@seznam.cz"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-react-native-3.2.16-fix.tgz_1514891296286_0.7101005709264427"}}},"readme":"# Storybook for React Native\n\n[![Build Status on CircleCI](https://circleci.com/gh/storybooks/storybook.svg?style=shield)](https://circleci.com/gh/storybooks/storybook)\n[![CodeFactor](https://www.codefactor.io/repository/github/storybooks/storybook/badge)](https://www.codefactor.io/repository/github/storybooks/storybook)\n[![Known Vulnerabilities](https://snyk.io/test/github/storybooks/storybook/8f36abfd6697e58cd76df3526b52e4b9dc894847/badge.svg)](https://snyk.io/test/github/storybooks/storybook/8f36abfd6697e58cd76df3526b52e4b9dc894847)\n[![BCH compliance](https://bettercodehub.com/edge/badge/storybooks/storybook)](https://bettercodehub.com/results/storybooks/storybook) [![codecov](https://codecov.io/gh/storybooks/storybook/branch/master/graph/badge.svg)](https://codecov.io/gh/storybooks/storybook) \n[![Storybook Slack](https://now-examples-slackin-nqnzoygycp.now.sh/badge.svg)](https://now-examples-slackin-nqnzoygycp.now.sh/)\n[![Backers on Open Collective](https://opencollective.com/storybook/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/storybook/sponsors/badge.svg)](#sponsors)\n\n* * *\n\nWith Storybook for React Native you can design and develop individual React Native components without running your app.\n\n![Storybook Screenshot](docs/assets/readme/screenshot.png)\n\nFor more information visit: [storybook.js.org](https://storybook.js.org)\n\n## Getting Started\n\nThe `getstorybook` tool can be used to add Storybook to your React Native app. Install the `getstorybook` tool if necessary and run it from your project directory with these commands:\n\n```shell\nnpm -g i @storybook/cli\ngetstorybook\n```\n\nAfter you have installed, there are additional steps for `create-react-native-app` apps. See the section for details, otherwise skip to [Start Storybook](#start-storybook)\nto see the next step.\n\n## Create React Native App (CRNA)\n\nIf you run `getstorybook` inside a CRNA app, you'll be notified that there is an extra step required to use Storybook.\n\nThe easiest way to use Storybook inside CRNA is to simply replace your App with the Storybook UI, which is possible by replacing `App.js` with a single line of code:\n\n```js\nexport default from './storybook';\n```\n\nThis will get you up and running quickly, but then you lose your app!\nThere are multiple options here. for example, you can export conditionally:\n\n```js\nimport StorybookUI from './storybook';\n\nimport App from './app';\n\nmodule.exports = __DEV__ ? StorybookUI : App;\n```\n\nAlternatively, `StorybookUI` is simply a RN `View` component that can be embedded anywhere in your RN application, e.g. on a tab or within an admin screen.\n\n## Start Storybook\n\nAfter initial setup start the storybook server with the storybook npm script.\n\n```shell\nnpm run storybook\n```\n\nNow, you can open to view your storybook menus in the browser.\n\n## Start App\n\nTo see your Storybook stories on the device, you should start your mobile app for the `` of your choice (typically `ios` or `android`). (Note that due to an implementation detail, your stories will only show up in the left pane of your browser window after your device has connected to this storybook server.)\n\nFor CRNA apps:\n\n npm run \n\nFor RN apps:\n\n react-native run-\n\nOnce your app is started, changing the selected story in web browser will update the story displayed within your mobile app.\n\nIf you are using Android and you get the following error after running the app: `'websocket: connection error', 'Failed to connect to localhost/127.0.0.1:7007'`, you have to forward the port 7007 on your device/emulator to port 7007 on your local machine with the following command:\n`adb reverse tcp:7007 tcp:7007`\n\n## Using Haul-cli\n\n[Haul](https://github.com/callstack-io/haul) is an alternative to the react-native packager and has several advantages in that it allows you to define your own loaders, and handles symlinks better.\n\nIf you want to use haul instead of the react-native packager, modify the storybook npm script to:\n\n```sh\nstorybook start -p 7007 --haul webpack.haul.storybook.js --platform android | ios | all\n```\n\nWhere webpack.haul.storybook.js should look something like this:\n\n```js\nmodule.exports = ({ platform }) => ({\n entry: `./storybook/index.${platform}.js`,\n // any other haul config here.\n});\n```\n\n## Learn More\n\nCheck the `docs` directory in this repo for more advanced setup guides and other info.\n","maintainers":[{"name":"fredyc","email":"fredy.c@seznam.cz"}],"time":{"modified":"2022-04-04T19:20:15.152Z","created":"2018-01-02T11:08:17.626Z","3.2.16-fix":"2018-01-02T11:08:17.626Z"},"homepage":"https://github.com/storybooks/storybook/tree/master/app/react-native","keywords":["react","react-native","storybook"],"repository":{"type":"git","url":"git+https://github.com/storybooks/storybook.git"},"bugs":{"url":"https://github.com/storybooks/storybook/issues"},"license":"MIT","readmeFilename":"readme.md"}