Initial commit

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,34 @@
+# react-native-web-lists
+> React Native for Web implementation of Lists
+
+This package uses the legacy implementation (ListView).
+
+## Getting started
+`$ npm install react-native-web-lists --save`
+
+Alias the package in your webpack config:
+
+```
+resolve: {
+    alias: {
+        'react-native': 'react-native-web',
+        ...
+        'FlatList': 'react-native-web-lists/FlatList',
+        'SectionList': 'react-native-web-lists/SectionList',
+    }
+}
+```
+
+## Usage
+```js
+import FlatList from 'FlatList'; // don't import from react-native
+import SectionList from 'SectionList'; // don't import from react-native
+```
+
+See [RN's docs](https://facebook.github.io/react-native/docs/flatlist.html).
+
+## Examples
+See the [storybook](https://react-native-web-community.github.io/react-native-web-lists/storybook).
+
+## Contributing
+PRs are welcome!

docs/.storybook/addons.js

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

docs/.storybook/config.js

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

docs/.storybook/webpack.config.js

@@ -0,0 +1,28 @@
+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',
+  };
+
+  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": "*"
+  }
+}