Initial commit

Author: openscript

.gitignore

@@ -0,0 +1,204 @@
+
+# Created by https://www.gitignore.io/api/node,react,linux,macos,windows,visualstudiocode
+# Edit at https://www.gitignore.io/?templates=node,react,linux,macos,windows,visualstudiocode
+
+### Linux ###
+*~
+
+# temporary files which can be created if a process still has a handle open of a deleted file
+.fuse_hidden*
+
+# KDE directory preferences
+.directory
+
+# Linux trash folder which might appear on any partition or disk
+.Trash-*
+
+# .nfs files are created when an open file is removed but is still being accessed
+.nfs*
+
+### macOS ###
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# rollup.js default build output
+dist/
+
+# Uncomment the public line if your project uses Gatsby
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# https://create-react-app.dev/docs/using-the-public-folder/#docsNav
+# public
+
+# Storybook build outputs
+.out
+.storybook-out
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# Temporary folders
+tmp/
+temp/
+
+### react ###
+.DS_*
+**/*.backup.*
+**/*.back.*
+
+node_modules
+
+*.sublime*
+
+psd
+thumb
+sketch
+
+### VisualStudioCode ###
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+### VisualStudioCode Patch ###
+# Ignore all local history of files
+.history
+
+### Windows ###
+# Windows thumbnail cache files
+Thumbs.db
+Thumbs.db:encryptable
+ehthumbs.db
+ehthumbs_vista.db
+
+# Dump file
+*.stackdump
+
+# Folder config file
+[Dd]esktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+# End of https://www.gitignore.io/api/node,react,linux,macos,windows,visualstudiocode

.npmrc

@@ -0,0 +1 @@
+registry = "https://registry.npmjs.com/"

.travis.yml

@@ -0,0 +1,6 @@
+language: node_js
+node_js:
+  - '11'
+  - '10'
+  - '8'
+  - '6'

README.md

@@ -1,2 +1,12 @@
-# react-csv-import
-Flexible and easy to use React component to provide CSV (also TSV, ..) import functionality.
+# react-dsv-import
+Flexible, typed and easy to use React component to provide CSV, TSV and other delimiter-separated values formats (DSV) import functionality.
+
+## Tools
+ - yarn
+ - rollup
+ - React
+ - typescript
+
+## Resources
+ - [Template: Rollup Starter Lib (TypeScript)](https://github.com/rollup/rollup-starter-lib/tree/typescript)
+ - [Article: Creating a React Component library using Rollup, Typescript, Sass and Storybook](https://blog.harveydelaney.com/creating-your-own-react-component-library/) <br> Explains how to create a React component library using Rollup

package.json

@@ -0,0 +1,32 @@
+{
+  "name": "react-dsv-import",
+  "version": "0.0.1",
+  "main": "dist/react-dsv-import.cjs.js",
+  "module": "dist/react-dsv-import.esm.js",
+  "browser": "dist/react-dsv-import.umd.js",
+  "dependencies": {},
+  "devDependencies": {
+    "@types/react": "^16.9.34",
+    "@types/react-dom": "^16.9.6",
+    "rollup": "^2.4.0",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-typescript": "^1.0.0",
+    "ts-node": "^8.8.2",
+    "tslib": "^1.9.3",
+    "typescript": "^3.2.2"
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "test": "ts-node test/test.ts",
+    "pretest": "npm run build"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
+  }
+}

rollup.config.js

@@ -0,0 +1,39 @@
+import resolve from 'rollup-plugin-node-resolve';
+import commonjs from 'rollup-plugin-commonjs';
+import typescript from 'rollup-plugin-typescript';
+import pkg from './package.json';
+
+export default [
+	// browser-friendly UMD build
+	{
+		input: 'src/index.tsx',
+		output: {
+			name: 'react-dsv-import',
+			file: pkg.browser,
+			format: 'umd'
+		},
+		plugins: [
+			resolve(),   // so Rollup can find `ms`
+			commonjs(),  // so Rollup can convert `ms` to an ES module
+			typescript() // so Rollup can convert TypeScript to JavaScript
+		]
+	},
+
+	// CommonJS (for Node) and ES module (for bundlers) build.
+	// (We could have three entries in the configuration array
+	// instead of two, but it's quicker to generate multiple
+	// builds from a single configuration where possible, using
+	// an array for the `output` option, where we can specify 
+	// `file` and `format` for each target)
+	{
+		input: 'src/main.ts',
+		external: [],
+		plugins: [
+			typescript() // so Rollup can convert TypeScript to JavaScript
+		],
+		output: [
+			{ file: pkg.main, format: 'cjs' },
+			{ file: pkg.module, format: 'es' }
+		]
+	}
+];

src/index.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export const DSVImport: React.FC = () => {
+	return <div>Hello</div>;
+} 

test/test.ts

@@ -0,0 +1,53 @@
+const assert = require('assert');
+const howLongTillLunch = require('..');
+
+class MockDate {
+	private date = 0;
+	private hours = 0;
+	private minutes = 0;
+	private seconds = 0;
+	private milliseconds = 0;
+
+	getDate (): number { return this.date; }
+	setDate (date: number): void { this.date = date; }
+	setHours (h: number) { this.hours = h; }
+	setMinutes (m: number): void { this.minutes = m; }
+	setSeconds (s: number): void { this.seconds = s; }
+	setMilliseconds (ms: number): void { this.milliseconds = ms; }
+	getTime (): number { return this.valueOf(); }
+	valueOf (): number {
+		return (
+			this.milliseconds +
+			this.seconds * 1e3 +
+			this.minutes * 1e3 * 60 +
+			this.hours * 1e3 * 60 * 60 +
+			this.date * 1e3 * 60 * 60 * 24
+		);
+	}
+
+	static now () { return now.valueOf(); }
+}
+
+const now = new MockDate();
+
+global.Date = MockDate as any as typeof Date;
+
+function test(hours: number, minutes: number, seconds: number, expected: string): void {
+	now.setHours(hours);
+	now.setMinutes(minutes);
+	now.setSeconds(seconds);
+
+	assert.equal(howLongTillLunch(...lunchtime), expected);
+	console.log(`\u001B[32m✓\u001B[39m ${expected}`);
+}
+
+let lunchtime = [ 12, 30 ];
+test(11, 30, 0, '1 hour');
+test(10, 30, 0, '2 hours');
+test(12, 25, 0, '5 minutes');
+test(12, 29, 15, '45 seconds');
+test(13, 30, 0, '23 hours');
+
+// some of us like an early lunch
+lunchtime = [ 11, 0 ];
+test(10, 30, 0, '30 minutes');