refactor(fine-uploader-wrappers): externalize wrapper classes (#61)

All wrapper classes were moved to the fine-uploader-wrappers project. react-fine-uploader now depends on fine-uploader-wrappers. 

Breaking changes:
- Traditional, S3, and Azure wrappers must be imported from 'fine-uploader-wrappers'
- Components are now at the root of the package.

Also, <Gallery /> is now the default export for this package.

closes #21

.gitignore

@@ -1,5 +1,6 @@
 .eslintcache
 .idea
+composer.phar
 dist
 lib
 node_modules

config/webpack.config.js

@@ -3,10 +3,6 @@ const isProduction = process.env.NODE_ENV === 'production';
 const path = require('path')
 
 module.exports = {
-    entry: {
-        'traditional-wrapper': [path.resolve('src/wrappers/traditional.js')],
-        'file-input': [path.resolve('src/components/file-input/styleable-element.jsx')]
-    },
     output: {
         path: path.resolve('lib'),
         filename: `[name].${isProduction ? 'min.js' : '.js'}`

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-fine-uploader",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "license": "MIT",
   "description": "React UI components for using Fine Uploader in a React-based project.",
   "author":     {
@@ -19,13 +19,14 @@
     "upload",
     "widget"
   ],
-  "main": "wrappers/traditional.js",
+  "main": "gallery/index.js",
   "peerDependencies": {
     "react": "0.14.x || 15.x.x",
     "react-addons-css-transition-group": "0.14.x || 15.x.x"
   },
   "dependencies": {
     "fine-uploader": ">=5.11.10 <6.0.0",
+    "fine-uploader-wrappers": "0.1.1",
     "object-assign": "4.1.1"
   },
   "devDependencies": {
@@ -58,19 +59,19 @@
     "react-addons-test-utils": "latest",
     "react-dom": "latest",
     "style-loader": "latest",
-    "webpack": "latest",
+    "webpack": "1.14.0",
     "webpack-node-externals": "latest"
   },
   "engines": {
     "node": ">=5.0.0"
   },
   "scripts": {
-    "build": "rm -rf lib && mkdir -p lib && cp -pR src/components lib && cp -pR src/wrappers lib && babel lib --out-dir lib && find lib -type f -name '*.jsx' -delete",
+    "build": "rm -rf lib && mkdir -p lib && cp -pR src/ lib && babel lib --out-dir lib && find lib -type f -name '*.jsx' -delete",
     "lint": "eslint src/. --ext .js,.jsx --cache",
     "manual-test": "webpack --config config/webpack.manual-test.config.js --watch --display-error-details",
     "push-to-npm": "cp package.json README.md LICENSE lib && (cd lib ; npm publish)",
     "release": "npm run test && npm run build && npm run push-to-npm",
-    "start": "(. src/test/manual/s3keys.sh; php -S 0.0.0.0:9090 -t src/test/manual -c src/test/manual/php.ini)",
+    "start": "(php -S 0.0.0.0:9090 -t src/test/manual -c src/test/manual/php.ini)",
     "start-no-s3": "php -S 0.0.0.0:9090 -t src/test/manual -c src/test/manual/php.ini",
     "test": "npm run lint && if [ $CI ]; then karma start config/karma.conf; else karma start config/karma.dev.conf; fi"
   }

src/test/manual/composer.json

@@ -1,6 +1,6 @@
 {
   "require": {
-    "fineuploader/php-traditional-server": "1.2.0",
+    "fineuploader/php-traditional-server": "1.2.1",
     "fineuploader/php-s3-server": "1.1.0"
   }
 }

src/test/manual/tester.jsx

@@ -1,10 +1,10 @@
 import React, { Component } from 'react'
 
-import Gallery from 'lib/components/gallery'
-import S3FineUploader from 'lib/wrappers/s3'
-import TraditionalFineUploader from 'lib/wrappers/traditional'
+import Gallery from 'lib/gallery'
+import S3FineUploader from 'fine-uploader-wrappers/s3'
+import TraditionalFineUploader from 'fine-uploader-wrappers'
 
-import 'lib/components/gallery/gallery.css'
+import 'lib/gallery/gallery.css'
 
 const traditionalUploader = new TraditionalFineUploader({
     options: {

src/test/unit/components/cancel-button.spec.jsx → src/test/unit/cancel-button.spec.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import TestUtils from 'react-addons-test-utils'
 
-import FineUploaderTraditional from 'src/wrappers/traditional'
-import CancelButton from 'src/components/cancel-button'
+import FineUploaderTraditional from 'fine-uploader-wrappers'
+import CancelButton from 'src/cancel-button'
 
 const sampleBlob = new Blob(['hi!'], { type : 'text/plain' })
 

src/test/unit/components/delete-button.spec.jsx → src/test/unit/delete-button.spec.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import TestUtils from 'react-addons-test-utils'
 
-import DeleteButton from 'src/components/delete-button'
-import FineUploaderTraditional from 'src/wrappers/traditional'
+import DeleteButton from 'src/delete-button'
+import FineUploaderTraditional from 'fine-uploader-wrappers'
 
 describe('<DeleteButton />', () => {
     const getButton = Component => (

src/test/unit/components/file-input/file-input.spec.jsx → src/test/unit/file-input/file-input.spec.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import TestUtils from 'react-addons-test-utils'
 
-import FileInput from 'src/components/file-input'
+import FileInput from 'src/file-input'
 
 class DummyStylableElement extends React.Component {
     render() {

src/test/unit/components/file-input/styleable-element.spec.jsx → src/test/unit/file-input/styleable-element.spec.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import TestUtils from 'react-addons-test-utils'
 
 import { wrapStatelessComponent } from 'test/utils'
-import StyleableElement from 'src/components/file-input/styleable-element'
+import StyleableElement from 'src/file-input/styleable-element'
 
 describe('<StylableElement />', () => {
     const WrappedStyleableElement = wrapStatelessComponent(StyleableElement)

src/test/unit/components/filename.spec.jsx → src/test/unit/filename.spec.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import TestUtils from 'react-addons-test-utils'
 
-import FineUploaderTraditional from 'src/wrappers/traditional'
-import Filename from 'src/components/filename'
+import FineUploaderTraditional from 'fine-uploader-wrappers'
+import Filename from 'src/filename'
 
 const sampleBlob = new Blob(['hi!'], { type : 'text/plain' })
 const sampleBlobWrapper = { blob: sampleBlob, name: 'test' }

src/test/unit/components/filesize.spec.jsx → src/test/unit/filesize.spec.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import TestUtils from 'react-addons-test-utils'
 
-import FineUploaderTraditional from 'src/wrappers/traditional'
-import Filesize from 'src/components/filesize'
+import FineUploaderTraditional from 'fine-uploader-wrappers'
+import Filesize from 'src/filesize'
 
 const sampleBlob = new Blob(['hi!'], { type : 'text/plain' })
 const sampleBlobWrapper = { blob: sampleBlob, name: 'test' }

src/test/unit/components/gallery.spec.jsx → src/test/unit/gallery.spec.jsx

@@ -1,10 +1,10 @@
 import React from 'react'
 import TestUtils from 'react-addons-test-utils'
 
-import Dropzone from 'src/components/dropzone'
-import FileInput from 'src/components/file-input'
-import FineUploaderTraditional from 'src/wrappers/traditional'
-import Gallery from 'src/components/gallery'
+import Dropzone from 'src/dropzone'
+import FileInput from 'src/file-input'
+import FineUploaderTraditional from 'fine-uploader-wrappers'
+import Gallery from 'src/gallery'
 
 const isMobile = !!('ontouchstart' in window)
 const sampleBlob = new Blob(['hi!'], { type : 'text/plain' })

src/test/unit/components/pause-resume-button.spec.jsx → src/test/unit/pause-resume-button.spec.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import TestUtils from 'react-addons-test-utils'
 
-import FineUploaderTraditional from 'src/wrappers/traditional'
-import PauseResumeButton from 'src/components/pause-resume-button'
+import FineUploaderTraditional from 'fine-uploader-wrappers'
+import PauseResumeButton from 'src/pause-resume-button'
 
 describe('<PauseResumeButton />', () => {
     let statusChangeCallback, uploadChunkCallback, uploader

src/test/unit/components/progress-bar.spec.jsx → src/test/unit/progress-bar.spec.jsx

@@ -2,8 +2,8 @@ import qq from 'fine-uploader/lib/core/all'
 import React from 'react'
 import TestUtils from 'react-addons-test-utils'
 
-import FineUploaderTraditional from 'src/wrappers/traditional'
-import ProgressBar from 'src/components/progress-bar'
+import FineUploaderTraditional from 'fine-uploader-wrappers'
+import ProgressBar from 'src/progress-bar'
 
 describe('<ProgressBar />', () => {
     it('renders total progress bar when a file ID is not supplied & updates progress appropriately', () => {

src/test/unit/components/retry-button.spec.jsx → src/test/unit/retry-button.spec.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import TestUtils from 'react-addons-test-utils'
 
-import RetryButton from 'src/components/retry-button'
-import FineUploaderTraditional from 'src/wrappers/traditional'
+import RetryButton from 'src/retry-button'
+import FineUploaderTraditional from 'fine-uploader-wrappers'
 
 describe('<RetryButton />', () => {
     const getButton = () => (

src/test/unit/components/status.spec.jsx → src/test/unit/status.spec.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import TestUtils from 'react-addons-test-utils'
 
-import Status from 'src/components/status'
-import FineUploaderTraditional from 'src/wrappers/traditional'
+import Status from 'src/status'
+import FineUploaderTraditional from 'fine-uploader-wrappers'
 
 describe('<Status />', () => {
     const getStatus = () => (

src/test/unit/components/thumbnail/index.spec.jsx → src/test/unit/thumbnail/index.spec.jsx

@@ -2,7 +2,7 @@ import qq from 'fine-uploader/lib/core/all'
 import React from 'react'
 import TestUtils from 'react-addons-test-utils'
 
-import Thumbnail, { defaultMaxSize, notAvailableStatus, waitingStatus } from 'src/components/thumbnail'
+import Thumbnail, { defaultMaxSize, notAvailableStatus, waitingStatus } from 'src/thumbnail'
 
 describe('<Thumbnail />', () => {
     let drawThumbnail, qqPromise, uploader