chore: initial commit

Author: Roland Groza

.editorconfig

@@ -0,0 +1,18 @@
+# EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs
+# http://editorconfig.org
+
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*{.yml}]
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false
+max_line_length = off

.gitignore

@@ -0,0 +1,35 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+## Node
+# Logs
+*.log
+npm-debug.log*
+
+# Dependency directory
+# https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git
+node_modules
+
+
+## OS X
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Thumbnails
+._*
+
+
+## Direnv
+.envrc
+
+
+## Dist
+coverage
+build
+docs
+dist
+out-tsc
+tmp

.npmignore

@@ -0,0 +1,17 @@
+coverage
+node_modules
+out-tsc
+src/*.spec.ts
+test
+.editorconfig
+.travis.yml
+jest.config.js
+rollup.config.js
+tsconfig.cjs.json
+tsconfig.es5.json
+tsconfig.es2015.json
+tsconfig.json
+tsconfig.spec.json
+tsconfig.types.json
+tslint.json
+yarn.lock

.travis.yml

@@ -0,0 +1,20 @@
+language: node_js
+node_js:
+- '8'
+
+script:
+- yarn test:cov
+- yarn build
+
+deploy:
+  provider: npm
+  email: [email protected]
+  api_key:
+    secure: SIMajitPIq2/9TtRGi+hhcWAy3EGY+FrpkvjsG4pfuRn92/NweqYa91yKlmgGQdte1LALToWT1uVPNABoP3IZToRe2au268MIaNCrEHo7yspHorGC1JvDDcLXAnqXz+ILxNODwmodMqVvM0xORXsUCXUu7y6HCLztiEJLwqTQKD846m3zK25AQ8Xvl8Vx8EKcAy3Uwqhw5s+GGcpp6fqo/gifvnQwHx9VEuke4ta4Weh59Qa6kyJdXcJ74IZtp5uKxDaoyM2mkZ0bFu+672nZE4QedhaCbBADhsKuzmJt4smEZIItN2DO7hwNXjlFT4mFwMe2KSq3G6DMNtAGS56omPDm1geArYSrYoBvUrUnGBJpRfRxJnT6ftIUd1vzTrwyS0UQuoU4DqhmHO/Tr7/AamKznhQk0p4iBcxZfUzP+uadtcN07+7ncWDj/YyobzvR7dWoZulSEjKp4AGDbe0rMxlBYTRO3lMTp96nHC6+hp9B5oMRmEol+hnxQYyh3LcBjfOh5ll//SbfzwO1Gx3+c3lwKbCheEFWWctlZ10VDHD2jQvr4UdAbWDT0scDghDkKtQWDCevnq+/0TEI1sF9IYs8DL66Rq3h4t+t+E0OsRKXGUI4fga5VpLl5/PcWe9WWbanDvZcAGJ3GA4TlH6jcUM2xoAzRQvUpMFQxQld9g=
+  skip_cleanup: true
+  on:
+    tags: true
+
+notifications:
+  email:
+    on_success: change

README.md

@@ -0,0 +1,104 @@
+# File Selector
+
+> A small package for converting a [DragEvent](https://developer.mozilla.org/en-US/docs/Web/API/DragEvent) or [file input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file) to a list of File objects.
+
+[![Travis (.org) branch](https://img.shields.io/travis/rolandjitsu/file-selector/master.svg?style=flat-square)](https://github.com/rolandjitsu/file-selector)
+
+
+# Table of Contents
+
+* [Installation](#installation)
+* [Usage](#usage)
+* [Browser Support](#browser-support)
+* [Contribute](#contribute)
+* [Credits](#credits)
+
+
+### Installation
+----------------
+You can install this package from [NPM](https://www.npmjs.com):
+```bash
+npm add file-selector
+```
+
+Or with [Yarn](https://yarnpkg.com/en):
+```bash
+yarn add file-selector
+```
+
+#### CDN
+For CDN, you can use [unpkg](https://unpkg.com):
+
+[https://unpkg.com/file-selector/dist/bundles/file-selector.umd.min.js](https://unpkg.com/file-selector/dist/bundles/file-selector.umd.min.js)
+
+The global namespace for file-selector is `fileSelector`:
+```js
+const {fromEvent} = fileSelector;
+document.addEventListener('drop', evt => {
+    const files = fromEvent(evt);
+    console.log(files);
+});
+```
+
+
+### Usage
+---------
+
+#### ES6
+Convert a `DragEvent` to File objects:
+```ts
+import {fromEvent} from 'file-selector';
+document.addEventListener('drop', evt => {
+    const files = fromEvent(evt);
+    console.log(files);
+});
+```
+
+Convert a file input to File objects:
+```ts
+import {fromEvent} from 'file-selector';
+const input = document.getElementById('myInput');
+input.addEventListener('change', evt => {
+    const files = fromEvent(evt);
+    console.log(files);
+});
+```
+
+#### CommonJS
+Convert a `DragEvent` to File objects:
+```ts
+const {fromEvent} = require('file-selector');
+document.addEventListener('drop', evt => {
+    const files = fromEvent(evt);
+    console.log(files);
+});
+```
+
+
+### Browser Support
+-------------------
+Most browser support basic File selection with drag 'n' drop or file input:
+* [File API](https://developer.mozilla.org/en-US/docs/Web/API/File#Browser_compatibility)
+* [Drag Event](https://developer.mozilla.org/en-US/docs/Web/API/DragEvent#Browser_compatibility)
+* [DataTransfer](https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer#Browser_compatibility)
+* [`<input type="file">`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#Browser_compatibility)
+
+For folder drop we use the [FileSystem API](https://developer.mozilla.org/en-US/docs/Web/API/FileSystem) which has very limited support:
+* [DataTransferItem.getAsFile()](https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem/getAsFile#Browser_compatibility)
+* [DataTransferItem.webkitGetAsEntry()](https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem/webkitGetAsEntry#Browser_compatibility)
+* [FileSystemEntry](https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntry#Browser_compatibility)
+* [FileSystemFileEntry.file()](https://developer.mozilla.org/en-US/docs/Web/API/FileSystemFileEntry/file#Browser_compatibility)
+* [FileSystemDirectoryEntry.createReader()](https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry/createReader#Browser_compatibility)
+* [FileSystemDirectoryReader.readEntries()](https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader/readEntries#Browser_compatibility)
+
+
+### Contribute
+--------------
+If you wish to contribute, please use the following guidelines:
+* Use [Conventional Commits](https://conventionalcommits.org)
+* Use `[ci skip]` in commit messages to skip a build
+
+
+### Credits
+-----------
+* [html5-file-selector](https://github.com/quarklemotion/html5-file-selector)

jest.config.js

@@ -0,0 +1,26 @@
+module.exports = {
+    globals: {
+        'ts-jest': {
+            tsConfig: './tsconfig.spec.json',
+            diagnostics: true
+        }
+    },
+    transform: {
+        '^.+\\.tsx?$': 'ts-jest'
+    },
+    testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$',
+    coveragePathIgnorePatterns: [
+        '<rootDir>/dist/',
+        '<rootDir>/node_modules/',
+        '<rootDir>/out-tsc/',
+        '<rootDir>/test/'
+    ],
+    moduleFileExtensions: [
+        'ts',
+        'tsx',
+        'js',
+        'jsx',
+        'json',
+        'node'
+    ]
+};

package.json

@@ -0,0 +1,74 @@
+{
+    "name": "file-selector",
+    "version": "0.1.0",
+    "description": "Convert DataTransfer object to a list of File objects",
+    "main": "./dist/index.js",
+    "module": "./dist/es5/index.js",
+    "es2015": "./dist/es2015/index.js",
+    "typings": "./dist/index.d.ts",
+    "keywords": [
+        "drag-and-drop",
+        "html5",
+        "file-api",
+        "DataTransfer",
+        "File"
+    ],
+    "homepage": "https://github.com/rolandjitsu/file-selector",
+    "license": "MIT",
+    "author": {
+        "name": "Roland Groza",
+        "email": "[email protected]"
+    },
+    "repository": {
+        "type": "git",
+        "url": ""
+    },
+    "scripts": {
+        "prebuild": "yarn run clean",
+        "build": "npm-run-all -s compile build:umd",
+        "build:umd": "rollup -c ./rollup.config.js",
+        "compile": "npm-run-all -p compile:es2015 compile:es5 compile:cjs compile:types",
+        "compile:es2015": "tsc -p ./tsconfig.es2015.json",
+        "compile:es5": "tsc -p ./tsconfig.es5.json",
+        "compile:cjs": "tsc -p ./tsconfig.cjs.json",
+        "compile:types": "tsc -p ./tsconfig.types.json",
+        "clean": "rm -rf dist/*",
+        "lint": "tslint -c tslint.json -p ./tsconfig.spec.json -t stylish",
+        "lint:fix": "yarn run lint -- --fix",
+        "pretest:cov": "yarn run lint",
+        "test:cov": "jest --coverage",
+        "test": "jest --watch",
+        "release": "standard-version"
+    },
+    "standard-version": {
+        "scripts": {
+            "prerelease": "yarn test:cov"
+        }
+    },
+    "dependencies": {
+        "tslib": "^1.9.0"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.0.0-beta.54",
+        "@types/jest": "^23.3.3",
+        "@types/node": "^9.4.5",
+        "babel-core": "^7.0.0-0",
+        "babel-jest": "^23.4.0",
+        "camelcase": "^4.1.0",
+        "jest": "^23.6.0",
+        "jest-environment-jsdom": "^23.4.0",
+        "npm-run-all": "^4.1.3",
+        "rollup": "^0.65.0",
+        "rollup-plugin-commonjs": "^9.1.6",
+        "rollup-plugin-node-resolve": "^3.3.0",
+        "rollup-plugin-sourcemaps": "^0.4.2",
+        "rollup-plugin-uglify": "^4.0.0",
+        "standard-version": "^4.4.0",
+        "ts-jest": "^23.10.3",
+        "tslint": "^5.9.1",
+        "typescript": "^3.0.3"
+    },
+    "engines": {
+        "node": ">= 8"
+    }
+}

rollup.config.js

@@ -0,0 +1,60 @@
+const camelCase = require('camelcase');
+const commonjs = require('rollup-plugin-commonjs');
+const resolve = require('rollup-plugin-node-resolve');
+const sourcemaps = require('rollup-plugin-sourcemaps');
+const {uglify} = require('rollup-plugin-uglify');
+
+const pckg = require('./package.json');
+const name = pckg.name;
+const input = pckg.module;
+
+const plugins = [
+    resolve(),
+    commonjs(),
+    sourcemaps()
+];
+
+const output = {
+    format: 'umd',
+    name: camelCase(name),
+    // The key here is library name,and the value is the the name of the global variable name the window object.
+    // See https://github.com/rollup/rollup/wiki/JavaScript-API#globals for more.
+    globals: {
+        // TS
+        // 'tslib': 'tslib'
+    },
+    sourcemap: true
+};
+
+// List of dependencies
+// See https://github.com/rollup/rollup/wiki/JavaScript-API#external for more.
+const external = [
+    // TS
+    // 'tslib'
+];
+
+export default [{
+    input,
+    plugins,
+    external,
+    output: {
+        ...output,
+        file: distPath(`${name}.umd.js`)
+    }
+},
+{
+    input,
+    plugins: [
+        ...plugins,
+        uglify()
+    ],
+    external,
+    output: {
+        ...output,
+        file: distPath(`${name}.umd.min.js`)
+    }
+}];
+
+function distPath(file) {
+    return `./dist/bundles/${file}`;
+}