commit dda8ee1e3b97ca096e01df975e89caf91c9d511b
Author: Sven Slootweg <admin@cryto.net>
Date:   Sun Mar 12 21:29:54 2017 +0100

    Initial commit

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..639123f
--- /dev/null
+++ b/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "canvassed-placeholder-rectangle",
+  "version": "1.0.0",
+  "description": "Composite placeholder 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-placeholder-rectangle.git"
+  },
+  "keywords": [
+    "canvassed",
+    "shape"
+  ],
+  "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..05308ea
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,55 @@
+'use strict';
+
+const canvassed = require("canvassed");
+const createRectangle = require("canvassed-rectangle");
+const createText = require("canvassed-text");
+
+module.exports = function createPlaceholderRectangle(options = {}) {
+	let placeholderRectangle = canvassed.createCompositeObject(Object.assign({
+		type: "placeholderRectangle",
+		objects: {
+			rectangle: createRectangle({
+				width: options.width,
+				height: options.height,
+				x: 0,
+				y: 0,
+				fillColor: "rgb(205, 205, 205)",
+				strokeColor: "rgb(74, 74, 74)",
+				strokeWidth: 1
+			}),
+			text: createText({
+				fontSize: 14,
+				originX: "center",
+				originY: "center"
+			})
+		},
+		propertyMap: {
+			fillColor: "rectangle",
+			strokeColor: "rectangle",
+			strokeWidth: "rectangle",
+			textFillColor: "text.fillColor",
+			textStrokeColor: "text.strokeColor",
+			textStrokeWidth: "text.strokeWidth",
+			fontSize: "text",
+			fontFamily: "text",
+			fontWeight: "text",
+			lineHeight: "text",
+			tags: "text",
+			text: "text",
+			width: function setWidth(width) {
+				return {
+					text: {x: width / 2},
+					rectangle: {width: width}
+				}
+			},
+			height: function setHeight(height) {
+				return {
+					text: {y: height / 2},
+					rectangle: {height: height}
+				}
+			},
+		}
+	}, options));
+
+	return placeholderRectangle;
+}