Initial commit

.gitignore

@@ -0,0 +1,2 @@
+/node_modules/
+/lib/

.npmignore

@@ -0,0 +1 @@
+/node_modules/

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

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"]);

index.js

@@ -0,0 +1,3 @@
+'use strict';
+
+module.exports = require("./lib");

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"
+  }
+}

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;
+}