Version bump

Updated bullet list creating

.editorconfig

@@ -0,0 +1,13 @@
+# Editor configuration, see http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 4
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

.gitignore

@@ -36,5 +36,16 @@ node_modules
 build
 build-tests
 
-# vscode
+# VSCode
-ts/.vscode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history
+
+# Lock files
+package-lock.json
+
+# Documents
+My Document.docx

.npmignore

@@ -0,0 +1,43 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directory
+node_modules
+
+# Optional npm cache directory
+.npm
+
+# Optional REPL history
+.node_repl_history
+
+# build
+# build  <-- we want this in the package
+build-tests
+
+# vscode
+.vscode
+
+# docs
+docs

.prettierrc.yml

@@ -0,0 +1,5 @@
+trailingComma: all
+printWidth: 140
+tabWidth: 4
+arrowParens: always
+bracketSpacing: true

.travis.yml

@@ -1,10 +1,35 @@
 language: node_js
 node_js:
-  - "6"
+  - "stable"
-  - "node"
 install:
   - npm install
 script:
+  - npm run lint
   - npm test
+  - npm run style
+  - npm run build
+  - node ./demo/demo1.js
+  - node ./demo/demo2.js
+  - node ./demo/demo3.js
+  - node ./demo/demo4.js
+  - node ./demo/demo5.js
+  - node ./demo/demo6.js
+  - node ./demo/demo7.js
+  - node ./demo/demo8.js
+  - node ./demo/demo9.js
+  - node ./demo/demo10.js
+  - node ./demo/demo11.js
+  - node ./demo/demo12.js
 after_failure:
   - "cat /home/travis/builds/dolanmiu/docx/npm-debug.log"
+after_success:
+  - npm run typedoc
+  - echo "janchi.co.uk" > docs/.nojekyll
+deploy:
+  provider: pages
+  skip-cleanup: true
+  github-token: $GITHUB_TOKEN
+  keep-history: true
+  local-dir: docs
+  on:
+    branch: master

.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+    "cSpell.words": ["clippy", "docx", "dolan", "miu", "officegen", "typedoc"],
+    "prettier.trailingComma": "all",
+    "prettier.printWidth": 140,
+    "editor.formatOnSave": false,
+    "prettier.tabWidth": 4,
+    "prettier.arrowParens": "always",
+    "prettier.bracketSpacing": true
+}

README.md

@@ -1,378 +1,104 @@
-#  [![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency Status][daviddm-image]][daviddm-url]
+<p align="center">
+    <img alt="clippy the assistant" src="http://i60.tinypic.com/339pvtt.png">
+</p>
 
-> A tool to create Word Documents (.docx) with JS or TS, written in TS.
+<p align="center">
+    Generate .docx files with JS/TS very easily, written in TS.
+</p>
+
+---
+
+[![NPM version][npm-image]][npm-url]
+[![Build Status][travis-image]][travis-url]
+[![Dependency Status][gemnasium-image]][gemnasium-url]
+[![Known Vulnerabilities][snky-image]][snky-url]
+[![Chat on Gitter][gitter-image]][gitter-url]
+[![code style: prettier][prettier-image]][prettier-url]
 
 [![NPM](https://nodei.co/npm/docx.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/docx/)
 
-![Clippy in Microsoft Office](http://i60.tinypic.com/339pvtt.png "Clippy in Microsoft Office")
+# docx
 
-# Table of Contents
+## Install
-- [Install](#)
-- [Usage](#)
-	- [Create simple Word Document](#)
-	- [Create Paragraph](#)
-		- [Styles](#)
-			- [Heading1 - Heading5](#)
-			- [Title](#)
-		- [Text Alignment](#)
-			- [Example](#)
-		- [Thematic Break (Page Break)](#)
-	- [Text](#)
-		- [Typographical Emphasis](#)
-			- [Bold](#)
-			- [Italics](#)
-			- [Underline](#)
-		- [Break](#)
-		- [Chaining](#)
-	- [Bullet Points](#)
-	- [Tab Stops](#)
-		- [Left Tab Stop](#)
-		- [Center Tab Stop](#)
-		- [Right Tab Stop](#)
-		- [Max Right Tab Stop](#)
-		- [Example](#)
-- [Exporting](#)
-	- [Express](#)
-	- [Standalone .docx file](#)
-- [Examples](#)
-- [License](#)
-
-# Install
 
 ```sh
 $ npm install --save docx
 ```
 
+## Demo
 
-# Usage
+Press `endpoint` on the `RunKit` website:
+
+![RunKit Instructions](https://user-images.githubusercontent.com/2917613/38582539-f84311b6-3d07-11e8-90db-5885ae02c3c4.png)
+
+* https://runkit.com/dolanmiu/docx-demo1 - Simple paragraph and text
+* https://runkit.com/dolanmiu/docx-demo2 - Advanced Paragraphs and text
+* https://runkit.com/dolanmiu/docx-demo3 - Bullet points
+* https://runkit.com/dolanmiu/docx-demo4 - Simple table
+* https://runkit.com/dolanmiu/docx-demo5 - Images
+* https://runkit.com/dolanmiu/docx-demo6 - Margins
+* https://runkit.com/dolanmiu/docx-demo7 - Landscape
+* https://runkit.com/dolanmiu/docx-demo8/1.0.1 - Header and Footer
+* https://runkit.com/dolanmiu/docx-demo10 - **My CV generated with docx**
+
+#### Run demos locally:
+
+```sh
+$ npm run demo
+```
+
+This command will run the demo selector app in the `demo` folder. It will prompt you to select a demo number, which will run a demo from that folder.
+
+## Guide
+
+Please refer to [the Wiki](https://github.com/dolanmiu/docx/wiki) for details on how to use this library, examples and much more!
+
+Full documentation can be found here: [http://dolanmiu.github.io/docx/index.html](http://dolanmiu.github.io/docx/index.html)
+
+## Simple Usage
 
 ```js
 // Used to create docx files
-var docx = require('docx');
+var docx = require("docx");
 
 // Create document
 var doc = new docx.Document();
 
+// Add some content in the document
+var paragraph = new docx.Paragraph("Some cool text here.");
+// Add more text into the paragraph if you wish
+paragraph.addRun(new docx.TextRun("Lorem Ipsum Foo Bar"));
+doc.addParagraph(paragraph);
+
 // Used to export the file into a .docx file
+var exporter = new docx.LocalPacker(doc);
+
+// Or use the express packer to make the file downloadable.
 // res is express' Response object
 var exporter = new docx.ExpressPacker(doc, res);
-var exporter = new docx.LocalPacker(doc);
-```
-## Create simple Word Document
-```js
-var doc = new docx.Document();
 
-var paragraph = new docx.Paragraph();
+exporter.pack("My First Document");
-var text = new docx.TextRun('Hello World');
+// If you want to export it as a .pdf file instead
-paragraph.addText(text);
+exporter.packPdf("My First Document");
-doc.addParagraph(paragraph);
+
+// done! A file called 'My First Document.docx'
+// will be in your file system if you used LocalPacker
+// Or it will start downloading if you are using Express
 ```
 
-### Document properties
+## Examples
-You can add properties to the Word document by specifying options, for example:
-```js
-var doc = new docx.Document({
-    creator: 'Dolan Miu',
-    description: 'My extremely interesting document',
-    title: 'My Document'
-});
-```
 
-#### Full list of options:
+Check [the Wiki](https://github.com/dolanmiu/docx/wiki/Examples) for examples.
-```
-creator
-description
-title
-subject
-keywords
-lastModifiedBy
-revision
-```
 
-You can mix and match whatever properties you want, or provide no properties.
+# Contributing
 
-## Create Paragraph
+Read the contribution guidelines [here](https://github.com/dolanmiu/docx/wiki/Contributing-Guidelines).
-Every text block in OpenXML is organised in paragraphs. You can add more text to the paragraph by doing this:
-```js
-var paragraph = new docx.Paragraph(),
-```
-```js
-var text = new docx.TextRun('Lorem Ipsum Foo Bar');
-var paragraph = new docx.Paragraph();
-paragraph.addText(text);
-```
-```js
-var paragraph = new docx.Paragraph("Short hand notation for adding text.");
-```
 
-After you create the paragraph, you must add the paragraph into the `document`:
+---
-```js
-doc.addParagraph(paragraph);
-```
 
-### Styles
+Made with 💖
-Styles is a very important part of the look of a word document. At the moment, only headings and title is supported, but son the rest will be supported along with custom styles!
 
-![Word 2013 Styles menu](http://content.gcflearnfree.org/topics/233/style_apply_choose.png "Word 2013 Styles menu")
+Huge thanks to [@felipeochoa](https://github.com/felipeochoa) for awesome contributions to this project
-
-#### Heading1 - Heading5
-```js
-paragraph.heading1();
-paragraph.heading2();
-paragraph.heading3();
-paragraph.heading4();
-paragraph.heading5();
-```
-
-#### Title
-```js
-paragraph.title();
-```
-
-### Text Alignment
-To change the text alignment of a paragraph, for center, left, right or justified:
-```js
-paragraph.center();
-```
-```js
-paragraph.left();
-```
-```js
-paragraph.right();
-```
-```js
-paragraph.justified();
-```
-
-#### Example
-```js
-paragraph.heading1().center();
-```
-The above will create a `heading 1` which is `centered`.
-
-### Thematic Break
-To add a break in the page, simply add `.thematicBreak()` on a paragraph:
-
-```js
-var paragraph = new docx.Paragraph("Amazing Heading").heading1().thematicBreak();
-```
-The above example will create a heading with a page break directly under it.
-
-### Page Break
-To move to a new page (insert a page break), simply add `.pageBreak()` on a paragraph:
-
-```js
-var paragraph = new docx.Paragraph("Amazing Heading").heading1().pageBreak();
-```
-The above example will create a heading and start a new page immediately afterwards.
-
-## Text
-Paragraphs need `text run` objects. To create text:
-```js
-var text = new docx.TextRun("My awesome text here for my university dissertation");
-paragraph.addText(text);
-```
-Text objects have methods inside which changes the way the text is displayed.
-
-### Typographical Emphasis
-More info [here](https://english.stackexchange.com/questions/97081/what-is-the-typography-term-which-refers-to-the-usage-of-bold-italics-and-unde)
-#### Bold
-```js
-text.bold();
-```
-
-#### Italics
-```js
-text.italic();
-```
-
-#### Underline
-```js
-text.underline();
-```
-
-#### Strike through
-```js
-text.strike();
-```
-
-#### Double strike through
-```js
-text.doubleStrike();
-```
-
-#### Superscript
-```js
-text.superScript();
-```
-
-#### Subscript
-```js
-text.subScript();
-```
-
-#### All Capitals
-```js
-text.allCaps();
-```
-
-#### Small Capitals
-```js
-text.smallCaps();
-```
-
-### Break
-Sometimes you would want to put text underneath another line of text but inside the same paragraph.
-```js
-text.break();
-```
-
-### Chaining
-What if you want to create a paragraph which is ***bold*** and ***italic***?
-```js
-paragraph.bold().italic();
-```
-
-## Bullet Points
-To make a bullet point, simply make a paragraph into a bullet point:
-```js
-var text = new docx.TextRun("Bullet points");
-var paragraph = new docx.Paragraph(text).bullet();
-
-var text2 = new docx.TextRun("Are awesome");
-var paragraph2 = new docx.Paragraph(text2).bullet();
-
-doc.addParagraph(paragraph);
-doc.addParagraph(paragraph2);
-```
-This will produce:
-* Bullet points
-* Are awesome
-
-## Tab Stops
-If you do not know why tab stops are useful, then I recommend you do a bit of research. It enables side by side text which is nicely laid out without the need for tables, or constantly pressing space bar.
-
-**Note**: At the moment, the unit of measurement for a tab stop is counter intuitive for a human. It is using OpenXMLs own measuring system. For example, 2268 roughly translates to 3cm. Therefore in the future, I may consider changing it to percentages or even cm.
-
-![Word 2013 Tabs](http://www.teachucomp.com/wp-content/uploads/blog-4-22-2015-UsingTabStopsInWord-1024x577.png "Word 2013 Tab Stops")
-
-Simply call the relevant methods on the paragraph listed below. Then just add a `tab()` method call to a text object. Adding multiple `tabStops` will mean you would have to chain `tab()` until the desired `tabStop` is selected. Example is shown below.
-
-### Left Tab Stop
-```js
-paragraph.leftTabStop(2268);
-```
-2268 is the distance from the left side.
-
-### Center Tab Stop
-```js
-paragraph.centerTabStp(2268);
-```
-2268 is the distance from the left side.
-
-### Right Tab Stop
-```js
-paragraph.rightTabStop(2268);
-```
-2268 is the distance from the left side.
-
-### Max Right Tab Stop
-```js
-paragraph.maxRightTabStop();
-```
-This will create a tab stop on the very edge of the right hand side. Handy for right aligning and left aligning text on the same line.
-
-### Example
-```js
-var paragraph = new docx.Paragraph().maxRightTabStop();
-var leftText = new docx.TextRun("Hey everyone").bold();
-var rightText = new docx.TextRun("11th November 2015").tab();
-paragraph.addText(leftText);
-paragraph.addText(rightText);
-```
-The example above will create a left aligned text, and a right aligned text on the same line. The laymans approach to this problem would be to either use text boxes or tables. YUK!
-
-```js
-var paragraph = new docx.Paragraph();
-paragraph.maxRightTabStop();
-paragraph.leftTabStop(1000);
-var text = new docx.TextRun("Second tab stop here I come!").tab().tab();
-paragraph.addText(text);
-```
-The above shows the use of two tab stops, and how to select/use it.
-
-# Exporting
-I used the express exporter in my [website](http://www.dolan.bio). It's very useful, and is the preferred way if you want to make a downloadable file for a visitor. it is much better than generating a physical file on the server, and then passing a download link to that file.
-## Express
-Simply use the exporter, and pass in the necessary parameters:
-```js
-var docx = require('docx');
-
-var doc = new docx.Document();
-var exporter = new docx.ExpressPacker(doc, res);
-exporter.pack('My Document');
-```
-where `res` is the response object obtained through the Express router. It is that simple. The file will begin downloading in the browser.
-
-## Standalone .docx file
-```js
-var docx = require('docx');
-
-var doc = new docx.Document();
-var exporter = new docx.LocalPacker(doc);
-exporter.pack('My Document');
-```
-
-# Examples
-## In practice
-I used this library in my personal portfolio/CV website. Click generate CV for a demonstration. [http://www.dolan.bio](http://www.dolan.bio)
-
-## General
-#### Simple paragraph
-```js
-var doc = new docx.Document();
-
-var paragraph = new docx.Paragraph("Hello World");
-var institutionText = new docx.TextRun("University College London").bold(),
-var dateText = new docx.TextRun("5th Dec 2015").tab().bold();
-paragraph.addText(institutionText);
-paragraph.addText(dateText);
-
-doc.addParagraph(paragraph);
-var exporter = new docx.LocalPacker(doc);
-exporter.pack('My Document');
-```
-
-Or:
-```js
-var doc = new docx.Document();
-
-var paragraph = new docx.Paragraph("Hello World");
-var institutionText = new docx.TextRun("University College London").bold(),
-var dateText = new docx.TextRun("5th Dec 2015").tab().bold();
-paragraph.addText(institutionText);
-paragraph.addText(dateText);
-
-var exporter = new docx.ExpressPacker(doc, res);
-exporter.pack('My Document');
-```
-Would produce:
-
-***University College London***
-
-***5th Dec 2015***
-
-Made with 💖 by Dolan Miu 🍆 💦 😝
-
-# License
-
-MIT © [Dolan Miu](http://www.dolan.bio)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
 [npm-image]: https://badge.fury.io/js/docx.svg
 [npm-url]: https://npmjs.org/package/docx
@@ -380,3 +106,11 @@ THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 [travis-url]: https://travis-ci.org/dolanmiu/docx
 [daviddm-image]: https://david-dm.org/dolanmiu/docx.svg?theme=shields.io
 [daviddm-url]: https://david-dm.org/dolanmiu/docx
+[snky-image]: https://snyk.io/test/github/dolanmiu/docx/badge.svg
+[snky-url]: https://snyk.io/test/github/dolanmiu/docx
+[gitter-image]: https://badges.gitter.im/dolanmiu/docx.svg
+[gitter-url]: https://gitter.im/docx-lib/Lobby
+[gemnasium-image]: https://gemnasium.com/badges/github.com/dolanmiu/docx.svg
+[gemnasium-url]: https://gemnasium.com/github.com/dolanmiu/docx
+[prettier-image]: https://img.shields.io/badge/code_style-prettier-ff69b4.svg
+[prettier-url]: https://github.com/prettier/prettier

demo/demo1.js

@@ -0,0 +1,16 @@
+const docx = require('../build');
+
+var doc = new docx.Document();
+
+var paragraph = new docx.Paragraph("Hello World");
+var institutionText = new docx.TextRun("University College London").bold();
+var dateText = new docx.TextRun("5th Dec 2015").tab().bold();
+paragraph.addRun(institutionText);
+paragraph.addRun(dateText);
+
+doc.addParagraph(paragraph);
+
+var exporter = new docx.LocalPacker(doc);
+exporter.pack('My Document');
+
+console.log('Document created successfully at project root!');

demo/demo10.js

@@ -0,0 +1,314 @@
+const docx = require("../build");
+
+const PHONE_NUMBER = "07534563401";
+const PROFILE_URL = "https://www.linkedin.com/in/dolan1";
+const EMAIL = "docx@docx.com";
+
+const experiences = [
+    {
+        isCurrent: true,
+        summary: "Full-stack developer working with Angular and Java. Working for the iShares platform",
+        title: "Associate Software Developer",
+        startDate: {
+            month: 11,
+            year: 2017,
+        },
+        company: {
+            name: "BlackRock",
+        },
+    },
+    {
+        isCurrent: false,
+        summary:
+            "Full-stack developer working with Angular, Node and TypeScript. Working for the iShares platform. Emphasis on Dev-ops and developing the continous integration pipeline.",
+        title: "Software Developer",
+        endDate: {
+            month: 11,
+            year: 2017,
+        },
+        startDate: {
+            month: 10,
+            year: 2016,
+        },
+        company: {
+            name: "Torch Markets",
+        },
+    },
+    {
+        isCurrent: false,
+        summary:
+            "Used ASP.NET MVC 5 to produce a diversity data collection tool for the future of British television.\n\nUsed AngularJS and C# best practices. Technologies used include JavaScript, ASP.NET MVC 5, SQL, Oracle, SASS, Bootstrap, Grunt.",
+        title: "Software Developer",
+        endDate: {
+            month: 10,
+            year: 2016,
+        },
+        startDate: {
+            month: 3,
+            year: 2015,
+        },
+        company: {
+            name: "Soundmouse",
+        },
+    },
+    {
+        isCurrent: false,
+        summary:
+            "Develop web commerce platforms for various high profile clients.\n\nCreated a log analysis web application with the Play Framework in Java, incorporating Test Driven Development. It asynchronously uploads and processes large (2 GB) log files, and outputs meaningful results in context with the problem. \n\nAnalysis  and  development  of  the payment system infrastructure and user accounts section to be used by several clients of the company such as Waitrose, Tally Weijl, DJ Sports, Debenhams, Ann Summers, John Lewis and others.\n\nTechnologies used include WebSphere Commerce, Java, JavaScript and JSP.",
+        title: "Java Developer",
+        endDate: {
+            month: 10,
+            year: 2014,
+        },
+        startDate: {
+            month: 3,
+            year: 2013,
+        },
+        company: {
+            name: "Soundmouse",
+        },
+    },
+];
+
+const education = [
+    {
+        degree: "Master of Science (MSc)",
+        fieldOfStudy: "Computer Science",
+        notes:
+            "Exam Results: 1st Class with Distinction, Dissertation: 1st Class with Distinction\n\nRelevant Courses: Java and C# Programming, Software Engineering, Artificial Intelligence, \nComputational Photography, Algorithmics, Architecture and Hardware.\n\nCreated a Windows 8 game in JavaScript for the dissertation. \n\nCreated an award-winning 3D stereoscopic game in C# using XNA.",
+        schoolName: "University College London",
+        startDate: {
+            year: 2012,
+        },
+        endDate: {
+            year: 2013,
+        },
+    },
+    {
+        degree: "Bachelor of Engineering (BEng)",
+        fieldOfStudy: "Material Science and Engineering",
+        notes:
+            "Exam Results: 2:1, Dissertation: 1st Class with Distinction\n\nRelevant courses: C Programming, Mathematics and Business for Engineers.",
+        schoolName: "Imperial College London",
+        startDate: {
+            year: 2009,
+        },
+        endDate: {
+            year: 2012,
+        },
+    },
+];
+
+const skills = [
+    {
+        name: "Angular",
+    },
+    {
+        name: "TypeScript",
+    },
+    {
+        name: "JavaScript",
+    },
+    {
+        name: "NodeJS",
+    },
+];
+
+const achievements = [
+    {
+        issuer: "Oracle",
+        name: "Oracle Certified Expert",
+    },
+];
+
+class DocumentCreator {
+    create(data) {
+        const experiences = data[0];
+        const educations = data[1];
+        const skills = data[2];
+        const achivements = data[3];
+        const document = new docx.Document();
+        document.addParagraph(new docx.Paragraph("Dolan Miu").title());
+
+        document.addParagraph(this.createContactInfo(PHONE_NUMBER, PROFILE_URL, EMAIL));
+        document.addParagraph(this.createHeading("Education"));
+
+        for (const education of educations) {
+            document.addParagraph(
+                this.createInstitutionHeader(education.schoolName, `${education.startDate.year} - ${education.endDate.year}`),
+            );
+            document.addParagraph(this.createRoleText(`${education.fieldOfStudy} - ${education.degree}`));
+
+            const bulletPoints = this.splitParagraphIntoBullets(education.notes);
+            bulletPoints.forEach((bulletPoint) => {
+                document.addParagraph(this.createBullet(bulletPoint));
+            });
+        }
+
+        document.addParagraph(this.createHeading("Experience"));
+
+        for (const position of experiences) {
+            document.addParagraph(
+                this.createInstitutionHeader(
+                    position.company.name,
+                    this.createPositionDateText(position.startDate, position.endDate, position.isCurrent),
+                ),
+            );
+            document.addParagraph(this.createRoleText(position.title));
+
+            const bulletPoints = this.splitParagraphIntoBullets(position.summary);
+
+            bulletPoints.forEach((bulletPoint) => {
+                document.addParagraph(this.createBullet(bulletPoint));
+            });
+        }
+
+        document.addParagraph(this.createHeading("Skills, Achievements and Interests"));
+
+        document.addParagraph(this.createSubHeading("Skills"));
+        document.addParagraph(this.createSkillList(skills));
+
+        document.addParagraph(this.createSubHeading("Achievements"));
+
+        for (const achievementParagraph of this.createAchivementsList(achivements)) {
+            document.addParagraph(achievementParagraph);
+        }
+
+        document.addParagraph(this.createSubHeading("Interests"));
+
+        document.addParagraph(this.createInterests("Programming, Technology, Music Production, Web Design, 3D Modelling, Dancing."));
+
+        document.addParagraph(this.createHeading("References"));
+
+        document.addParagraph(
+            new docx.Paragraph(
+                "Dr. Dean Mohamedally Director of Postgraduate Studies Department of Computer Science, University College London Malet Place, Bloomsbury, London WC1E d.mohamedally@ucl.ac.uk",
+            ),
+        );
+        document.addParagraph(new docx.Paragraph("More references upon request"));
+        document.addParagraph(
+            new docx.Paragraph(
+                "This CV was generated in real-time based on my Linked-In profile from my personal website www.dolan.bio.",
+            ).center(),
+        );
+        return document;
+    }
+
+    createContactInfo(phoneNumber, profileUrl, email) {
+        const paragraph = new docx.Paragraph().center();
+        const contactInfo = new docx.TextRun(`Mobile: ${phoneNumber} | LinkedIn: ${profileUrl} | Email: ${email}`);
+        const address = new docx.TextRun("Address: 58 Elm Avenue, Kent ME4 6ER, UK").break();
+
+        paragraph.addRun(contactInfo);
+        paragraph.addRun(address);
+
+        return paragraph;
+    }
+
+    createHeading(text) {
+        return new docx.Paragraph(text).heading1().thematicBreak();
+    }
+
+    createSubHeading(text) {
+        return new docx.Paragraph(text).heading2();
+    }
+
+    createInstitutionHeader(institutionName, dateText) {
+        const paragraph = new docx.Paragraph().maxRightTabStop();
+        const institution = new docx.TextRun(institutionName).bold();
+        const date = new docx.TextRun(dateText).tab().bold();
+
+        paragraph.addRun(institution);
+        paragraph.addRun(date);
+
+        return paragraph;
+    }
+
+    createRoleText(roleText) {
+        const paragraph = new docx.Paragraph();
+        const role = new docx.TextRun(roleText).italic();
+
+        paragraph.addRun(role);
+
+        return paragraph;
+    }
+
+    createBullet(text) {
+        return new docx.Paragraph(text).bullet();
+    }
+
+    createSkillList(skills) {
+        const paragraph = new docx.Paragraph();
+        const skillConcat = skills.map((skill) => skill.name).join(", ") + ".";
+
+        paragraph.addRun(new docx.TextRun(skillConcat));
+
+        return paragraph;
+    }
+
+    createAchivementsList(achivements) {
+        const arr = [];
+
+        for (const achievement of achivements) {
+            arr.push(new docx.Paragraph(achievement.name).bullet());
+        }
+
+        return arr;
+    }
+
+    createInterests(interests) {
+        const paragraph = new docx.Paragraph();
+
+        paragraph.addRun(new docx.TextRun(interests));
+        return paragraph;
+    }
+
+    splitParagraphIntoBullets(text) {
+        return text.split("\n\n");
+    }
+
+    createPositionDateText(startDate, endDate, isCurrent) {
+        const startDateText = this.getMonthFromInt(startDate.month) + ". " + startDate.year;
+        const endDateText = isCurrent ? "Present" : `${this.getMonthFromInt(endDate.month)}. ${endDate.year}`;
+
+        return `${startDateText} - ${endDateText}`;
+    }
+
+    getMonthFromInt(value) {
+        switch (value) {
+            case 1:
+                return "Jan";
+            case 2:
+                return "Feb";
+            case 3:
+                return "Mar";
+            case 4:
+                return "Apr";
+            case 5:
+                return "May";
+            case 6:
+                return "Jun";
+            case 7:
+                return "Jul";
+            case 8:
+                return "Aug";
+            case 9:
+                return "Sept";
+            case 10:
+                return "Oct";
+            case 11:
+                return "Nov";
+            case 12:
+                return "Dec";
+        }
+    }
+}
+
+const documentCreator = new DocumentCreator();
+
+const doc = documentCreator.create([experiences, education, skills, achievements]);
+
+var exporter = new docx.LocalPacker(doc);
+exporter.pack("Dolan Miu CV");
+
+console.log("Document created successfully at project root!");

demo/demo11.js

@@ -0,0 +1,132 @@
+const docx = require("../build");
+
+const doc = new docx.Document(undefined, {
+    top: 700,
+    right: 700,
+    bottom: 700,
+    left: 700,
+});
+
+doc.Styles.createParagraphStyle("Heading1", "Heading 1")
+    .basedOn("Normal")
+    .next("Normal")
+    .quickFormat()
+    .font("Calibri")
+    .size(52)
+    .center()
+    .bold()
+    .color(000000)
+    .spacing({ line: 340 })
+    .underline("single", "000000");
+
+doc.Styles.createParagraphStyle("Heading2", "Heading 2")
+    .basedOn("Normal")
+    .next("Normal")
+    .font("Calibri")
+    .quickFormat()
+    .size(26)
+    .bold()
+    .spacing({ line: 340 });
+
+doc.Styles.createParagraphStyle("Heading3", "Heading 3")
+    .basedOn("Normal")
+    .next("Normal")
+    .font("Calibri")
+    .quickFormat()
+    .size(26)
+    .bold()
+    .spacing({ line: 276 });
+
+doc.Styles.createParagraphStyle("Heading4", "Heading 4")
+    .basedOn("Normal")
+    .next("Normal")
+    .justified()
+    .font("Calibri")
+    .size(26)
+    .bold();
+
+doc.Styles.createParagraphStyle("normalPara", "Normal Para")
+    .basedOn("Normal")
+    .next("Normal")
+    .font("Calibri")
+    .quickFormat()
+    .leftTabStop(453.543307087)
+    .maxRightTabStop(453.543307087)
+    .size(26)
+    .spacing({ line: 276, before: 20 * 72 * 0.1, after: 20 * 72 * 0.05 });
+
+doc.Styles.createParagraphStyle("normalPara2", "Normal Para2")
+    .basedOn("Normal")
+    .next("Normal")
+    .quickFormat()
+    .font("Calibri")
+    .size(26)
+    .justified()
+    .spacing({ line: 276, before: 20 * 72 * 0.1, after: 20 * 72 * 0.05 });
+
+doc.Styles.createParagraphStyle("aside", "Aside")
+    .basedOn("Normal")
+    .next("Normal")
+    .color("999999")
+    .italics()
+    .indent(720)
+    .spacing({ line: 276 });
+
+doc.Styles.createParagraphStyle("wellSpaced", "Well Spaced")
+    .basedOn("Normal")
+    .spacing({ line: 276, before: 20 * 72 * 0.1, after: 20 * 72 * 0.05 });
+
+doc.Styles.createParagraphStyle("ListParagraph", "List Paragraph")
+    .quickFormat()
+    .basedOn("Normal");
+
+doc.createImage("./demo/images/pizza.gif");
+doc
+    .createParagraph("HEADING")
+    .heading1()
+    .center();
+
+doc.Footer.createParagraph("1")
+    .style("normalPara")
+    .right();
+
+doc.createParagraph("Ref. :").style("normalPara");
+doc.createParagraph("Date :").style("normalPara");
+
+doc.createParagraph("To,").style("normalPara");
+doc.createParagraph("The Superindenting Engineer,(O &M)").style("normalPara");
+
+doc.createParagraph("Sub : ").style("normalPara");
+
+doc.createParagraph("Ref. : ").style("normalPara");
+
+doc.createParagraph("Sir,").style("normalPara");
+
+doc.createParagraph("BRIEF DESCRIPTION").style("normalPara");
+
+var table = new docx.Table(4, 4);
+var contentParagraph = table
+    .getRow(0)
+    .getCell(0)
+    .addContent(new docx.Paragraph("Pole No."));
+table.properties.width = 10000;
+doc.addTable(table);
+
+var arrboth = [{
+    image: "./demo/images/pizza.gif",
+    comment: "Test"
+}, {
+    image: "./demo/images/pizza.gif",
+    comment: "Test 2"
+}];
+
+arrboth.forEach(function(item) {
+    const para = doc.createParagraph();
+    para.createTextRun(doc.createImage(item.image));
+    para.properties.width = 60;
+    para.properties.height = 90;
+    doc.createParagraph(item.comment).style("normalPara2");
+});
+
+var exporter = new docx.LocalPacker(doc);
+exporter.pack("My Document");

demo/demo12.js

@@ -0,0 +1,21 @@
+const docx = require("../build");
+
+var doc = new docx.Document();
+
+var paragraph = new docx.Paragraph("Hello World");
+doc.addParagraph(paragraph);
+
+const image = doc.createImage("./demo/images/pizza.gif");
+const image2 = doc.createImage("./demo/images/pizza.gif");
+const image3 = doc.createImage("./demo/images/pizza.gif");
+const image4 = doc.createImage("./demo/images/pizza.gif");
+
+image.scale(0.5);
+image2.scale(1)
+image3.scale(2.5);
+image4.scale(4);
+
+var exporter = new docx.LocalPacker(doc);
+exporter.pack("My Document");
+
+console.log("Document created successfully at project root!");

demo/demo2.js

@@ -0,0 +1,74 @@
+const docx = require('../build');
+
+const doc = new docx.Document({
+    creator: 'Clippy',
+    title: 'Sample Document',
+    description: 'A brief example of using docx',
+});
+
+doc.Styles.createParagraphStyle('Heading1', 'Heading 1')
+    .basedOn("Normal")
+    .next("Normal")
+    .quickFormat()
+    .size(28)
+    .bold()
+    .italics()
+    .spacing({after: 120});
+
+doc.Styles.createParagraphStyle('Heading2', 'Heading 2')
+    .basedOn("Normal")
+    .next("Normal")
+    .quickFormat()
+    .size(26)
+    .bold()
+    .underline('double', 'FF0000')
+    .spacing({before: 240, after: 120});
+
+doc.Styles.createParagraphStyle('aside', 'Aside')
+    .basedOn('Normal')
+    .next('Normal')
+    .color('999999')
+    .italics()
+    .indent(720)
+    .spacing({line: 276});
+
+doc.Styles.createParagraphStyle('wellSpaced', 'Well Spaced')
+    .basedOn('Normal')
+    .spacing({line: 276, before: 20 * 72 * .1, after: 20 * 72 * .05});
+
+doc.Styles.createParagraphStyle('ListParagraph', 'List Paragraph')
+    .quickFormat()
+    .basedOn('Normal');
+
+
+const numberedAbstract = doc.Numbering.createAbstractNumbering();
+numberedAbstract.createLevel(0, "lowerLetter", "%1)", "left");
+
+doc.createParagraph('Test heading1, bold and italicized').heading1();
+doc.createParagraph('Some simple content');
+doc.createParagraph('Test heading2 with double red underline').heading2();
+
+const letterNumbering = doc.Numbering.createConcreteNumbering(numberedAbstract);
+const letterNumbering5 = doc.Numbering.createConcreteNumbering(numberedAbstract);
+letterNumbering5.overrideLevel(0, 5);
+
+doc.createParagraph('Option1').setNumbering(letterNumbering, 0);
+doc.createParagraph('Option5 -- override 2 to 5').setNumbering(letterNumbering5, 0);
+doc.createParagraph('Option3').setNumbering(letterNumbering, 0);
+
+doc.createParagraph()
+    .createTextRun('Some monospaced content')
+    .font('Monospace');
+
+doc.createParagraph('An aside, in light gray italics and indented').style('aside');
+doc.createParagraph('This is normal, but well-spaced text').style('wellSpaced');
+const para = doc.createParagraph();
+para.createTextRun('This is a bold run,').bold();
+para.createTextRun(' switching to normal ');
+para.createTextRun('and then underlined ').underline();
+para.createTextRun('and back to normal.');
+
+const exporter = new docx.LocalPacker(doc);
+exporter.pack('My Document');
+
+console.log('Document created successfully at project root!');

demo/demo3.js

@@ -0,0 +1,45 @@
+const docx = require('../build');
+
+var doc = new docx.Document();
+
+const numbering = new docx.Numbering();
+
+const abstractNum = numbering.createAbstractNumbering();
+abstractNum.createLevel(0, "upperRoman", "%1", "start")
+    .addParagraphProperty(new docx.Indent(720, 260));
+abstractNum.createLevel(1, "decimal", "%2.", "start")
+    .addParagraphProperty(new docx.Indent(1440, 980));
+abstractNum.createLevel(2, "lowerLetter", "%3)", "start")
+    .addParagraphProperty(new docx.Indent(2160, 1700));
+
+const concrete = numbering.createConcreteNumbering(abstractNum);
+
+var topLevelP = new docx.Paragraph("Hey you");
+var subP = new docx.Paragraph("What's up fam");
+var secondSubP = new docx.Paragraph("Hello World 2");
+var subSubP = new docx.Paragraph("Yeah boi");
+
+topLevelP.setNumbering(concrete, 0);
+subP.setNumbering(concrete, 1);
+secondSubP.setNumbering(concrete, 1);
+subSubP.setNumbering(concrete, 2);
+
+doc.addParagraph(topLevelP);
+doc.addParagraph(subP);
+doc.addParagraph(secondSubP);
+doc.addParagraph(subSubP);
+
+var  bullet1 = new docx.Paragraph("Hey you").bullet();
+var  bullet2 = new docx.Paragraph("What's up fam").bullet(1);
+var  bullet3 = new docx.Paragraph("Hello World 2").bullet(2);
+var  bullet4 = new docx.Paragraph("Yeah boi").bullet(3);
+
+doc.addParagraph(bullet1);
+doc.addParagraph(bullet2);
+doc.addParagraph(bullet3);
+doc.addParagraph(bullet4);
+
+var exporter = new docx.LocalPacker(doc);
+exporter.pack('My Document');
+
+console.log('Document created successfully at project root!');

demo/demo4.js

@@ -0,0 +1,12 @@
+const docx = require('../build');
+
+var doc = new docx.Document();
+
+const table = doc.createTable(4, 4);
+table.getCell(2, 2).addContent(new docx.Paragraph('Hello'));
+
+
+var exporter = new docx.LocalPacker(doc);
+exporter.pack('My Document');
+
+console.log('Document created successfully at project root!');

demo/demo5.js

@@ -0,0 +1,17 @@
+const docx = require('../build');
+
+var doc = new docx.Document();
+
+var paragraph = new docx.Paragraph("Hello World");
+doc.addParagraph(paragraph);
+
+const image = doc.createImage("./demo/images/image1.jpeg");
+const image2 = doc.createImage("./demo/images/dog.png");
+const image3 = doc.createImage("./demo/images/cat.jpg");
+const image4 = doc.createImage("./demo/images/parrots.bmp");
+const image5 = doc.createImage("./demo/images/pizza.gif");
+
+var exporter = new docx.LocalPacker(doc);
+exporter.pack('My Document');
+
+console.log('Document created successfully at project root!');

demo/demo6.js

@@ -0,0 +1,25 @@
+const docx = require("../build");
+
+var doc = new docx.Document(undefined, {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+});
+
+var paragraph = new docx.Paragraph("Hello World");
+var institutionText = new docx.TextRun("University College London").bold();
+var dateText = new docx.TextRun("5th Dec 2015").tab().bold();
+paragraph.addRun(institutionText);
+paragraph.addRun(dateText);
+
+doc.addParagraph(paragraph);
+
+doc.createParagraph("Hello World").heading1();
+doc.createParagraph("University College London");
+doc.createParagraph("5th Dec 2015");
+
+var exporter = new docx.LocalPacker(doc);
+exporter.pack("My Document");
+
+console.log("Document created successfully at project root!");

demo/demo7.js

@@ -0,0 +1,14 @@
+const docx = require("../build");
+
+var doc = new docx.Document(undefined, {
+    orientation: "landscape",
+});
+
+var paragraph = new docx.Paragraph("Hello World");
+
+doc.addParagraph(paragraph);
+
+var exporter = new docx.LocalPacker(doc);
+exporter.pack("My Document");
+
+console.log("Document created successfully at project root!");

demo/demo8.js

@@ -0,0 +1,13 @@
+const docx = require('../build');
+
+var doc = new docx.Document();
+
+doc.createParagraph("Hello World");
+
+doc.Header.createParagraph("Header text");
+doc.Footer.createParagraph("Footer text");
+
+var exporter = new docx.LocalPacker(doc);
+exporter.pack('My Document');
+
+console.log('Document created successfully at project root!');

demo/demo9.js

@@ -0,0 +1,13 @@
+const docx = require('../build');
+
+var doc = new docx.Document();
+
+doc.createParagraph("Hello World");
+
+doc.Header.createImage("./demo/images/pizza.gif");
+doc.Footer.createImage("./demo/images/pizza.gif");
+
+var exporter = new docx.LocalPacker(doc);
+exporter.pack('My Document');
+
+console.log('Document created successfully at project root!');

demo/index.js

@@ -0,0 +1,29 @@
+var prompt = require('prompt');
+var shelljs = require('shelljs');
+var fs = require('fs');
+
+console.log('What demo do you wish to run? (Enter a number)');
+
+var schema = {
+    properties: {
+        number: {
+            pattern: /^[0-9]+$/,
+            message: 'Please enter a number.',
+            required: true
+        }
+    }
+};
+
+prompt.start();
+
+prompt.get(schema, function (err, result) {
+    var demoNumber = result.number;
+    var filePath = `./demo/demo${demoNumber}.js`;
+
+    if (!fs.existsSync(filePath)) {
+        console.error(`demo${demoNumber} does not exist: ${filePath}`);
+        return;
+    }
+    console.log(`Running demo ${demoNumber}`);
+    shelljs.exec(`node ${filePath}`);
+});

package.json

@@ -1,32 +1,55 @@
 {
   "name": "docx",
-  "version": "1.0.1",
+  "version": "3.4.0",
   "description": "Generate .docx documents with JavaScript (formerly Office-Clippy)",
   "main": "build/index.js",
   "scripts": {
-    "pretest": "rimraf ./build-tests && tsc -p ts/test-tsconfig.json",
+    "pretest": "rimraf ./build",
-    "test": "mocha ./build-tests --recursive",
+    "test": "mocha-webpack \"src/**/*.ts\"",
-    "prepublish": "tsc -p ts"
+    "test-watch": "mocha-webpack \"src/**/*.ts\" --watch",
+    "prepublishOnly": "npm run build",
+    "lint": "tslint --project .",
+    "build": "npm run webpack && npm run fix-types",
+    "tsc": "rimraf ./build && tsc -p .",
+    "webpack": "rimraf ./build && webpack",
+    "demo": "npm run build && node ./demo",
+    "typedoc": "typedoc --out docs/ src/ --module commonjs --target ES6 --disableOutputCheck --excludePrivate --externalPattern \"**/*.spec.ts\"",
+    "style": "prettier -l \"src/**/*.ts\"",
+    "fix-types": "node types-absolute-fixer.js"
   },
+  "files": [
+    "src",
+    "build",
+    "template"
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dolanmiu/docx.git"
   },
   "keywords": [
+    "docx",
     "office",
+    "word",
     "generate",
+    "creator",
+    "create",
     "document",
-    "doc"
+    "doc",
+    "officegen",
+    "clippy"
   ],
+  "types": "./build/index.d.ts",
   "dependencies": {
-    "app-root-path": "^2.0.1",
+    "@types/archiver": "^2.1.0",
-    "archiver": "^1.3.0",
+    "@types/express": "^4.0.35",
-    "lodash": "^4.6.1",
+    "@types/image-size": "0.0.29",
+    "@types/request-promise": "^4.1.41",
+    "archiver": "^2.1.1",
+    "image-size": "^0.6.2",
+    "request": "^2.83.0",
+    "request-promise": "^4.2.2",
     "xml": "^1.0.1"
   },
-  "typescript": {
-    "definition": "ts/typings/index.d.ts"
-  },
   "author": "Dolan Miu",
   "license": "MIT",
   "bugs": {
@@ -34,9 +57,21 @@
   },
   "homepage": "https://github.com/dolanmiu/docx#readme",
   "devDependencies": {
+    "@types/chai": "^3.4.35",
+    "@types/mocha": "^2.2.39",
+    "awesome-typescript-loader": "^3.4.1",
     "chai": "^3.5.0",
+    "glob": "^7.1.2",
     "mocha": "^3.2.0",
+    "mocha-webpack": "^1.0.1",
+    "prettier": "^1.10.2",
+    "prompt": "^1.0.0",
+    "replace-in-file": "^3.1.0",
     "rimraf": "^2.5.2",
-    "typescript": "^2.2.1"
+    "shelljs": "^0.7.7",
+    "tslint": "^5.1.0",
+    "typedoc": "^0.9.0",
+    "typescript": "2.6.2",
+    "webpack": "^3.10.0"
   }
 }

src/export/formatter.spec.ts

@@ -0,0 +1,78 @@
+import { assert } from "chai";
+
+import { Formatter } from "../export/formatter";
+import * as file from "../file";
+import { CoreProperties } from "../file/core-properties";
+import { Attributes } from "../file/xml-components";
+import { Utility } from "../tests/utility";
+
+describe("Formatter", () => {
+    let formatter: Formatter;
+
+    beforeEach(() => {
+        formatter = new Formatter();
+    });
+
+    describe("#format()", () => {
+        it("should format simple paragraph", () => {
+            const paragraph = new file.Paragraph();
+            const newJson = formatter.format(paragraph);
+            assert.isDefined(newJson["w:p"]);
+        });
+
+        it("should remove xmlKeys", () => {
+            const paragraph = new file.Paragraph();
+            const newJson = formatter.format(paragraph);
+            const stringifiedJson = JSON.stringify(newJson);
+            assert(stringifiedJson.indexOf("xmlKeys") < 0);
+        });
+
+        it("should format simple paragraph with bold text", () => {
+            const paragraph = new file.Paragraph();
+            paragraph.addRun(new file.TextRun("test").bold());
+            const newJson = formatter.format(paragraph);
+            assert.isDefined(newJson["w:p"][1]["w:r"][0]["w:rPr"][0]["w:b"][0]._attr["w:val"]);
+        });
+
+        it("should format attributes (rsidSect)", () => {
+            const attributes = new Attributes({
+                rsidSect: "test2",
+            });
+            let newJson = formatter.format(attributes);
+            newJson = Utility.jsonify(newJson);
+            if (newJson._attr === undefined) {
+                assert.fail();
+                return;
+            }
+            assert.isDefined(newJson._attr["w:rsidSect"]);
+        });
+
+        it("should format attributes (val)", () => {
+            const attributes = new Attributes({
+                val: "test",
+            });
+            let newJson = formatter.format(attributes);
+            newJson = Utility.jsonify(newJson);
+            if (newJson._attr === undefined) {
+                assert.fail();
+                return;
+            }
+            assert.isDefined(newJson._attr["w:val"]);
+        });
+
+        it("should should change 'p' tag into 'w:p' tag", () => {
+            const paragraph = new file.Paragraph();
+            const newJson = formatter.format(paragraph);
+            assert.isDefined(newJson["w:p"]);
+        });
+
+        it("should format Properties object correctly", () => {
+            const properties = new CoreProperties({
+                title: "test document",
+                creator: "Dolan",
+            });
+            const newJson = formatter.format(properties);
+            assert.isDefined(newJson["cp:coreProperties"]);
+        });
+    });
+});

src/export/formatter.ts

@@ -0,0 +1,7 @@
+import { BaseXmlComponent, IXmlableObject } from "file/xml-components";
+
+export class Formatter {
+    public format(input: BaseXmlComponent): IXmlableObject {
+        return input.prepForXml();
+    }
+}

src/export/index.ts

@@ -0,0 +1,4 @@
+export * from "./packer/local";
+export * from "./packer/express";
+export * from "./packer/packer";
+export * from "./packer/stream";

src/export/packer/compiler.ts

@@ -0,0 +1,105 @@
+import * as archiver from "archiver";
+import * as express from "express";
+import { Writable } from "stream";
+import * as xml from "xml";
+
+import { File } from "file";
+import { Formatter } from "../formatter";
+
+export class Compiler {
+    protected archive: archiver.Archiver;
+    private formatter: Formatter;
+
+    constructor(private file: File) {
+        this.formatter = new Formatter();
+        this.archive = archiver.create("zip", {});
+
+        this.archive.on("error", (err) => {
+            throw err;
+        });
+    }
+
+    public async compile(output: Writable | express.Response): Promise<void> {
+        this.archive.pipe(output);
+
+        const xmlDocument = xml(this.formatter.format(this.file.Document), true);
+        const xmlStyles = xml(this.formatter.format(this.file.Styles));
+        const xmlProperties = xml(this.formatter.format(this.file.CoreProperties), {
+            declaration: {
+                standalone: "yes",
+                encoding: "UTF-8",
+            },
+        });
+        const xmlNumbering = xml(this.formatter.format(this.file.Numbering));
+        const xmlRelationships = xml(this.formatter.format(this.file.DocumentRelationships));
+        const xmlFileRelationships = xml(this.formatter.format(this.file.FileRelationships));
+        const xmlHeader = xml(this.formatter.format(this.file.Header.Header));
+        const xmlFooter = xml(this.formatter.format(this.file.Footer.Footer));
+        const xmlHeaderRelationships = xml(this.formatter.format(this.file.Header.Relationships));
+        const xmlFooterRelationships = xml(this.formatter.format(this.file.Footer.Relationships));
+        const xmlContentTypes = xml(this.formatter.format(this.file.ContentTypes));
+        const xmlAppProperties = xml(this.formatter.format(this.file.AppProperties));
+
+        this.archive.append(xmlDocument, {
+            name: "word/document.xml",
+        });
+
+        this.archive.append(xmlStyles, {
+            name: "word/styles.xml",
+        });
+
+        this.archive.append(xmlProperties, {
+            name: "docProps/core.xml",
+        });
+
+        this.archive.append(xmlAppProperties, {
+            name: "docProps/app.xml",
+        });
+
+        this.archive.append(xmlNumbering, {
+            name: "word/numbering.xml",
+        });
+
+        this.archive.append(xmlHeader, {
+            name: "word/header1.xml",
+        });
+
+        this.archive.append(xmlFooter, {
+            name: "word/footer1.xml",
+        });
+
+        this.archive.append(xmlRelationships, {
+            name: "word/_rels/document.xml.rels",
+        });
+
+        this.archive.append(xmlHeaderRelationships, {
+            name: "word/_rels/header1.xml.rels",
+        });
+
+        this.archive.append(xmlFooterRelationships, {
+            name: "word/_rels/footer1.xml.rels",
+        });
+
+        this.archive.append(xmlContentTypes, {
+            name: "[Content_Types].xml",
+        });
+
+        this.archive.append(xmlFileRelationships, {
+            name: "_rels/.rels",
+        });
+
+        for (const data of this.file.Media.array) {
+            this.archive.append(data.stream, {
+                name: `word/media/${data.fileName}`,
+            });
+        }
+
+        this.archive.finalize();
+
+        return new Promise<void>((resolve) => {
+            output.on("close", () => {
+                resolve();
+            });
+        });
+    }
+}

src/export/packer/express.ts

@@ -0,0 +1,29 @@
+import * as express from "express";
+
+import { File } from "file";
+import { Compiler } from "./compiler";
+import { IPacker } from "./packer";
+
+export class ExpressPacker implements IPacker {
+    private readonly packer: Compiler;
+
+    constructor(file: File, private readonly res: express.Response) {
+        this.packer = new Compiler(file);
+
+        this.res = res;
+
+        this.res.on("close", () => {
+            return res
+                .status(200)
+                .send("OK")
+                .end();
+        });
+    }
+
+    public async pack(name: string): Promise<void> {
+        name = name.replace(/.docx$/, "");
+
+        this.res.attachment(`${name}.docx`);
+        await this.packer.compile(this.res);
+    }
+}

src/export/packer/local.spec.ts

@@ -0,0 +1,42 @@
+/* tslint:disable:typedef space-before-function-paren */
+import * as fs from "fs";
+
+import { LocalPacker } from "../../export/packer/local";
+import { File, Paragraph } from "../../file";
+
+describe("LocalPacker", () => {
+    let packer: LocalPacker;
+
+    beforeEach(() => {
+        const file = new File({
+            creator: "Dolan Miu",
+            revision: "1",
+            lastModifiedBy: "Dolan Miu",
+        });
+        const paragraph = new Paragraph("test text");
+        const heading = new Paragraph("Hello world").heading1();
+        file.addParagraph(new Paragraph("title").title());
+        file.addParagraph(heading);
+        file.addParagraph(new Paragraph("heading 2").heading2());
+        file.addParagraph(paragraph);
+
+        packer = new LocalPacker(file);
+    });
+
+    describe("#pack()", () => {
+        it("should create a standard docx file", async function() {
+            this.timeout(99999999);
+            await packer.pack("build/tests/test");
+            fs.statSync("build/tests/test.docx");
+        });
+    });
+
+    describe("#packPdf", () => {
+        it("should create a standard PDF file", async function() {
+            this.timeout(99999999);
+
+            await packer.packPdf("build/tests/pdf-test");
+            fs.statSync("build/tests/pdf-test.pdf");
+        });
+    });
+});

src/export/packer/local.ts

@@ -0,0 +1,47 @@
+import * as fs from "fs";
+import * as os from "os";
+import * as path from "path";
+
+import { File } from "../../file";
+import { Compiler } from "./compiler";
+import { IPacker } from "./packer";
+import { PdfConvertWrapper } from "./pdf-convert-wrapper";
+
+export class LocalPacker implements IPacker {
+    private stream: fs.WriteStream;
+    private readonly pdfConverter: PdfConvertWrapper;
+    private readonly packer: Compiler;
+
+    constructor(file: File) {
+        this.pdfConverter = new PdfConvertWrapper();
+        this.packer = new Compiler(file);
+    }
+
+    public async pack(filePath: string): Promise<void> {
+        filePath = filePath.replace(/.docx$/, "");
+
+        this.stream = fs.createWriteStream(`${filePath}.docx`);
+        await this.packer.compile(this.stream);
+    }
+
+    public async packPdf(filePath: string): Promise<void> {
+        filePath = filePath.replace(/.pdf$/, "");
+
+        const fileName = path.basename(filePath, path.extname(filePath));
+        const tempPath = path.join(os.tmpdir(), `${fileName}.docx`);
+        this.stream = fs.createWriteStream(tempPath);
+        await this.packer.compile(this.stream);
+        const text = await this.pdfConverter.convert(tempPath);
+        // const writeFile = util.promisify(fs.writeFile); --use this in future, in 3 years time. Only in node 8
+        // return writeFile(`${filePath}.pdf`, text);
+        return new Promise<void>((resolve, reject) => {
+            fs.writeFile(`${filePath}.pdf`, text, (err) => {
+                if (err) {
+                    reject(err);
+                    return;
+                }
+                resolve();
+            });
+        });
+    }
+}

src/export/packer/packer.ts

@@ -0,0 +1,6 @@
+export interface IPacker {
+    pack(path: string): void;
+}
+
+// Needed because of: https://github.com/s-panferov/awesome-typescript-loader/issues/432
+export const WORKAROUND = "";

src/export/packer/pdf-convert-wrapper.ts

@@ -0,0 +1,35 @@
+/* tslint:disable:object-literal-key-quotes */
+// This tslint disable is needed, or it simply won't work
+import * as fs from "fs";
+import * as request from "request-promise";
+
+export interface IConvertOutput {
+    data: string;
+}
+
+export class PdfConvertWrapper {
+    public convert(filePath: string): request.RequestPromise {
+        return request.post({
+            url: "http://mirror1.convertonlinefree.com",
+            encoding: null,
+            headers: {
+                "User-Agent":
+                    "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/37.0.2062.94 Safari/537.36",
+            },
+            formData: {
+                __EVENTTARGET: "",
+                __EVENTARGUMENT: "",
+                __VIEWSTATE: "",
+                ctl00$MainContent$fu: {
+                    value: fs.readFileSync(filePath),
+                    options: {
+                        filename: "output.docx",
+                        contentType: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+                    },
+                },
+                ctl00$MainContent$btnConvert: "Convert",
+                ctl00$MainContent$fuZip: "",
+            },
+        });
+    }
+}

src/export/packer/stream.ts

@@ -0,0 +1,25 @@
+import { Readable, Transform } from "stream";
+import { File } from "../../file";
+import { Compiler } from "./compiler";
+import { IPacker } from "./packer";
+
+class Pipe extends Transform {
+    public _transform(chunk: Buffer | string, encoding: string, callback: () => void): void {
+        this.push(chunk, encoding);
+        callback();
+    }
+}
+
+export class StreamPacker implements IPacker {
+    private readonly compiler: Compiler;
+
+    constructor(file: File) {
+        this.compiler = new Compiler(file);
+    }
+
+    public pack(): Readable {
+        const pipe = new Pipe();
+        this.compiler.compile(pipe);
+        return pipe;
+    }
+}

src/file/app-properties/app-properties-attributes.ts

@@ -0,0 +1,13 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IAppPropertiesAttributes {
+    xmlns: string;
+    vt: string;
+}
+
+export class AppPropertiesAttributes extends XmlAttributeComponent<IAppPropertiesAttributes> {
+    protected xmlKeys = {
+        xmlns: "xmlns",
+        vt: "xmlns:vt",
+    };
+}

src/file/app-properties/app-properties.ts

@@ -0,0 +1,15 @@
+import { XmlComponent } from "file/xml-components";
+import { AppPropertiesAttributes } from "./app-properties-attributes";
+
+export class AppProperties extends XmlComponent {
+    constructor() {
+        super("Properties");
+
+        this.root.push(
+            new AppPropertiesAttributes({
+                xmlns: "http://schemas.openxmlformats.org/officeDocument/2006/extended-properties",
+                vt: "http://schemas.openxmlformats.org/officeDocument/2006/docPropsVTypes",
+            }),
+        );
+    }
+}

src/file/content-types/content-types-attributes.ts

@@ -0,0 +1,11 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IContentTypeAttributes {
+    xmlns?: string;
+}
+
+export class ContentTypeAttributes extends XmlAttributeComponent<IContentTypeAttributes> {
+    protected xmlKeys = {
+        xmlns: "xmlns",
+    };
+}

src/file/content-types/content-types.ts

@@ -0,0 +1,34 @@
+import { XmlComponent } from "file/xml-components";
+import { ContentTypeAttributes } from "./content-types-attributes";
+import { Default } from "./default/default";
+import { Override } from "./override/override";
+
+export class ContentTypes extends XmlComponent {
+    constructor() {
+        super("Types");
+
+        this.root.push(
+            new ContentTypeAttributes({
+                xmlns: "http://schemas.openxmlformats.org/package/2006/content-types",
+            }),
+        );
+
+        this.root.push(new Default("image/png", "png"));
+        this.root.push(new Default("image/jpeg", "jpeg"));
+        this.root.push(new Default("image/jpeg", "jpg"));
+        this.root.push(new Default("image/bmp", "bmp"));
+        this.root.push(new Default("image/gif", "gif"));
+        this.root.push(new Default("application/vnd.openxmlformats-package.relationships+xml", "rels"));
+        this.root.push(new Default("application/xml", "xml"));
+
+        this.root.push(
+            new Override("application/vnd.openxmlformats-officedocument.wordprocessingml.document.main+xml", "/word/document.xml"),
+        );
+        this.root.push(new Override("application/vnd.openxmlformats-officedocument.wordprocessingml.header+xml", "/word/header1.xml"));
+        this.root.push(new Override("application/vnd.openxmlformats-officedocument.wordprocessingml.footer+xml", "/word/footer1.xml"));
+        this.root.push(new Override("application/vnd.openxmlformats-officedocument.wordprocessingml.styles+xml", "/word/styles.xml"));
+        this.root.push(new Override("application/vnd.openxmlformats-package.core-properties+xml", "/docProps/core.xml"));
+        this.root.push(new Override("application/vnd.openxmlformats-officedocument.extended-properties+xml", "/docProps/app.xml"));
+        this.root.push(new Override("application/vnd.openxmlformats-officedocument.wordprocessingml.numbering+xml", "/word/numbering.xml"));
+    }
+}

src/file/content-types/default/default-attributes.ts

@@ -0,0 +1,13 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IDefaultAttributes {
+    contentType: string;
+    extension?: string;
+}
+
+export class DefaultAttributes extends XmlAttributeComponent<IDefaultAttributes> {
+    protected xmlKeys = {
+        contentType: "ContentType",
+        extension: "Extension",
+    };
+}

src/file/content-types/default/default.ts

@@ -0,0 +1,15 @@
+import { XmlComponent } from "file/xml-components";
+import { DefaultAttributes } from "./default-attributes";
+
+export class Default extends XmlComponent {
+    constructor(contentType: string, extension?: string) {
+        super("Default");
+
+        this.root.push(
+            new DefaultAttributes({
+                contentType: contentType,
+                extension: extension,
+            }),
+        );
+    }
+}

src/file/content-types/override/override-attributes.ts

@@ -0,0 +1,13 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IOverrideAttributes {
+    contentType: string;
+    partName?: string;
+}
+
+export class OverrideAttributes extends XmlAttributeComponent<IOverrideAttributes> {
+    protected xmlKeys = {
+        contentType: "ContentType",
+        partName: "PartName",
+    };
+}

src/file/content-types/override/override.ts

@@ -0,0 +1,15 @@
+import { XmlComponent } from "file/xml-components";
+import { OverrideAttributes } from "./override-attributes";
+
+export class Override extends XmlComponent {
+    constructor(contentType: string, partName?: string) {
+        super("Override");
+
+        this.root.push(
+            new OverrideAttributes({
+                contentType: contentType,
+                partName: partName,
+            }),
+        );
+    }
+}

src/file/core-properties/components.ts

@@ -0,0 +1,89 @@
+import { XmlComponent } from "file/xml-components";
+import { DocumentAttributes } from "../document/document-attributes";
+
+export class Title extends XmlComponent {
+    constructor(value: string) {
+        super("dc:title");
+        this.root.push(value);
+    }
+}
+
+export class Subject extends XmlComponent {
+    constructor(value: string) {
+        super("dc:subject");
+        this.root.push(value);
+    }
+}
+
+export class Creator extends XmlComponent {
+    constructor(value: string) {
+        super("dc:creator");
+        this.root.push(value);
+    }
+}
+
+export class Keywords extends XmlComponent {
+    constructor(value: string) {
+        super("cp:keywords");
+        this.root.push(value);
+    }
+}
+
+export class Description extends XmlComponent {
+    constructor(value: string) {
+        super("dc:description");
+        this.root.push(value);
+    }
+}
+
+export class LastModifiedBy extends XmlComponent {
+    constructor(value: string) {
+        super("cp:lastModifiedBy");
+        this.root.push(value);
+    }
+}
+
+export class Revision extends XmlComponent {
+    constructor(value: string) {
+        super("cp:revision");
+        this.root.push(value);
+    }
+}
+
+export abstract class DateComponent extends XmlComponent {
+    protected getCurrentDate(): string {
+        const date = new Date();
+        const year = date.getFullYear();
+        const month = ("0" + (date.getMonth() + 1)).slice(-2);
+        const day = ("0" + date.getDate()).slice(-2);
+        const hours = ("0" + date.getHours()).slice(-2);
+        const minutes = ("0" + date.getMinutes()).slice(-2);
+        const seconds = ("0" + date.getSeconds()).slice(-2);
+
+        return year + "-" + month + "-" + day + "T" + hours + ":" + minutes + ":" + seconds + "Z";
+    }
+}
+
+export class Created extends DateComponent {
+    constructor() {
+        super("dcterms:created");
+        this.root.push(
+            new DocumentAttributes({
+                type: "dcterms:W3CDTF",
+            }),
+        );
+        this.root.push(this.getCurrentDate());
+    }
+}
+
+export class Modified extends DateComponent {
+    constructor() {
+        super("dcterms:modified");
+        this.root.push(
+            new DocumentAttributes({
+                type: "dcterms:W3CDTF",
+            }),
+        );
+        this.root.push(this.getCurrentDate());
+    }
+}

src/file/core-properties/index.ts

@@ -0,0 +1 @@
+export * from "./properties";

src/file/core-properties/properties.spec.ts

@@ -0,0 +1,71 @@
+import { expect } from "chai";
+
+import { Formatter } from "../../export/formatter";
+import { CoreProperties } from "./properties";
+
+describe("Properties", () => {
+    describe("#constructor()", () => {
+        it("sets the appropriate attributes on the top-level", () => {
+            const properties = new CoreProperties({});
+            const tree = new Formatter().format(properties);
+            expect(Object.keys(tree)).to.deep.equal(["cp:coreProperties"]);
+            expect(tree["cp:coreProperties"]).to.be.an.instanceof(Array);
+            expect(tree["cp:coreProperties"][0]).to.deep.equal({
+                _attr: {
+                    "xmlns:cp": "http://schemas.openxmlformats.org/package/2006/metadata/core-properties",
+                    "xmlns:dc": "http://purl.org/dc/elements/1.1/",
+                    "xmlns:dcmitype": "http://purl.org/dc/dcmitype/",
+                    "xmlns:dcterms": "http://purl.org/dc/terms/",
+                    "xmlns:xsi": "http://www.w3.org/2001/XMLSchema-instance",
+                },
+            });
+        });
+
+        it("should create properties with a title", () => {
+            const properties = new CoreProperties({ title: "test document" });
+            const tree = new Formatter().format(properties);
+            expect(Object.keys(tree)).to.deep.equal(["cp:coreProperties"]);
+            expect(tree["cp:coreProperties"]).to.be.an.instanceof(Array);
+            expect(Object.keys(tree["cp:coreProperties"][0])).to.deep.equal(["_attr"]);
+            expect(tree["cp:coreProperties"][1]).to.deep.equal({ "dc:title": ["test document"] });
+        });
+
+        it("should create properties with all the attributes given", () => {
+            const properties = new CoreProperties({
+                title: "test document",
+                subject: "test subject",
+                creator: "me",
+                keywords: "test docx",
+                description: "testing document",
+                lastModifiedBy: "the author",
+                revision: "123",
+            });
+            const tree = new Formatter().format(properties);
+            expect(Object.keys(tree)).to.deep.equal(["cp:coreProperties"]);
+            expect(tree["cp:coreProperties"]).to.be.an.instanceof(Array);
+            const key = (obj) => Object.keys(obj)[0];
+            const props = tree["cp:coreProperties"].map(key).sort();
+            expect(props).to.deep.equal([
+                "_attr",
+                "cp:keywords",
+                "cp:lastModifiedBy",
+                "cp:revision",
+                "dc:creator",
+                "dc:description",
+                "dc:subject",
+                "dc:title",
+                "dcterms:created",
+                "dcterms:modified",
+            ]);
+            expect(tree["cp:coreProperties"].slice(1, -2).sort((a, b) => (key(a) < key(b) ? -1 : 1))).to.deep.equal([
+                { "cp:keywords": ["test docx"] },
+                { "cp:lastModifiedBy": ["the author"] },
+                { "cp:revision": ["123"] },
+                { "dc:creator": ["me"] },
+                { "dc:description": ["testing document"] },
+                { "dc:subject": ["test subject"] },
+                { "dc:title": ["test document"] },
+            ]);
+        });
+    });
+});

src/file/core-properties/properties.ts

@@ -0,0 +1,51 @@
+import { XmlComponent } from "file/xml-components";
+import { DocumentAttributes } from "../document/document-attributes";
+import { Created, Creator, Description, Keywords, LastModifiedBy, Modified, Revision, Subject, Title } from "./components";
+
+export interface IPropertiesOptions {
+    title?: string;
+    subject?: string;
+    creator?: string;
+    keywords?: string;
+    description?: string;
+    lastModifiedBy?: string;
+    revision?: string;
+}
+
+export class CoreProperties extends XmlComponent {
+    constructor(options: IPropertiesOptions) {
+        super("cp:coreProperties");
+        this.root.push(
+            new DocumentAttributes({
+                cp: "http://schemas.openxmlformats.org/package/2006/metadata/core-properties",
+                dc: "http://purl.org/dc/elements/1.1/",
+                dcterms: "http://purl.org/dc/terms/",
+                dcmitype: "http://purl.org/dc/dcmitype/",
+                xsi: "http://www.w3.org/2001/XMLSchema-instance",
+            }),
+        );
+        if (options.title) {
+            this.root.push(new Title(options.title));
+        }
+        if (options.subject) {
+            this.root.push(new Subject(options.subject));
+        }
+        if (options.creator) {
+            this.root.push(new Creator(options.creator));
+        }
+        if (options.keywords) {
+            this.root.push(new Keywords(options.keywords));
+        }
+        if (options.description) {
+            this.root.push(new Description(options.description));
+        }
+        if (options.lastModifiedBy) {
+            this.root.push(new LastModifiedBy(options.lastModifiedBy));
+        }
+        if (options.revision) {
+            this.root.push(new Revision(options.revision));
+        }
+        this.root.push(new Created());
+        this.root.push(new Modified());
+    }
+}

src/file/document/body/body.spec.ts

@@ -0,0 +1,39 @@
+// import { assert } from "chai";
+
+// import { Utility } from "../../../tests/utility";
+// import { Body } from "./";
+
+describe("Body", () => {
+    // let body: Body;
+
+    beforeEach(() => {
+        // body = new Body();
+    });
+
+    // describe("#constructor()", () => {
+    //     it("should create the Section Properties", () => {
+    //         const newJson = Utility.jsonify(body);
+    //         assert.equal(newJson.root[0].rootKey, "w:sectPr");
+    //     });
+
+    //     it("should create the Page Size", () => {
+    //         const newJson = Utility.jsonify(body);
+    //         assert.equal(newJson.root[1].rootKey, "w:pgSz");
+    //     });
+
+    //     it("should create the Page Margin", () => {
+    //         const newJson = Utility.jsonify(body);
+    //         assert.equal(newJson.root[2].rootKey, "w:pgMar");
+    //     });
+
+    //     it("should create the Columns", () => {
+    //         const newJson = Utility.jsonify(body);
+    //         assert.equal(newJson.root[3].rootKey, "w:cols");
+    //     });
+
+    //     it("should create the Document Grid", () => {
+    //         const newJson = Utility.jsonify(body);
+    //         assert.equal(newJson.root[4].rootKey, "w:docGrid");
+    //     });
+    // });
+});

src/file/document/body/body.ts

@@ -0,0 +1,14 @@
+import { XmlComponent } from "file/xml-components";
+import { SectionProperties, SectionPropertiesOptions } from "./section-properties/section-properties";
+
+export class Body extends XmlComponent {
+    constructor(sectionPropertiesOptions?: SectionPropertiesOptions) {
+        super("w:body");
+
+        this.root.push(new SectionProperties(sectionPropertiesOptions));
+    }
+
+    public push(component: XmlComponent): void {
+        this.root.push(component);
+    }
+}

src/file/document/body/index.ts

@@ -0,0 +1 @@
+export * from "./body";

src/file/document/body/section-properties/columns/columns-attributes.ts

@@ -0,0 +1,11 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IColumnsAttributes {
+    space?: number;
+}
+
+export class ColumnsAttributes extends XmlAttributeComponent<IColumnsAttributes> {
+    protected xmlKeys = {
+        space: "w:space",
+    };
+}

src/file/document/body/section-properties/columns/columns.ts

@@ -0,0 +1,13 @@
+import { XmlComponent } from "file/xml-components";
+import { ColumnsAttributes } from "./columns-attributes";
+
+export class Columns extends XmlComponent {
+    constructor(space: number) {
+        super("w:cols");
+        this.root.push(
+            new ColumnsAttributes({
+                space: space,
+            }),
+        );
+    }
+}

src/file/document/body/section-properties/doc-grid/doc-grid-attributes.ts

@@ -0,0 +1,11 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IDocGridAttributesProperties {
+    linePitch?: number;
+}
+
+export class DocGridAttributes extends XmlAttributeComponent<IDocGridAttributesProperties> {
+    protected xmlKeys = {
+        linePitch: "w:linePitch",
+    };
+}

src/file/document/body/section-properties/doc-grid/doc-grid.ts

@@ -0,0 +1,13 @@
+import { XmlComponent } from "file/xml-components";
+import { DocGridAttributes } from "./doc-grid-attributes";
+
+export class DocumentGrid extends XmlComponent {
+    constructor(linePitch: number) {
+        super("w:docGrid");
+        this.root.push(
+            new DocGridAttributes({
+                linePitch: linePitch,
+            }),
+        );
+    }
+}

src/file/document/body/section-properties/footer-reference/footer-reference-attributes.ts

@@ -0,0 +1,13 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IFooterReferenceAttributes {
+    type: string;
+    id: string;
+}
+
+export class FooterReferenceAttributes extends XmlAttributeComponent<IFooterReferenceAttributes> {
+    protected xmlKeys = {
+        type: "w:type",
+        id: "r:id",
+    };
+}

src/file/document/body/section-properties/footer-reference/footer-reference.ts

@@ -0,0 +1,14 @@
+import { XmlComponent } from "file/xml-components";
+import { FooterReferenceAttributes } from "./footer-reference-attributes";
+
+export class FooterReference extends XmlComponent {
+    constructor() {
+        super("w:footerReference");
+        this.root.push(
+            new FooterReferenceAttributes({
+                type: "default",
+                id: `rId${4}`,
+            }),
+        );
+    }
+}

src/file/document/body/section-properties/header-reference/header-reference-attributes.ts

@@ -0,0 +1,13 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IHeaderReferenceAttributes {
+    type: string;
+    id: string;
+}
+
+export class HeaderReferenceAttributes extends XmlAttributeComponent<IHeaderReferenceAttributes> {
+    protected xmlKeys = {
+        type: "w:type",
+        id: "r:id",
+    };
+}

src/file/document/body/section-properties/header-reference/header-reference.ts

@@ -0,0 +1,14 @@
+import { XmlComponent } from "file/xml-components";
+import { HeaderReferenceAttributes } from "./header-reference-attributes";
+
+export class HeaderReference extends XmlComponent {
+    constructor() {
+        super("w:headerReference");
+        this.root.push(
+            new HeaderReferenceAttributes({
+                type: "default",
+                id: `rId${3}`,
+            }),
+        );
+    }
+}

src/file/document/body/section-properties/page-margin/page-margin-attributes.ts

@@ -0,0 +1,23 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IPageMarginAttributes {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+    header?: number;
+    footer?: number;
+    gutter?: number;
+}
+
+export class PageMarginAttributes extends XmlAttributeComponent<IPageMarginAttributes> {
+    protected xmlKeys = {
+        top: "w:top",
+        right: "w:right",
+        bottom: "w:bottom",
+        left: "w:left",
+        header: "w:header",
+        footer: "w:footer",
+        gutter: "w:gutter",
+    };
+}

src/file/document/body/section-properties/page-margin/page-margin.ts

@@ -0,0 +1,19 @@
+import { XmlComponent } from "file/xml-components";
+import { PageMarginAttributes } from "./page-margin-attributes";
+
+export class PageMargin extends XmlComponent {
+    constructor(top: number, right: number, bottom: number, left: number, header: number, footer: number, gutter: number) {
+        super("w:pgMar");
+        this.root.push(
+            new PageMarginAttributes({
+                top: top,
+                right: right,
+                bottom: bottom,
+                left: left,
+                header: header,
+                footer: footer,
+                gutter: gutter,
+            }),
+        );
+    }
+}

src/file/document/body/section-properties/page-size/page-size-attributes.ts

@@ -0,0 +1,15 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IPageSizeAttributes {
+    width?: number;
+    height?: number;
+    orientation?: string;
+}
+
+export class PageSizeAttributes extends XmlAttributeComponent<IPageSizeAttributes> {
+    protected xmlKeys = {
+        width: "w:w",
+        height: "w:h",
+        orientation: "w:orient",
+    };
+}

src/file/document/body/section-properties/page-size/page-size.spec.ts

@@ -0,0 +1,26 @@
+import { expect } from "chai";
+
+import { Formatter } from "../../../../../export/formatter";
+import { PageSize } from "./page-size";
+
+describe("PageSize", () => {
+    describe("#constructor()", () => {
+        it("should create page size with portrait", () => {
+            const properties = new PageSize(100, 200, "portrait");
+            const tree = new Formatter().format(properties);
+
+            expect(Object.keys(tree)).to.deep.equal(["w:pgSz"]);
+            expect(tree["w:pgSz"]).to.be.an.instanceof(Array);
+            expect(tree["w:pgSz"][0]).to.deep.equal({ _attr: { "w:h": 200, "w:w": 100, "w:orient": "portrait" } });
+        });
+
+        it("should create page size with horizontal and invert the lengths", () => {
+            const properties = new PageSize(100, 200, "landscape");
+            const tree = new Formatter().format(properties);
+
+            expect(Object.keys(tree)).to.deep.equal(["w:pgSz"]);
+            expect(tree["w:pgSz"]).to.be.an.instanceof(Array);
+            expect(tree["w:pgSz"][0]).to.deep.equal({ _attr: { "w:h": 100, "w:w": 200, "w:orient": "landscape" } });
+        });
+    });
+});

src/file/document/body/section-properties/page-size/page-size.ts

@@ -0,0 +1,18 @@
+import { XmlComponent } from "file/xml-components";
+import { PageSizeAttributes } from "./page-size-attributes";
+
+export class PageSize extends XmlComponent {
+    constructor(width: number, height: number, orientation: string) {
+        super("w:pgSz");
+
+        const flip = orientation === "landscape";
+
+        this.root.push(
+            new PageSizeAttributes({
+                width: flip ? height : width,
+                height: flip ? width : height,
+                orientation: orientation,
+            }),
+        );
+    }
+}

src/file/document/body/section-properties/section-properties.spec.ts

@@ -0,0 +1,142 @@
+import { expect } from "chai";
+
+import { Formatter } from "../../../../export/formatter";
+import { SectionProperties } from "./section-properties";
+
+describe("SectionProperties", () => {
+    describe("#constructor()", () => {
+        it("should create section properties with options", () => {
+            const properties = new SectionProperties({
+                width: 11906,
+                height: 16838,
+                top: 1440,
+                right: 1440,
+                bottom: 1440,
+                left: 1440,
+                header: 708,
+                footer: 708,
+                gutter: 0,
+                space: 708,
+                linePitch: 360,
+            });
+            const tree = new Formatter().format(properties);
+            expect(Object.keys(tree)).to.deep.equal(["w:sectPr"]);
+            expect(tree["w:sectPr"]).to.be.an.instanceof(Array);
+            expect(tree["w:sectPr"][0]).to.deep.equal({ "w:pgSz": [{ _attr: { "w:h": 16838, "w:w": 11906, "w:orient": "portrait" } }] });
+            expect(tree["w:sectPr"][1]).to.deep.equal({
+                "w:pgMar": [
+                    {
+                        _attr: {
+                            "w:bottom": 1440,
+                            "w:footer": 708,
+                            "w:top": 1440,
+                            "w:right": 1440,
+                            "w:left": 1440,
+                            "w:header": 708,
+                            "w:gutter": 0,
+                        },
+                    },
+                ],
+            });
+        });
+
+        it("should create section properties with no options", () => {
+            const properties = new SectionProperties();
+            const tree = new Formatter().format(properties);
+            expect(Object.keys(tree)).to.deep.equal(["w:sectPr"]);
+            expect(tree["w:sectPr"]).to.be.an.instanceof(Array);
+            expect(tree["w:sectPr"][0]).to.deep.equal({ "w:pgSz": [{ _attr: { "w:h": 16838, "w:w": 11906, "w:orient": "portrait" } }] });
+            expect(tree["w:sectPr"][1]).to.deep.equal({
+                "w:pgMar": [
+                    {
+                        _attr: {
+                            "w:bottom": 1440,
+                            "w:footer": 708,
+                            "w:top": 1440,
+                            "w:right": 1440,
+                            "w:left": 1440,
+                            "w:header": 708,
+                            "w:gutter": 0,
+                        },
+                    },
+                ],
+            });
+        });
+
+        it("should create section properties with changed options", () => {
+            const properties = new SectionProperties({
+                top: 0,
+            });
+            const tree = new Formatter().format(properties);
+            expect(Object.keys(tree)).to.deep.equal(["w:sectPr"]);
+            expect(tree["w:sectPr"]).to.be.an.instanceof(Array);
+            expect(tree["w:sectPr"][0]).to.deep.equal({ "w:pgSz": [{ _attr: { "w:h": 16838, "w:w": 11906, "w:orient": "portrait" } }] });
+            expect(tree["w:sectPr"][1]).to.deep.equal({
+                "w:pgMar": [
+                    {
+                        _attr: {
+                            "w:bottom": 1440,
+                            "w:footer": 708,
+                            "w:top": 0,
+                            "w:right": 1440,
+                            "w:left": 1440,
+                            "w:header": 708,
+                            "w:gutter": 0,
+                        },
+                    },
+                ],
+            });
+        });
+
+        it("should create section properties with changed options", () => {
+            const properties = new SectionProperties({
+                bottom: 0,
+            });
+            const tree = new Formatter().format(properties);
+            expect(Object.keys(tree)).to.deep.equal(["w:sectPr"]);
+            expect(tree["w:sectPr"]).to.be.an.instanceof(Array);
+            expect(tree["w:sectPr"][0]).to.deep.equal({ "w:pgSz": [{ _attr: { "w:h": 16838, "w:w": 11906, "w:orient": "portrait" } }] });
+            expect(tree["w:sectPr"][1]).to.deep.equal({
+                "w:pgMar": [
+                    {
+                        _attr: {
+                            "w:bottom": 0,
+                            "w:footer": 708,
+                            "w:top": 1440,
+                            "w:right": 1440,
+                            "w:left": 1440,
+                            "w:header": 708,
+                            "w:gutter": 0,
+                        },
+                    },
+                ],
+            });
+        });
+
+        it("should create section properties with changed options", () => {
+            const properties = new SectionProperties({
+                width: 0,
+                height: 0,
+            });
+            const tree = new Formatter().format(properties);
+            expect(Object.keys(tree)).to.deep.equal(["w:sectPr"]);
+            expect(tree["w:sectPr"]).to.be.an.instanceof(Array);
+            expect(tree["w:sectPr"][0]).to.deep.equal({ "w:pgSz": [{ _attr: { "w:h": 0, "w:w": 0, "w:orient": "portrait" } }] });
+            expect(tree["w:sectPr"][1]).to.deep.equal({
+                "w:pgMar": [
+                    {
+                        _attr: {
+                            "w:bottom": 1440,
+                            "w:footer": 708,
+                            "w:top": 1440,
+                            "w:right": 1440,
+                            "w:left": 1440,
+                            "w:header": 708,
+                            "w:gutter": 0,
+                        },
+                    },
+                ],
+            });
+        });
+    });
+});

src/file/document/body/section-properties/section-properties.ts

@@ -0,0 +1,57 @@
+// http://officeopenxml.com/WPsection.php
+import { XmlComponent } from "file/xml-components";
+import { Columns } from "./columns/columns";
+import { IColumnsAttributes } from "./columns/columns-attributes";
+import { DocumentGrid } from "./doc-grid/doc-grid";
+import { IDocGridAttributesProperties } from "./doc-grid/doc-grid-attributes";
+import { FooterReference } from "./footer-reference/footer-reference";
+import { HeaderReference } from "./header-reference/header-reference";
+import { PageMargin } from "./page-margin/page-margin";
+import { IPageMarginAttributes } from "./page-margin/page-margin-attributes";
+import { PageSize } from "./page-size/page-size";
+import { IPageSizeAttributes } from "./page-size/page-size-attributes";
+
+export type SectionPropertiesOptions = IPageSizeAttributes & IPageMarginAttributes & IColumnsAttributes & IDocGridAttributesProperties;
+
+export class SectionProperties extends XmlComponent {
+    constructor(options?: SectionPropertiesOptions) {
+        super("w:sectPr");
+
+        const defaultOptions = {
+            width: 11906,
+            height: 16838,
+            top: 1440,
+            right: 1440,
+            bottom: 1440,
+            left: 1440,
+            header: 708,
+            footer: 708,
+            gutter: 0,
+            space: 708,
+            linePitch: 360,
+            orientation: "portrait",
+        };
+
+        const mergedOptions = {
+            ...defaultOptions,
+            ...options,
+        };
+
+        this.root.push(new PageSize(mergedOptions.width, mergedOptions.height, mergedOptions.orientation));
+        this.root.push(
+            new PageMargin(
+                mergedOptions.top,
+                mergedOptions.right,
+                mergedOptions.bottom,
+                mergedOptions.left,
+                mergedOptions.header,
+                mergedOptions.footer,
+                mergedOptions.gutter,
+            ),
+        );
+        this.root.push(new Columns(mergedOptions.space));
+        this.root.push(new DocumentGrid(mergedOptions.linePitch));
+        this.root.push(new HeaderReference());
+        this.root.push(new FooterReference());
+    }
+}

src/file/document/document-attributes.ts

@@ -0,0 +1,55 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IDocumentAttributesProperties {
+    wpc?: string;
+    mc?: string;
+    o?: string;
+    r?: string;
+    m?: string;
+    v?: string;
+    wp14?: string;
+    wp?: string;
+    w10?: string;
+    w?: string;
+    w14?: string;
+    w15?: string;
+    wpg?: string;
+    wpi?: string;
+    wne?: string;
+    wps?: string;
+    Ignorable?: string;
+    cp?: string;
+    dc?: string;
+    dcterms?: string;
+    dcmitype?: string;
+    xsi?: string;
+    type?: string;
+}
+
+export class DocumentAttributes extends XmlAttributeComponent<IDocumentAttributesProperties> {
+    protected xmlKeys = {
+        wpc: "xmlns:wpc",
+        mc: "xmlns:mc",
+        o: "xmlns:o",
+        r: "xmlns:r",
+        m: "xmlns:m",
+        v: "xmlns:v",
+        wp14: "xmlns:wp14",
+        wp: "xmlns:wp",
+        w10: "xmlns:w10",
+        w: "xmlns:w",
+        w14: "xmlns:w14",
+        w15: "xmlns:w15",
+        wpg: "xmlns:wpg",
+        wpi: "xmlns:wpi",
+        wne: "xmlns:wne",
+        wps: "xmlns:wps",
+        Ignorable: "mc:Ignorable",
+        cp: "xmlns:cp",
+        dc: "xmlns:dc",
+        dcterms: "xmlns:dcterms",
+        dcmitype: "xmlns:dcmitype",
+        xsi: "xmlns:xsi",
+        type: "xsi:type",
+    };
+}

src/file/document/document.spec.ts

@@ -0,0 +1,83 @@
+import { assert, expect } from "chai";
+
+import { Formatter } from "../../export/formatter";
+import { Paragraph } from "../paragraph";
+import { Table } from "../table";
+import { Document } from "./document";
+
+describe("Document", () => {
+    let document: Document;
+
+    beforeEach(() => {
+        document = new Document();
+    });
+
+    describe("#constructor()", () => {
+        it("should create valid JSON", () => {
+            const stringifiedJson = JSON.stringify(document);
+
+            try {
+                JSON.parse(stringifiedJson);
+            } catch (e) {
+                assert.isTrue(false);
+            }
+            assert.isTrue(true);
+        });
+    });
+
+    describe("#createParagraph", () => {
+        it("should create a new paragraph and append it to body", () => {
+            const para = document.createParagraph();
+            expect(para).to.be.an.instanceof(Paragraph);
+            const body = new Formatter().format(document)["w:document"][1]["w:body"];
+            expect(body)
+                .to.be.an("array")
+                .which.has.length.at.least(1);
+            expect(body[1]).to.have.property("w:p");
+        });
+
+        it("should use the text given to create a run in the paragraph", () => {
+            const para = document.createParagraph("sample paragraph text");
+            expect(para).to.be.an.instanceof(Paragraph);
+            const body = new Formatter().format(document)["w:document"][1]["w:body"];
+            expect(body)
+                .to.be.an("array")
+                .which.has.length.at.least(1);
+            expect(body[1])
+                .to.have.property("w:p")
+                .which.includes({
+                    "w:r": [{ "w:rPr": [] }, { "w:t": [{ _attr: { "xml:space": "preserve" } }, "sample paragraph text"] }],
+                });
+        });
+    });
+
+    describe("#createTable", () => {
+        it("should create a new table and append it to body", () => {
+            const table = document.createTable(2, 3);
+            expect(table).to.be.an.instanceof(Table);
+            const body = new Formatter().format(document)["w:document"][1]["w:body"];
+            expect(body)
+                .to.be.an("array")
+                .which.has.length.at.least(1);
+            expect(body[1]).to.have.property("w:tbl");
+        });
+
+        it("should create a table with the correct dimensions", () => {
+            document.createTable(2, 3);
+            const body = new Formatter().format(document)["w:document"][1]["w:body"];
+            expect(body)
+                .to.be.an("array")
+                .which.has.length.at.least(1);
+            expect(body[1])
+                .to.have.property("w:tbl")
+                .which.includes({
+                    "w:tblGrid": [
+                        { "w:gridCol": [{ _attr: { "w:w": 1 } }] },
+                        { "w:gridCol": [{ _attr: { "w:w": 1 } }] },
+                        { "w:gridCol": [{ _attr: { "w:w": 1 } }] },
+                    ],
+                });
+            expect(body[1]["w:tbl"].filter((x) => x["w:tr"])).to.have.length(2);
+        });
+    });
+});

src/file/document/document.ts

@@ -0,0 +1,73 @@
+// http://officeopenxml.com/WPdocument.php
+import { IMediaData } from "file/media";
+import { XmlComponent } from "file/xml-components";
+import { Paragraph, PictureRun } from "../paragraph";
+import { Table } from "../table";
+import { Body } from "./body";
+import { SectionPropertiesOptions } from "./body/section-properties/section-properties";
+import { DocumentAttributes } from "./document-attributes";
+
+export class Document extends XmlComponent {
+    private readonly body: Body;
+
+    constructor(sectionPropertiesOptions?: SectionPropertiesOptions) {
+        super("w:document");
+        this.root.push(
+            new DocumentAttributes({
+                wpc: "http://schemas.microsoft.com/office/word/2010/wordprocessingCanvas",
+                mc: "http://schemas.openxmlformats.org/markup-compatibility/2006",
+                o: "urn:schemas-microsoft-com:office:office",
+                r: "http://schemas.openxmlformats.org/officeDocument/2006/relationships",
+                m: "http://schemas.openxmlformats.org/officeDocument/2006/math",
+                v: "urn:schemas-microsoft-com:vml",
+                wp14: "http://schemas.microsoft.com/office/word/2010/wordprocessingDrawing",
+                wp: "http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing",
+                w10: "urn:schemas-microsoft-com:office:word",
+                w: "http://schemas.openxmlformats.org/wordprocessingml/2006/main",
+                w14: "http://schemas.microsoft.com/office/word/2010/wordml",
+                w15: "http://schemas.microsoft.com/office/word/2012/wordml",
+                wpg: "http://schemas.microsoft.com/office/word/2010/wordprocessingGroup",
+                wpi: "http://schemas.microsoft.com/office/word/2010/wordprocessingInk",
+                wne: "http://schemas.microsoft.com/office/word/2006/wordml",
+                wps: "http://schemas.microsoft.com/office/word/2010/wordprocessingShape",
+                Ignorable: "w14 w15 wp14",
+            }),
+        );
+        this.body = new Body(sectionPropertiesOptions);
+        this.root.push(this.body);
+    }
+
+    public addParagraph(paragraph: Paragraph): void {
+        this.body.push(paragraph);
+    }
+
+    public createParagraph(text?: string): Paragraph {
+        const para = new Paragraph(text);
+        this.addParagraph(para);
+        return para;
+    }
+
+    public addTable(table: Table): void {
+        this.body.push(table);
+    }
+
+    public createTable(rows: number, cols: number): Table {
+        const table = new Table(rows, cols);
+        this.addTable(table);
+        return table;
+    }
+
+    public addDrawing(pictureParagraph: Paragraph): void {
+        this.body.push(pictureParagraph);
+    }
+
+    public createDrawing(imageData: IMediaData): PictureRun {
+        const paragraph = new Paragraph();
+        const run = new PictureRun(imageData);
+
+        paragraph.addRun(run);
+        this.addDrawing(paragraph);
+
+        return run;
+    }
+}

src/file/document/index.ts

@@ -0,0 +1 @@
+export * from "./document";

src/file/drawing/drawing.spec.ts

@@ -0,0 +1,37 @@
+import { assert } from "chai";
+import * as fs from "fs";
+
+import { Utility } from "../../tests/utility";
+import { Drawing } from "./";
+
+describe("Drawing", () => {
+    let currentBreak: Drawing;
+
+    beforeEach(() => {
+        const path = "./demo/images/image1.jpeg";
+        currentBreak = new Drawing({
+            fileName: "test.jpg",
+            referenceId: 1,
+            stream: fs.createReadStream(path),
+            path: path,
+            dimensions: {
+                pixels: {
+                    x: 100,
+                    y: 100,
+                },
+                emus: {
+                    x: 100 * 9525,
+                    y: 100 * 9525,
+                },
+            },
+        });
+    });
+
+    describe("#constructor()", () => {
+        it("should create a Drawing with correct root key", () => {
+            const newJson = Utility.jsonify(currentBreak);
+            assert.equal(newJson.rootKey, "w:drawing");
+            // console.log(JSON.stringify(newJson, null, 2));
+        });
+    });
+});

src/file/drawing/drawing.ts

@@ -0,0 +1,23 @@
+import { IMediaData } from "file/media";
+import { XmlComponent } from "file/xml-components";
+import { Inline } from "./inline";
+
+export class Drawing extends XmlComponent {
+    private inline: Inline;
+
+    constructor(imageData: IMediaData) {
+        super("w:drawing");
+
+        if (imageData === undefined) {
+            throw new Error("imageData cannot be undefined");
+        }
+
+        this.inline = new Inline(imageData.referenceId, imageData.dimensions);
+
+        this.root.push(this.inline);
+    }
+
+    public scale(factorX: number, factorY: number): void {
+        this.inline.scale(factorX, factorY);
+    }
+}

src/file/drawing/index.ts

@@ -0,0 +1 @@
+export { Drawing } from "./drawing";

src/file/drawing/inline/doc-properties/doc-properties-attributes.ts

@@ -0,0 +1,15 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IDocPropertiesAttributes {
+    id?: number;
+    name?: string;
+    descr?: string;
+}
+
+export class DocPropertiesAttributes extends XmlAttributeComponent<IDocPropertiesAttributes> {
+    protected xmlKeys = {
+        id: "id",
+        name: "name",
+        descr: "descr",
+    };
+}

src/file/drawing/inline/doc-properties/doc-properties.ts

@@ -0,0 +1,16 @@
+import { XmlComponent } from "file/xml-components";
+import { DocPropertiesAttributes } from "./doc-properties-attributes";
+
+export class DocProperties extends XmlComponent {
+    constructor() {
+        super("wp:docPr");
+
+        this.root.push(
+            new DocPropertiesAttributes({
+                id: 0,
+                name: "",
+                descr: "",
+            }),
+        );
+    }
+}

src/file/drawing/inline/effect-extent/effect-extent-attributes.ts

@@ -0,0 +1,17 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IEffectExtentAttributes {
+    b?: number;
+    l?: number;
+    r?: number;
+    t?: number;
+}
+
+export class EffectExtentAttributes extends XmlAttributeComponent<IEffectExtentAttributes> {
+    protected xmlKeys = {
+        b: "b",
+        l: "l",
+        r: "r",
+        t: "t",
+    };
+}

src/file/drawing/inline/effect-extent/effect-extent.ts

@@ -0,0 +1,17 @@
+import { XmlComponent } from "file/xml-components";
+import { EffectExtentAttributes } from "./effect-extent-attributes";
+
+export class EffectExtent extends XmlComponent {
+    constructor() {
+        super("wp:effectExtent");
+
+        this.root.push(
+            new EffectExtentAttributes({
+                b: 0,
+                l: 0,
+                r: 0,
+                t: 0,
+            }),
+        );
+    }
+}

src/file/drawing/inline/extent/extent-attributes.ts

@@ -0,0 +1,13 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IExtentAttributes {
+    cx?: number;
+    cy?: number;
+}
+
+export class ExtentAttributes extends XmlAttributeComponent<IExtentAttributes> {
+    protected xmlKeys = {
+        cx: "cx",
+        cy: "cy",
+    };
+}

src/file/drawing/inline/extent/extent.ts

@@ -0,0 +1,24 @@
+import { XmlComponent } from "file/xml-components";
+import { ExtentAttributes } from "./extent-attributes";
+
+export class Extent extends XmlComponent {
+    private attributes: ExtentAttributes;
+
+    constructor(x: number, y: number) {
+        super("wp:extent");
+
+        this.attributes = new ExtentAttributes({
+            cx: x,
+            cy: y,
+        });
+
+        this.root.push(this.attributes);
+    }
+
+    public setXY(x: number, y: number): void {
+        this.attributes.set({
+            cx: x,
+            cy: y,
+        });
+    }
+}

src/file/drawing/inline/graphic-frame/graphic-frame-locks/graphic-frame-lock-attributes.ts

@@ -0,0 +1,13 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IGraphicFrameLockAttributes {
+    xmlns?: string;
+    noChangeAspect?: number;
+}
+
+export class GraphicFrameLockAttributes extends XmlAttributeComponent<IGraphicFrameLockAttributes> {
+    protected xmlKeys = {
+        xmlns: "xmlns:a",
+        noChangeAspect: "noChangeAspect",
+    };
+}

src/file/drawing/inline/graphic-frame/graphic-frame-locks/graphic-frame-locks.ts

@@ -0,0 +1,15 @@
+import { XmlComponent } from "file/xml-components";
+import { GraphicFrameLockAttributes } from "./graphic-frame-lock-attributes";
+
+export class GraphicFrameLocks extends XmlComponent {
+    constructor() {
+        super("a:graphicFrameLocks");
+
+        this.root.push(
+            new GraphicFrameLockAttributes({
+                xmlns: "http://schemas.openxmlformats.org/drawingml/2006/main",
+                noChangeAspect: 1,
+            }),
+        );
+    }
+}

src/file/drawing/inline/graphic-frame/graphic-frame-properties.ts

@@ -0,0 +1,10 @@
+import { XmlComponent } from "file/xml-components";
+import { GraphicFrameLocks } from "./graphic-frame-locks/graphic-frame-locks";
+
+export class GraphicFrameProperties extends XmlComponent {
+    constructor() {
+        super("wp:cNvGraphicFramePr");
+
+        this.root.push(new GraphicFrameLocks());
+    }
+}

src/file/drawing/inline/graphic/graphic-data/graphic-data-attribute.ts

@@ -0,0 +1,11 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IGraphicDataAttributes {
+    uri?: string;
+}
+
+export class GraphicDataAttributes extends XmlAttributeComponent<IGraphicDataAttributes> {
+    protected xmlKeys = {
+        uri: "uri",
+    };
+}

src/file/drawing/inline/graphic/graphic-data/graphic-data.ts

@@ -0,0 +1,25 @@
+import { XmlComponent } from "file/xml-components";
+import { GraphicDataAttributes } from "./graphic-data-attribute";
+import { Pic } from "./pic";
+
+export class GraphicData extends XmlComponent {
+    private pic: Pic;
+
+    constructor(referenceId: number, x: number, y: number) {
+        super("a:graphicData");
+
+        this.root.push(
+            new GraphicDataAttributes({
+                uri: "http://schemas.openxmlformats.org/drawingml/2006/picture",
+            }),
+        );
+
+        this.pic = new Pic(referenceId, x, y);
+
+        this.root.push(this.pic);
+    }
+
+    public setXY(x: number, y: number): void {
+        this.pic.setXY(x, y);
+    }
+}

src/file/drawing/inline/graphic/graphic-data/index.ts

@@ -0,0 +1 @@
+export * from "./graphic-data";

src/file/drawing/inline/graphic/graphic-data/pic/blip/blip-fill.ts

@@ -0,0 +1,13 @@
+import { XmlComponent } from "file/xml-components";
+import { Blip } from "./blip";
+import { SourceRectangle } from "./source-rectangle";
+import { Stretch } from "./stretch";
+
+export class BlipFill extends XmlComponent {
+    constructor(referenceId: number) {
+        super("pic:blipFill");
+        this.root.push(new Blip(referenceId));
+        this.root.push(new SourceRectangle());
+        this.root.push(new Stretch());
+    }
+}

src/file/drawing/inline/graphic/graphic-data/pic/blip/blip.ts

@@ -0,0 +1,25 @@
+import { XmlAttributeComponent, XmlComponent } from "file/xml-components";
+
+interface IBlipProperties {
+    embed: string;
+    cstate: string;
+}
+
+class BlipAttributes extends XmlAttributeComponent<IBlipProperties> {
+    protected xmlKeys = {
+        embed: "r:embed",
+        cstate: "cstate",
+    };
+}
+
+export class Blip extends XmlComponent {
+    constructor(referenceId: number) {
+        super("a:blip");
+        this.root.push(
+            new BlipAttributes({
+                embed: `rId${referenceId}`,
+                cstate: "none",
+            }),
+        );
+    }
+}

src/file/drawing/inline/graphic/graphic-data/pic/blip/source-rectangle.ts

@@ -0,0 +1,7 @@
+import { XmlComponent } from "file/xml-components";
+
+export class SourceRectangle extends XmlComponent {
+    constructor() {
+        super("a:srcRect");
+    }
+}

src/file/drawing/inline/graphic/graphic-data/pic/blip/stretch.ts

@@ -0,0 +1,14 @@
+import { XmlComponent } from "file/xml-components";
+
+class FillRectangle extends XmlComponent {
+    constructor() {
+        super("a:fillRect");
+    }
+}
+
+export class Stretch extends XmlComponent {
+    constructor() {
+        super("a:stretch");
+        this.root.push(new FillRectangle());
+    }
+}

src/file/drawing/inline/graphic/graphic-data/pic/index.ts

@@ -0,0 +1 @@
+export * from "./pic";

src/file/drawing/inline/graphic/graphic-data/pic/non-visual-pic-properties/child-non-visual-pic-properties/child-non-visual-pic-properties.ts

@@ -0,0 +1,10 @@
+import { XmlComponent } from "file/xml-components";
+import { PicLocks } from "./pic-locks/pic-locks";
+
+export class ChildNonVisualProperties extends XmlComponent {
+    constructor() {
+        super("pic:cNvPicPr");
+
+        this.root.push(new PicLocks());
+    }
+}

src/file/drawing/inline/graphic/graphic-data/pic/non-visual-pic-properties/child-non-visual-pic-properties/pic-locks/pic-locks-attributes.ts

@@ -0,0 +1,13 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IPicLocksAttributes {
+    noChangeAspect?: number;
+    noChangeArrowheads?: number;
+}
+
+export class PicLocksAttributes extends XmlAttributeComponent<IPicLocksAttributes> {
+    protected xmlKeys = {
+        noChangeAspect: "noChangeAspect",
+        noChangeArrowheads: "noChangeArrowheads",
+    };
+}

src/file/drawing/inline/graphic/graphic-data/pic/non-visual-pic-properties/child-non-visual-pic-properties/pic-locks/pic-locks.ts

@@ -0,0 +1,14 @@
+import { XmlComponent } from "file/xml-components";
+import { PicLocksAttributes } from "./pic-locks-attributes";
+
+export class PicLocks extends XmlComponent {
+    constructor() {
+        super("a:picLocks");
+        this.root.push(
+            new PicLocksAttributes({
+                noChangeAspect: 1,
+                noChangeArrowheads: 1,
+            }),
+        );
+    }
+}

src/file/drawing/inline/graphic/graphic-data/pic/non-visual-pic-properties/non-visual-pic-properties.ts

@@ -0,0 +1,12 @@
+import { XmlComponent } from "file/xml-components";
+import { ChildNonVisualProperties } from "./child-non-visual-pic-properties/child-non-visual-pic-properties";
+import { NonVisualProperties } from "./non-visual-properties/non-visual-properties";
+
+export class NonVisualPicProperties extends XmlComponent {
+    constructor() {
+        super("pic:nvPicPr");
+
+        this.root.push(new NonVisualProperties());
+        this.root.push(new ChildNonVisualProperties());
+    }
+}

src/file/drawing/inline/graphic/graphic-data/pic/non-visual-pic-properties/non-visual-properties/non-visual-properties-attributes.ts

@@ -0,0 +1,15 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface INonVisualPropertiesAttributes {
+    id?: number;
+    name?: string;
+    descr?: string;
+}
+
+export class NonVisualPropertiesAttributes extends XmlAttributeComponent<INonVisualPropertiesAttributes> {
+    protected xmlKeys = {
+        id: "id",
+        name: "name",
+        descr: "desc",
+    };
+}

src/file/drawing/inline/graphic/graphic-data/pic/non-visual-pic-properties/non-visual-properties/non-visual-properties.ts

@@ -0,0 +1,16 @@
+import { XmlComponent } from "file/xml-components";
+import { NonVisualPropertiesAttributes } from "./non-visual-properties-attributes";
+
+export class NonVisualProperties extends XmlComponent {
+    constructor() {
+        super("pic:cNvPr");
+
+        this.root.push(
+            new NonVisualPropertiesAttributes({
+                id: 0,
+                name: "",
+                descr: "",
+            }),
+        );
+    }
+}

src/file/drawing/inline/graphic/graphic-data/pic/pic-attributes.ts

@@ -0,0 +1,11 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IPicAttributes {
+    xmlns?: string;
+}
+
+export class PicAttributes extends XmlAttributeComponent<IPicAttributes> {
+    protected xmlKeys = {
+        xmlns: "xmlns:pic",
+    };
+}

src/file/drawing/inline/graphic/graphic-data/pic/pic.ts

@@ -0,0 +1,30 @@
+// http://officeopenxml.com/drwPic.php
+import { XmlComponent } from "file/xml-components";
+import { BlipFill } from "./blip/blip-fill";
+import { NonVisualPicProperties } from "./non-visual-pic-properties/non-visual-pic-properties";
+import { PicAttributes } from "./pic-attributes";
+import { ShapeProperties } from "./shape-properties/shape-properties";
+
+export class Pic extends XmlComponent {
+    private shapeProperties: ShapeProperties;
+
+    constructor(referenceId: number, x: number, y: number) {
+        super("pic:pic");
+
+        this.root.push(
+            new PicAttributes({
+                xmlns: "http://schemas.openxmlformats.org/drawingml/2006/picture",
+            }),
+        );
+
+        this.shapeProperties = new ShapeProperties(x, y);
+
+        this.root.push(new NonVisualPicProperties());
+        this.root.push(new BlipFill(referenceId));
+        this.root.push(new ShapeProperties(x, y));
+    }
+
+    public setXY(x: number, y: number): void {
+        this.shapeProperties.setXY(x, y);
+    }
+}

src/file/drawing/inline/graphic/graphic-data/pic/shape-properties/form/extents/extents-attributes.ts

@@ -0,0 +1,13 @@
+import { XmlAttributeComponent } from "file/xml-components";
+
+export interface IExtentsAttributes {
+    cx?: number;
+    cy?: number;
+}
+
+export class ExtentsAttributes extends XmlAttributeComponent<IExtentsAttributes> {
+    protected xmlKeys = {
+        cx: "cx",
+        cy: "cy",
+    };
+}

src/file/drawing/inline/graphic/graphic-data/pic/shape-properties/form/extents/extents.ts

@@ -0,0 +1,25 @@
+// http://officeopenxml.com/drwSp-size.php
+import { XmlComponent } from "file/xml-components";
+import { ExtentsAttributes } from "./extents-attributes";
+
+export class Extents extends XmlComponent {
+    private attributes: ExtentsAttributes;
+
+    constructor(x: number, y: number) {
+        super("a:ext");
+
+        this.attributes = new ExtentsAttributes({
+            cx: x,
+            cy: y,
+        });
+
+        this.root.push(this.attributes);
+    }
+
+    public setXY(x: number, y: number): void {
+        this.attributes.set({
+            cx: x,
+            cy: y,
+        });
+    }
+}