From 420a4d079a6ceec9947545bf3ef94cc3e1e0452c Mon Sep 17 00:00:00 2001
From: Sven Slootweg <admin@cryto.net>
Date: Mon, 13 Mar 2017 02:45:37 +0100
Subject: [PATCH] Initial commit

---
 .gitignore   |  2 ++
 .npmignore   |  1 +
 README.md    | 37 +++++++++++++++++++++++++++++++++++++
 gulpfile.js  | 18 ++++++++++++++++++
 index.js     |  3 +++
 package.json | 27 +++++++++++++++++++++++++++
 src/index.js | 40 ++++++++++++++++++++++++++++++++++++++++
 7 files changed, 128 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 .npmignore
 create mode 100644 README.md
 create mode 100644 gulpfile.js
 create mode 100644 index.js
 create mode 100644 package.json
 create mode 100644 src/index.js

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..8f028e4
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+/node_modules/
+/lib/
diff --git a/.npmignore b/.npmignore
new file mode 100644
index 0000000..096746c
--- /dev/null
+++ b/.npmignore
@@ -0,0 +1 @@
+/node_modules/
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..aa16d77
--- /dev/null
+++ b/README.md
@@ -0,0 +1,37 @@
+# packagename
+
+packagedescription
+
+## License
+
+[WTFPL](http://www.wtfpl.net/txt/copying/) or [CC0](https://creativecommons.org/publicdomain/zero/1.0/), whichever you prefer. A donation and/or attribution are appreciated, but not required.
+
+## Donate
+
+Maintaining open-source projects takes a lot of time, and the more donations I receive, the more time I can dedicate to open-source. If this module is useful to you, consider [making a donation](http://cryto.net/~joepie91/donate.html)!
+
+You can donate using Bitcoin, PayPal, Flattr, cash-in-mail, SEPA transfers, and pretty much anything else. Thank you!
+
+## Contributing
+
+Pull requests welcome. Please make sure your modifications are in line with the overall code style, and ensure that you're editing the files in `src/`, not those in `lib/`.
+
+Build tool of choice is `gulp`; simply run `gulp` while developing, and it will watch for changes.
+
+Be aware that by making a pull request, you agree to release your modifications under the licenses stated above.
+
+## Usage
+
+usagetext
+
+```javascript
+usagecode
+```
+
+## API
+
+### functionName(arg)
+
+functiondescription
+
+* __arg__: argumentdescription
diff --git a/gulpfile.js b/gulpfile.js
new file mode 100644
index 0000000..1769501
--- /dev/null
+++ b/gulpfile.js
@@ -0,0 +1,18 @@
+var gulp = require("gulp");
+var presetES2015 = require("@joepie91/gulp-preset-es2015");
+
+var source = ["src/**/*.js"]
+
+gulp.task('babel', function() {
+	return gulp.src(source)
+		.pipe(presetES2015({
+			basePath: __dirname
+		}))
+		.pipe(gulp.dest("lib/"));
+});
+
+gulp.task("watch", function () {
+	gulp.watch(source, ["babel"]);
+});
+
+gulp.task("default", ["babel", "watch"]);
\ No newline at end of file
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..507257b
--- /dev/null
+++ b/index.js
@@ -0,0 +1,3 @@
+'use strict';
+
+module.exports = require("./lib");
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..ad0ab59
--- /dev/null
+++ b/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "canvassed-line",
+  "version": "1.0.0",
+  "description": "Line shape for `canvassed`",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "http://git.cryto.net/joepie91/canvassed-line.git"
+  },
+  "keywords": [
+    "canvassed",
+    "shape",
+    "line"
+  ],
+  "author": "Sven Slootweg",
+  "license": "WTFPL",
+  "dependencies": {
+  },
+  "devDependencies": {
+    "@joepie91/gulp-preset-es2015": "^1.0.1",
+    "babel-preset-es2015": "^6.6.0",
+    "gulp": "^3.9.1"
+  }
+}
diff --git a/src/index.js b/src/index.js
new file mode 100644
index 0000000..31cc5cf
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,40 @@
+'use strict';
+
+const canvassed = require("canvassed");
+
+module.exports = function createLine(options = {}) {
+	return canvassed.createObject(Object.assign({
+		type: "line",
+		sizeBustingProperties: ["x1", "y1", "x2", "y2", "width"],
+		cacheBustingProperties: ["color", "cap"],
+		requiredProperties: ["x1", "y1", "x2", "y2"],
+		color: "red",
+		width: 1,
+		cap: "butt",
+		onRecalculateSize: function onRecalculateSize() {
+			this.offsetX = Math.min(this.x1, this.x2);
+			this.offsetY = Math.min(this.y1, this.y2);
+
+			return {
+				width: Math.abs(this.x2 - this.x1) + this.width,
+				height: Math.abs(this.y2 - this.y1) + this.width,
+				underdrawX: this.width / 2,
+				underdrawY: this.width / 2,
+				overdrawX: this.width / 2,
+				overdrawY: this.width / 2
+			}
+		},
+		onRender: function onRender(context) {
+			let lineWidthOffset = this.width / 2;
+
+			context.strokeStyle = this.color;
+			context.lineWidth = this.width;
+			context.lineCap = this.cap;
+
+			context.beginPath();
+			context.moveTo(this.x1 - this.offsetX + this.renderUnderdrawX, this.y1 - this.offsetY + this.renderUnderdrawY);
+			context.lineTo(this.x2 - this.offsetX + this.renderUnderdrawX, this.y2 - this.offsetY + this.renderUnderdrawY);
+			context.stroke();
+		}
+	}, options));
+}