First Commit

jocongmin · Apr 6, 2015 · 460f221 · 460f221
commit 460f221
Show file tree

Hide file tree

Showing 26 changed files with 1,037 additions and 0 deletions.
diff --git a/.eslintrc b/.eslintrc
@@ -0,0 +1,13 @@
+{
+  "env": {
+    "browser": true,
+    "node": true
+  },
+  "parser": "babel-eslint",
+  "rules": {
+    "quotes": [2, "single"],
+    "strict": [2, "never"],
+    "no-underscore-dangle": [0],
+    "curly": [0]
+  }
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,21 @@
+# Project generated files #
+###########################
+public
+
+# NPM generated files #
+#######################
+logs
+*.log
+node_modules
+bower_components
+
+# OS generated files #
+######################
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+Icon?
+ehthumbs.db
+Thumbs.db
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Dan Abramov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
diff --git a/bower.json b/bower.json
@@ -0,0 +1,30 @@
+{
+  "name": "react-swipe-views",
+  "version": "0.0.1",
+  "description": "React Component for binded Tabs and Swipeable Views",
+  "main": [
+    "./dist/SwipeViews.js",
+    "./src/SwipeViews.css"
+  ],
+  "moduleType": [
+    "globals"
+  ],
+  "dependencies": {
+    "react": "~0.13.1"
+  },
+  "keywords": [
+    "react",
+    "reactjs",
+    "swipe",
+    "views",
+    "tabs"
+  ],
+  "author": "Damien Varron <[email protected]> (https://github.com/damusnet)",
+  "license": "MIT",
+  "homepage": "https://github.com/damusnet/react-swipe-views",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "example"
+  ]
+}
diff --git a/dist/SwipeViews.js b/dist/SwipeViews.js
diff --git a/examples/bower-brunch/app/assets/index.html b/examples/bower-brunch/app/assets/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>React Swipe Views - Bower/Brunch Example</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
+    <link rel="stylesheet" href="/css/bundle.css">
+  </head>
+  <body>
+    <!-- This script adds the Roboto font to our project. For more detail go to this site:  http://www.google.com/fonts#UsePlace:use/Collection:Roboto:400,300,500 -->
+    <script>
+      var WebFontConfig = {
+        google: { families: [ 'Roboto:400,300,500:latin' ] }
+      };
+      (function() {
+        var wf = document.createElement('script');
+        wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
+        '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
+        wf.type = 'text/javascript';
+        wf.async = 'true';
+        var s = document.getElementsByTagName('script')[0];
+        s.parentNode.insertBefore(wf, s);
+      })();
+    </script>
+    <section id='root'></section>
+  </body>
+  <script type="text/javascript" src="/js/bundle.js"></script>
+  <script>require('scripts/index');</script>
+</html>
diff --git a/examples/bower-brunch/app/scripts/components/App.js b/examples/bower-brunch/app/scripts/components/App.js
diff --git a/examples/bower-brunch/app/scripts/components/MyAwesomeComponent.js b/examples/bower-brunch/app/scripts/components/MyAwesomeComponent.js
@@ -0,0 +1,14 @@
+'use strict';
+
+export default class MyAwesomeComponent extends React.Component {
+
+  render() {
+    return (
+      <div className="test">
+        <h1>This is a test!</h1>
+        <p>lorem ipsum</p>
+      </div>
+    );
+  }
+
+}
diff --git a/examples/bower-brunch/app/scripts/index.js b/examples/bower-brunch/app/scripts/index.js
@@ -0,0 +1,10 @@
+'use strict';
+
+import App from './components/App';
+
+React.initializeTouchEvents(true);
+
+React.render(
+  <App />,
+  document.getElementById('root')
+);
diff --git a/examples/bower-brunch/app/styles/main.css b/examples/bower-brunch/app/styles/main.css
@@ -0,0 +1,21 @@
+html, body {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+}
+
+section {
+  height: 100%;
+}
+
+.SwipeViewsTab {
+  font-family: Roboto, sans-serif;
+  font-size: 13px;
+  font-weight: 500;
+  color: #CCCCCC;
+}
+
+.SwipeView {
+  padding: 10px;
+}
diff --git a/examples/bower-brunch/bower.json b/examples/bower-brunch/bower.json
@@ -0,0 +1,21 @@
+{
+  "name": "react-swipe-views-bower-brunch-example",
+  "version": "0.0.1",
+  "moduleType": [
+    "globals"
+  ],
+  "author": "Damien Varron <[email protected]> (http://github.com/damusnet)",
+  "license": "MIT",
+  "homepage": "https://github.com/damusnet/react-swipe-views",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "react": "~0.13.1",
+    "react-swipe-views": "~0.0.1"
+  }
+}
diff --git a/examples/bower-brunch/brunch-config.coffee b/examples/bower-brunch/brunch-config.coffee
@@ -0,0 +1,6 @@
+module.exports = config:
+  files:
+    javascripts: joinTo: 'js/bundle.js'
+    stylesheets: joinTo: 'css/bundle.css'
+  server:
+    run: yes
diff --git a/examples/bower-brunch/package.json b/examples/bower-brunch/package.json
@@ -0,0 +1,18 @@
+{
+  "name": "react-swipe-views-bower-brunch-example",
+  "version": "0.0.1",
+  "description": "An implementation example of react-swipe-views built with Bower and Brunch",
+  "main": "app/scripts/main.js",
+  "scripts": {
+    "install": "bower install",
+    "start": "brunch watch",
+    "build": "brunch build"
+  },
+  "devDependencies": {
+    "babel-brunch": "^4.0.0",
+    "browser-sync-brunch": "0.0.9",
+    "brunch": "^1.7.20",
+    "css-brunch": "^1.7.0",
+    "javascript-brunch": "^1.7.1"
+  }
+}
diff --git a/examples/npm-webpack/index.html b/examples/npm-webpack/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>React Swipe Views - NPM/Webpack Example</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
+  </head>
+  <body>
+    <!-- This script adds the Roboto font to our project. For more detail go to this site:  http://www.google.com/fonts#UsePlace:use/Collection:Roboto:400,300,500 -->
+    <script>
+      var WebFontConfig = {
+        google: { families: [ 'Roboto:400,300,500:latin' ] }
+      };
+      (function() {
+        var wf = document.createElement('script');
+        wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
+        '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
+        wf.type = 'text/javascript';
+        wf.async = 'true';
+        var s = document.getElementsByTagName('script')[0];
+        s.parentNode.insertBefore(wf, s);
+      })();
+    </script>
+    <section id='root'></section>
+  </body>
+  <script src="/src/bundle.js"></script>
+</html>
diff --git a/examples/npm-webpack/package.json b/examples/npm-webpack/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "react-swipe-views-npm-webpack-example",
+  "version": "0.0.1",
+  "description": "An implementation example of react-swipe-views built with NPM and Webpack",
+  "scripts": {
+    "start": "node server.js"
+  },
+  "devDependencies": {
+    "babel-core": "^4.7.4",
+    "babel-loader": "^4.1.0",
+    "react-hot-loader": "^1.2.2",
+    "webpack": "^1.7.2",
+    "webpack-dev-server": "^1.7.0"
+  },
+  "dependencies": {
+    "react": "^0.13.0",
+    "react-swipe-views": "~0.0.1",
+    "style-loader": "~0.9.0",
+    "css-loader": "~0.9.1"
+  }
+}
diff --git a/examples/npm-webpack/server.js b/examples/npm-webpack/server.js
@@ -0,0 +1,15 @@
+var webpack = require('webpack');
+var WebpackDevServer = require('webpack-dev-server');
+var config = require('./webpack.config');
+
+new WebpackDevServer(webpack(config), {
+  publicPath: config.output.publicPath,
+  hot: true,
+  historyApiFallback: true
+}).listen(3000, '0.0.0.0', function (err, result) {
+  if (err) {
+    console.log(err);
+  }
+
+  console.log('Listening at localhost:3000');
+});
diff --git a/examples/npm-webpack/src/components/App.js b/examples/npm-webpack/src/components/App.js
diff --git a/examples/npm-webpack/src/components/MyAwesomeComponent.js b/examples/npm-webpack/src/components/MyAwesomeComponent.js
@@ -0,0 +1,16 @@
+'use strict';
+
+import React from 'react';
+
+export default class MyAwesomeComponent extends React.Component {
+
+  render() {
+    return (
+      <div className="test">
+        <h1>This is a test!</h1>
+        <p>lorem ipsum</p>
+      </div>
+    );
+  }
+
+}
diff --git a/examples/npm-webpack/src/index.js b/examples/npm-webpack/src/index.js
@@ -0,0 +1,14 @@
+'use strict';
+
+import React from 'react';
+import App from './components/App';
+
+require('./main.css');
+require('../../../src/SwipeViews.css');
+
+React.initializeTouchEvents(true);
+
+React.render(
+  <App />,
+  document.getElementById('root')
+);