Add initial example bare repo

TODO: format command, eslint, jest, flow

Author: Minishlink

.gitignore

@@ -0,0 +1,11 @@
+# OSX
+#
+.DS_Store
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+dist

.npmignore

@@ -0,0 +1,11 @@
+*.test.js
+__snapshots/**
+.babelrc
+.eslintrc
+.eslintignore
+.flowconfig
+.yarn.lock
+.gitattributes
+.prettierrc
+docs/
+.idea

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "printWidth": 120,
+  "singleQuote": true,
+  "trailingComma": "es5"
+}

README.md

@@ -0,0 +1,30 @@
+# react-native-web-{name}
+> React Native for Web implementation of {target module}
+
+## Getting started
+`$ npm install react-native-web-{name} --save`
+
+Alias the package in your webpack config:
+
+```
+resolve: {
+    alias: {
+        'react-native': 'react-native-web',
+        ...
+        '{target-module}': 'react-native-web-{name}',
+    }
+}
+```
+
+## Usage
+{ add link to the original module's docs }
+
+{ if only some props are supported, list them }
+
+{ if there are web-specific props, list them }
+
+## Examples
+See the [storybook](https://react-native-web-community.github.io/react-native-web-{name}/storybook).
+
+## Contributing
+PRs are welcome!

docs/.storybook/addons.js

@@ -0,0 +1 @@
+import '@storybook/addon-options/register';

docs/.storybook/config.js

@@ -0,0 +1,20 @@
+import { setOptions } from '@storybook/addon-options';
+import { configure, addDecorator } from '@storybook/react';
+import centered from './decorator-centered';
+
+addDecorator(centered);
+
+setOptions({
+  name: 'Name',
+  url: 'https://react-native-web-community.github.io/react-native-web-name',
+  goFullScreen: false,
+  showLeftPanel: true,
+  showDownPanel: false,
+  downPanelInRight: false
+});
+
+function loadStories() {
+  require('../stories');
+}
+
+configure(loadStories, module);

docs/.storybook/decorator-centered.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    minHeight: '100vh',
+  },
+});
+
+export default function(renderStory) {
+  return <View style={styles.root}>{renderStory()}</View>;
+}

docs/.storybook/webpack.config.js

@@ -0,0 +1,29 @@
+const path = require('path');
+const webpack = require('webpack');
+
+module.exports = (storybookBaseConfig, configType) => {
+  const DEV = configType === 'DEVELOPMENT';
+
+  storybookBaseConfig.module.rules.push({
+    test: /\.js$/,
+    exclude: /node_modules/,
+    use: {
+      loader: 'babel-loader',
+      options: { cacheDirectory: true }
+    }
+  });
+
+  storybookBaseConfig.plugins.push(
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
+      'process.env.__REACT_NATIVE_DEBUG_ENABLED__': DEV
+    })
+  );
+
+  storybookBaseConfig.resolve.alias = {
+    'react-native': 'react-native-web',
+    'react-native-web-name': path.join(__dirname, '../../src/')
+  };
+
+  return storybookBaseConfig;
+};

docs/package.json

@@ -0,0 +1,11 @@
+{
+  "scripts": {
+    "build": "yarn && build-storybook -o ./dist -c ./.storybook",
+    "start": "start-storybook -p 9001 -c ./.storybook",
+    "release": "yarn build && git checkout gh-pages && rm -rf ../storybook && mv dist ../storybook && git add -A && git commit -m \"Storybook deploy\" && git push origin gh-pages && git checkout -"
+  },
+  "dependencies": {
+    "@storybook/addon-options": "^3.2.10",
+    "@storybook/react": "^3.1.9"
+  }
+}

docs/stories/index.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import YourComponent from 'react-native-web-name'
+
+import { storiesOf } from '@storybook/react';
+
+storiesOf('YourComponent', module).add('basic', () => <YourComponent />);

package.json

@@ -0,0 +1,42 @@
+{
+  "name": "react-native-web-name",
+  "version": "0.0.0",
+  "description": "React Native for Web implementation of {target module}",
+  "main": "src/index.js",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:react-native-web-community/react-native-web-name.git"
+  },
+  "author": {
+    "name": "{name}",
+    "email": "{email}",
+    "url": "{url}"
+  },
+  "license": "{license, don't forget to add a LICENSE file at the root of the project}",
+  "keywords": [
+    "react-native",
+    "react-native-web",
+    "{other keywords}"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "babel": {
+    "presets": [
+      "react-native"
+    ]
+  },
+  "devDependencies": {
+    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.2",
+    "babel-preset-react-native": "^4.0.0",
+    "prettier": "^1.7.3",
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0",
+    "react-native-web": "^0.1.1",
+    "webpack": "^3.6.0"
+  },
+  "peerDependencies": {
+    "react-native-web": "*"
+  }
+}

src/index.js

@@ -0,0 +1 @@
+export default () => null;