initial files - plop works

Author: Jeppe Reinhold

Diff for: .gitignore

@@ -0,0 +1,172 @@
+# ONLY FOR THIS BOILERPLATE - REMOVE WHEN USING OUTSIDE OF THIS REPO
+yarn.lock
+.idea/
+
+# Created by .ignore support plugin (hsz.mobi)
+### macOS template
+# 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
+### Windows template
+# Windows thumbnail cache files
+Thumbs.db
+ehthumbs.db
+ehthumbs_vista.db
+
+# Dump file
+*.stackdump
+
+# Folder config file
+Desktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+### VisualStudioCode template
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+### Node template
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# 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
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://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/
+
+# 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
+
+### JetBrains template
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and Webstorm
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff:
+.idea/**/workspace.xml
+.idea/**/tasks.xml
+.idea/dictionaries
+
+# Sensitive or high-churn files:
+.idea/**/dataSources/
+.idea/**/dataSources.ids
+.idea/**/dataSources.xml
+.idea/**/dataSources.local.xml
+.idea/**/sqlDataSources.xml
+.idea/**/dynamic.xml
+.idea/**/uiDesigner.xml
+
+# Gradle:
+.idea/**/gradle.xml
+.idea/**/libraries
+
+# CMake
+cmake-build-debug/
+
+# Mongo Explorer plugin:
+.idea/**/mongoSettings.xml
+
+## File-based project format:
+*.iws
+
+## Plugin-specific files:
+
+# IntelliJ
+out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Cursive Clojure plugin
+.idea/replstate.xml
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+fabric.properties
+

Diff for: package.json

@@ -0,0 +1,34 @@
+{
+	"version": "0.1.0",
+	"devDependencies": {
+		"prettier": "latest",
+		"tslint": "latest",
+		"jest": "latest",
+		"plop": "latest",
+		"source-map-explorer": "latest",
+		"husky": "latest1",
+		"lint-staged": "latest"
+	},
+	"scripts": {
+		"lint": "tslint 'src/**/*.{ts,tsx}'",
+		"format": "prettier --write \"{./*.{ts,js,json},src/**/*.{js,ts,tsx}}\"",
+		"build": "LOLOLOL",
+		"test": "LOLOLOL",
+		"analyze": "source-map-explorer build/static/js/main.*",
+		"analyze:ci": "source-map-explorer --html build/static/js/main.* > ./size-analysis.html",
+		"precommit": "lint-staged",
+		"postcommit": "git reset"
+	},
+	"prettier": {
+		"singleQuote": true,
+		"trailingComma": "all",
+		"useTabs": true,
+		"printWidth": 100
+	},
+	"lint-staged": {
+		"{./*.{ts,js,json},src/**/*.{js,ts,tsx}}": [
+			"prettier --print-width 100 --write --use-tabs --single-quote --trailing-comma all",
+			"git add"
+		]
+	}
+}

Diff for: plopfile.js

@@ -0,0 +1,65 @@
+module.exports = function(plop) {
+	// create your generators here
+
+	plop.addHelper('splitOnCaps', splitOnCaps);
+
+	plop.setGenerator('component', {
+		description: 'this generates an entirely new component',
+		prompts: [
+			{
+				type: 'input',
+				name: 'name',
+				message: 'the name of the component (PascalCase, no Component at the end)',
+				validate: isPascalCased,
+			},
+			{
+				type: 'confirm',
+				name: 'isFetching',
+				message: 'Will the component fetch data over the network?',
+			},
+		],
+		actions: (answers) => {
+			const fetching = answers.isFetching ? '.fetching' : '';
+
+			return [
+				{
+					type: 'add',
+					path:
+						'src/components/{{dashCase name}}.ts',
+					templateFile: `templates/component${fetching}.hsb`,
+				},
+				{
+					type: 'modify',
+					path: 'src/index.ts',
+					pattern: /(import)/i,
+					template:
+						"import { {{camelCase name}}Component } from './components/{{dashCase name}}';\n$1",
+				},
+				{
+					type: 'modify',
+					path: 'src/index.ts',
+					pattern: /(\/\/log components)/i,
+					template:
+						"$1\nconsole.log({{camelCase name}}Component('cool value'));",
+				},
+				() => `Component creation succesful!`,
+			];
+		},
+	});
+};
+
+/** Helper Functions */
+const isPascalCased = input => {
+	if (isUpperCase(input.charAt(0))) {
+		return true;
+	}
+	return `string ${input} must be PascalCased.`;
+};
+
+const isUpperCase = myString => {
+	return myString === myString.toUpperCase();
+};
+
+const splitOnCaps = txt => {
+	return txt.split(/(?=[A-Z])/).join(' ');
+};

Diff for: src/components/example.ts

@@ -0,0 +1,3 @@
+export const exampleComponent = (exampleValue: string) => {
+	return 'This is the ExampleComponent and has the value ' + exampleValue;
+};

Diff for: src/index.ts

@@ -0,0 +1,4 @@
+import { exampleComponent } from './components/example';
+
+//log components
+console.log(exampleComponent('cool value'));

Diff for: templates/component.fetching.hsb

@@ -0,0 +1,3 @@
+export const {{camelCase name}}Component = ( {{camelCase name}}Value: string) => {
+	return 'This is the {{name}}Component and is fetching nice things using ' + {{camelCase name}}Value;
+};

Diff for: templates/component.hsb

@@ -0,0 +1,3 @@
+export const {{camelCase name}}Component = ( {{camelCase name}}Value: string) => {
+	return 'This is the {{name}}Component and has the value ' + {{camelCase name}}Value;
+};

Diff for: tsconfig.json

@@ -0,0 +1,24 @@
+{
+	"compilerOptions": {
+		"outDir": "build/",
+		"module": "commonjs",
+		"experimentalDecorators": true,
+		"target": "es5",
+		"lib": ["es6", "dom"],
+		"sourceMap": true,
+		"allowJs": true,
+		"jsx": "react",
+		"moduleResolution": "node",
+		"forceConsistentCasingInFileNames": true,
+		"strict": true
+	},
+	"exclude": [
+		"node_modules",
+		"build",
+		"scripts",
+		"acceptance-tests",
+		"webpack",
+		"jest",
+		"src/setupTests.ts"
+	]
+}

Diff for: tslint.json

@@ -0,0 +1,35 @@
+{
+	"extends": ["tslint-react"],
+	"rules": {
+		"class-name": true,
+		"forin": true,
+		"interface-name": [true, "never-prefix"],
+		"jsx-no-lambda": false,
+		"jsx-no-multiline-js": false,
+		"jsx-wrap-multiline": false,
+		"label-position": true,
+		"member-ordering": [
+			true,
+			"public-before-private",
+			"static-before-instance",
+			"variables-before-functions"
+		],
+		"no-arg": true,
+		"no-bitwise": true,
+		"no-default-export": true,
+		"no-console": [true],
+		"no-construct": true,
+		"no-debugger": true,
+		"no-duplicate-variable": true,
+		"no-empty": true,
+		"no-eval": true,
+		"no-string-literal": true,
+		"no-switch-case-fall-through": true,
+		"radix": true,
+		"switch-default": true,
+		"triple-equals": [true, "allow-null-check"],
+		"typedef": [true, "parameter", "property-declaration"],
+		"variable-name": false,
+		"jsx-alignment": false
+	}
+}