├── .gitattributes
├── bin
    └── fetchbot
├── src
    ├── index.ts
    ├── lib
    │   ├── interfaces
    │   │   ├── selector-and-property.ts
    │   │   └── options.ts
    │   ├── helpers
    │   │   ├── is-called-no-args.ts
    │   │   ├── is-called-with-args.ts
    │   │   ├── is-selector-string-cmd.ts
    │   │   ├── is-allowed-cmd.ts
    │   │   ├── is-fetch-job-cmd.ts
    │   │   ├── is-allowed-cmd.spec.ts
    │   │   ├── is-called-no-args.spec.ts
    │   │   ├── is-called-with-args.spec.ts
    │   │   ├── is-selector-string-cmd.spec.ts
    │   │   ├── is-fetch-job-cmd.spec.ts
    │   │   ├── get-selector-and-property-name.ts
    │   │   └── get-selector-and-property-name.spec.ts
    │   ├── classes
    │   │   ├── operational-page.spec.ts
    │   │   ├── provisioned-browser.spec.ts
    │   │   ├── operational-page.ts
    │   │   ├── provisioned-browser.ts
    │   │   ├── options.ts
    │   │   ├── options.spec.ts
    │   │   ├── fetcher.ts
    │   │   ├── fetcher.spec.ts
    │   │   ├── fetch-bot.spec.ts
    │   │   └── fetch-bot.ts
    │   └── cli
    │   │   ├── cmd-options.ts
    │   │   ├── header.ts
    │   │   └── manpage.ts
    ├── how-to-include-example.ts
    └── cli.ts
├── .gitignore
├── examples
    ├── tour-via-file-for-tests.json
    └── hacker-news.json
├── .npmignore
├── tsconfig.json
├── mocks
    ├── link-target.html
    └── gitHubPage.htm
├── .travis.yml
├── CHANGELOG.md
├── package.json
├── LICENSE.txt
└── README.md


/.gitattributes:
--------------------------------------------------------------------------------
1 | mocks/* linguist-documentation


--------------------------------------------------------------------------------
/bin/fetchbot:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 | require('../dist/cli');


--------------------------------------------------------------------------------
/src/index.ts:
--------------------------------------------------------------------------------
1 | module.exports = require('./lib/classes/fetch-bot').FetchBot;


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | .idea
3 | yarn-error.log
4 | dist
5 | coverage
6 | Future-PLANS
7 | .nyc_output


--------------------------------------------------------------------------------
/src/lib/interfaces/selector-and-property.ts:
--------------------------------------------------------------------------------
1 | export interface SelectorAndPropertyInterface {
2 |     selector: string;
3 |     property: string
4 | }


--------------------------------------------------------------------------------
/src/lib/helpers/is-called-no-args.ts:
--------------------------------------------------------------------------------
1 | export function isCallNoArgs(isPageCommand: boolean, params: any): boolean {
2 |     return isPageCommand === true && params === null;
3 | }


--------------------------------------------------------------------------------
/examples/tour-via-file-for-tests.json:
--------------------------------------------------------------------------------
1 | {
2 |   "chrome://credits/": {
3 |     "root": true,
4 |     "waitFor": 1000,
5 |     "fetch": {
6 |       "a as links": []
7 |     }
8 |   }
9 | }


--------------------------------------------------------------------------------
/src/lib/helpers/is-called-with-args.ts:
--------------------------------------------------------------------------------
1 | export function isCallWithArgs(isPageCommand: boolean, params: any): boolean {
2 |     return isPageCommand === true && params instanceof Array;
3 | }


--------------------------------------------------------------------------------
/src/lib/helpers/is-selector-string-cmd.ts:
--------------------------------------------------------------------------------
1 | export function isSelectorStringCmd(isPageCommand: boolean, params: any): boolean {
2 |     return isPageCommand === true && typeof params === 'string';
3 | }
4 | 


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
 1 | node_modules
 2 | dist
 3 | .gitattributes
 4 | .idea
 5 | .gitignore
 6 | checkgoogle.json
 7 | fetchaoeimg.json
 8 | Future-PLANS
 9 | yarn-error.log
10 | coverage
11 | .nyc_output
12 | yarn.lock
13 | examples
14 | mocksclear


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "module": "commonjs",
 4 |     "target": "ES2015",
 5 |     "sourceMap": true,
 6 |     "lib": ["es2015", "dom"],
 7 |     "rootDir":"src",
 8 |     "outDir": "dist"
 9 |   },
10 |   "exclude": [
11 |   ]
12 | }


--------------------------------------------------------------------------------
/src/lib/interfaces/options.ts:
--------------------------------------------------------------------------------
 1 | export interface OptionsInterface {
 2 |     attached?: boolean;
 3 |     trust?: boolean;
 4 |     width?: number;
 5 |     height?: number;
 6 |     wait?: number;
 7 |     debug?: boolean;
 8 |     slowmo?: number;
 9 |     agent?:string;
10 | }


--------------------------------------------------------------------------------
/mocks/link-target.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 | 
 4 | </head>
 5 | <body>
 6 | <h1 id="linkTargetResolved" data-test="working" align="yes">Completed</h1>
 7 | 
 8 | <h2 class="xyz" id="123">AAA</h2>
 9 | <h2 id="uniqueId">BBB</h2>
10 | <h2 class="xyz" id="456">CCC</h2>
11 | </body>
12 | </html>


--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
 1 | language: node_js
 2 | os:
 3 |   - linux
 4 | node_js:
 5 |   - "10"
 6 |   - "11"
 7 |   - "stable"
 8 | git:
 9 |   depth: 5
10 | cache: yarn
11 | script:
12 |   - npm run codecov
13 | deploy:
14 |   provider: npm
15 |   email: bernhard.bezdek@googlemail.com
16 |   api_key: $NPM_TOKEN
17 |   on:
18 |     branch: master
19 | 


--------------------------------------------------------------------------------
/src/lib/helpers/is-allowed-cmd.ts:
--------------------------------------------------------------------------------
1 | export function isAllowedCmd(cmdName: string): boolean {
2 | 
3 |     let protectedCmdNames: string[] = [
4 |         'root', // Determine the root node must be unique in processing file
5 |         'maxCalls'
6 |     ];
7 | 
8 |     return cmdName.length > 0 && protectedCmdNames.indexOf(cmdName) === -1;
9 | }


--------------------------------------------------------------------------------
/src/lib/helpers/is-fetch-job-cmd.ts:
--------------------------------------------------------------------------------
1 | export function isFetchJobCmd(isPageCommand: boolean, params: any, commandName: string): boolean {
2 |     const notAnArray = !(params instanceof Array);
3 |     const notNull = params !== null;
4 |     return isPageCommand === false && notAnArray && notNull && typeof params === 'object' && commandName === 'fetch';
5 | }


--------------------------------------------------------------------------------
/examples/hacker-news.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "https://news.ycombinator.com/": {
 3 |     "root": true,
 4 |     "fetch": {
 5 |       "tr.athing > td[align=\"right\"] > span.rank as rank": null,
 6 |       "tr.athing > td.title > a as headline": [],
 7 |       "tr.athing > td.title > a as link": {
 8 |         "type": [],
 9 |         "attr": "href"
10 |       }
11 |     }
12 |   }
13 | }


--------------------------------------------------------------------------------
/src/lib/classes/operational-page.spec.ts:
--------------------------------------------------------------------------------
 1 | import {expect} from 'chai';
 2 | import {OperationalPage} from "./operational-page";
 3 | import {Options} from "./options";
 4 | 
 5 | 
 6 | describe('OperationalPage', () => {
 7 | 
 8 |     it('Should create a new page object and keep within the instance', async () => {
 9 |         let page = new OperationalPage({});
10 | 
11 | 
12 |         let pageInstance = await page.getPageInstance();
13 | 
14 |         await page.exit();
15 | 
16 |         expect(typeof pageInstance.waitForTimeout).to.equal('function');
17 |     }).timeout(10000);
18 | });
19 | 


--------------------------------------------------------------------------------
/src/lib/cli/cmd-options.ts:
--------------------------------------------------------------------------------
 1 | export function cmdOptions() {
 2 |     return [
 3 |         {name: 'job', type: String},
 4 | 
 5 |         {name: 'agent', type: String},
 6 | 
 7 | 
 8 |         {name: 'width', type: Number},
 9 |         {name: 'height', type: Number},
10 | 
11 |         {name: 'wait', type: Number},
12 | 
13 |         {name: 'slowmo', type: Number},
14 |         {name: 'debug', type: Boolean},
15 | 
16 |         {name: 'output', type: String},
17 | 
18 |         {name: 'trust', type: Boolean},
19 |         {name: 'attached', type: Boolean},
20 |         {name: 'help', type: Boolean},
21 |     ];
22 | }


--------------------------------------------------------------------------------
/src/lib/helpers/is-allowed-cmd.spec.ts:
--------------------------------------------------------------------------------
 1 | import {expect} from 'chai';
 2 | import {isAllowedCmd} from "./is-allowed-cmd";
 3 | 
 4 | describe('isAllowedCmd', () => {
 5 | 
 6 |     it('Should verify expected behavior for several param data types', () => {
 7 |         // Expected successful behavior
 8 |         expect(isAllowedCmd('click')).to.eq(true);
 9 |         expect(isAllowedCmd('type')).to.eq(true);
10 | 
11 |         // Expected unsucsessful behavior
12 |         expect(isAllowedCmd('')).to.eq(false);
13 |         expect(isAllowedCmd('root')).to.eq(false);
14 |         expect(isAllowedCmd('maxCalls')).to.eq(false);
15 |     });
16 | });


--------------------------------------------------------------------------------
/src/lib/classes/provisioned-browser.spec.ts:
--------------------------------------------------------------------------------
 1 | import {expect} from 'chai';
 2 | import {ProvisionedBrowser} from "./provisioned-browser";
 3 | import {Options} from "./options";
 4 | 
 5 | 
 6 | describe('ProvisionedBrowser', () => {
 7 | 
 8 |     const provisionedBrowser = new ProvisionedBrowser(new Options({}));
 9 | 
10 | 
11 |     it('Should fetch a new browser instance and close these immediately', async () => {
12 |         let browserInstance = await provisionedBrowser.getBrowserInstance();
13 | 
14 |         expect(typeof browserInstance.close).to.equal('function');
15 | 
16 |         await  browserInstance.close();
17 |         await  browserInstance.disconnect();
18 |     }).timeout(10000);
19 | });


--------------------------------------------------------------------------------
/src/how-to-include-example.ts:
--------------------------------------------------------------------------------
 1 | import {readFileSync} from "fs";
 2 | import {Options} from "./lib/classes/options";
 3 | import {FetchBot} from "./lib/classes/fetch-bot";
 4 | 
 5 | console.log('🤖  Start a journey that my tour guide has planned for me  => "../examples/aoe.people.and.languages.json"\n');
 6 | 
 7 | let tour = JSON.parse(readFileSync(__dirname + '/../examples/aoe.people.and.languages.json', 'utf-8'));
 8 | 
 9 | let bot = new FetchBot({});
10 | 
11 | bot
12 |     .runAndExit(tour)
13 |     .then((result) => {
14 |         // Now the browser instance was closed and
15 |         //the data grabbed during fetchbot's working process gets available
16 |         console.log(JSON.stringify(result, null, '\t'));
17 |     });


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | 20180208 1.0.0-alpha First working version
 2 | 20180213 1.0.0-alpha Finished 1st QA run
 3 | 20180214 1.0.0-alpha Documentation
 4 | 20180215 1.2.0-alpha Attribute support (prev. only textContent was accessible)
 5 | 20180215 1.2.1-alpha Selector to property name regexp improvements
 6 | 20180810 1.5.2 Dependency update to fix rendering/locale issues
 7 | 20180810 1.5.3 Better image for working principle explanation
 8 | 20181024 1.5.4 Dependency upgrades
 9 | 20181024 1.5.5 Dependency upgrades
10 | 20181024 1.5.6 Dependency upgrades and interface adjustments
11 | 20181024 1.6.0 Drop support for node.js versions below 8.x
12 | 20181024 1.6.1 Add CI support for  newer node.js versions
13 | 20181024 1.8.1 Dependency upgrades
14 | 20181024 1.9.0 Dependency upgrades
15 | 20221020 1.10.0 Dependency upgrades and fix braking changes 
16 | 20221023 1.10.1 postinstall fix
17 | 


--------------------------------------------------------------------------------
/src/lib/cli/header.ts:
--------------------------------------------------------------------------------
 1 | export function header() {
 2 |     return '\n' +
 3 |         '         ░░░░                ░░░░░░░                          \n' +
 4 |         '       ▒▒▒▒▒▒▒▒           ▒▒▒▒▒▒▒▒▒▒▒▒▒░     ░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒\n' +
 5 |         '      ░▒▒▒▒▒▒▒▒░        ░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒    ░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒\n' +
 6 |         '     ▒▒▒▒▒░▒▒▒▒▒▒      ▒▒▒▒▒▒       ▒▒▒▒▒▒                    \n' +
 7 |         '    ▒▒▒▒▒▒  ▒▒▒▒▒▒     ▒▒▒▒▒▒       ▒▒▒▒▒▒   ░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒\n' +
 8 |         '   ░▒▒▒▒▒   ░▒▒▒▒▒░    ▒▒▒▒▒▒       ▒▒▒▒▒▒   ░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒\n' +
 9 |         '   ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒    ▒▒▒▒▒▒       ▒▒▒▒▒▒   ░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒\n' +
10 |         '  ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒   ░▒▒▒▒▒       ▒▒▒▒▒▒                    \n' +
11 |         ' ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒   ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░   ░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒\n' +
12 |         '░▒▒▒▒▒▒        ▒▒▒▒▒▒░   ░▒▒▒▒▒▒▒▒▒▒▒▒▒▒░    ░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒';
13 | }


--------------------------------------------------------------------------------
/src/lib/helpers/is-called-no-args.spec.ts:
--------------------------------------------------------------------------------
 1 | import {expect} from 'chai';
 2 | import {isCallNoArgs} from "./is-called-no-args";
 3 | 
 4 | describe('isCallNoArgs', function () {
 5 | 
 6 |     const isPageCommand = true;
 7 | 
 8 |     it('Should verify expected behavior for several param data types', () => {
 9 |         // Expected successful behavior
10 |         expect(isCallNoArgs(isPageCommand, null)).to.eq(true);
11 | 
12 |         // Valid data but no page command
13 |         expect(isCallNoArgs(!isPageCommand, null)).to.eq(false);
14 | 
15 |         // Expected unsuccessful behavior
16 |         expect(isCallNoArgs(isPageCommand, false)).to.eq(false);
17 |         expect(isCallNoArgs(isPageCommand, true)).to.eq(false);
18 |         expect(isCallNoArgs(isPageCommand, 1)).to.eq(false);
19 |         expect(isCallNoArgs(isPageCommand, [])).to.eq(false);
20 |         expect(isCallNoArgs(isPageCommand, {})).to.eq(false);
21 |     });
22 | });


--------------------------------------------------------------------------------
/src/lib/helpers/is-called-with-args.spec.ts:
--------------------------------------------------------------------------------
 1 | import {expect} from 'chai';
 2 | import {isCallWithArgs} from "./is-called-with-args";
 3 | 
 4 | describe('isCallWithArgs', function () {
 5 |     const isPageCommand = true;
 6 | 
 7 |     it('Should verify expected behavior for several param data types', () => {
 8 |         // Expected successful behavior
 9 |         expect(isCallWithArgs(isPageCommand, [])).to.eq(true);
10 | 
11 |         // Valid data but no page command
12 |         expect(isCallWithArgs(!isPageCommand, [])).to.eq(false);
13 | 
14 |         // Expected unsuccessful behavior
15 |         expect(isCallWithArgs(isPageCommand, null)).to.eq(false);
16 |         expect(isCallWithArgs(isPageCommand, false)).to.eq(false);
17 |         expect(isCallWithArgs(isPageCommand, true)).to.eq(false);
18 |         expect(isCallWithArgs(isPageCommand, 1)).to.eq(false);
19 |         expect(isCallWithArgs(isPageCommand, {})).to.eq(false);
20 |     });
21 | });


--------------------------------------------------------------------------------
/src/lib/helpers/is-selector-string-cmd.spec.ts:
--------------------------------------------------------------------------------
 1 | import {expect} from 'chai';
 2 | import {isSelectorStringCmd} from "./is-selector-string-cmd";
 3 | import {FetchBot} from "../classes/fetch-bot";
 4 | 
 5 | describe('isSelectorStringCmd', function () {
 6 |     const isPageCommand = true;
 7 | 
 8 |     it('Should verify expected behavior for several param data types', () => {
 9 |         // Expected successful behavior
10 |         expect(isSelectorStringCmd(isPageCommand, '')).to.eq(true);
11 | 
12 |         // Valid data but no page command
13 |         expect(isSelectorStringCmd(!isPageCommand, '')).to.eq(false);
14 | 
15 |         // Expected unsuccessful behavior
16 |         expect(isSelectorStringCmd(isPageCommand, null)).to.eq(false);
17 |         expect(isSelectorStringCmd(isPageCommand, false)).to.eq(false);
18 |         expect(isSelectorStringCmd(isPageCommand, true)).to.eq(false);
19 |         expect(isSelectorStringCmd(isPageCommand, 1)).to.eq(false);
20 |         expect(isSelectorStringCmd(isPageCommand, [])).to.eq(false);
21 |         expect(isSelectorStringCmd(isPageCommand, {})).to.eq(false);
22 |     });
23 | });


--------------------------------------------------------------------------------
/src/lib/classes/operational-page.ts:
--------------------------------------------------------------------------------
 1 | import {ProvisionedBrowser} from "./provisioned-browser";
 2 | import {Page} from "puppeteer";
 3 | 
 4 | 
 5 | export class OperationalPage extends ProvisionedBrowser {
 6 | 
 7 |     private _page: Page;
 8 | 
 9 |     public async getPageInstance(): Promise<Page> {
10 | 
11 |         const pageWasInitialized = !!this._page;
12 | 
13 |         if (!pageWasInitialized) {
14 |             this._browserInstance = await this.getBrowserInstance();
15 |             this._page = await this._browserInstance.newPage();
16 | 
17 |             await this._page.setViewport({
18 |                 width: this.options.getDimensions().width,
19 |                 height: this.options.getDimensions().height
20 |             });
21 |         }
22 | 
23 |         return this._page;
24 |     }
25 | 
26 |     public async exit(): Promise<boolean> {
27 |         try {
28 |             await this._page.close();
29 |             await this._browserInstance.close();
30 |             await this._browserInstance.disconnect();
31 |             return true;
32 |         } catch (error) {
33 |             return false;
34 |         }
35 |     }
36 | }


--------------------------------------------------------------------------------
/src/lib/helpers/is-fetch-job-cmd.spec.ts:
--------------------------------------------------------------------------------
 1 | import {expect} from 'chai';
 2 | import {isFetchJobCmd} from "./is-fetch-job-cmd";
 3 | 
 4 | describe('isFetchJobCmd', function () {
 5 | 
 6 |     const isNotAPageCommand = false;
 7 | 
 8 |     it('Should verify expected behavior for several param data types', () => {
 9 |         // Expected successful behavior
10 |         expect(isFetchJobCmd(isNotAPageCommand, {}, 'fetch')).to.eq(true);
11 | 
12 | 
13 |         // Valid data BUT page command
14 |         expect(isFetchJobCmd(!isNotAPageCommand, {}, 'fetch')).to.eq(false);
15 |         expect(isFetchJobCmd(!isNotAPageCommand, {}, 'abc')).to.eq(false);
16 | 
17 | 
18 |         // Expected unsuccessful behavior due to invalid datatypes for expected params
19 |         expect(isFetchJobCmd(isNotAPageCommand, [], 'fetch')).to.eq(false);
20 |         expect(isFetchJobCmd(isNotAPageCommand, 1, 'fetch')).to.eq(false);
21 |         expect(isFetchJobCmd(isNotAPageCommand, null, 'fetch')).to.eq(false);
22 |         expect(isFetchJobCmd(isNotAPageCommand, false, 'fetch')).to.eq(false);
23 |         expect(isFetchJobCmd(isNotAPageCommand, '', 'fetch')).to.eq(false);
24 | 
25 |     });
26 | });


--------------------------------------------------------------------------------
/src/lib/classes/provisioned-browser.ts:
--------------------------------------------------------------------------------
 1 | import * as puppeteer from "puppeteer";
 2 | import {Browser} from "puppeteer";
 3 | import {Options} from "./options";
 4 | import {OptionsInterface} from "../interfaces/options";
 5 | 
 6 | export class ProvisionedBrowser {
 7 | 
 8 |     protected _browserInstance: Browser;
 9 |     protected options: Options;
10 | 
11 |     constructor(protected userOptions: OptionsInterface) {
12 |         this.options = new Options(userOptions);
13 |     }
14 | 
15 |     public async getBrowserInstance(): Promise<Browser> {
16 | 
17 |         const browserWasStarted = !!this._browserInstance;
18 | 
19 |         if (!browserWasStarted) {
20 |             this._browserInstance = await puppeteer.launch({
21 |                 headless: !this.options.isAttached(),
22 |                 ignoreHTTPSErrors: this.options.ignoreHttpErrors(),
23 |                 slowMo: this.options.slowmo || 0,
24 |                 timeout: 0,
25 | 
26 |                 // More useful args which could be applied here
27 |                 // https://peter.sh/experiments/chromium-command-line-switches/
28 |                 args: [
29 |                     `--user-agent=${this.options.getUserAgent()}`,
30 |                     '--window-position=0,0',
31 |                     `--window-size=${this.options.getDimensions().width},${this.options.getDimensions().height}`,
32 |                     '--no-sandbox',
33 |                     '--disable-setuid-sandbox'
34 |                 ]
35 |             });
36 |         }
37 | 
38 |         return this._browserInstance;
39 |     }
40 | }


--------------------------------------------------------------------------------
/src/cli.ts:
--------------------------------------------------------------------------------
 1 | import {manPage} from './lib/cli/manpage';
 2 | import {cmdOptions} from "./lib/cli/cmd-options";
 3 | import {existsSync, readFileSync, writeFileSync} from "fs";
 4 | 
 5 | import * as commandLineArgs from 'command-line-args';
 6 | import *  as getUsage from 'command-line-usage'
 7 | import {FetchBot} from "./lib/classes/fetch-bot";
 8 | import {Options} from "./lib/classes/options";
 9 | 
10 | const options = commandLineArgs(cmdOptions());
11 | let job;
12 | 
13 | 
14 | if (options.help === true) {
15 |     console.log(getUsage(manPage()));
16 |     process.exit(0);
17 | }
18 | 
19 | if (!existsSync(options.job)) {
20 |     throw new Error('No job file specified (' + options.job + ')');
21 | }
22 | 
23 | try {
24 |     job = JSON.parse(readFileSync(options.job, 'utf-8'));
25 | } catch (error) {
26 |     throw new Error('Failed to parse specified job file as JSON (' + options.job + ')');
27 | }
28 | 
29 | let fetchBot = new FetchBot(new Options(options));
30 | 
31 | 
32 | 
33 | console.log('🚀  FetchBot is launching...');
34 | console.log('🕘  Please wait a moment...');
35 | 
36 | 
37 | fetchBot.runAndExit(job)
38 |     .then((fetchedData) => {
39 | 
40 |         console.log('🏁  Completed');
41 | 
42 |         let parsedData = JSON.stringify(fetchedData, null, '\t');
43 | 
44 |         if (!!options.output) {
45 |             console.log('🙌  Grabbed data has been stored in ' + options.output);
46 |             writeFileSync(options.output, parsedData, 'utf-8');
47 |         } else {
48 |             console.log('🙌  Here\'s your grabbed data\n');
49 |             console.log(parsedData);
50 |         }
51 | 
52 |         process.exit(0);
53 |     });
54 | 
55 | 
56 | 
57 | 
58 | 


--------------------------------------------------------------------------------
/src/lib/classes/options.ts:
--------------------------------------------------------------------------------
 1 | import {OptionsInterface} from "../interfaces/options";
 2 | 
 3 | export class Options implements OptionsInterface {
 4 | 
 5 |     attached: boolean;
 6 |     trust: boolean;
 7 |     width: number;
 8 |     height: number;
 9 |     wait: number;
10 |     debug: boolean;
11 |     slowmo: number;
12 |     agent: string;
13 | 
14 |     constructor(options) {
15 |         this.attached = options.attached === true || false;
16 |         this.trust = options.trust === true;
17 |         this.width = (typeof options.width === 'number') ? options.width : 1024;
18 |         this.height = (typeof options.height === 'number') ? options.height : 768;
19 |         this.wait = (typeof options.wait === 'number') ? options.wait : 750;
20 |         this.slowmo = (typeof options.slowmo === 'number') ? options.slowmo : 0;
21 |         this.agent = (typeof options.agent === 'string') ? options.agent : 'FetchBot-1.10.1';
22 |         this.debug = options.debug === true;
23 |     }
24 | 
25 |     public getAll(): OptionsInterface {
26 |         return {
27 |             attached: this.attached,
28 |             trust: this.trust,
29 |             width: this.width,
30 |             height: this.height,
31 |             wait: this.wait,
32 |             slowmo: this.slowmo,
33 |             agent: this.agent,
34 |             debug: this.debug
35 |         };
36 |     }
37 | 
38 |     public getDimensions() {
39 |         return {width: this.getAll().width, height: this.getAll().height};
40 |     }
41 | 
42 |     public getWidth(): number {
43 |         return this.getAll().width;
44 |     }
45 | 
46 |     public getHeight(): number {
47 |         return this.getAll().height;
48 |     }
49 | 
50 |     public getUserAgent(): string {
51 |         return this.agent;
52 |     }
53 | 
54 |     public isAttached(): boolean {
55 |         return this.getAll().attached;
56 |     }
57 | 
58 |     public ignoreHttpErrors(): boolean {
59 |         return this.getAll().trust;
60 |     }
61 | }
62 | 


--------------------------------------------------------------------------------
/src/lib/helpers/get-selector-and-property-name.ts:
--------------------------------------------------------------------------------
 1 | import {SelectorAndPropertyInterface} from "../interfaces/selector-and-property";
 2 | 
 3 | export function getSelectorAndPropertyName(key: string): SelectorAndPropertyInterface {
 4 | 
 5 |     // NOTICE
 6 |     // Please uncomment old RegExp's instead of delete them
 7 |     // to keep changes here more transparent than in git history
 8 | //
 9 | //  const regExpString: string = (\\S+)\\sas\\s(\\S+);
10 | //  const regExpString: string = '^([a-z-A-Z0-9]|\\s{1}|[\\(\\)>:<\\.]+)*\\s{1}as\\s{1}([a-z-A-Z0-9]*)';
11 | //  const regExpString: string = '^([a-z-A-Z0-9]|\s{1}|[\(\)>:<\.])*\s{1}as\s{1}([a-zA-Z]{1}[a-zA-Z0-9]+)';
12 | //  const regExpString: string = '([a-z][a-zA-Z0-9\\s()>.:-]+)\\sas\\s([a-z][a-zA-Z0-9]+)';
13 | //  const regExpString: string = '([a-z][a-zA-Z0-9\\s()>.:-]+)\\sas\\s(([a-z][a-zA-Z0-9]+|[a-z]+))';
14 | //  const regExpString: string = '([.#a-z][a-zA-Z0-9\\s()>.:-]+|[a-z])\\sas\\s([a-z][a-zA-Z0-9]+|[a-z])';
15 | //  const regExpString: string = '([[.#a-z][a-zA-Z0-9\\s()>\\.:"\'\\-=\\]]+|[a-z])\\sas\\s([a-z][a-zA-Z0-9]+|[a-z])';
16 |     const regExpString: string = '([\\[.#a-z][\\[#a-zA-Z0-9\\s()>\\.:_"\'\\-=\\]]+|[a-z])\\sas\\s([a-z][a-zA-Z0-9]+|[a-z])';
17 | 
18 |     // Apply RegExpString
19 |     const extractSelectorAndPropertyName: RegExp = new RegExp(regExpString, 'i');
20 | 
21 |     let selectorAndProperty = {
22 |         selector: key,
23 |         property: key
24 |     };
25 | 
26 |     const hasDedicatedPropName = (key): boolean => {
27 |         const hasDedicatedPropName: RegExp = new RegExp('\\S\\sas\\s\\S', 'i');
28 |         return key.match(hasDedicatedPropName) !== null;
29 |     };
30 | 
31 | 
32 |     if (hasDedicatedPropName(key)) {
33 | 
34 |         const extraction = key.match(extractSelectorAndPropertyName),
35 |             SELECTOR = 1,
36 |             PROPERTY = 2;
37 | 
38 |         if (!!extraction && !!extraction[SELECTOR] && !!extraction[PROPERTY]) {
39 |             selectorAndProperty.selector = extraction[SELECTOR];
40 |             selectorAndProperty.property = extraction[PROPERTY];
41 |         } else {
42 |             throw new Error('SELECTOR_AS_PROPERTY_CUT_FAILED');
43 |         }
44 | 
45 |     }
46 | 
47 |     return selectorAndProperty;
48 | }


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "fetchbot",
 3 |   "version": "1.10.1",
 4 |   "description": "A library and shell command that provides a simple JSON-API to perform human like interactions and data extractions on any website. Built on top of puppeteer.",
 5 |   "engines": {
 6 |     "node": ">=6.0.0"
 7 |   },
 8 |   "main": "dist/index.js",
 9 |   "author": "Bernhard Behrendt <bernhard.behrendt@aoe.com>",
10 |   "license": "Apache-2.0",
11 |   "repository": {
12 |     "type": "git",
13 |     "url": "https://github.com/AOEpeople/puppeteer-fetchbot"
14 |   },
15 |   "bin": {
16 |     "fetchbot": "bin/fetchbot"
17 |   },
18 |   "dependencies": {
19 |     "@types/chai": "^4.3.3",
20 |     "@types/command-line-args": "^5.2.0",
21 |     "@types/mocha": "^10.0.0",
22 |     "@types/node": "^18.11.2",
23 |     "@types/puppeteer": "^5.4.7",
24 |     "ansi-escape-sequences": "^6.2.1",
25 |     "command-line-args": "^5.2.1",
26 |     "command-line-usage": "^6.1.3",
27 |     "puppeteer": "^19.0.0",
28 |     "typescript": "^4.8.4"
29 |   },
30 |   "devDependencies": {
31 |     "chai": "^4.3.6",
32 |     "codecov.io": "^0.1.6",
33 |     "coveralls": "^3.1.1",
34 |     "mocha": "^10.1.0",
35 |     "npm-check-updates": "^16.3.14",
36 |     "nyc": "^15.1.0"
37 |   },
38 |   "scripts": {
39 |     "postinstall": "npm run build",
40 |     "build": "npx tsc",
41 |     "test": "npm run build && NODE_ENV=testing ./node_modules/.bin/mocha ./dist/lib/**/*.spec.js",
42 |     "cover": "./node_modules/.bin/nyc npm run test",
43 |     "codecov": "npm run cover && cat ./coverage/lcov.info | ./node_modules/.bin/codecov",
44 |     "cli": "node ./dist/cli.js"
45 |   },
46 |   "keywords": [
47 |     "automation",
48 |     "workflow",
49 |     "declarative",
50 |     "JSON API",
51 |     "crawler",
52 |     "puppeteer",
53 |     "browser",
54 |     "chrome",
55 |     "chromium"
56 |   ],
57 |   "nyc": {
58 |     "include": [],
59 |     "exclude": [
60 |       "dist/*.js",
61 |       "coverage",
62 |       "*.spec.js",
63 |       "**/*.spec.js",
64 |       "dist/lib/interfaces",
65 |       "dist/lib/cli",
66 |       "dist/lib/classes/fetcher.js"
67 |     ],
68 |     "extension": [
69 |       ".js"
70 |     ],
71 |     "require": [],
72 |     "reporter": [
73 |       "lcov"
74 |     ],
75 |     "all": true
76 |   }
77 | }
78 | 


--------------------------------------------------------------------------------
/src/lib/classes/options.spec.ts:
--------------------------------------------------------------------------------
 1 | import {expect} from 'chai';
 2 | import {Options} from "./options";
 3 | import {type} from "os";
 4 | 
 5 | 
 6 | describe('Options', () => {
 7 | 
 8 |     let options = new Options({});
 9 | 
10 |     it('Should create an options instance with only mandatory properties', () => {
11 |         expect(typeof options).to.equal('object');
12 |     });
13 | 
14 |     it('Should provide the options object with all defaults set', () => {
15 | 
16 |         let DEFAULT_OPTIONS = options.getAll(),
17 |             EXPECTED_OPTIONS = {
18 |                 agent: 'FetchBot-1.10.1',
19 |                 attached: false,
20 |                 trust: false,
21 |                 width: 1024,
22 |                 height: 768,
23 |                 wait: 750,
24 |                 slowmo: 0,
25 |                 debug: false
26 |             };
27 | 
28 |         expect(DEFAULT_OPTIONS).to.deep.equal(EXPECTED_OPTIONS);
29 | 
30 |         expect(typeof DEFAULT_OPTIONS.attached).to.equal('boolean');
31 |         expect(typeof DEFAULT_OPTIONS.trust).to.equal('boolean');
32 |         expect(typeof DEFAULT_OPTIONS.width).to.equal('number');
33 |         expect(typeof DEFAULT_OPTIONS.height).to.equal('number');
34 |         expect(typeof DEFAULT_OPTIONS.wait).to.equal('number');
35 |         expect(typeof DEFAULT_OPTIONS.slowmo).to.equal('number');
36 | 
37 |     });
38 | 
39 |     it('Should provide default browser&page dimensions (width/height)', () => {
40 |         expect(typeof options.getWidth()).to.equal('number');
41 |         expect(typeof options.getHeight()).to.equal('number');
42 | 
43 |         expect(options.getDimensions()).to.deep.equal({
44 |             width: options.getWidth(),
45 |             height: options.getHeight()
46 |         });
47 |     });
48 | 
49 |     it('Should get the current run mode default', () => {
50 |         expect(options.isAttached()).to.equal(false);
51 |     });
52 | 
53 |     it('Should get the current ignoreHttpErrors default', () => {
54 |         expect(options.ignoreHttpErrors()).to.equal(false);
55 |     });
56 | 
57 |     it('Should apply custom settings for width and height', () => {
58 |         options = new Options({
59 |             width: 1,
60 |             height: 2
61 |         });
62 | 
63 |         expect(options.getDimensions()).to.deep.equal({width: 1, height: 2});
64 |     });
65 | });
66 | 


--------------------------------------------------------------------------------
/src/lib/helpers/get-selector-and-property-name.spec.ts:
--------------------------------------------------------------------------------
 1 | import {expect} from 'chai';
 2 | import {getSelectorAndPropertyName} from "./get-selector-and-property-name";
 3 | import {SelectorAndPropertyInterface} from "../interfaces/selector-and-property";
 4 | 
 5 | describe('getSelectorAndPropertyName', () => {
 6 | 
 7 |     const validSamples: SelectorAndPropertyInterface[] = [
 8 |         {selector: 'a', property: 'b'},
 9 |         {
10 |             selector: 'body > div.wrapper > pre > table > tbody > tr > td.text > pre > span:nth-child(123)',
11 |             property: 'bsdf'
12 |         },
13 |         {
14 |             selector: 'a.no-wrap.text-gray.d-inline-block.muted-link',
15 |             property: 'sharedKnowledgeLanguages'
16 |         },
17 |         {
18 |             selector: '.member-info',
19 |             property: 'mitarbeiter'
20 |         },
21 |         {
22 |             selector: "[title=\"Repositories\"]",
23 |             property: 'numberExample'
24 |         },
25 |         {
26 |             selector: "[data-global-stats-market-cap]",
27 |             property: 'marketCap'
28 |         },
29 |         {
30 |             selector: "table#currencies tr > [data-timespan=\"24h\"]",
31 |             property: 'currencyPercent24h'
32 |         },
33 |         {
34 |             selector: "table#currencies tr > .sorting",
35 |             property: 'currencySorting'
36 |         },
37 |         {
38 |             selector: "[data-global-stats-btc-dominance]",
39 |             property: 'btcDominance'
40 |         },
41 |         {
42 |             selector: "table#currencies tr > .sorting_1",
43 |             property: 'currencySorting'
44 |         },
45 |         {
46 |             selector: "[data-test-action=\"Some Weird Attribute Value 1\"]",
47 |             property: 'selectorWithWhitespace'
48 |         }
49 |     ];
50 | 
51 | 
52 |     validSamples
53 |         .forEach((sample: SelectorAndPropertyInterface) => {
54 | 
55 |             it('Should pass ' + sample.selector + ' as ' + sample.property, () => {
56 | 
57 |                 let generatedQueryStringToPropertyName = sample.selector + ' as ' + sample.property,
58 |                     reSample = getSelectorAndPropertyName(generatedQueryStringToPropertyName);
59 | 
60 |                 expect(reSample.selector).to.equal(sample.selector);
61 |                 expect(reSample.property).to.equal(sample.property);
62 |             });
63 | 
64 |             it('Should pass ' + sample.selector + ' AS ' + sample.property, () => {
65 | 
66 |                 let generatedQueryStringToPropertyName = sample.selector + ' AS ' + sample.property,
67 |                     reSample = getSelectorAndPropertyName(generatedQueryStringToPropertyName);
68 | 
69 |                 expect(reSample.selector).to.equal(sample.selector);
70 |                 expect(reSample.property).to.equal(sample.property);
71 |             });
72 |         });
73 | 
74 |     it('Should use input string for selector and propertyName', () => {
75 |         let example = 'some > selector .with > .class';
76 |         let inputEqualsOutputExample = getSelectorAndPropertyName(example);
77 | 
78 |         expect(inputEqualsOutputExample.selector).to.equal(example);
79 |         expect(inputEqualsOutputExample.property).to.equal(example);
80 |     });
81 | 
82 |     it('Should throw error: SELECTOR_AS_PROPERTY_CUT_FAILED (which means to update the RegExp in real a world scenario)', () => {
83 |         let example = '<asad as <adfadsf';
84 |         try {
85 |             getSelectorAndPropertyName(example);
86 |         } catch (error) {
87 |             expect(error.message).to.be.equal('SELECTOR_AS_PROPERTY_CUT_FAILED');
88 |         }
89 |     });
90 | });


--------------------------------------------------------------------------------
/src/lib/cli/manpage.ts:
--------------------------------------------------------------------------------
 1 | import {header} from "./header";
 2 | 
 3 | let ansi = require('ansi-escape-sequences');
 4 | 
 5 | export function manPage() {
 6 |     return [
 7 |         {
 8 |             content: ansi.format(header(), 'red'),
 9 |             raw: true
10 |         },
11 |         {
12 |             header: 'FetchBot (1.10.1)',
13 |             content: 'Library and shell-command that provides a simple JSON-API to perform human like interactions and data extractions on any website. Built on top of puppeteer'
14 |         },
15 |         {
16 |             header: 'Options',
17 |             optionList: [
18 | 
19 |                 {
20 |                     name: 'job',
21 |                     typeLabel: '{underline file}',
22 |                     description: 'Input job file (mandatory)'
23 |                 },
24 | 
25 |                 {
26 |                     name: 'agent',
27 |                     typeLabel: '{underline String}',
28 |                     description: 'The user agent string (default FetchBot-1.10.1)'
29 |                 },
30 | 
31 |                 {
32 |                     name: 'trust',
33 |                     typeLabel: '{underline Boolean}',
34 |                     description: 'Trust SSL certs which are not verified by a known CA (optional | default=false)'
35 |                 },
36 | 
37 |                 {
38 |                     name: 'width',
39 |                     typeLabel: '{underline Number}',
40 |                     description: 'Specifies the browser window width (optional | default=800)'
41 |                 },
42 |                 {
43 |                     name: 'height',
44 |                     typeLabel: '{underline Number}',
45 |                     description: 'Specifies the browser window height (optional | default=600)'
46 | 
47 |                 },
48 | 
49 |                 {
50 |                     name: 'wait',
51 |                     typeLabel: '{underline Number}',
52 |                     description: 'Time  in ms to delay execution after each command (optional | default=750)'
53 | 
54 |                 },
55 | 
56 |                 {
57 |                     name: 'attached',
58 |                     typeLabel: '{underline Boolean}',
59 |                     description: 'Specifies if Chromium/Chrome should run in attached mode (non headless) (optional | default=false)'
60 |                 },
61 | 
62 |                 {
63 |                     name: 'wait',
64 |                     typeLabel: '{underline Number}',
65 |                     description: 'Time to wait (delay) before browser is closed after completion  (optional | default=0)'
66 |                 },
67 |                 {
68 |                     name: 'slowmo',
69 |                     typeLabel: '{underline Number}',
70 |                     description: 'Slow down the execution speed in ms (optional | default=0)'
71 |                 },
72 |                 {
73 |                     name: 'debug',
74 |                     typeLabel: '{underline Boolean}',
75 |                     description: 'Enables debugging and logging'
76 |                 },
77 | 
78 |                 {
79 |                     name: 'output',
80 |                     typeLabel: '{underline String}',
81 |                     description: 'Filename where fetched content is stored'
82 |                 },
83 |                 {
84 |                     name: 'help',
85 |                     typeLabel: '{underline Boolean}',
86 |                     description: 'Show the help page'
87 |                 },
88 |             ]
89 |         },
90 |         {
91 |             content: 'Project home: {underline https://github.com/AOEpeople/puppeteer-fetchbot}'
92 |         }
93 |     ]
94 | }
95 | 


--------------------------------------------------------------------------------
/src/lib/classes/fetcher.ts:
--------------------------------------------------------------------------------
  1 | import {Page} from "puppeteer";
  2 | 
  3 | import {SelectorAndPropertyInterface} from "../interfaces/selector-and-property";
  4 | 
  5 | export class Fetcher {
  6 | 
  7 |     constructor(private page: Page) {
  8 | 
  9 |     }
 10 | 
 11 |     public async pull(adapter): Promise<Object> {
 12 | 
 13 |         return await this.page.evaluate((fetchItems) => {
 14 | 
 15 |             const getSelectorAndPropertyName = (key: string): SelectorAndPropertyInterface => {
 16 | 
 17 |                 const regExpString: string = '([\\[.#a-z][\\[#a-zA-Z0-9\\s()>\\.:_"\'\\-=\\]]+|[a-z])\\sas\\s([a-z][a-zA-Z0-9]+|[a-z])';
 18 | 
 19 |                 // Apply RegExpString
 20 |                 const extractSelectorAndPropertyName: RegExp = new RegExp(regExpString, 'i');
 21 | 
 22 |                 let selectorAndProperty = {
 23 |                     selector: key,
 24 |                     property: key
 25 |                 };
 26 | 
 27 |                 const hasDedicatedPropName = (key): boolean => {
 28 |                     const hasDedicatedPropName: RegExp = new RegExp('\\S\\sas\\s\\S', 'i');
 29 |                     return key.match(hasDedicatedPropName) !== null;
 30 |                 };
 31 | 
 32 | 
 33 |                 if (hasDedicatedPropName(key)) {
 34 | 
 35 |                     const extraction = key.match(extractSelectorAndPropertyName),
 36 |                         SELECTOR = 1,
 37 |                         PROPERTY = 2;
 38 | 
 39 |                     if (!!extraction && !!extraction[SELECTOR] && !!extraction[PROPERTY]) {
 40 |                         selectorAndProperty.selector = extraction[SELECTOR];
 41 |                         selectorAndProperty.property = extraction[PROPERTY];
 42 |                     } else {
 43 |                         throw new Error('SELECTOR_AS_PROPERTY_CUT_FAILED');
 44 |                     }
 45 |                 }
 46 | 
 47 |                 return selectorAndProperty;
 48 |             };
 49 | 
 50 |             const DOM = document.body;
 51 | 
 52 |             let isDataSet: boolean = false,
 53 |                 data = {};
 54 | 
 55 |             for (const originSelector of Object.keys(fetchItems)) {
 56 | 
 57 |                 const mapping = getSelectorAndPropertyName(originSelector);
 58 |                 const extract = (rootDom, pathToData: string[] = []) => {
 59 |                     let propCapture = rootDom;
 60 | 
 61 |                     pathToData.forEach((pathNamePartial: string) => {
 62 |                         propCapture = propCapture[pathNamePartial];
 63 |                     });
 64 | 
 65 |                     return propCapture;
 66 |                 };
 67 | 
 68 |                 data[mapping.property] = fetchItems[originSelector];
 69 | 
 70 |                 let last,
 71 |                     target = [];
 72 | 
 73 |                 // Ensure prop name consistency (unstable)
 74 |                 if (data[mapping.property] !== null && typeof data[mapping.property] === 'object' && !!data[mapping.property].attr) {
 75 | 
 76 |                     isDataSet = data[mapping.property].attr.match(/^data-/) !== null;
 77 | 
 78 |                     if (isDataSet) {
 79 |                         target.push('dataset');
 80 |                     }
 81 | 
 82 |                     target.push(data[mapping.property].attr.replace(/^data-/, ''));
 83 | 
 84 |                     last = target.pop();
 85 |                     target.push((last === 'class') ? 'className' : last);
 86 | 
 87 |                     data[mapping.property] = (data[mapping.property].type !== false) ? data[mapping.property].type : false;
 88 |                 } else {
 89 |                     target.push('textContent')
 90 |                 }
 91 | 
 92 |                 let SINGLE_DOM_ELEMENT_REFERENCE = DOM.querySelector(mapping.selector);
 93 | 
 94 |                 if (SINGLE_DOM_ELEMENT_REFERENCE !== null) {
 95 | 
 96 |                     const IS_NUMBER_ITERABLE = data[mapping.property] === null;
 97 |                     const IS_STRING_ITERABLE = data[mapping.property] instanceof Array;
 98 |                     const IS_NUMBER = typeof data[mapping.property] === 'number';
 99 |                     const IS_BOOLEAN = data[mapping.property] === false;
100 |                     const IS_ITERABLE = (IS_NUMBER_ITERABLE || IS_STRING_ITERABLE);
101 |                     const SOURCE: any = (IS_ITERABLE) ? DOM.querySelectorAll(mapping.selector) : SINGLE_DOM_ELEMENT_REFERENCE;
102 | 
103 |                     if (IS_ITERABLE) {
104 |                         data[mapping.property] = [];
105 |                         let requestedDomProperty = target.pop();
106 |                         SOURCE.forEach((node: any /*ChildNode*/) => {
107 |                             target = [];
108 |                             if (isDataSet) {
109 |                                 target.push('dataset');
110 |                             }
111 |                             target.push(requestedDomProperty);
112 |                             data[mapping.property].push((extract(node, target) + '').trim());
113 |                             if (IS_NUMBER_ITERABLE) {
114 |                                 let last = data[mapping.property].pop();
115 |                                 data[mapping.property].push(parseInt(last, 10));
116 |                             }
117 |                         });
118 |                     } else if (IS_BOOLEAN) {
119 |                         data[mapping.property] = !!extract(SOURCE, target);
120 |                     } else {
121 |                         // STRING or NUMBER
122 |                         data[mapping.property] = (extract(SOURCE, target) + '').trim();
123 | 
124 |                         if (IS_NUMBER) {
125 |                             data[mapping.property] = parseInt(data[mapping.property], 10);
126 |                         }
127 |                     }
128 |                 }
129 |             }
130 | 
131 |             return data;
132 | 
133 |         }, adapter);
134 |     }
135 | }
136 | 


--------------------------------------------------------------------------------
/src/lib/classes/fetcher.spec.ts:
--------------------------------------------------------------------------------
  1 | import {expect} from 'chai';
  2 | import {Fetcher} from "./fetcher";
  3 | import {OperationalPage} from "./operational-page";
  4 | import {Options} from "./options";
  5 | import {getSelectorAndPropertyName} from "../helpers/get-selector-and-property-name";
  6 | import {realpathSync} from "fs";
  7 | 
  8 | describe('Fetcher', () => {
  9 | 
 10 |     //const url = 'https://github.com/BernhardBezdek';
 11 |     // load the html mockfile instead
 12 |     const url = 'file://' + realpathSync(__dirname + '"/../../../mocks/gitHubPage.htm');
 13 | 
 14 | 
 15 |     const fetchJobs = {
 16 |         BOOLEAN: {".user-mention as booleanExample": false},
 17 |         STRING: {".user-mention as stringExample": ''},
 18 |         NUMBER: {".Counter as numberExample": 0},
 19 |         ARRAY_CONTAINING_STRINGS: {".repo as stringArrayExample": []},
 20 |         ARRAY_CONTAINING_NUMBERS: {".Counter as numberArrayExample": null}
 21 |     };
 22 | 
 23 | 
 24 |     it('Should pull specified data (via selector) from page and provide as "boolean" [excluded from coverage]', async () => {
 25 | 
 26 |         // TODO Excluded yet in coverage reports (@see package.json nyc config)
 27 |         // TODO due to context/evaluation issues
 28 |         // Maybe solvable by https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#class-coverage
 29 |         const operationalPage = new OperationalPage(new Options({}));
 30 |         const page = await operationalPage.getPageInstance();
 31 |         const fetcher = new Fetcher(page);
 32 | 
 33 |         let data,
 34 |             asPropertyName: string;
 35 | 
 36 |         await page.goto(url);
 37 | 
 38 |         //TYPE BOOLEAN
 39 |         data = await fetcher.pull(fetchJobs.BOOLEAN);
 40 |         asPropertyName = getSelectorAndPropertyName(Object.keys(fetchJobs.BOOLEAN)[0]).property;
 41 |         expect(data[asPropertyName]).to.equal(true);
 42 | 
 43 |         await operationalPage.exit();
 44 | 
 45 |     }).timeout(10000);
 46 | 
 47 |     it('Should pull specified data (via selector) from page and provide as "string" [excluded from coverage]', async () => {
 48 | 
 49 |         // TODO Excluded yet in coverage reports (@see package.json nyc config)
 50 |         // TODO due to context/evaluation issues
 51 |         // Maybe solvable by https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#class-coverage
 52 |         const operationalPage = new OperationalPage(new Options({}));
 53 |         const page = await operationalPage.getPageInstance();
 54 |         const fetcher = new Fetcher(page);
 55 |         let data,
 56 |             asPropertyName: string;
 57 | 
 58 |         await page.goto(url);
 59 | 
 60 |         // TYPE STRING
 61 |         data = await fetcher.pull(fetchJobs.STRING);
 62 |         asPropertyName = getSelectorAndPropertyName(Object.keys(fetchJobs.STRING)[0]).property;
 63 |         expect(data[asPropertyName]).to.equal('@AOEpeople');
 64 | 
 65 | 
 66 |         await operationalPage.exit();
 67 | 
 68 |     }).timeout(10000);
 69 | 
 70 |     it('Should pull specified data (via selector) from page and provide as "number" [excluded from coverage]', async () => {
 71 | 
 72 |         // TODO Excluded yet in coverage reports (@see package.json nyc config)
 73 |         // TODO due to context/evaluation issues
 74 |         // Maybe solvable by https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#class-coverage
 75 |         const operationalPage = new OperationalPage(new Options({}));
 76 |         const page = await operationalPage.getPageInstance();
 77 |         const fetcher = new Fetcher(page);
 78 |         let data,
 79 |             asPropertyName: string;
 80 | 
 81 |         await page.goto(url);
 82 | 
 83 |         // TYPE NUMBER
 84 |         data = await fetcher.pull(fetchJobs.NUMBER);
 85 |         asPropertyName = getSelectorAndPropertyName(Object.keys(fetchJobs.NUMBER)[0]).property;
 86 |         expect(data[asPropertyName]).to.equal(19); // Amount of repositories
 87 | 
 88 |         await operationalPage.exit();
 89 | 
 90 |     }).timeout(10000);
 91 | 
 92 |     it('Should pull specified data (via selector) from page and provide as "array of string(s)" [excluded from coverage]', async () => {
 93 | 
 94 |         // TODO Excluded yet in coverage reports (@see package.json nyc config)
 95 |         // TODO due to context/evaluation issues
 96 |         // Maybe solvable by https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#class-coverage
 97 |         const operationalPage = new OperationalPage(new Options({}));
 98 |         const page = await operationalPage.getPageInstance();
 99 |         const fetcher = new Fetcher(page);
100 |         let data,
101 |             asPropertyName: string;
102 | 
103 |         await page.goto(url);
104 | 
105 | 
106 |         //TYPE ARRAY_CONTAINING_STRINGS
107 |         data = await fetcher.pull(fetchJobs.ARRAY_CONTAINING_STRINGS);
108 |         asPropertyName = getSelectorAndPropertyName(Object.keys(fetchJobs.ARRAY_CONTAINING_STRINGS)[0]).property;
109 |         expect(data[asPropertyName] instanceof Array).to.equal(true);
110 |         expect(typeof data[asPropertyName][0]).to.equal('string');
111 |         expect(data[asPropertyName].length).to.equal(6);
112 | 
113 | 
114 |         await operationalPage.exit();
115 | 
116 |     }).timeout(10000);
117 | 
118 |     it('Should pull specified data (via selector) from page and provide as "array of number(s)" [excluded from coverage]', async () => {
119 | 
120 |         // TODO Excluded yet in coverage reports (@see package.json nyc config)
121 |         // TODO due to context/evaluation issues
122 |         // Maybe solvable by https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#class-coverage
123 |         const operationalPage = new OperationalPage(new Options({}));
124 |         const page = await operationalPage.getPageInstance();
125 |         const fetcher = new Fetcher(page);
126 |         let data,
127 |             asPropertyName: string;
128 | 
129 |         await page.goto(url);
130 | 
131 |         //TYPE ARRAY_CONTAINING_NUMBERS
132 |         data = await fetcher.pull(fetchJobs.ARRAY_CONTAINING_NUMBERS);
133 |         asPropertyName = getSelectorAndPropertyName(Object.keys(fetchJobs.ARRAY_CONTAINING_NUMBERS)[0]).property;
134 |         expect(data[asPropertyName] instanceof Array).to.equal(true);
135 |         expect(typeof data[asPropertyName][0]).to.equal('number');
136 |         expect(data[asPropertyName].length).to.equal(4);
137 | 
138 |         await operationalPage.exit();
139 | 
140 |     }).timeout(10000);
141 | });


--------------------------------------------------------------------------------
/src/lib/classes/fetch-bot.spec.ts:
--------------------------------------------------------------------------------
  1 | import {expect} from 'chai';
  2 | import {FetchBot} from "./fetch-bot";
  3 | import {realpathSync} from "fs";
  4 | 
  5 | describe('FetchBot', () => {
  6 |     const fakeUrl = 'file://' + realpathSync(__dirname + '"/../../../mocks/gitHubPage.htm');
  7 |     const targetUrl = 'file://';// + realpathSync(__dirname + '"/../../../mocks/link-target.html');
  8 |     const options = {};
  9 |     const expectedData = {
 10 |         booleanExample: true,
 11 |         stringExample: '@AOEpeople',
 12 |         numberExample: 19,
 13 |         stringArrayExample: [
 14 |             'ihave.to',
 15 |             'omm',
 16 |             'appstack.io',
 17 |             'clrlog',
 18 |             'traider.io',
 19 |             'grunt-ssh-deploy'],
 20 |         numberArrayExample: [19, 19, 4, 14]
 21 |     };
 22 | 
 23 |     let tour = {};
 24 | 
 25 |     let fetchBot = new FetchBot(options);
 26 | 
 27 |     it('Should open the mock page, fill the input, click the logo and navigate to target page where content is verified', async () => {
 28 |         //unit-test.via.config-file.json
 29 |         let bot,
 30 |             data,
 31 |             delay = 100;
 32 | 
 33 |         tour = {};
 34 |         tour[fakeUrl] = {
 35 |             root: true,
 36 |             type: [
 37 |                 [
 38 |                     'body > div.position-relative.js-header-wrapper > header > div > div.HeaderMenu.HeaderMenu--bright.d-flex.flex-justify-between.flex-auto > div > div > div > form > label > input.form-control.header-search-input.js-site-search-focus',
 39 |                     'Hello World'
 40 |                 ]
 41 |             ],
 42 |             click: 'a.header-logo-invertocat'
 43 |         };
 44 |         tour[targetUrl] = [
 45 |             {
 46 |                 reload: null,
 47 |                 waitFor: [
 48 |                     [delay]
 49 |                 ],
 50 |                 fetch: {
 51 |                     '#linkTargetResolved as completed': false,
 52 |                     '#linkTargetResolved as attributeIsWorking': {'attr': 'align', 'type': ''},
 53 |                     '#linkTargetResolved as attributeAlignExists': {'attr': 'align', 'type': false},
 54 |                     '#linkTargetResolved as dataTestIsWorking': {'attr': 'data-test', 'type': ''}
 55 |                 }
 56 |             },
 57 |             {
 58 |                 waitFor: [
 59 |                     [delay]
 60 |                 ],
 61 |                 fetch: {
 62 |                     'h2.xyz as collectedIds': {'attr': 'id', 'type': null},
 63 |                     'h2.xyz as collectedClassNames': {'attr': 'class', 'type': []}
 64 |                 }
 65 |             }
 66 |         ];
 67 | 
 68 |         data = await fetchBot.runAndStandby(tour);
 69 | 
 70 |         expect(data['completed']).to.equal(true);
 71 |         expect(data['attributeIsWorking']).to.equal('yes');
 72 |         expect(data['attributeAlignExists']).to.equal(true);
 73 |         expect(data['collectedIds']).to.deep.equal([123, 456]);
 74 |         expect(data['collectedClassNames']).to.deep.equal(['xyz', 'xyz']);
 75 |         expect(data['dataTestIsWorking']).to.equal('working');
 76 | 
 77 |     }).timeout(20000);
 78 | 
 79 |     it('Should fetch a set of data', async () => {
 80 | 
 81 |         tour = {};
 82 |         tour[fakeUrl] = {
 83 |             root: true,
 84 |             fetch: {
 85 |                 ".user-mention as booleanExample": false,
 86 |                 ".user-mention as stringExample": '',
 87 |                 ".Counter as numberExample": 0,
 88 |                 ".repo as stringArrayExample": [],
 89 |                 ".Counter as numberArrayExample": null
 90 |             }
 91 |         };
 92 | 
 93 |         let data;
 94 | 
 95 |         data = await fetchBot.runAndStandby(tour);
 96 | 
 97 |         expect(data).to.deep.equal(expectedData);
 98 | 
 99 |     }).timeout(50000);
100 | 
101 |     it('Should resolve all root tours and finally have an empty tour list', async () => {
102 | 
103 |         tour = {};
104 | 
105 |         tour[fakeUrl] = {
106 |             root: true,
107 |             lalala: [
108 |                 ['#sdfdsd']
109 |             ]
110 |         };
111 | 
112 |         tour[targetUrl] = {
113 |             root: true,
114 |             lalala: [
115 |                 ['#sdfdsd']
116 |             ]
117 |         };
118 | 
119 |         await fetchBot.runAndStandby(tour);
120 | 
121 |         expect(Object.keys(tour).length).to.equal(0);
122 | 
123 |     }).timeout(5000);
124 | 
125 |     it('Should resolve the root tours and then match the followed url by RegExp', async () => {
126 | 
127 |         tour = {};
128 | 
129 |         tour[fakeUrl] = {
130 |             root: true,
131 |             click: 'a.header-logo-invertocat'
132 |         };
133 | 
134 |         tour['.html'] = {
135 |             fetch: {
136 |                 "#uniqueId as uid": ''
137 |             }
138 |         };
139 | 
140 |         let result: any = await fetchBot.runAndStandby(tour);
141 |         expect(result.uid).to.equal('BBB');
142 | 
143 |     }).timeout(5000);
144 | 
145 |     it('Should resolve the root and finally have one non matching item in the job list', async () => {
146 | 
147 |         tour = {};
148 | 
149 |         tour[fakeUrl] = {
150 |             root: true,
151 |             lalala: [
152 |                 ['#sdfdsd']
153 |             ]
154 |         };
155 | 
156 |         tour['http://some.fantasy.domain.com/never-matching.html'] = {
157 |             lalala: [
158 |                 ['#sdfdsd']
159 |             ]
160 |         };
161 | 
162 |         await fetchBot.runAndExit(tour);
163 | 
164 |         expect(Object.keys(tour).length).to.equal(1);
165 | 
166 |     }).timeout(5000);
167 | 
168 |     it('Should load an existing config via file (from examples folder)', async () => {
169 |         let result = await fetchBot.runAndStandby(realpathSync(__dirname + '/../../../examples/tour-via-file-for-tests.json'));
170 | 
171 |         expect(Object.keys(result).length).to.equal(0);
172 | 
173 |     }).timeout(5000);
174 | 
175 |     it('Should fail when loading a not existing config file', async () => {
176 | 
177 |         try {
178 |             await fetchBot.runAndExit('this-file-does-not-exist.json');
179 |         } catch (error) {
180 |             expect(error.message).to.equal('Cannot read tour file (Does it exist or is it valid JSON?)');
181 |         }
182 | 
183 |     }).timeout(5000);
184 | 
185 |     it('Should fail when no root object is present', async () => {
186 |         try {
187 |             fetchBot = new FetchBot(options);
188 |             await fetchBot.runAndExit({"https://some.sub.domain/page.html": {}});
189 |         } catch (error) {
190 |             expect(error.message).to.equal('The configuration job configuration has no root jobs');
191 |         }
192 |     });
193 | });


--------------------------------------------------------------------------------
/src/lib/classes/fetch-bot.ts:
--------------------------------------------------------------------------------
  1 | import {OperationalPage} from "./operational-page";
  2 | import {isAllowedCmd} from "../helpers/is-allowed-cmd";
  3 | import {isSelectorStringCmd} from "../helpers/is-selector-string-cmd";
  4 | import {isCallWithArgs} from "../helpers/is-called-with-args";
  5 | import {isCallNoArgs} from "../helpers/is-called-no-args";
  6 | import {isFetchJobCmd} from "../helpers/is-fetch-job-cmd";
  7 | import {Fetcher} from "./fetcher";
  8 | import {OptionsInterface} from "../interfaces/options";
  9 | import {readFileSync} from "fs";
 10 | 
 11 | export class FetchBot extends OperationalPage {
 12 | 
 13 |     public tour: Object;
 14 | 
 15 |     private fetchedData = {};
 16 | 
 17 |     constructor(protected userOptions: OptionsInterface) {
 18 |         super(userOptions);
 19 |     }
 20 | 
 21 | 
 22 |     private _setTour(tour: string | Object) {
 23 |         if (typeof tour === 'string') {
 24 |             this._load(tour);
 25 |         } else {
 26 |             this.tour = tour;
 27 |         }
 28 |     }
 29 | 
 30 |     private _load(fileName: string) {
 31 |         try {
 32 |             this.tour = JSON.parse(readFileSync(fileName, 'utf-8'));
 33 |         } catch (error) {
 34 |             throw new Error('Cannot read tour file (Does it exist or is it valid JSON?)')
 35 |         }
 36 |     }
 37 | 
 38 |     /**
 39 |      * @deprecated In future the job must be provided to avoid restarting browser instance over and over
 40 |      * @return {Promise<{}>}
 41 |      */
 42 |     public async run() {
 43 | 
 44 |         try {
 45 |             await this._batchTasks(this._getTasks(true), true);
 46 |         } catch (error) {
 47 |             if (this.options.debug === true) {
 48 |                 console.log(error);
 49 |             }
 50 |         }
 51 | 
 52 |         await this.exit();
 53 | 
 54 |         return this.fetchedData;
 55 |     }
 56 | 
 57 |     public async runAndExit(tour: string | Object) {
 58 |         this._setTour(tour);
 59 |         return this.run();
 60 |     }
 61 | 
 62 |     public async runAndStandby(tour: string | Object) {
 63 | 
 64 |         this.fetchedData = {};
 65 | 
 66 |         this._setTour(tour);
 67 | 
 68 |         try {
 69 |             await this._batchTasks(this._getTasks(true), true);
 70 |         } catch (error) {
 71 |             if (this.options.debug === true) {
 72 |                 console.log(error);
 73 |             }
 74 |         }
 75 | 
 76 |         return this.fetchedData;
 77 |     }
 78 | 
 79 |     private async _getCmdType(command: string, params: any): Promise<string> {
 80 | 
 81 |         const page = await this.getPageInstance();
 82 |         const isPageCommand = !!page[command];
 83 | 
 84 |         let commandType: string;
 85 | 
 86 |         if (isSelectorStringCmd(isPageCommand, params)) {
 87 |             commandType = 'selector';
 88 |         } else if (isCallWithArgs(isPageCommand, params)) {
 89 |             commandType = 'call';
 90 |         } else if (isCallNoArgs(isPageCommand, params)) {
 91 |             commandType = 'callnoargs';
 92 |         } else if (isFetchJobCmd(isPageCommand, params, command)) {
 93 |             commandType = 'fetch';
 94 |         } else {
 95 |             commandType = 'unknown-command';
 96 |         }
 97 | 
 98 |         return commandType;
 99 |     }
100 | 
101 |     private async _execution(commands: any) {
102 |         for (const command of Object.keys(commands)) {
103 |             if (isAllowedCmd(command)) {
104 |                 await this._exec(command, commands[command]
105 |                 );
106 |             }
107 |         }
108 |     }
109 | 
110 |     private async _exec(command: string, options: any) {
111 |         const scope = await this.getPageInstance();
112 |         const cmdType = await this._getCmdType(command, options);
113 | 
114 |         switch (cmdType) {
115 | 
116 |             case 'selector':
117 |                 await scope[command](options);
118 |                 break;
119 | 
120 |             case 'call':
121 |                 for (const option of options) {
122 |                     await scope[command](...option);
123 |                 }
124 |                 break;
125 | 
126 |             case 'callnoargs':
127 |                 await scope[command]();
128 |                 break;
129 | 
130 |             case 'fetch':
131 |                 let fetchedData = await new Fetcher(scope).pull(options);
132 |                 Object.assign(this.fetchedData, fetchedData);
133 |                 break;
134 |             default:
135 |                 break;
136 |         }
137 |     }
138 | 
139 |     private async _batchTask(task: any, gotoResource: boolean = false): Promise<Boolean> {
140 |         let resource = Object.keys(task)[0],
141 |             page = await this.getPageInstance();
142 | 
143 |         if (gotoResource) {
144 |             await page.goto(resource);
145 |         }
146 | 
147 |         if (task[resource] instanceof Array && task[resource].length > 0) {
148 |             for (const subTask of task[resource]) {
149 |                 let standardizedSubTask = {};
150 |                 standardizedSubTask[resource] = subTask;
151 | 
152 |                 await this._batchTask(standardizedSubTask);
153 |             }
154 |         } else {
155 |             await this._execution(task[resource]);
156 |         }
157 | 
158 |         //await page.waitFor(this.options.wait);
159 |         await page.waitForTimeout(this.options.wait);
160 | 
161 |         return true;
162 |     }
163 | 
164 |     private async _batchTasks(tasks: any[], root: boolean = false): Promise<boolean> {
165 |         const currentTasks = tasks.pop();
166 | 
167 |         await this._batchTask(currentTasks, root);
168 | 
169 |         let page = await this.getPageInstance();
170 |         let matchingTasks = this._getUrlMatchingTasks(page.url(), this._getTasks(false));
171 | 
172 |         if (matchingTasks.length > 0) {
173 |             await this._batchTasks(matchingTasks, false);
174 |         }
175 | 
176 |         if (tasks.length > 0) {
177 |             return await this._batchTasks(tasks, root);
178 |         } else {
179 |             return true;
180 |         }
181 |     }
182 | 
183 |     private _deleteJob(resource: string): void {
184 |         delete this.tour[resource];
185 |     }
186 | 
187 |     private _hasRootTask() {
188 |         return Object.keys(this.tour).some((resource: string) => {
189 |             return this.tour[resource].root === true;
190 |         });
191 |     }
192 | 
193 |     private _getTasks(root: boolean = false): any[] {
194 |         let tasks = [];
195 | 
196 |         if (root === true && !this._hasRootTask()) {
197 |             throw new Error('The configuration job configuration has no root jobs');
198 |         }
199 | 
200 |         Object
201 |             .keys(this.tour)
202 | 
203 |             .filter((resource: string) => {
204 |                 return (root === true) ? this.tour[resource].root === true : !this.tour[resource].root;
205 |             })
206 | 
207 |             .forEach((resource: string) => {
208 |                 let task = {};
209 | 
210 |                 task[resource] = this.tour[resource];
211 | 
212 |                 if (root) {
213 |                     this._deleteJob(resource);
214 |                 }
215 | 
216 |                 tasks.push(task);
217 |             });
218 | 
219 |         return tasks.reverse();
220 |     }
221 | 
222 |     private _getUrlMatchingTasks(url: string, tasks: any[]): any[] {
223 | 
224 |         tasks = tasks
225 |             .filter((task: Object) => {
226 |                 const taskAppliancePattern: string = Object.keys(task)[0];
227 | 
228 |                 const urlHasMatch = url.toLocaleLowerCase().indexOf(taskAppliancePattern.toLocaleLowerCase()) === 0;
229 |                 const urlHasRegExpMatch = url.match(new RegExp(taskAppliancePattern, 'i')) !== null;
230 | 
231 | 
232 |                 if (!urlHasMatch && !urlHasRegExpMatch) {
233 |                     return false;
234 |                 }
235 | 
236 |                 this._deleteJob(taskAppliancePattern);
237 | 
238 |                 return urlHasMatch || urlHasRegExpMatch
239 |             });
240 | 
241 |         return tasks;
242 |     }
243 | 
244 | }


--------------------------------------------------------------------------------
/LICENSE.txt:
--------------------------------------------------------------------------------
  1 | 
  2 |                                  Apache License
  3 |                            Version 2.0, January 2004
  4 |                         http://www.apache.org/licenses/
  5 | 
  6 |    TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
  7 | 
  8 |    1. Definitions.
  9 | 
 10 |       "License" shall mean the terms and conditions for use, reproduction,
 11 |       and distribution as defined by Sections 1 through 9 of this document.
 12 | 
 13 |       "Licensor" shall mean the copyright owner or entity authorized by
 14 |       the copyright owner that is granting the License.
 15 | 
 16 |       "Legal Entity" shall mean the union of the acting entity and all
 17 |       other entities that control, are controlled by, or are under common
 18 |       control with that entity. For the purposes of this definition,
 19 |       "control" means (i) the power, direct or indirect, to cause the
 20 |       direction or management of such entity, whether by contract or
 21 |       otherwise, or (ii) ownership of fifty percent (50%) or more of the
 22 |       outstanding shares, or (iii) beneficial ownership of such entity.
 23 | 
 24 |       "You" (or "Your") shall mean an individual or Legal Entity
 25 |       exercising permissions granted by this License.
 26 | 
 27 |       "Source" form shall mean the preferred form for making modifications,
 28 |       including but not limited to software source code, documentation
 29 |       source, and configuration files.
 30 | 
 31 |       "Object" form shall mean any form resulting from mechanical
 32 |       transformation or translation of a Source form, including but
 33 |       not limited to compiled object code, generated documentation,
 34 |       and conversions to other media types.
 35 | 
 36 |       "Work" shall mean the work of authorship, whether in Source or
 37 |       Object form, made available under the License, as indicated by a
 38 |       copyright notice that is included in or attached to the work
 39 |       (an example is provided in the Appendix below).
 40 | 
 41 |       "Derivative Works" shall mean any work, whether in Source or Object
 42 |       form, that is based on (or derived from) the Work and for which the
 43 |       editorial revisions, annotations, elaborations, or other modifications
 44 |       represent, as a whole, an original work of authorship. For the purposes
 45 |       of this License, Derivative Works shall not include works that remain
 46 |       separable from, or merely link (or bind by name) to the interfaces of,
 47 |       the Work and Derivative Works thereof.
 48 | 
 49 |       "Contribution" shall mean any work of authorship, including
 50 |       the original version of the Work and any modifications or additions
 51 |       to that Work or Derivative Works thereof, that is intentionally
 52 |       submitted to Licensor for inclusion in the Work by the copyright owner
 53 |       or by an individual or Legal Entity authorized to submit on behalf of
 54 |       the copyright owner. For the purposes of this definition, "submitted"
 55 |       means any form of electronic, verbal, or written communication sent
 56 |       to the Licensor or its representatives, including but not limited to
 57 |       communication on electronic mailing lists, source code control systems,
 58 |       and issue tracking systems that are managed by, or on behalf of, the
 59 |       Licensor for the purpose of discussing and improving the Work, but
 60 |       excluding communication that is conspicuously marked or otherwise
 61 |       designated in writing by the copyright owner as "Not a Contribution."
 62 | 
 63 |       "Contributor" shall mean Licensor and any individual or Legal Entity
 64 |       on behalf of whom a Contribution has been received by Licensor and
 65 |       subsequently incorporated within the Work.
 66 | 
 67 |    2. Grant of Copyright License. Subject to the terms and conditions of
 68 |       this License, each Contributor hereby grants to You a perpetual,
 69 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 70 |       copyright license to reproduce, prepare Derivative Works of,
 71 |       publicly display, publicly perform, sublicense, and distribute the
 72 |       Work and such Derivative Works in Source or Object form.
 73 | 
 74 |    3. Grant of Patent License. Subject to the terms and conditions of
 75 |       this License, each Contributor hereby grants to You a perpetual,
 76 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 77 |       (except as stated in this section) patent license to make, have made,
 78 |       use, offer to sell, sell, import, and otherwise transfer the Work,
 79 |       where such license applies only to those patent claims licensable
 80 |       by such Contributor that are necessarily infringed by their
 81 |       Contribution(s) alone or by combination of their Contribution(s)
 82 |       with the Work to which such Contribution(s) was submitted. If You
 83 |       institute patent litigation against any entity (including a
 84 |       cross-claim or counterclaim in a lawsuit) alleging that the Work
 85 |       or a Contribution incorporated within the Work constitutes direct
 86 |       or contributory patent infringement, then any patent licenses
 87 |       granted to You under this License for that Work shall terminate
 88 |       as of the date such litigation is filed.
 89 | 
 90 |    4. Redistribution. You may reproduce and distribute copies of the
 91 |       Work or Derivative Works thereof in any medium, with or without
 92 |       modifications, and in Source or Object form, provided that You
 93 |       meet the following conditions:
 94 | 
 95 |       (a) You must give any other recipients of the Work or
 96 |           Derivative Works a copy of this License; and
 97 | 
 98 |       (b) You must cause any modified files to carry prominent notices
 99 |           stating that You changed the files; and
100 | 
101 |       (c) You must retain, in the Source form of any Derivative Works
102 |           that You distribute, all copyright, patent, trademark, and
103 |           attribution notices from the Source form of the Work,
104 |           excluding those notices that do not pertain to any part of
105 |           the Derivative Works; and
106 | 
107 |       (d) If the Work includes a "NOTICE" text file as part of its
108 |           distribution, then any Derivative Works that You distribute must
109 |           include a readable copy of the attribution notices contained
110 |           within such NOTICE file, excluding those notices that do not
111 |           pertain to any part of the Derivative Works, in at least one
112 |           of the following places: within a NOTICE text file distributed
113 |           as part of the Derivative Works; within the Source form or
114 |           documentation, if provided along with the Derivative Works; or,
115 |           within a display generated by the Derivative Works, if and
116 |           wherever such third-party notices normally appear. The contents
117 |           of the NOTICE file are for informational purposes only and
118 |           do not modify the License. You may add Your own attribution
119 |           notices within Derivative Works that You distribute, alongside
120 |           or as an addendum to the NOTICE text from the Work, provided
121 |           that such additional attribution notices cannot be construed
122 |           as modifying the License.
123 | 
124 |       You may add Your own copyright statement to Your modifications and
125 |       may provide additional or different license terms and conditions
126 |       for use, reproduction, or distribution of Your modifications, or
127 |       for any such Derivative Works as a whole, provided Your use,
128 |       reproduction, and distribution of the Work otherwise complies with
129 |       the conditions stated in this License.
130 | 
131 |    5. Submission of Contributions. Unless You explicitly state otherwise,
132 |       any Contribution intentionally submitted for inclusion in the Work
133 |       by You to the Licensor shall be under the terms and conditions of
134 |       this License, without any additional terms or conditions.
135 |       Notwithstanding the above, nothing herein shall supersede or modify
136 |       the terms of any separate license agreement you may have executed
137 |       with Licensor regarding such Contributions.
138 | 
139 |    6. Trademarks. This License does not grant permission to use the trade
140 |       names, trademarks, service marks, or product names of the Licensor,
141 |       except as required for reasonable and customary use in describing the
142 |       origin of the Work and reproducing the content of the NOTICE file.
143 | 
144 |    7. Disclaimer of Warranty. Unless required by applicable law or
145 |       agreed to in writing, Licensor provides the Work (and each
146 |       Contributor provides its Contributions) on an "AS IS" BASIS,
147 |       WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
148 |       implied, including, without limitation, any warranties or conditions
149 |       of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
150 |       PARTICULAR PURPOSE. You are solely responsible for determining the
151 |       appropriateness of using or redistributing the Work and assume any
152 |       risks associated with Your exercise of permissions under this License.
153 | 
154 |    8. Limitation of Liability. In no event and under no legal theory,
155 |       whether in tort (including negligence), contract, or otherwise,
156 |       unless required by applicable law (such as deliberate and grossly
157 |       negligent acts) or agreed to in writing, shall any Contributor be
158 |       liable to You for damages, including any direct, indirect, special,
159 |       incidental, or consequential damages of any character arising as a
160 |       result of this License or out of the use or inability to use the
161 |       Work (including but not limited to damages for loss of goodwill,
162 |       work stoppage, computer failure or malfunction, or any and all
163 |       other commercial damages or losses), even if such Contributor
164 |       has been advised of the possibility of such damages.
165 | 
166 |    9. Accepting Warranty or Additional Liability. While redistributing
167 |       the Work or Derivative Works thereof, You may choose to offer,
168 |       and charge a fee for, acceptance of support, warranty, indemnity,
169 |       or other liability obligations and/or rights consistent with this
170 |       License. However, in accepting such obligations, You may act only
171 |       on Your own behalf and on Your sole responsibility, not on behalf
172 |       of any other Contributor, and only if You agree to indemnify,
173 |       defend, and hold each Contributor harmless for any liability
174 |       incurred by, or claims asserted against, such Contributor by reason
175 |       of your accepting any such warranty or additional liability.
176 | 
177 |    END OF TERMS AND CONDITIONS
178 | 
179 |    APPENDIX: How to apply the Apache License to your work.
180 | 
181 |       To apply the Apache License to your work, attach the following
182 |       boilerplate notice, with the fields enclosed by brackets "[]"
183 |       replaced with your own identifying information. (Don't include
184 |       the brackets!)  The text should be enclosed in the appropriate
185 |       comment syntax for the file format. We also recommend that a
186 |       file or class name and description of purpose be included on the
187 |       same "printed page" as the copyright notice for easier
188 |       identification within third-party archives.
189 | 
190 |    Copyright 2017 Google Inc.
191 | 
192 |    Licensed under the Apache License, Version 2.0 (the "License");
193 |    you may not use this file except in compliance with the License.
194 |    You may obtain a copy of the License at
195 | 
196 |        http://www.apache.org/licenses/LICENSE-2.0
197 | 
198 |    Unless required by applicable law or agreed to in writing, software
199 |    distributed under the License is distributed on an "AS IS" BASIS,
200 |    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
201 |    See the License for the specific language governing permissions and
202 |    limitations under the License.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | [![Build status — Travis-CI][travis-icon]][travis]
  2 | [![Code coverage — Code-Cov][codecov-icon]][codecov]
  3 | [![cookie-notice on Npmjs][npm-icon]][npm]
  4 | [![Total downloads ~ Npmjs][downl-icon]][npm]
  5 | 
  6 | # FetchBot 1.10.1
  7 | 
  8 | <img src="https://i.imgur.com/ntm3aNU.png" alt="FetchBot" width="200" align="center"/>
  9 | 
 10 | ## About
 11 | FetchBot is a library and shell command that provides a simple JSON-API to perform human like interactions and 
 12 | data extractions on any website and was built on top of [puppeteer](https://github.com/GoogleChrome/puppeteer).
 13 | 
 14 | **Simple working principle:**
 15 | <img src="https://i.imgur.com/iRR1K6Y.jpg" alt="Fetchbot working principle" align="center"/>
 16 | 
 17 | **Extended data fetch working principle:**
 18 | <img src="https://i.imgur.com/4RMv215.jpg" alt="Fetchbot working principle" align="center"/>
 19 | 
 20 | **Introduction video (German):**
 21 | 
 22 | [![Fetchbot introduction in german](https://img.youtube.com/vi/t71saoi4slQ/0.jpg)](https://www.youtube.com/watch?v=t71saoi4slQ)
 23 | 
 24 | 
 25 | **Using FetchBot you can do both:**
 26 | - automate website interactions like a human
 27 | - treat website(s) like an API and use fetched data in your project.
 28 | 
 29 | FetchBot has an "event listener like" system that turns your browser into a bot who knows what to do when the url 
 30 | changes. The "event" is an url/regex and it's configuration is executed, once the url/pattern matches the currently
 31 | opened one. Now on it's up to you to configure a friendly bot or a crazy zombie.
 32 | 
 33 | ````javascript
 34 | const myFetchBotInstance = new FetchBot({attached:true});
 35 | 
 36 | let resultForJob1 = await myFetchBotInstance.runAndStandby('/path/to/job1.json');
 37 | let resultForJob2 =  await myFetchBotInstance.runAndStandby('/path/to/job2.json');
 38 | 
 39 | await myFetchBotInstance.exit();
 40 | 
 41 | // Now do something with the results 
 42 | console.log(resultForJob1);
 43 | console.log(resultForJob2);
 44 | ````
 45 | 
 46 | ## Installation
 47 | 
 48 | **NOTICE: FetchBot is not running on ARM architectures yet**
 49 | 
 50 | ### Short installation (works well on a mac) 
 51 | 
 52 | You can install via npm in your project using:
 53 | ```bash
 54 | npm install --save fetchbot
 55 | ```
 56 | 
 57 | 
 58 | ### Safe installation (For installs on Debian/Ubuntu or other linux systems)
 59 | Ensure dependencies below are installed on Debian/Ubuntu systems
 60 | 
 61 | ````bash
 62 | apt-get install gconf-service libasound2 libatk1.0-0 libc6 libcairo2 libcups2 libdbus-1-3 libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 libxcursor1 libxdamage1 libxext6 libxfixes3 libxi6 libxrandr2 libxrender1 libxss1 libxtst6 ca-certificates fonts-liberation libappindicator1 libnss3 lsb-release xdg-utils wget    
 63 | ````
 64 | 
 65 | For other operating systems have a look in the 
 66 | [troubleshooting section](https://github.com/GoogleChrome/puppeteer/blob/master/docs/troubleshooting.md) for puppeteer 
 67 | related problems.
 68 | 
 69 | 
 70 | **For other problems leave an issue here.**
 71 | 
 72 | ### Use as library in your own project
 73 | 
 74 | To get the most out of FetchBot it can be also integrated into a software project as a 3rd party library.
 75 | From here on there are unlimited possibilities and a list of nice use cases will follow soon.
 76 | ````bash
 77 | $ cd /my/existing/project/
 78 | $ npm install fetchbot
 79 | ````    
 80 | ### Use as global command
 81 | 
 82 | ````bash
 83 | $ sudo npm install -g fetchbot --unsafe-perm=true
 84 | 
 85 | # --unsafe-perm=true is required yet due to global install issues in puppeteer
 86 | # https://github.com/GoogleChrome/puppeteer/issues/375#issuecomment-363466257
 87 | ````    
 88 |     
 89 | ### Options
 90 | Many options can be applied directly via passed configuration object to control browser and page behavior. 
 91 | All these options can be passed via command line too.  An entire list of all command line options can be obtained via:
 92 |  
 93 | > To get a complete list whats possible via commandline just type
 94 | ````bash 
 95 |  $ fetchbot --help
 96 | ````  
 97 | or in a local installation
 98 | ````bash
 99 | $ ./node_modules/.bin/fetchbot --help
100 | ````
101 | 
102 | #### Options params
103 | ````text
104 | attached: boolean | default=false           Specifies if the browser window is shown or not
105 | trust: boolean    | default=false           Open unsecure https pages without a warning 
106 | width: number     | defautlt=800            Browser and view port width
107 | height: number    | default=600             Browser and view port height
108 | wait: number      | default=750             Delay after each command before execution continues
109 | slowmo:number     | default=0               Slowes down the execution in milliseconds
110 | agent:string      | default=Fetchbot-1.10.1 User agent string
111 | debug: boolean    | default=false           Determine if debug/logging messages are shown
112 |  ````  
113 | 
114 |          
115 | #### Pass options via command line 
116 | > Command line input example
117 | ````bash
118 | $ fetchbot --job=./path/to/job/file.json --slowmo=250 --output=a-json-file.json --attached --debug
119 | ````   
120 | 
121 | #### Pass options as configuration object in the library
122 | ````javascript
123 | const FetchBot = require('fetchbot');
124 | 
125 | (async () => {
126 |     
127 |     // Pass a path to a job configuration file
128 |     const fetchbot = new FetchBot({attached: false});
129 |     fetchBotData = await fetchbot.runAndExit('./path/to/job/file.json');  
130 |     
131 |     console.log(fetchBotData);
132 | 
133 | 
134 |     // Or by passing a configuration opject directly
135 |     const fetchbot = new FetchBot({
136 |         "attached": true,
137 |         "slowmo": 250,
138 |         "width": 1280,
139 |         "height": 1024,
140 |         "trust": true
141 |     });
142 | 
143 |     fetchBotData = await fetchbot.runAndExit({
144 |         "https://google.com": {
145 |             "root": true,
146 |             "type": [
147 |                 [
148 |                     "input",
149 |                     "puppeteer-fetchbot aoepeople"
150 |                 ],
151 |                 [
152 |                     "input",
153 |                     "\n"
154 |                 ]
155 |             ]
156 |         },
157 |         "/search": {
158 |             "fetch": {
159 |                 "h3.r > a AS headlines": [],
160 |                 "h3.r > a AS links": {
161 |                     "attr": "href",
162 |                     "type": []
163 |                 }
164 |             },
165 |             "waitFor": [
166 |                 [
167 |                     1000
168 |                 ]
169 |             ]
170 |         }
171 |     });
172 |     console.log(fetchBotData);
173 | })();
174 | ````  
175 | 
176 | ## Job configuration
177 | A job configuration is a JSON object which has on the highest level URI's as keys.
178 | > Example the configurations highest level
179 | 
180 | ````json
181 | {
182 |     "https://github.com/aoepeople": {"root":true}
183 | }
184 | ```` 
185 | 
186 | ````json
187 | {
188 |     "https://github.com/aoepeople": {"root":true},
189 |     "https://github.com/aoepeople/home.html": [{}, {}],
190 |     "https://www.aoe.com/en/solutions.html": {"root":true}
191 | }
192 | ```` 
193 | 
194 | - **Root** Objects
195 | - **Stopover** Objects (can be wrapped in arrays)
196 | 
197 | ### Root objects
198 | 
199 | The root level url forces FetchBot to to open the page url immediately. It's allowed to have multiple root 
200 | objects inside a single configuration. Once all root configuration urls have been visited the FetchBot job is finished and
201 | fetched data is returned (see **Data Fetching**).
202 | 
203 | >Example
204 | ````json
205 | {
206 |   "https://www.aoe.com/en/": {
207 |     "root":true,
208 |     "click":"nav.main-menu.ng-scope > ul > li:nth-child(2) > a"
209 |   }
210 | }
211 | ```` 
212 |      
213 | ### Stopover objects
214 | 
215 | Stopover objects do **not** have the root property. These objects behave different and can be understood a bit like
216 | event listeners. Once the browser changes the url and the opened url matches a stopover url ist's configuration gets 
217 | applied (e.g. by a form submission on a root page or a clicked link). Once a configuration has been applied to an open
218 | page the object gets immediately removed from FetchBot job list.
219 |  
220 | > Syntax
221 | 
222 | ````json
223 | {
224 | 
225 |     "https://www.aoe.com/en/solutions.html": {
226 |         "click":"nav.main-menu.ng-scope > ul > li:nth-child(2) > a"
227 |     },
228 | 
229 |     "https://www.aoe.com/en/products.html": [
230 |         {
231 |             "click":"[data-qa=\"header-navigation-search-icon\"]"
232 |         },
233 |         {
234 |             "type":[["#city-input-field", "Open Source"]],
235 |             "click":"#search"           
236 |         }
237 |     ]
238 | }
239 | ```` 
240 | 
241 | 
242 | 
243 | ### Command types for interaction
244 | 
245 | There are three ways yet how page-commands can be called.
246 | 
247 | - Without a parameter (No argument action)
248 | - With a single argument (Single argument action)
249 | - With mutiple arguments (Multiple arguments action)
250 | 
251 | **Note:** Any single argument action can also been called using the multiple argument action
252 | 
253 | #### No argument action
254 | 
255 | > Syntax for e.g. page.reload()
256 | ````json
257 | {
258 |     "reload":null  
259 | }
260 | ```` 
261 | #### Single argument action
262 | > Syntax for e.g. page.click("#myButton")
263 | ````json
264 | {
265 |     "click":"#myButton"
266 | }
267 | ```` 
268 | #### Multiple arguments action
269 | > Syntax for e.g. page.type("#myInput", "Hello World")
270 | ````json
271 | {
272 |     "type":[
273 |             ["#myInput", "Hello World"]
274 |     ]  
275 | }
276 | ```` 
277 |      
278 | ### Data Fetching aka. "Crawling"
279 | 
280 | For data fetching there is a `fetch` API that simplifies puppeteers evaluation interface.
281 | The `fetch` API provides declarative support to four different data types:
282 | 
283 | - `Boolean`
284 | - `Number`
285 | - `String`
286 | - `Array of String(s)` 
287 | - `Array of Numbers(s)`
288 | - `Objects containing an additional attribute matching `
289 | 
290 | And of course it's possible to map meaningful property names to selectors using the `AS` or `as`
291 | keyword.
292 | 
293 | Fetching the `textContent` attribute is the default behavior but it's possible as well to access any other
294 | attribute. Then write instead of the defined data type an object containing a configuration of `type` and `attr`.
295 | `type` is the data type as previously explained and `attr` is the attribute to fetch.
296 | 
297 | **Fetch syntax**
298 | <img src="https://i.imgur.com/B0JNVQR.png" alt="Fetchbot Fetch command principle" align="center">
299 | 
300 | **The configuration above results in an object like in the example below**
301 | <img src="https://i.imgur.com/TmmbpVZ.png" alt="Fetchbot Fetch command result" align="center">
302 |   
303 |   
304 | ### And now it's time to start interaction with a website
305 | 
306 | Feel free to copy this example below, save to a file e.g. googlesearch.json and execute using the cli tool.
307 | 
308 | ```bash
309 | ./node_modules/.bin/fetchbot --job=googlesearch.json --debug --slowmo
310 | ````
311 | 
312 | > Example job
313 | ```json
314 | {
315 |   "https://google.com": {
316 |     "root": true,
317 |     "type": [
318 |       [
319 |         "input",
320 |         "puppeteer-fetchbot aoepeople"
321 |       ],
322 |       [
323 |         "input",
324 |         "\n"
325 |       ]
326 |     ]
327 |   },
328 |   "/search": {
329 |     "fetch": {
330 |       "h3.r > a AS headlines": [],
331 |       "h3.r > a AS links": {
332 |         "attr": "href",
333 |         "type": []
334 |       }
335 |     },
336 |     "waitFor": [
337 |       [
338 |         1000
339 |       ]
340 |     ]
341 |   }
342 | }
343 | ````
344 | > Results in something like this
345 | `````json
346 | {
347 |   "headlines": [
348 |     "GitHub - AOEpeople/puppeteer-fetchbot: Library and Shell command ...",
349 |     "AOE · GitHub",
350 |     "fetchbot - npm"
351 |   ],
352 |   "links": [
353 |     "https://github.com/AOEpeople/puppeteer-fetchbot",
354 |     "https://github.com/AOEpeople",
355 |     "https://www.npmjs.com/package/fetchbot"
356 |   ]
357 | }
358 | `````
359 | 
360 | A complete list whats possible on a page is yet only available in the puppeteer documentation at 
361 | [Page API Chapter](https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#class-page).
362 |        
363 | ## Examples
364 | ### Boilerplate (plain JS)
365 | ````javascript
366 | var FetchBot = require('fetchbot'),
367 | 
368 |     // Or alternatively create an instance which tells FetchBot to load a JSON file as config
369 |     myFetchBot = new FetchBot({attached: true, debug:true});
370 | 
371 |     myFetchBot
372 |         .runAndExit('googlesearch.json')
373 |         .then(function (result) {
374 |             console.log(result);
375 |             // {
376 |             //     "headlines": [
377 |             //     "GitHub - AOEpeople/puppeteer-fetchbot: Library and Shell command ...",
378 |             //     "AOE · GitHub",
379 |             //     "fetchbot - npm"
380 |             // ],
381 |             //     "links": [
382 |             //     "https://github.com/AOEpeople/puppeteer-fetchbot",
383 |             //     "https://github.com/AOEpeople",
384 |             //     "https://www.npmjs.com/package/fetchbot"
385 |             // ]
386 |             // }
387 |         });       
388 | ````
389 | 
390 | ### Conclusion
391 | FetchBot has been introduced to speed up the development process as a frontend engineer by stepping automatically over
392 | pages which are not part of the current user story. But during development more and more use cases were found and it
393 | made a lot of fun building "batch like" JSON files that turned the browser into a bot. FetchBot was written in [TypeScript](https://www.typescriptlang.org/) and is transpiled in build run. 
394 | It's normally automatically built during installation. 
395 | 
396 | Now it's time to thank all the people who had an open ear and a different perspective than myself and yeah all in all
397 | made FetchBot much better. 
398 | 
399 | 
400 | [travis-icon]: https://travis-ci.org/AOEpeople/puppeteer-fetchbot.svg?branch=master
401 | [travis]: https://travis-ci.org/AOEpeople/puppeteer-fetchbot "Build status – Travis-CI"
402 | 
403 | [codecov]: https://codecov.io/gh/AOEpeople/puppeteer-fetchbot "Code Coverage – Codecov"
404 | [codecov-icon]: https://codecov.io/gh/AOEpeople/puppeteer-fetchbot/branch/master/graph/badge.svg "Code Coverage – Codecov"
405 | 
406 | [npm]: https://npmjs.com/package/fetchbot "FetchBot – on NPM"
407 | [npm-icon]: https://img.shields.io/npm/v/fetchbot.svg
408 | [license-icon]: https://img.shields.io/npm/l/fetchbot.svg
409 | [downl-icon]: https://img.shields.io/npm/dt/fetchbot.svg "Count of total downloads – NPM"
410 | [build]: https://github.com/AOEpeople/puppeteer-fetchbot/tree/master/dist
411 | 
412 | 
413 | 
414 | 
415 | 
416 | 


--------------------------------------------------------------------------------
/mocks/gitHubPage.htm:
--------------------------------------------------------------------------------
   1 | <!DOCTYPE html>
   2 | <!-- saved from url=(0076)https://github.com/BernhardBezdek?tab=overview&from=2012-05-01&to=2012-05-31 -->
   3 | <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   4 |     
   5 |   <link rel="dns-prefetch" href="https://assets-cdn.github.com/">
   6 |   <link rel="dns-prefetch" href="https://avatars0.githubusercontent.com/">
   7 |   <link rel="dns-prefetch" href="https://avatars1.githubusercontent.com/">
   8 |   <link rel="dns-prefetch" href="https://avatars2.githubusercontent.com/">
   9 |   <link rel="dns-prefetch" href="https://avatars3.githubusercontent.com/">
  10 |   <link rel="dns-prefetch" href="https://github-cloud.s3.amazonaws.com/">
  11 |   <link rel="dns-prefetch" href="https://user-images.githubusercontent.com/">
  12 | 
  13 | <meta content="origin-when-cross-origin" name="referrer">
  14 | 
  15 |   <link crossorigin="anonymous" href="./gitHubPage_files/frameworks-521cbf980c80.css" integrity="sha512-Uhy/mAyAx1HfsenmjQ85ASpOk5bjt2Ay03pNeixXIvkHlEm5S+N4u0HWfDGhvsGYx4bGyviXWGGPZeIffqYcNA==" media="all" rel="stylesheet">
  16 |   <link crossorigin="anonymous" href="./gitHubPage_files/github-df8d9c15de0d.css" integrity="sha512-342cFd4NHrMD58FnrsgaK7LHy1sD3xcvKVxlv4I7grr0ogWVMeQDAUsceHxbBeO/pbjwh8UdXqD8154SJ+Ed5w==" media="all" rel="stylesheet">
  17 |   
  18 |   
  19 |   <link crossorigin="anonymous" href="./gitHubPage_files/site-e1e1bc98a53e.css" integrity="sha512-4eG8mKU+R9QAnMQwfSIgbo24hS+nUXxSuUs5G5LMQw+5wjC1TSKfgxJb2j61PXya94+wMwN1OT7r7MF5rbdUvw==" media="all" rel="stylesheet">
  20 |   
  21 | 
  22 |   <meta name="viewport" content="width=device-width">
  23 |   
  24 |   <title>BernhardBezdek (Bernhard Behrendt) · GitHub</title>
  25 |   <link rel="search" type="application/opensearchdescription+xml" href="https://github.com/opensearch.xml" title="GitHub">
  26 |   <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub">
  27 |   <meta property="fb:app_id" content="1401488693436528">
  28 | 
  29 |     
  30 |     <meta content="https://avatars2.githubusercontent.com/u/1717382?s=400&amp;v=4" property="og:image"><meta content="GitHub" property="og:site_name"><meta content="profile" property="og:type"><meta content="BernhardBezdek (Bernhard Behrendt)" property="og:title"><meta content="https://github.com/BernhardBezdek" property="og:url"><meta content="BernhardBezdek has 19 repositories available. Follow their code on GitHub." property="og:description"><meta content="BernhardBezdek" property="profile:username">
  31 | 
  32 |   <link rel="assets" href="https://assets-cdn.github.com/">
  33 |   
  34 |   <meta name="pjax-timeout" content="1000">
  35 |   
  36 |   <meta name="request-id" content="E77A:7519:780344:CA57E9:5A82ED88" data-pjax-transient="">
  37 |   
  38 | 
  39 |   <meta name="selected-link" value="/BernhardBezdek" data-pjax-transient="">
  40 | 
  41 |     <meta name="google-site-verification" content="KT5gs8h0wvaagLKAVWq8bbeNwnZZK1r1XQysX3xurLU">
  42 |   <meta name="google-site-verification" content="ZzhVyEFwb7w3e0-uOTltm8Jsck2F5StVihD0exw2fsA">
  43 |   <meta name="google-site-verification" content="GXs5KoUUkNCoaAZn7wPN-t01Pywp9M3sEjnt_3_ZWPc">
  44 |     <meta name="google-analytics" content="UA-3769691-2">
  45 | 
  46 | <meta content="collector.githubapp.com" name="octolytics-host"><meta content="github" name="octolytics-app-id"><meta content="https://collector.githubapp.com/github-external/browser_event" name="octolytics-event-url"><meta content="E77A:7519:780344:CA57E9:5A82ED88" name="octolytics-dimension-request_id"><meta content="iad" name="octolytics-dimension-region_edge"><meta content="iad" name="octolytics-dimension-region_render">
  47 | <meta content="https://github.com/hydro_browser_events" name="hydro-events-url">
  48 | <meta content="/&lt;user-name&gt;" data-pjax-transient="true" name="analytics-location">
  49 | 
  50 | 
  51 | 
  52 | 
  53 |   <meta class="js-ga-set" name="dimension1" content="Logged Out">
  54 | 
  55 | 
  56 |   
  57 | 
  58 |       <meta name="hostname" content="github.com">
  59 |   <meta name="user-login" content="">
  60 | 
  61 |       <meta name="expected-hostname" content="github.com">
  62 |     <meta name="js-proxy-site-detection-payload" content="ZDNmN2Y4OTdkNzdmNzBmOWM5ZDUxZmUwODE0YmUyOWVkMTMxMTQyMDgxMGVhZTJkYjg4MTM3ZmNjZmE1OWIzOHx7InJlbW90ZV9hZGRyZXNzIjoiMjE3LjE5LjE4Ny4xMDYiLCJyZXF1ZXN0X2lkIjoiRTc3QTo3NTE5Ojc4MDM0NDpDQTU3RTk6NUE4MkVEODgiLCJ0aW1lc3RhbXAiOjE1MTg1Mjk5MjksImhvc3QiOiJnaXRodWIuY29tIn0=">
  63 | 
  64 |     <meta name="enabled-features" content="UNIVERSE_BANNER,FREE_TRIALS,MARKETPLACE_HERO_CARD_UPLOADER">
  65 | 
  66 |   <meta name="html-safe-nonce" content="9385259cc473c037206e5adbf3c00e9f0aaa2826">
  67 | 
  68 |   <meta http-equiv="x-pjax-version" content="b3f8df5e618930bd903eb6402c1dc23c">
  69 |   
  70 | 
  71 |       <link href="https://github.com/BernhardBezdek.atom" rel="alternate" title="atom" type="application/atom+xml">
  72 |   <meta name="description" content="BernhardBezdek has 19 repositories available. Follow their code on GitHub.">
  73 |   <meta content="1717382" name="octolytics-dimension-user_id"><meta content="BernhardBezdek" name="octolytics-dimension-user_login">
  74 | 
  75 | 
  76 | 
  77 | 
  78 |   <meta name="browser-stats-url" content="https://api.github.com/_private/browser/stats">
  79 | 
  80 |   <meta name="browser-errors-url" content="https://api.github.com/_private/browser/errors">
  81 | 
  82 |   <link rel="mask-icon" href="https://assets-cdn.github.com/pinned-octocat.svg" color="#000000">
  83 |   <link rel="icon" type="image/x-icon" class="js-site-favicon" href="https://assets-cdn.github.com/favicon.ico">
  84 | 
  85 | <meta name="theme-color" content="#1e2327">
  86 | 
  87 | 
  88 |   <meta name="u2f-support" content="true">
  89 | 
  90 | <link rel="manifest" href="https://github.com/manifest.json" crossorigin="use-credentials">
  91 | 
  92 |   </head>
  93 | 
  94 |   <body class="logged-out env-production emoji-size-boost page-profile">
  95 |     
  96 | 
  97 |   <div class="position-relative js-header-wrapper ">
  98 |     <a href="https://github.com/BernhardBezdek?tab=overview&amp;from=2012-05-01&amp;to=2012-05-31#start-of-content" tabindex="1" class="px-2 py-4 show-on-focus js-skip-to-content">Skip to content</a>
  99 |     <div id="js-pjax-loader-bar" class="pjax-loader-bar"><div class="progress"></div></div>
 100 | 
 101 |     
 102 |     
 103 |     
 104 | 
 105 | 
 106 | 
 107 |         <header class="Header header-logged-out  position-relative f4 py-3" role="banner">
 108 |   <div class="container-lg d-flex px-3">
 109 |     <div class="d-flex flex-justify-between flex-items-center">
 110 |       <a class="header-logo-invertocat my-0" href="link-target.html" aria-label="Homepage" data-ga-click="(Logged out) Header, go to homepage, icon:logo-wordmark">
 111 |         <svg aria-hidden="true" class="octicon octicon-mark-github" height="32" version="1.1" viewBox="0 0 16 16" width="32"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg>
 112 |       </a>
 113 | 
 114 |     </div>
 115 | 
 116 |     <div class="HeaderMenu HeaderMenu--bright d-flex flex-justify-between flex-auto">
 117 |         <nav class="mt-0">
 118 |           <ul class="d-flex list-style-none">
 119 |               <li class="ml-2">
 120 |                 <a href="https://github.com/features" class="js-selected-navigation-item HeaderNavlink px-0 py-2 m-0" data-ga-click="Header, click, Nav menu - item:features" data-selected-links="/features /features/project-management /features/code-review /features/project-management /features/integrations /features">
 121 |                   Features
 122 | </a>              </li>
 123 |               <li class="ml-4">
 124 |                 <a href="https://github.com/business" class="js-selected-navigation-item HeaderNavlink px-0 py-2 m-0" data-ga-click="Header, click, Nav menu - item:business" data-selected-links="/business /business/security /business/customers /business">
 125 |                   Business
 126 | </a>              </li>
 127 | 
 128 |               <li class="ml-4">
 129 |                 <a href="https://github.com/explore" class="js-selected-navigation-item HeaderNavlink px-0 py-2 m-0" data-ga-click="Header, click, Nav menu - item:explore" data-selected-links="/explore /trending /trending/developers /integrations /integrations/feature/code /integrations/feature/collaborate /integrations/feature/ship showcases showcases_search showcases_landing /explore">
 130 |                   Explore
 131 | </a>              </li>
 132 | 
 133 |               <li class="ml-4">
 134 |                     <a href="https://github.com/marketplace" class="js-selected-navigation-item HeaderNavlink px-0 py-2 m-0" data-ga-click="Header, click, Nav menu - item:marketplace" data-selected-links=" /marketplace">
 135 |                       Marketplace
 136 | </a>              </li>
 137 |               <li class="ml-4">
 138 |                 <a href="https://github.com/pricing" class="js-selected-navigation-item HeaderNavlink px-0 py-2 m-0" data-ga-click="Header, click, Nav menu - item:pricing" data-selected-links="/pricing /pricing/developer /pricing/team /pricing/business-hosted /pricing/business-enterprise /pricing">
 139 |                   Pricing
 140 | </a>              </li>
 141 |           </ul>
 142 |         </nav>
 143 | 
 144 |       <div class="d-flex">
 145 |           <div class="d-lg-flex flex-items-center mr-3">
 146 |             <div class="header-search   js-site-search" role="search">
 147 |   <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="https://github.com/search" class="js-site-search-form" data-unscoped-search-url="/search" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"></div>
 148 |     <label class="form-control header-search-wrapper js-chromeless-input-container">
 149 |         <a href="https://github.com/BernhardBezdek" class="header-search-scope no-underline">/BernhardBezdek</a>
 150 |       <input type="text" class="form-control header-search-input js-site-search-focus  " data-hotkey="s" name="q" value="" placeholder="Search GitHub" aria-label="Search GitHub" data-unscoped-placeholder="Search GitHub" data-scoped-placeholder="Search" autocapitalize="off">
 151 |         <input type="hidden" class="js-site-search-type-field" name="type">
 152 |     </label>
 153 | </form></div>
 154 | 
 155 |           </div>
 156 | 
 157 |         <span class="d-inline-block">
 158 |             <div class="HeaderNavlink px-0 py-2 m-0">
 159 |               <a class="text-bold text-white no-underline" href="https://github.com/login?return_to=%2FBernhardBezdek%3Ftab%3Doverview%26from%3D2012-05-01%26to%3D2012-05-31" data-ga-click="(Logged out) Header, clicked Sign in, text:sign-in">Sign in</a>
 160 |                 <span class="text-gray">or</span>
 161 |                 <a class="text-bold text-white no-underline" href="https://github.com/join?source=header" data-ga-click="(Logged out) Header, clicked Sign up, text:sign-up">Sign up</a>
 162 |             </div>
 163 |         </span>
 164 |       </div>
 165 |     </div>
 166 |   </div>
 167 | </header>
 168 | 
 169 |   </div>
 170 | 
 171 |   <div id="start-of-content" class="show-on-focus"></div>
 172 | 
 173 |     <div id="js-flash-container">
 174 | </div>
 175 | 
 176 | 
 177 | 
 178 |   <div role="main" class="application-main ">
 179 |       
 180 |       <div id="js-pjax-container" data-pjax-container="">
 181 |         
 182 | 
 183 | 
 184 | <div class="container-lg clearfix px-3 mt-4">
 185 |   <div class="h-card col-3 float-left pr-3" itemscope="" itemtype="http://schema.org/Person">
 186 | 
 187 |     <div class="user-profile-sticky-bar js-user-profile-sticky-bar">
 188 |       <div class="user-profile-mini-vcard d-table">
 189 |         <span class="user-profile-mini-avatar d-table-cell v-align-middle lh-condensed-ultra pr-2">
 190 |           <img alt="@BernhardBezdek" class="rounded-1" height="32" src="./gitHubPage_files/1717382" width="32">
 191 |         </span>
 192 |         <span class="d-table-cell v-align-middle lh-condensed js-user-profile-following-mini-toggle">
 193 |           <strong>BernhardBezdek</strong>
 194 |           
 195 | 
 196 |   <span class="user-following-container">
 197 |     <span class="follow">
 198 |       <a href="https://github.com/login?return_to=%2FBernhardBezdek%3Ftab%3Doverview%26from%3D2012-05-01%26to%3D2012-05-31" class="btn btn-sm mini-follow-button ">
 199 |         Follow
 200 |       </a>
 201 |     </span>
 202 |   </span>
 203 | 
 204 |         </span>
 205 |       </div>
 206 |     </div>
 207 | 
 208 |       <a href="https://avatars2.githubusercontent.com/u/1717382?s=400&amp;v=4" aria-hidden="true" class="u-photo d-block position-relative" itemprop="image"><img alt="" class="avatar width-full rounded-2" height="230" src="./gitHubPage_files/1717382(1)" width="230"></a>
 209 | 
 210 |       
 211 | <div class="vcard-names-container py-3 js-user-profile-sticky-fields is-placeholder" style="visibility: hidden; display: none; height: 86px;"></div><div class="vcard-names-container py-3 js-sticky js-user-profile-sticky-fields " style="position: static;">
 212 |   <h1 class="vcard-names">
 213 |     <span class="p-name vcard-fullname d-block" itemprop="name">Bernhard Behrendt</span>
 214 |     <span class="p-nickname vcard-username d-block" itemprop="additionalName">BernhardBezdek</span>
 215 |   </h1>
 216 | </div>
 217 | 
 218 | 
 219 | 
 220 |   <div class="pb-3">
 221 |     <a href="https://github.com/BernhardBezdek?tab=overview&amp;from=2012-05-01&amp;to=2012-05-31#report-block-modal" class="btn-link text-small muted-link" rel="facebox">
 222 |         Block or report user
 223 |     </a>
 224 | 
 225 |     <div id="report-block-modal" style="display: none;">
 226 |       <h2 class="facebox-header" data-facebox-id="facebox-header">
 227 |         Report or block BernhardBezdek
 228 |       </h2>
 229 | 
 230 |       <div class="d-table width-full">
 231 |         <div class="d-table-cell v-align-top pr-2">
 232 |           <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="https://github.com/account/ignore_user/BernhardBezdek" class="inline-form js-navigation-open" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="authenticity_token" type="hidden" value="jJydCZ+ytTMMaPrK3K8/p7/tbEY/iR18Brz6Jq4NTWAKH31mx7i0hKxIjzNdtFb+jOs1wnYro6AGT3R2F3VSGA=="></div>
 233 |               <p>Hide content and notifications from this user.</p>
 234 |               <button type="submit" class="btn btn-block btn-danger">Block user</button>
 235 | </form>        </div>
 236 | 
 237 |         <div class="d-table-cell v-align-top pl-2">
 238 |           <p>Contact Support about this user's behavior.</p>
 239 |           <a href="https://github.com/contact/report-abuse?report=BernhardBezdek+%28user%29" class="btn btn-block btn-danger">
 240 |             Report abuse
 241 | </a>        </div>
 242 |       </div>
 243 |     </div>
 244 |   </div>
 245 | 
 246 | 
 247 | 
 248 | 
 249 | <ul class="vcard-details border-top border-gray-light py-3">
 250 |       <li aria-label="Organization" class="vcard-detail pt-1 css-truncate css-truncate-target" itemprop="worksFor" show_title="false"><svg aria-hidden="true" class="octicon octicon-organization" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M16 12.999c0 .439-.45 1-1 1H7.995c-.539 0-.994-.447-.995-.999H1c-.54 0-1-.561-1-1 0-2.634 3-4 3-4s.229-.409 0-1c-.841-.621-1.058-.59-1-3 .058-2.419 1.367-3 2.5-3s2.442.58 2.5 3c.058 2.41-.159 2.379-1 3-.229.59 0 1 0 1s1.549.711 2.42 2.088C9.196 9.369 10 8.999 10 8.999s.229-.409 0-1c-.841-.62-1.058-.59-1-3 .058-2.419 1.367-3 2.5-3s2.437.581 2.495 3c.059 2.41-.158 2.38-1 3-.229.59 0 1 0 1s3.005 1.366 3.005 4"></path></svg>
 251 |         <span class="p-org"><div><a href="https://github.com/aoepeople" class="user-mention">@AOEpeople</a></div></span>
 252 | </li>
 253 |     <li aria-label="Home location" class="vcard-detail pt-1 css-truncate css-truncate-target" itemprop="homeLocation" show_title="false"><svg aria-hidden="true" class="octicon octicon-location" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M6 0C2.69 0 0 2.5 0 5.5 0 10.02 6 16 6 16s6-5.98 6-10.5C12 2.5 9.31 0 6 0zm0 14.55C4.14 12.52 1 8.44 1 5.5 1 3.02 3.25 1 6 1c1.34 0 2.61.48 3.56 1.36.92.86 1.44 1.97 1.44 3.14 0 2.94-3.14 7.02-5 9.05zM8 5.5c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2 0-1.11.89-2 2-2 1.11 0 2 .89 2 2z"></path></svg>
 254 |       <span class="p-label">Frankfurt Main / Germany</span>
 255 | </li>
 256 |     <li aria-label="Email" class="vcard-detail pt-1 css-truncate css-truncate-target" itemprop="email"><svg aria-hidden="true" class="octicon octicon-mail" height="16" version="1.1" viewBox="0 0 14 16" width="14"><path fill-rule="evenodd" d="M0 4v8c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1zm13 0L7 9 1 4h12zM1 5.5l4 3-4 3v-6zM2 12l3.5-3L7 10.5 8.5 9l3.5 3H2zm11-.5l-4-3 4-3v6z"></path></svg>
 257 |         <a href="https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FBernhardBezdek%3Ftab%3Doverview%26from%3D2012-05-01%26to%3D2012-05-31" rel="nofollow">Sign in to view email</a>
 258 | </li>
 259 |   
 260 | </ul>
 261 | 
 262 | 
 263 |   </div>
 264 | 
 265 |   <div class="col-9 float-left pl-2">
 266 | 
 267 | 
 268 |     <div class="UnderlineNav user-profile-nav top-0 is-placeholder" style="visibility: hidden; display: none; height: 55px;"></div><div class="UnderlineNav user-profile-nav js-sticky top-0" style="position: static;">
 269 |       <nav class="UnderlineNav-body" data-pjax="" role="navigation">
 270 |         <a href="https://github.com/BernhardBezdek" class="UnderlineNav-item selected" aria-selected="true" role="tab" title="Overview">
 271 |           Overview
 272 |         </a>
 273 |         <a href="https://github.com/BernhardBezdek?tab=repositories" class="UnderlineNav-item " aria-selected="false" role="tab" title="Repositories">
 274 |            Repositories
 275 |            <span class="Counter">
 276 |              19
 277 |            </span>
 278 |         </a>
 279 | 
 280 | 
 281 |         <a href="https://github.com/BernhardBezdek?tab=stars" class="UnderlineNav-item " aria-selected="false" role="tab" title="Stars">
 282 |           Stars
 283 |           <span class="Counter">
 284 |             19
 285 |           </span>
 286 |         </a>
 287 |         <a href="https://github.com/BernhardBezdek?tab=followers" class="UnderlineNav-item " aria-selected="false" role="tab" title="Followers">
 288 |           Followers
 289 |           <span class="Counter">
 290 |             4
 291 |           </span>
 292 |         </a>
 293 |         <a href="https://github.com/BernhardBezdek?tab=following" class="UnderlineNav-item " aria-selected="false" role="tab" title="Following">
 294 |           Following
 295 |           <span class="Counter">
 296 |             14
 297 |           </span>
 298 |         </a>
 299 |       </nav>
 300 |     </div>
 301 | 
 302 |     <div class="position-relative">
 303 |         
 304 | <div class="mt-4">
 305 |   <div class="js-pinned-repos-reorder-container">
 306 |   <h2 class="f4 mb-2 text-normal">
 307 |       Popular repositories
 308 |     <img src="./gitHubPage_files/octocat-spinner-32.gif" width="13" class="spinner pinned-repos-spinner js-pinned-repos-spinner" alt="">
 309 |     <span class="ml-2 text-gray f6 js-pinned-repos-reorder-message" role="status" aria-live="polite" data-error-text="Something went wrong." data-success-text="Order updated."></span>
 310 |   </h2>
 311 | 
 312 |     <ol class="pinned-repos-list mb-4">
 313 |     <li class="pinned-repo-item p-3 mb-3 border border-gray-dark rounded-1 public source">
 314 |       <span class="pinned-repo-item-content">
 315 |         <span class="d-block">
 316 |             <a href="https://github.com/BernhardBezdek/ihave.to" class="text-bold">
 317 |            <span class="repo js-repo" title="ihave.to">ihave.to</span>
 318 |             </a>
 319 |         </span>
 320 | 
 321 | 
 322 |         <p class="pinned-repo-desc text-gray text-small d-block mt-2 mb-3"> End2End encrypted memo board with realtime multiuser support</p>
 323 | 
 324 |         <p class="mb-0 f6 text-gray">
 325 |               <span class="repo-language-color pinned-repo-meta" style="background-color:#f1e05a;"></span>
 326 |             JavaScript
 327 |             <a href="https://github.com/BernhardBezdek/ihave.to/stargazers" class="pinned-repo-meta muted-link">
 328 |               <svg aria-label="stars" class="octicon octicon-star" height="16" role="img" version="1.1" viewBox="0 0 14 16" width="14"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74z"></path></svg>
 329 |               6
 330 |             </a>
 331 |             <a href="https://github.com/BernhardBezdek/ihave.to/network" class="pinned-repo-meta muted-link">
 332 |               <svg aria-label="forks" class="octicon octicon-repo-forked" height="16" role="img" version="1.1" viewBox="0 0 10 16" width="10"><path fill-rule="evenodd" d="M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>
 333 |               2
 334 |             </a>
 335 |         </p>
 336 |       </span>
 337 |     </li>
 338 |     <li class="pinned-repo-item p-3 mb-3 border border-gray-dark rounded-1 public source">
 339 |       <span class="pinned-repo-item-content">
 340 |         <span class="d-block">
 341 |             <a href="https://github.com/BernhardBezdek/omm" class="text-bold">
 342 |            <span class="repo js-repo" title="omm">omm</span>
 343 |             </a>
 344 |         </span>
 345 | 
 346 | 
 347 |         <p class="pinned-repo-desc text-gray text-small d-block mt-2 mb-3">An oject to markup mapper to keep plain html out of your JavaScript code</p>
 348 | 
 349 |         <p class="mb-0 f6 text-gray">
 350 |             <a href="https://github.com/BernhardBezdek/omm/stargazers" class="pinned-repo-meta muted-link">
 351 |               <svg aria-label="star" class="octicon octicon-star" height="16" role="img" version="1.1" viewBox="0 0 14 16" width="14"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74z"></path></svg>
 352 |               1
 353 |             </a>
 354 |         </p>
 355 |       </span>
 356 |     </li>
 357 |     <li class="pinned-repo-item p-3 mb-3 border border-gray-dark rounded-1 public source">
 358 |       <span class="pinned-repo-item-content">
 359 |         <span class="d-block">
 360 |             <a href="https://github.com/BernhardBezdek/appstack.io" class="text-bold">
 361 |            <span class="repo js-repo" title="appstack.io">appstack.io</span>
 362 |             </a>
 363 |         </span>
 364 | 
 365 | 
 366 |         <p class="pinned-repo-desc text-gray text-small d-block mt-2 mb-3">application to give unrelated data, structure and bindings inside a full relational storage</p>
 367 | 
 368 |         <p class="mb-0 f6 text-gray">
 369 |               <span class="repo-language-color pinned-repo-meta" style="background-color:#4F5D95;"></span>
 370 |             PHP
 371 |         </p>
 372 |       </span>
 373 |     </li>
 374 |     <li class="pinned-repo-item p-3 mb-3 border border-gray-dark rounded-1 public source">
 375 |       <span class="pinned-repo-item-content">
 376 |         <span class="d-block">
 377 |             <a href="https://github.com/BernhardBezdek/clrlog" class="text-bold">
 378 |            <span class="repo js-repo" title="clrlog">clrlog</span>
 379 |             </a>
 380 |         </span>
 381 | 
 382 | 
 383 |         <p class="pinned-repo-desc text-gray text-small d-block mt-2 mb-3">Lightweight colorful JavaScript application logger with stack trace and logfile support for node.js</p>
 384 | 
 385 |         <p class="mb-0 f6 text-gray">
 386 |               <span class="repo-language-color pinned-repo-meta" style="background-color:#f1e05a;"></span>
 387 |             JavaScript
 388 |         </p>
 389 |       </span>
 390 |     </li>
 391 |     <li class="pinned-repo-item p-3 mb-3 border border-gray-dark rounded-1 public fork">
 392 |       <span class="pinned-repo-item-content">
 393 |         <span class="d-block">
 394 |             <a href="https://github.com/BernhardBezdek/traider.io" class="text-bold">
 395 |            <span class="repo js-repo" title="traider.io">traider.io</span>
 396 |             </a>
 397 |         </span>
 398 | 
 399 |           <p class="text-gray text-small mb-2">Forked from <a href="https://github.com/EastpointSoftware/traider.io">EastpointSoftware/traider.io</a></p>
 400 | 
 401 |         <p class="pinned-repo-desc text-gray text-small d-block mt-2 mb-3">traider.io</p>
 402 | 
 403 |         <p class="mb-0 f6 text-gray">
 404 |               <span class="repo-language-color pinned-repo-meta" style="background-color:#f1e05a;"></span>
 405 |             JavaScript
 406 |         </p>
 407 |       </span>
 408 |     </li>
 409 |     <li class="pinned-repo-item p-3 mb-3 border border-gray-dark rounded-1 public fork">
 410 |       <span class="pinned-repo-item-content">
 411 |         <span class="d-block">
 412 |             <a href="https://github.com/BernhardBezdek/grunt-ssh-deploy" class="text-bold">
 413 |            <span class="repo js-repo" title="grunt-ssh-deploy">grunt-ssh-deploy</span>
 414 |             </a>
 415 |         </span>
 416 | 
 417 |           <p class="text-gray text-small mb-2">Forked from <a href="https://github.com/dasuchin/grunt-ssh-deploy">dasuchin/grunt-ssh-deploy</a></p>
 418 | 
 419 |         <p class="pinned-repo-desc text-gray text-small d-block mt-2 mb-3">Grunt SSH Deployment</p>
 420 | 
 421 |         <p class="mb-0 f6 text-gray">
 422 |               <span class="repo-language-color pinned-repo-meta" style="background-color:#f1e05a;"></span>
 423 |             JavaScript
 424 |         </p>
 425 |       </span>
 426 |     </li>
 427 | </ol>
 428 | 
 429 | </div>
 430 | 
 431 |   
 432 | <div class="js-contribution-graph">
 433 |     <h2 class="f4 text-normal mb-2">
 434 |       1 contribution
 435 |       in 2012
 436 |     </h2>
 437 | 
 438 |     <div class="mb-5 border border-gray-dark rounded-1 py-2">
 439 |       <div class="js-calendar-graph is-graph-loading graph-canvas calendar-graph height-full" data-graph-url="/users/BernhardBezdek/contributions" data-url="/BernhardBezdek" data-from="2012-05-01" data-to="2012-05-31">
 440 |           <svg width="676" height="104" class="js-calendar-graph-svg">
 441 |   <g transform="translate(16, 20)">
 442 |       <g transform="translate(0, 0)">
 443 |           <rect class="day" width="10" height="10" x="13" y="0" fill="#ebedf0" data-count="0" data-date="2011-05-29"></rect>
 444 |           <rect class="day" width="10" height="10" x="13" y="12" fill="#ebedf0" data-count="0" data-date="2011-05-30"></rect>
 445 |           <rect class="day" width="10" height="10" x="13" y="24" fill="#ebedf0" data-count="0" data-date="2011-05-31"></rect>
 446 |           <rect class="day" width="10" height="10" x="13" y="36" fill="#ebedf0" data-count="0" data-date="2011-06-01"></rect>
 447 |           <rect class="day" width="10" height="10" x="13" y="48" fill="#ebedf0" data-count="0" data-date="2011-06-02"></rect>
 448 |           <rect class="day" width="10" height="10" x="13" y="60" fill="#ebedf0" data-count="0" data-date="2011-06-03"></rect>
 449 |           <rect class="day" width="10" height="10" x="13" y="72" fill="#ebedf0" data-count="0" data-date="2011-06-04"></rect>
 450 |       </g>
 451 |       <g transform="translate(13, 0)">
 452 |           <rect class="day" width="10" height="10" x="12" y="0" fill="#ebedf0" data-count="0" data-date="2011-06-05"></rect>
 453 |           <rect class="day" width="10" height="10" x="12" y="12" fill="#ebedf0" data-count="0" data-date="2011-06-06"></rect>
 454 |           <rect class="day" width="10" height="10" x="12" y="24" fill="#ebedf0" data-count="0" data-date="2011-06-07"></rect>
 455 |           <rect class="day" width="10" height="10" x="12" y="36" fill="#ebedf0" data-count="0" data-date="2011-06-08"></rect>
 456 |           <rect class="day" width="10" height="10" x="12" y="48" fill="#ebedf0" data-count="0" data-date="2011-06-09"></rect>
 457 |           <rect class="day" width="10" height="10" x="12" y="60" fill="#ebedf0" data-count="0" data-date="2011-06-10"></rect>
 458 |           <rect class="day" width="10" height="10" x="12" y="72" fill="#ebedf0" data-count="0" data-date="2011-06-11"></rect>
 459 |       </g>
 460 |       <g transform="translate(26, 0)">
 461 |           <rect class="day" width="10" height="10" x="11" y="0" fill="#ebedf0" data-count="0" data-date="2011-06-12"></rect>
 462 |           <rect class="day" width="10" height="10" x="11" y="12" fill="#ebedf0" data-count="0" data-date="2011-06-13"></rect>
 463 |           <rect class="day" width="10" height="10" x="11" y="24" fill="#ebedf0" data-count="0" data-date="2011-06-14"></rect>
 464 |           <rect class="day" width="10" height="10" x="11" y="36" fill="#ebedf0" data-count="0" data-date="2011-06-15"></rect>
 465 |           <rect class="day" width="10" height="10" x="11" y="48" fill="#ebedf0" data-count="0" data-date="2011-06-16"></rect>
 466 |           <rect class="day" width="10" height="10" x="11" y="60" fill="#ebedf0" data-count="0" data-date="2011-06-17"></rect>
 467 |           <rect class="day" width="10" height="10" x="11" y="72" fill="#ebedf0" data-count="0" data-date="2011-06-18"></rect>
 468 |       </g>
 469 |       <g transform="translate(39, 0)">
 470 |           <rect class="day" width="10" height="10" x="10" y="0" fill="#ebedf0" data-count="0" data-date="2011-06-19"></rect>
 471 |           <rect class="day" width="10" height="10" x="10" y="12" fill="#ebedf0" data-count="0" data-date="2011-06-20"></rect>
 472 |           <rect class="day" width="10" height="10" x="10" y="24" fill="#ebedf0" data-count="0" data-date="2011-06-21"></rect>
 473 |           <rect class="day" width="10" height="10" x="10" y="36" fill="#ebedf0" data-count="0" data-date="2011-06-22"></rect>
 474 |           <rect class="day" width="10" height="10" x="10" y="48" fill="#ebedf0" data-count="0" data-date="2011-06-23"></rect>
 475 |           <rect class="day" width="10" height="10" x="10" y="60" fill="#ebedf0" data-count="0" data-date="2011-06-24"></rect>
 476 |           <rect class="day" width="10" height="10" x="10" y="72" fill="#ebedf0" data-count="0" data-date="2011-06-25"></rect>
 477 |       </g>
 478 |       <g transform="translate(52, 0)">
 479 |           <rect class="day" width="10" height="10" x="9" y="0" fill="#ebedf0" data-count="0" data-date="2011-06-26"></rect>
 480 |           <rect class="day" width="10" height="10" x="9" y="12" fill="#ebedf0" data-count="0" data-date="2011-06-27"></rect>
 481 |           <rect class="day" width="10" height="10" x="9" y="24" fill="#ebedf0" data-count="0" data-date="2011-06-28"></rect>
 482 |           <rect class="day" width="10" height="10" x="9" y="36" fill="#ebedf0" data-count="0" data-date="2011-06-29"></rect>
 483 |           <rect class="day" width="10" height="10" x="9" y="48" fill="#ebedf0" data-count="0" data-date="2011-06-30"></rect>
 484 |           <rect class="day" width="10" height="10" x="9" y="60" fill="#ebedf0" data-count="0" data-date="2011-07-01"></rect>
 485 |           <rect class="day" width="10" height="10" x="9" y="72" fill="#ebedf0" data-count="0" data-date="2011-07-02"></rect>
 486 |       </g>
 487 |       <g transform="translate(65, 0)">
 488 |           <rect class="day" width="10" height="10" x="8" y="0" fill="#ebedf0" data-count="0" data-date="2011-07-03"></rect>
 489 |           <rect class="day" width="10" height="10" x="8" y="12" fill="#ebedf0" data-count="0" data-date="2011-07-04"></rect>
 490 |           <rect class="day" width="10" height="10" x="8" y="24" fill="#ebedf0" data-count="0" data-date="2011-07-05"></rect>
 491 |           <rect class="day" width="10" height="10" x="8" y="36" fill="#ebedf0" data-count="0" data-date="2011-07-06"></rect>
 492 |           <rect class="day" width="10" height="10" x="8" y="48" fill="#ebedf0" data-count="0" data-date="2011-07-07"></rect>
 493 |           <rect class="day" width="10" height="10" x="8" y="60" fill="#ebedf0" data-count="0" data-date="2011-07-08"></rect>
 494 |           <rect class="day" width="10" height="10" x="8" y="72" fill="#ebedf0" data-count="0" data-date="2011-07-09"></rect>
 495 |       </g>
 496 |       <g transform="translate(78, 0)">
 497 |           <rect class="day" width="10" height="10" x="7" y="0" fill="#ebedf0" data-count="0" data-date="2011-07-10"></rect>
 498 |           <rect class="day" width="10" height="10" x="7" y="12" fill="#ebedf0" data-count="0" data-date="2011-07-11"></rect>
 499 |           <rect class="day" width="10" height="10" x="7" y="24" fill="#ebedf0" data-count="0" data-date="2011-07-12"></rect>
 500 |           <rect class="day" width="10" height="10" x="7" y="36" fill="#ebedf0" data-count="0" data-date="2011-07-13"></rect>
 501 |           <rect class="day" width="10" height="10" x="7" y="48" fill="#ebedf0" data-count="0" data-date="2011-07-14"></rect>
 502 |           <rect class="day" width="10" height="10" x="7" y="60" fill="#ebedf0" data-count="0" data-date="2011-07-15"></rect>
 503 |           <rect class="day" width="10" height="10" x="7" y="72" fill="#ebedf0" data-count="0" data-date="2011-07-16"></rect>
 504 |       </g>
 505 |       <g transform="translate(91, 0)">
 506 |           <rect class="day" width="10" height="10" x="6" y="0" fill="#ebedf0" data-count="0" data-date="2011-07-17"></rect>
 507 |           <rect class="day" width="10" height="10" x="6" y="12" fill="#ebedf0" data-count="0" data-date="2011-07-18"></rect>
 508 |           <rect class="day" width="10" height="10" x="6" y="24" fill="#ebedf0" data-count="0" data-date="2011-07-19"></rect>
 509 |           <rect class="day" width="10" height="10" x="6" y="36" fill="#ebedf0" data-count="0" data-date="2011-07-20"></rect>
 510 |           <rect class="day" width="10" height="10" x="6" y="48" fill="#ebedf0" data-count="0" data-date="2011-07-21"></rect>
 511 |           <rect class="day" width="10" height="10" x="6" y="60" fill="#ebedf0" data-count="0" data-date="2011-07-22"></rect>
 512 |           <rect class="day" width="10" height="10" x="6" y="72" fill="#ebedf0" data-count="0" data-date="2011-07-23"></rect>
 513 |       </g>
 514 |       <g transform="translate(104, 0)">
 515 |           <rect class="day" width="10" height="10" x="5" y="0" fill="#ebedf0" data-count="0" data-date="2011-07-24"></rect>
 516 |           <rect class="day" width="10" height="10" x="5" y="12" fill="#ebedf0" data-count="0" data-date="2011-07-25"></rect>
 517 |           <rect class="day" width="10" height="10" x="5" y="24" fill="#ebedf0" data-count="0" data-date="2011-07-26"></rect>
 518 |           <rect class="day" width="10" height="10" x="5" y="36" fill="#ebedf0" data-count="0" data-date="2011-07-27"></rect>
 519 |           <rect class="day" width="10" height="10" x="5" y="48" fill="#ebedf0" data-count="0" data-date="2011-07-28"></rect>
 520 |           <rect class="day" width="10" height="10" x="5" y="60" fill="#ebedf0" data-count="0" data-date="2011-07-29"></rect>
 521 |           <rect class="day" width="10" height="10" x="5" y="72" fill="#ebedf0" data-count="0" data-date="2011-07-30"></rect>
 522 |       </g>
 523 |       <g transform="translate(117, 0)">
 524 |           <rect class="day" width="10" height="10" x="4" y="0" fill="#ebedf0" data-count="0" data-date="2011-07-31"></rect>
 525 |           <rect class="day" width="10" height="10" x="4" y="12" fill="#ebedf0" data-count="0" data-date="2011-08-01"></rect>
 526 |           <rect class="day" width="10" height="10" x="4" y="24" fill="#ebedf0" data-count="0" data-date="2011-08-02"></rect>
 527 |           <rect class="day" width="10" height="10" x="4" y="36" fill="#ebedf0" data-count="0" data-date="2011-08-03"></rect>
 528 |           <rect class="day" width="10" height="10" x="4" y="48" fill="#ebedf0" data-count="0" data-date="2011-08-04"></rect>
 529 |           <rect class="day" width="10" height="10" x="4" y="60" fill="#ebedf0" data-count="0" data-date="2011-08-05"></rect>
 530 |           <rect class="day" width="10" height="10" x="4" y="72" fill="#ebedf0" data-count="0" data-date="2011-08-06"></rect>
 531 |       </g>
 532 |       <g transform="translate(130, 0)">
 533 |           <rect class="day" width="10" height="10" x="3" y="0" fill="#ebedf0" data-count="0" data-date="2011-08-07"></rect>
 534 |           <rect class="day" width="10" height="10" x="3" y="12" fill="#ebedf0" data-count="0" data-date="2011-08-08"></rect>
 535 |           <rect class="day" width="10" height="10" x="3" y="24" fill="#ebedf0" data-count="0" data-date="2011-08-09"></rect>
 536 |           <rect class="day" width="10" height="10" x="3" y="36" fill="#ebedf0" data-count="0" data-date="2011-08-10"></rect>
 537 |           <rect class="day" width="10" height="10" x="3" y="48" fill="#ebedf0" data-count="0" data-date="2011-08-11"></rect>
 538 |           <rect class="day" width="10" height="10" x="3" y="60" fill="#ebedf0" data-count="0" data-date="2011-08-12"></rect>
 539 |           <rect class="day" width="10" height="10" x="3" y="72" fill="#ebedf0" data-count="0" data-date="2011-08-13"></rect>
 540 |       </g>
 541 |       <g transform="translate(143, 0)">
 542 |           <rect class="day" width="10" height="10" x="2" y="0" fill="#ebedf0" data-count="0" data-date="2011-08-14"></rect>
 543 |           <rect class="day" width="10" height="10" x="2" y="12" fill="#ebedf0" data-count="0" data-date="2011-08-15"></rect>
 544 |           <rect class="day" width="10" height="10" x="2" y="24" fill="#ebedf0" data-count="0" data-date="2011-08-16"></rect>
 545 |           <rect class="day" width="10" height="10" x="2" y="36" fill="#ebedf0" data-count="0" data-date="2011-08-17"></rect>
 546 |           <rect class="day" width="10" height="10" x="2" y="48" fill="#ebedf0" data-count="0" data-date="2011-08-18"></rect>
 547 |           <rect class="day" width="10" height="10" x="2" y="60" fill="#ebedf0" data-count="0" data-date="2011-08-19"></rect>
 548 |           <rect class="day" width="10" height="10" x="2" y="72" fill="#ebedf0" data-count="0" data-date="2011-08-20"></rect>
 549 |       </g>
 550 |       <g transform="translate(156, 0)">
 551 |           <rect class="day" width="10" height="10" x="1" y="0" fill="#ebedf0" data-count="0" data-date="2011-08-21"></rect>
 552 |           <rect class="day" width="10" height="10" x="1" y="12" fill="#ebedf0" data-count="0" data-date="2011-08-22"></rect>
 553 |           <rect class="day" width="10" height="10" x="1" y="24" fill="#ebedf0" data-count="0" data-date="2011-08-23"></rect>
 554 |           <rect class="day" width="10" height="10" x="1" y="36" fill="#ebedf0" data-count="0" data-date="2011-08-24"></rect>
 555 |           <rect class="day" width="10" height="10" x="1" y="48" fill="#ebedf0" data-count="0" data-date="2011-08-25"></rect>
 556 |           <rect class="day" width="10" height="10" x="1" y="60" fill="#ebedf0" data-count="0" data-date="2011-08-26"></rect>
 557 |           <rect class="day" width="10" height="10" x="1" y="72" fill="#ebedf0" data-count="0" data-date="2011-08-27"></rect>
 558 |       </g>
 559 |       <g transform="translate(169, 0)">
 560 |           <rect class="day" width="10" height="10" x="0" y="0" fill="#ebedf0" data-count="0" data-date="2011-08-28"></rect>
 561 |           <rect class="day" width="10" height="10" x="0" y="12" fill="#ebedf0" data-count="0" data-date="2011-08-29"></rect>
 562 |           <rect class="day" width="10" height="10" x="0" y="24" fill="#ebedf0" data-count="0" data-date="2011-08-30"></rect>
 563 |           <rect class="day" width="10" height="10" x="0" y="36" fill="#ebedf0" data-count="0" data-date="2011-08-31"></rect>
 564 |           <rect class="day" width="10" height="10" x="0" y="48" fill="#ebedf0" data-count="0" data-date="2011-09-01"></rect>
 565 |           <rect class="day" width="10" height="10" x="0" y="60" fill="#ebedf0" data-count="0" data-date="2011-09-02"></rect>
 566 |           <rect class="day" width="10" height="10" x="0" y="72" fill="#ebedf0" data-count="0" data-date="2011-09-03"></rect>
 567 |       </g>
 568 |       <g transform="translate(182, 0)">
 569 |           <rect class="day" width="10" height="10" x="-1" y="0" fill="#ebedf0" data-count="0" data-date="2011-09-04"></rect>
 570 |           <rect class="day" width="10" height="10" x="-1" y="12" fill="#ebedf0" data-count="0" data-date="2011-09-05"></rect>
 571 |           <rect class="day" width="10" height="10" x="-1" y="24" fill="#ebedf0" data-count="0" data-date="2011-09-06"></rect>
 572 |           <rect class="day" width="10" height="10" x="-1" y="36" fill="#ebedf0" data-count="0" data-date="2011-09-07"></rect>
 573 |           <rect class="day" width="10" height="10" x="-1" y="48" fill="#ebedf0" data-count="0" data-date="2011-09-08"></rect>
 574 |           <rect class="day" width="10" height="10" x="-1" y="60" fill="#ebedf0" data-count="0" data-date="2011-09-09"></rect>
 575 |           <rect class="day" width="10" height="10" x="-1" y="72" fill="#ebedf0" data-count="0" data-date="2011-09-10"></rect>
 576 |       </g>
 577 |       <g transform="translate(195, 0)">
 578 |           <rect class="day" width="10" height="10" x="-2" y="0" fill="#ebedf0" data-count="0" data-date="2011-09-11"></rect>
 579 |           <rect class="day" width="10" height="10" x="-2" y="12" fill="#ebedf0" data-count="0" data-date="2011-09-12"></rect>
 580 |           <rect class="day" width="10" height="10" x="-2" y="24" fill="#ebedf0" data-count="0" data-date="2011-09-13"></rect>
 581 |           <rect class="day" width="10" height="10" x="-2" y="36" fill="#ebedf0" data-count="0" data-date="2011-09-14"></rect>
 582 |           <rect class="day" width="10" height="10" x="-2" y="48" fill="#ebedf0" data-count="0" data-date="2011-09-15"></rect>
 583 |           <rect class="day" width="10" height="10" x="-2" y="60" fill="#ebedf0" data-count="0" data-date="2011-09-16"></rect>
 584 |           <rect class="day" width="10" height="10" x="-2" y="72" fill="#ebedf0" data-count="0" data-date="2011-09-17"></rect>
 585 |       </g>
 586 |       <g transform="translate(208, 0)">
 587 |           <rect class="day" width="10" height="10" x="-3" y="0" fill="#ebedf0" data-count="0" data-date="2011-09-18"></rect>
 588 |           <rect class="day" width="10" height="10" x="-3" y="12" fill="#ebedf0" data-count="0" data-date="2011-09-19"></rect>
 589 |           <rect class="day" width="10" height="10" x="-3" y="24" fill="#ebedf0" data-count="0" data-date="2011-09-20"></rect>
 590 |           <rect class="day" width="10" height="10" x="-3" y="36" fill="#ebedf0" data-count="0" data-date="2011-09-21"></rect>
 591 |           <rect class="day" width="10" height="10" x="-3" y="48" fill="#ebedf0" data-count="0" data-date="2011-09-22"></rect>
 592 |           <rect class="day" width="10" height="10" x="-3" y="60" fill="#ebedf0" data-count="0" data-date="2011-09-23"></rect>
 593 |           <rect class="day" width="10" height="10" x="-3" y="72" fill="#ebedf0" data-count="0" data-date="2011-09-24"></rect>
 594 |       </g>
 595 |       <g transform="translate(221, 0)">
 596 |           <rect class="day" width="10" height="10" x="-4" y="0" fill="#ebedf0" data-count="0" data-date="2011-09-25"></rect>
 597 |           <rect class="day" width="10" height="10" x="-4" y="12" fill="#ebedf0" data-count="0" data-date="2011-09-26"></rect>
 598 |           <rect class="day" width="10" height="10" x="-4" y="24" fill="#ebedf0" data-count="0" data-date="2011-09-27"></rect>
 599 |           <rect class="day" width="10" height="10" x="-4" y="36" fill="#ebedf0" data-count="0" data-date="2011-09-28"></rect>
 600 |           <rect class="day" width="10" height="10" x="-4" y="48" fill="#ebedf0" data-count="0" data-date="2011-09-29"></rect>
 601 |           <rect class="day" width="10" height="10" x="-4" y="60" fill="#ebedf0" data-count="0" data-date="2011-09-30"></rect>
 602 |           <rect class="day" width="10" height="10" x="-4" y="72" fill="#ebedf0" data-count="0" data-date="2011-10-01"></rect>
 603 |       </g>
 604 |       <g transform="translate(234, 0)">
 605 |           <rect class="day" width="10" height="10" x="-5" y="0" fill="#ebedf0" data-count="0" data-date="2011-10-02"></rect>
 606 |           <rect class="day" width="10" height="10" x="-5" y="12" fill="#ebedf0" data-count="0" data-date="2011-10-03"></rect>
 607 |           <rect class="day" width="10" height="10" x="-5" y="24" fill="#ebedf0" data-count="0" data-date="2011-10-04"></rect>
 608 |           <rect class="day" width="10" height="10" x="-5" y="36" fill="#ebedf0" data-count="0" data-date="2011-10-05"></rect>
 609 |           <rect class="day" width="10" height="10" x="-5" y="48" fill="#ebedf0" data-count="0" data-date="2011-10-06"></rect>
 610 |           <rect class="day" width="10" height="10" x="-5" y="60" fill="#ebedf0" data-count="0" data-date="2011-10-07"></rect>
 611 |           <rect class="day" width="10" height="10" x="-5" y="72" fill="#ebedf0" data-count="0" data-date="2011-10-08"></rect>
 612 |       </g>
 613 |       <g transform="translate(247, 0)">
 614 |           <rect class="day" width="10" height="10" x="-6" y="0" fill="#ebedf0" data-count="0" data-date="2011-10-09"></rect>
 615 |           <rect class="day" width="10" height="10" x="-6" y="12" fill="#ebedf0" data-count="0" data-date="2011-10-10"></rect>
 616 |           <rect class="day" width="10" height="10" x="-6" y="24" fill="#ebedf0" data-count="0" data-date="2011-10-11"></rect>
 617 |           <rect class="day" width="10" height="10" x="-6" y="36" fill="#ebedf0" data-count="0" data-date="2011-10-12"></rect>
 618 |           <rect class="day" width="10" height="10" x="-6" y="48" fill="#ebedf0" data-count="0" data-date="2011-10-13"></rect>
 619 |           <rect class="day" width="10" height="10" x="-6" y="60" fill="#ebedf0" data-count="0" data-date="2011-10-14"></rect>
 620 |           <rect class="day" width="10" height="10" x="-6" y="72" fill="#ebedf0" data-count="0" data-date="2011-10-15"></rect>
 621 |       </g>
 622 |       <g transform="translate(260, 0)">
 623 |           <rect class="day" width="10" height="10" x="-7" y="0" fill="#ebedf0" data-count="0" data-date="2011-10-16"></rect>
 624 |           <rect class="day" width="10" height="10" x="-7" y="12" fill="#ebedf0" data-count="0" data-date="2011-10-17"></rect>
 625 |           <rect class="day" width="10" height="10" x="-7" y="24" fill="#ebedf0" data-count="0" data-date="2011-10-18"></rect>
 626 |           <rect class="day" width="10" height="10" x="-7" y="36" fill="#ebedf0" data-count="0" data-date="2011-10-19"></rect>
 627 |           <rect class="day" width="10" height="10" x="-7" y="48" fill="#ebedf0" data-count="0" data-date="2011-10-20"></rect>
 628 |           <rect class="day" width="10" height="10" x="-7" y="60" fill="#ebedf0" data-count="0" data-date="2011-10-21"></rect>
 629 |           <rect class="day" width="10" height="10" x="-7" y="72" fill="#ebedf0" data-count="0" data-date="2011-10-22"></rect>
 630 |       </g>
 631 |       <g transform="translate(273, 0)">
 632 |           <rect class="day" width="10" height="10" x="-8" y="0" fill="#ebedf0" data-count="0" data-date="2011-10-23"></rect>
 633 |           <rect class="day" width="10" height="10" x="-8" y="12" fill="#ebedf0" data-count="0" data-date="2011-10-24"></rect>
 634 |           <rect class="day" width="10" height="10" x="-8" y="24" fill="#ebedf0" data-count="0" data-date="2011-10-25"></rect>
 635 |           <rect class="day" width="10" height="10" x="-8" y="36" fill="#ebedf0" data-count="0" data-date="2011-10-26"></rect>
 636 |           <rect class="day" width="10" height="10" x="-8" y="48" fill="#ebedf0" data-count="0" data-date="2011-10-27"></rect>
 637 |           <rect class="day" width="10" height="10" x="-8" y="60" fill="#ebedf0" data-count="0" data-date="2011-10-28"></rect>
 638 |           <rect class="day" width="10" height="10" x="-8" y="72" fill="#ebedf0" data-count="0" data-date="2011-10-29"></rect>
 639 |       </g>
 640 |       <g transform="translate(286, 0)">
 641 |           <rect class="day" width="10" height="10" x="-9" y="0" fill="#ebedf0" data-count="0" data-date="2011-10-30"></rect>
 642 |           <rect class="day" width="10" height="10" x="-9" y="12" fill="#ebedf0" data-count="0" data-date="2011-10-31"></rect>
 643 |           <rect class="day" width="10" height="10" x="-9" y="24" fill="#ebedf0" data-count="0" data-date="2011-11-01"></rect>
 644 |           <rect class="day" width="10" height="10" x="-9" y="36" fill="#ebedf0" data-count="0" data-date="2011-11-02"></rect>
 645 |           <rect class="day" width="10" height="10" x="-9" y="48" fill="#ebedf0" data-count="0" data-date="2011-11-03"></rect>
 646 |           <rect class="day" width="10" height="10" x="-9" y="60" fill="#ebedf0" data-count="0" data-date="2011-11-04"></rect>
 647 |           <rect class="day" width="10" height="10" x="-9" y="72" fill="#ebedf0" data-count="0" data-date="2011-11-05"></rect>
 648 |       </g>
 649 |       <g transform="translate(299, 0)">
 650 |           <rect class="day" width="10" height="10" x="-10" y="0" fill="#ebedf0" data-count="0" data-date="2011-11-06"></rect>
 651 |           <rect class="day" width="10" height="10" x="-10" y="12" fill="#ebedf0" data-count="0" data-date="2011-11-07"></rect>
 652 |           <rect class="day" width="10" height="10" x="-10" y="24" fill="#ebedf0" data-count="0" data-date="2011-11-08"></rect>
 653 |           <rect class="day" width="10" height="10" x="-10" y="36" fill="#ebedf0" data-count="0" data-date="2011-11-09"></rect>
 654 |           <rect class="day" width="10" height="10" x="-10" y="48" fill="#ebedf0" data-count="0" data-date="2011-11-10"></rect>
 655 |           <rect class="day" width="10" height="10" x="-10" y="60" fill="#ebedf0" data-count="0" data-date="2011-11-11"></rect>
 656 |           <rect class="day" width="10" height="10" x="-10" y="72" fill="#ebedf0" data-count="0" data-date="2011-11-12"></rect>
 657 |       </g>
 658 |       <g transform="translate(312, 0)">
 659 |           <rect class="day" width="10" height="10" x="-11" y="0" fill="#ebedf0" data-count="0" data-date="2011-11-13"></rect>
 660 |           <rect class="day" width="10" height="10" x="-11" y="12" fill="#ebedf0" data-count="0" data-date="2011-11-14"></rect>
 661 |           <rect class="day" width="10" height="10" x="-11" y="24" fill="#ebedf0" data-count="0" data-date="2011-11-15"></rect>
 662 |           <rect class="day" width="10" height="10" x="-11" y="36" fill="#ebedf0" data-count="0" data-date="2011-11-16"></rect>
 663 |           <rect class="day" width="10" height="10" x="-11" y="48" fill="#ebedf0" data-count="0" data-date="2011-11-17"></rect>
 664 |           <rect class="day" width="10" height="10" x="-11" y="60" fill="#ebedf0" data-count="0" data-date="2011-11-18"></rect>
 665 |           <rect class="day" width="10" height="10" x="-11" y="72" fill="#ebedf0" data-count="0" data-date="2011-11-19"></rect>
 666 |       </g>
 667 |       <g transform="translate(325, 0)">
 668 |           <rect class="day" width="10" height="10" x="-12" y="0" fill="#ebedf0" data-count="0" data-date="2011-11-20"></rect>
 669 |           <rect class="day" width="10" height="10" x="-12" y="12" fill="#ebedf0" data-count="0" data-date="2011-11-21"></rect>
 670 |           <rect class="day" width="10" height="10" x="-12" y="24" fill="#ebedf0" data-count="0" data-date="2011-11-22"></rect>
 671 |           <rect class="day" width="10" height="10" x="-12" y="36" fill="#ebedf0" data-count="0" data-date="2011-11-23"></rect>
 672 |           <rect class="day" width="10" height="10" x="-12" y="48" fill="#ebedf0" data-count="0" data-date="2011-11-24"></rect>
 673 |           <rect class="day" width="10" height="10" x="-12" y="60" fill="#ebedf0" data-count="0" data-date="2011-11-25"></rect>
 674 |           <rect class="day" width="10" height="10" x="-12" y="72" fill="#ebedf0" data-count="0" data-date="2011-11-26"></rect>
 675 |       </g>
 676 |       <g transform="translate(338, 0)">
 677 |           <rect class="day" width="10" height="10" x="-13" y="0" fill="#ebedf0" data-count="0" data-date="2011-11-27"></rect>
 678 |           <rect class="day" width="10" height="10" x="-13" y="12" fill="#ebedf0" data-count="0" data-date="2011-11-28"></rect>
 679 |           <rect class="day" width="10" height="10" x="-13" y="24" fill="#ebedf0" data-count="0" data-date="2011-11-29"></rect>
 680 |           <rect class="day" width="10" height="10" x="-13" y="36" fill="#ebedf0" data-count="0" data-date="2011-11-30"></rect>
 681 |           <rect class="day" width="10" height="10" x="-13" y="48" fill="#ebedf0" data-count="0" data-date="2011-12-01"></rect>
 682 |           <rect class="day" width="10" height="10" x="-13" y="60" fill="#ebedf0" data-count="0" data-date="2011-12-02"></rect>
 683 |           <rect class="day" width="10" height="10" x="-13" y="72" fill="#ebedf0" data-count="0" data-date="2011-12-03"></rect>
 684 |       </g>
 685 |       <g transform="translate(351, 0)">
 686 |           <rect class="day" width="10" height="10" x="-14" y="0" fill="#ebedf0" data-count="0" data-date="2011-12-04"></rect>
 687 |           <rect class="day" width="10" height="10" x="-14" y="12" fill="#ebedf0" data-count="0" data-date="2011-12-05"></rect>
 688 |           <rect class="day" width="10" height="10" x="-14" y="24" fill="#ebedf0" data-count="0" data-date="2011-12-06"></rect>
 689 |           <rect class="day" width="10" height="10" x="-14" y="36" fill="#ebedf0" data-count="0" data-date="2011-12-07"></rect>
 690 |           <rect class="day" width="10" height="10" x="-14" y="48" fill="#ebedf0" data-count="0" data-date="2011-12-08"></rect>
 691 |           <rect class="day" width="10" height="10" x="-14" y="60" fill="#ebedf0" data-count="0" data-date="2011-12-09"></rect>
 692 |           <rect class="day" width="10" height="10" x="-14" y="72" fill="#ebedf0" data-count="0" data-date="2011-12-10"></rect>
 693 |       </g>
 694 |       <g transform="translate(364, 0)">
 695 |           <rect class="day" width="10" height="10" x="-15" y="0" fill="#ebedf0" data-count="0" data-date="2011-12-11"></rect>
 696 |           <rect class="day" width="10" height="10" x="-15" y="12" fill="#ebedf0" data-count="0" data-date="2011-12-12"></rect>
 697 |           <rect class="day" width="10" height="10" x="-15" y="24" fill="#ebedf0" data-count="0" data-date="2011-12-13"></rect>
 698 |           <rect class="day" width="10" height="10" x="-15" y="36" fill="#ebedf0" data-count="0" data-date="2011-12-14"></rect>
 699 |           <rect class="day" width="10" height="10" x="-15" y="48" fill="#ebedf0" data-count="0" data-date="2011-12-15"></rect>
 700 |           <rect class="day" width="10" height="10" x="-15" y="60" fill="#ebedf0" data-count="0" data-date="2011-12-16"></rect>
 701 |           <rect class="day" width="10" height="10" x="-15" y="72" fill="#ebedf0" data-count="0" data-date="2011-12-17"></rect>
 702 |       </g>
 703 |       <g transform="translate(377, 0)">
 704 |           <rect class="day" width="10" height="10" x="-16" y="0" fill="#ebedf0" data-count="0" data-date="2011-12-18"></rect>
 705 |           <rect class="day" width="10" height="10" x="-16" y="12" fill="#ebedf0" data-count="0" data-date="2011-12-19"></rect>
 706 |           <rect class="day" width="10" height="10" x="-16" y="24" fill="#ebedf0" data-count="0" data-date="2011-12-20"></rect>
 707 |           <rect class="day" width="10" height="10" x="-16" y="36" fill="#ebedf0" data-count="0" data-date="2011-12-21"></rect>
 708 |           <rect class="day" width="10" height="10" x="-16" y="48" fill="#ebedf0" data-count="0" data-date="2011-12-22"></rect>
 709 |           <rect class="day" width="10" height="10" x="-16" y="60" fill="#ebedf0" data-count="0" data-date="2011-12-23"></rect>
 710 |           <rect class="day" width="10" height="10" x="-16" y="72" fill="#ebedf0" data-count="0" data-date="2011-12-24"></rect>
 711 |       </g>
 712 |       <g transform="translate(390, 0)">
 713 |           <rect class="day" width="10" height="10" x="-17" y="0" fill="#ebedf0" data-count="0" data-date="2011-12-25"></rect>
 714 |           <rect class="day" width="10" height="10" x="-17" y="12" fill="#ebedf0" data-count="0" data-date="2011-12-26"></rect>
 715 |           <rect class="day" width="10" height="10" x="-17" y="24" fill="#ebedf0" data-count="0" data-date="2011-12-27"></rect>
 716 |           <rect class="day" width="10" height="10" x="-17" y="36" fill="#ebedf0" data-count="0" data-date="2011-12-28"></rect>
 717 |           <rect class="day" width="10" height="10" x="-17" y="48" fill="#ebedf0" data-count="0" data-date="2011-12-29"></rect>
 718 |           <rect class="day" width="10" height="10" x="-17" y="60" fill="#ebedf0" data-count="0" data-date="2011-12-30"></rect>
 719 |           <rect class="day" width="10" height="10" x="-17" y="72" fill="#ebedf0" data-count="0" data-date="2011-12-31"></rect>
 720 |       </g>
 721 |       <g transform="translate(403, 0)">
 722 |           <rect class="day" width="10" height="10" x="-18" y="0" fill="#ebedf0" data-count="0" data-date="2012-01-01"></rect>
 723 |           <rect class="day" width="10" height="10" x="-18" y="12" fill="#ebedf0" data-count="0" data-date="2012-01-02"></rect>
 724 |           <rect class="day" width="10" height="10" x="-18" y="24" fill="#ebedf0" data-count="0" data-date="2012-01-03"></rect>
 725 |           <rect class="day" width="10" height="10" x="-18" y="36" fill="#ebedf0" data-count="0" data-date="2012-01-04"></rect>
 726 |           <rect class="day" width="10" height="10" x="-18" y="48" fill="#ebedf0" data-count="0" data-date="2012-01-05"></rect>
 727 |           <rect class="day" width="10" height="10" x="-18" y="60" fill="#ebedf0" data-count="0" data-date="2012-01-06"></rect>
 728 |           <rect class="day" width="10" height="10" x="-18" y="72" fill="#ebedf0" data-count="0" data-date="2012-01-07"></rect>
 729 |       </g>
 730 |       <g transform="translate(416, 0)">
 731 |           <rect class="day" width="10" height="10" x="-19" y="0" fill="#ebedf0" data-count="0" data-date="2012-01-08"></rect>
 732 |           <rect class="day" width="10" height="10" x="-19" y="12" fill="#ebedf0" data-count="0" data-date="2012-01-09"></rect>
 733 |           <rect class="day" width="10" height="10" x="-19" y="24" fill="#ebedf0" data-count="0" data-date="2012-01-10"></rect>
 734 |           <rect class="day" width="10" height="10" x="-19" y="36" fill="#ebedf0" data-count="0" data-date="2012-01-11"></rect>
 735 |           <rect class="day" width="10" height="10" x="-19" y="48" fill="#ebedf0" data-count="0" data-date="2012-01-12"></rect>
 736 |           <rect class="day" width="10" height="10" x="-19" y="60" fill="#ebedf0" data-count="0" data-date="2012-01-13"></rect>
 737 |           <rect class="day" width="10" height="10" x="-19" y="72" fill="#ebedf0" data-count="0" data-date="2012-01-14"></rect>
 738 |       </g>
 739 |       <g transform="translate(429, 0)">
 740 |           <rect class="day" width="10" height="10" x="-20" y="0" fill="#ebedf0" data-count="0" data-date="2012-01-15"></rect>
 741 |           <rect class="day" width="10" height="10" x="-20" y="12" fill="#ebedf0" data-count="0" data-date="2012-01-16"></rect>
 742 |           <rect class="day" width="10" height="10" x="-20" y="24" fill="#ebedf0" data-count="0" data-date="2012-01-17"></rect>
 743 |           <rect class="day" width="10" height="10" x="-20" y="36" fill="#ebedf0" data-count="0" data-date="2012-01-18"></rect>
 744 |           <rect class="day" width="10" height="10" x="-20" y="48" fill="#ebedf0" data-count="0" data-date="2012-01-19"></rect>
 745 |           <rect class="day" width="10" height="10" x="-20" y="60" fill="#ebedf0" data-count="0" data-date="2012-01-20"></rect>
 746 |           <rect class="day" width="10" height="10" x="-20" y="72" fill="#ebedf0" data-count="0" data-date="2012-01-21"></rect>
 747 |       </g>
 748 |       <g transform="translate(442, 0)">
 749 |           <rect class="day" width="10" height="10" x="-21" y="0" fill="#ebedf0" data-count="0" data-date="2012-01-22"></rect>
 750 |           <rect class="day" width="10" height="10" x="-21" y="12" fill="#ebedf0" data-count="0" data-date="2012-01-23"></rect>
 751 |           <rect class="day" width="10" height="10" x="-21" y="24" fill="#ebedf0" data-count="0" data-date="2012-01-24"></rect>
 752 |           <rect class="day" width="10" height="10" x="-21" y="36" fill="#ebedf0" data-count="0" data-date="2012-01-25"></rect>
 753 |           <rect class="day" width="10" height="10" x="-21" y="48" fill="#ebedf0" data-count="0" data-date="2012-01-26"></rect>
 754 |           <rect class="day" width="10" height="10" x="-21" y="60" fill="#ebedf0" data-count="0" data-date="2012-01-27"></rect>
 755 |           <rect class="day" width="10" height="10" x="-21" y="72" fill="#ebedf0" data-count="0" data-date="2012-01-28"></rect>
 756 |       </g>
 757 |       <g transform="translate(455, 0)">
 758 |           <rect class="day" width="10" height="10" x="-22" y="0" fill="#ebedf0" data-count="0" data-date="2012-01-29"></rect>
 759 |           <rect class="day" width="10" height="10" x="-22" y="12" fill="#ebedf0" data-count="0" data-date="2012-01-30"></rect>
 760 |           <rect class="day" width="10" height="10" x="-22" y="24" fill="#ebedf0" data-count="0" data-date="2012-01-31"></rect>
 761 |           <rect class="day" width="10" height="10" x="-22" y="36" fill="#ebedf0" data-count="0" data-date="2012-02-01"></rect>
 762 |           <rect class="day" width="10" height="10" x="-22" y="48" fill="#ebedf0" data-count="0" data-date="2012-02-02"></rect>
 763 |           <rect class="day" width="10" height="10" x="-22" y="60" fill="#ebedf0" data-count="0" data-date="2012-02-03"></rect>
 764 |           <rect class="day" width="10" height="10" x="-22" y="72" fill="#ebedf0" data-count="0" data-date="2012-02-04"></rect>
 765 |       </g>
 766 |       <g transform="translate(468, 0)">
 767 |           <rect class="day" width="10" height="10" x="-23" y="0" fill="#ebedf0" data-count="0" data-date="2012-02-05"></rect>
 768 |           <rect class="day" width="10" height="10" x="-23" y="12" fill="#ebedf0" data-count="0" data-date="2012-02-06"></rect>
 769 |           <rect class="day" width="10" height="10" x="-23" y="24" fill="#ebedf0" data-count="0" data-date="2012-02-07"></rect>
 770 |           <rect class="day" width="10" height="10" x="-23" y="36" fill="#ebedf0" data-count="0" data-date="2012-02-08"></rect>
 771 |           <rect class="day" width="10" height="10" x="-23" y="48" fill="#ebedf0" data-count="0" data-date="2012-02-09"></rect>
 772 |           <rect class="day" width="10" height="10" x="-23" y="60" fill="#ebedf0" data-count="0" data-date="2012-02-10"></rect>
 773 |           <rect class="day" width="10" height="10" x="-23" y="72" fill="#ebedf0" data-count="0" data-date="2012-02-11"></rect>
 774 |       </g>
 775 |       <g transform="translate(481, 0)">
 776 |           <rect class="day" width="10" height="10" x="-24" y="0" fill="#ebedf0" data-count="0" data-date="2012-02-12"></rect>
 777 |           <rect class="day" width="10" height="10" x="-24" y="12" fill="#ebedf0" data-count="0" data-date="2012-02-13"></rect>
 778 |           <rect class="day" width="10" height="10" x="-24" y="24" fill="#ebedf0" data-count="0" data-date="2012-02-14"></rect>
 779 |           <rect class="day" width="10" height="10" x="-24" y="36" fill="#ebedf0" data-count="0" data-date="2012-02-15"></rect>
 780 |           <rect class="day" width="10" height="10" x="-24" y="48" fill="#ebedf0" data-count="0" data-date="2012-02-16"></rect>
 781 |           <rect class="day" width="10" height="10" x="-24" y="60" fill="#ebedf0" data-count="0" data-date="2012-02-17"></rect>
 782 |           <rect class="day" width="10" height="10" x="-24" y="72" fill="#ebedf0" data-count="0" data-date="2012-02-18"></rect>
 783 |       </g>
 784 |       <g transform="translate(494, 0)">
 785 |           <rect class="day" width="10" height="10" x="-25" y="0" fill="#ebedf0" data-count="0" data-date="2012-02-19"></rect>
 786 |           <rect class="day" width="10" height="10" x="-25" y="12" fill="#ebedf0" data-count="0" data-date="2012-02-20"></rect>
 787 |           <rect class="day" width="10" height="10" x="-25" y="24" fill="#ebedf0" data-count="0" data-date="2012-02-21"></rect>
 788 |           <rect class="day" width="10" height="10" x="-25" y="36" fill="#ebedf0" data-count="0" data-date="2012-02-22"></rect>
 789 |           <rect class="day" width="10" height="10" x="-25" y="48" fill="#ebedf0" data-count="0" data-date="2012-02-23"></rect>
 790 |           <rect class="day" width="10" height="10" x="-25" y="60" fill="#ebedf0" data-count="0" data-date="2012-02-24"></rect>
 791 |           <rect class="day" width="10" height="10" x="-25" y="72" fill="#ebedf0" data-count="0" data-date="2012-02-25"></rect>
 792 |       </g>
 793 |       <g transform="translate(507, 0)">
 794 |           <rect class="day" width="10" height="10" x="-26" y="0" fill="#ebedf0" data-count="0" data-date="2012-02-26"></rect>
 795 |           <rect class="day" width="10" height="10" x="-26" y="12" fill="#ebedf0" data-count="0" data-date="2012-02-27"></rect>
 796 |           <rect class="day" width="10" height="10" x="-26" y="24" fill="#ebedf0" data-count="0" data-date="2012-02-28"></rect>
 797 |           <rect class="day" width="10" height="10" x="-26" y="36" fill="#ebedf0" data-count="0" data-date="2012-02-29"></rect>
 798 |           <rect class="day" width="10" height="10" x="-26" y="48" fill="#ebedf0" data-count="0" data-date="2012-03-01"></rect>
 799 |           <rect class="day" width="10" height="10" x="-26" y="60" fill="#ebedf0" data-count="0" data-date="2012-03-02"></rect>
 800 |           <rect class="day" width="10" height="10" x="-26" y="72" fill="#ebedf0" data-count="0" data-date="2012-03-03"></rect>
 801 |       </g>
 802 |       <g transform="translate(520, 0)">
 803 |           <rect class="day" width="10" height="10" x="-27" y="0" fill="#ebedf0" data-count="0" data-date="2012-03-04"></rect>
 804 |           <rect class="day" width="10" height="10" x="-27" y="12" fill="#ebedf0" data-count="0" data-date="2012-03-05"></rect>
 805 |           <rect class="day" width="10" height="10" x="-27" y="24" fill="#ebedf0" data-count="0" data-date="2012-03-06"></rect>
 806 |           <rect class="day" width="10" height="10" x="-27" y="36" fill="#ebedf0" data-count="0" data-date="2012-03-07"></rect>
 807 |           <rect class="day" width="10" height="10" x="-27" y="48" fill="#ebedf0" data-count="0" data-date="2012-03-08"></rect>
 808 |           <rect class="day" width="10" height="10" x="-27" y="60" fill="#ebedf0" data-count="0" data-date="2012-03-09"></rect>
 809 |           <rect class="day" width="10" height="10" x="-27" y="72" fill="#ebedf0" data-count="0" data-date="2012-03-10"></rect>
 810 |       </g>
 811 |       <g transform="translate(533, 0)">
 812 |           <rect class="day" width="10" height="10" x="-28" y="0" fill="#ebedf0" data-count="0" data-date="2012-03-11"></rect>
 813 |           <rect class="day" width="10" height="10" x="-28" y="12" fill="#ebedf0" data-count="0" data-date="2012-03-12"></rect>
 814 |           <rect class="day" width="10" height="10" x="-28" y="24" fill="#ebedf0" data-count="0" data-date="2012-03-13"></rect>
 815 |           <rect class="day" width="10" height="10" x="-28" y="36" fill="#ebedf0" data-count="0" data-date="2012-03-14"></rect>
 816 |           <rect class="day" width="10" height="10" x="-28" y="48" fill="#ebedf0" data-count="0" data-date="2012-03-15"></rect>
 817 |           <rect class="day" width="10" height="10" x="-28" y="60" fill="#ebedf0" data-count="0" data-date="2012-03-16"></rect>
 818 |           <rect class="day" width="10" height="10" x="-28" y="72" fill="#ebedf0" data-count="0" data-date="2012-03-17"></rect>
 819 |       </g>
 820 |       <g transform="translate(546, 0)">
 821 |           <rect class="day" width="10" height="10" x="-29" y="0" fill="#ebedf0" data-count="0" data-date="2012-03-18"></rect>
 822 |           <rect class="day" width="10" height="10" x="-29" y="12" fill="#ebedf0" data-count="0" data-date="2012-03-19"></rect>
 823 |           <rect class="day" width="10" height="10" x="-29" y="24" fill="#ebedf0" data-count="0" data-date="2012-03-20"></rect>
 824 |           <rect class="day" width="10" height="10" x="-29" y="36" fill="#ebedf0" data-count="0" data-date="2012-03-21"></rect>
 825 |           <rect class="day" width="10" height="10" x="-29" y="48" fill="#ebedf0" data-count="0" data-date="2012-03-22"></rect>
 826 |           <rect class="day" width="10" height="10" x="-29" y="60" fill="#ebedf0" data-count="0" data-date="2012-03-23"></rect>
 827 |           <rect class="day" width="10" height="10" x="-29" y="72" fill="#ebedf0" data-count="0" data-date="2012-03-24"></rect>
 828 |       </g>
 829 |       <g transform="translate(559, 0)">
 830 |           <rect class="day" width="10" height="10" x="-30" y="0" fill="#ebedf0" data-count="0" data-date="2012-03-25"></rect>
 831 |           <rect class="day" width="10" height="10" x="-30" y="12" fill="#ebedf0" data-count="0" data-date="2012-03-26"></rect>
 832 |           <rect class="day" width="10" height="10" x="-30" y="24" fill="#ebedf0" data-count="0" data-date="2012-03-27"></rect>
 833 |           <rect class="day" width="10" height="10" x="-30" y="36" fill="#ebedf0" data-count="0" data-date="2012-03-28"></rect>
 834 |           <rect class="day" width="10" height="10" x="-30" y="48" fill="#ebedf0" data-count="0" data-date="2012-03-29"></rect>
 835 |           <rect class="day" width="10" height="10" x="-30" y="60" fill="#ebedf0" data-count="0" data-date="2012-03-30"></rect>
 836 |           <rect class="day" width="10" height="10" x="-30" y="72" fill="#ebedf0" data-count="0" data-date="2012-03-31"></rect>
 837 |       </g>
 838 |       <g transform="translate(572, 0)">
 839 |           <rect class="day" width="10" height="10" x="-31" y="0" fill="#ebedf0" data-count="0" data-date="2012-04-01"></rect>
 840 |           <rect class="day" width="10" height="10" x="-31" y="12" fill="#ebedf0" data-count="0" data-date="2012-04-02"></rect>
 841 |           <rect class="day" width="10" height="10" x="-31" y="24" fill="#ebedf0" data-count="0" data-date="2012-04-03"></rect>
 842 |           <rect class="day" width="10" height="10" x="-31" y="36" fill="#ebedf0" data-count="0" data-date="2012-04-04"></rect>
 843 |           <rect class="day" width="10" height="10" x="-31" y="48" fill="#ebedf0" data-count="0" data-date="2012-04-05"></rect>
 844 |           <rect class="day" width="10" height="10" x="-31" y="60" fill="#ebedf0" data-count="0" data-date="2012-04-06"></rect>
 845 |           <rect class="day" width="10" height="10" x="-31" y="72" fill="#ebedf0" data-count="0" data-date="2012-04-07"></rect>
 846 |       </g>
 847 |       <g transform="translate(585, 0)">
 848 |           <rect class="day" width="10" height="10" x="-32" y="0" fill="#ebedf0" data-count="0" data-date="2012-04-08"></rect>
 849 |           <rect class="day" width="10" height="10" x="-32" y="12" fill="#ebedf0" data-count="0" data-date="2012-04-09"></rect>
 850 |           <rect class="day" width="10" height="10" x="-32" y="24" fill="#ebedf0" data-count="0" data-date="2012-04-10"></rect>
 851 |           <rect class="day" width="10" height="10" x="-32" y="36" fill="#ebedf0" data-count="0" data-date="2012-04-11"></rect>
 852 |           <rect class="day" width="10" height="10" x="-32" y="48" fill="#ebedf0" data-count="0" data-date="2012-04-12"></rect>
 853 |           <rect class="day" width="10" height="10" x="-32" y="60" fill="#ebedf0" data-count="0" data-date="2012-04-13"></rect>
 854 |           <rect class="day" width="10" height="10" x="-32" y="72" fill="#ebedf0" data-count="0" data-date="2012-04-14"></rect>
 855 |       </g>
 856 |       <g transform="translate(598, 0)">
 857 |           <rect class="day" width="10" height="10" x="-33" y="0" fill="#ebedf0" data-count="0" data-date="2012-04-15"></rect>
 858 |           <rect class="day" width="10" height="10" x="-33" y="12" fill="#ebedf0" data-count="0" data-date="2012-04-16"></rect>
 859 |           <rect class="day" width="10" height="10" x="-33" y="24" fill="#ebedf0" data-count="0" data-date="2012-04-17"></rect>
 860 |           <rect class="day" width="10" height="10" x="-33" y="36" fill="#ebedf0" data-count="0" data-date="2012-04-18"></rect>
 861 |           <rect class="day" width="10" height="10" x="-33" y="48" fill="#ebedf0" data-count="0" data-date="2012-04-19"></rect>
 862 |           <rect class="day" width="10" height="10" x="-33" y="60" fill="#ebedf0" data-count="0" data-date="2012-04-20"></rect>
 863 |           <rect class="day" width="10" height="10" x="-33" y="72" fill="#ebedf0" data-count="0" data-date="2012-04-21"></rect>
 864 |       </g>
 865 |       <g transform="translate(611, 0)">
 866 |           <rect class="day" width="10" height="10" x="-34" y="0" fill="#ebedf0" data-count="0" data-date="2012-04-22"></rect>
 867 |           <rect class="day" width="10" height="10" x="-34" y="12" fill="#ebedf0" data-count="0" data-date="2012-04-23"></rect>
 868 |           <rect class="day" width="10" height="10" x="-34" y="24" fill="#ebedf0" data-count="0" data-date="2012-04-24"></rect>
 869 |           <rect class="day" width="10" height="10" x="-34" y="36" fill="#ebedf0" data-count="0" data-date="2012-04-25"></rect>
 870 |           <rect class="day" width="10" height="10" x="-34" y="48" fill="#ebedf0" data-count="0" data-date="2012-04-26"></rect>
 871 |           <rect class="day" width="10" height="10" x="-34" y="60" fill="#ebedf0" data-count="0" data-date="2012-04-27"></rect>
 872 |           <rect class="day" width="10" height="10" x="-34" y="72" fill="#ebedf0" data-count="0" data-date="2012-04-28"></rect>
 873 |       </g>
 874 |       <g transform="translate(624, 0)">
 875 |           <rect class="day" width="10" height="10" x="-35" y="0" fill="#ebedf0" data-count="0" data-date="2012-04-29"></rect>
 876 |           <rect class="day" width="10" height="10" x="-35" y="12" fill="#ebedf0" data-count="0" data-date="2012-04-30"></rect>
 877 |           <rect class="day" width="10" height="10" x="-35" y="24" fill="#ebedf0" data-count="0" data-date="2012-05-01"></rect>
 878 |           <rect class="day" width="10" height="10" x="-35" y="36" fill="#ebedf0" data-count="0" data-date="2012-05-02"></rect>
 879 |           <rect class="day" width="10" height="10" x="-35" y="48" fill="#ebedf0" data-count="0" data-date="2012-05-03"></rect>
 880 |           <rect class="day" width="10" height="10" x="-35" y="60" fill="#ebedf0" data-count="0" data-date="2012-05-04"></rect>
 881 |           <rect class="day" width="10" height="10" x="-35" y="72" fill="#ebedf0" data-count="0" data-date="2012-05-05"></rect>
 882 |       </g>
 883 |       <g transform="translate(637, 0)">
 884 |           <rect class="day" width="10" height="10" x="-36" y="0" fill="#ebedf0" data-count="0" data-date="2012-05-06"></rect>
 885 |           <rect class="day" width="10" height="10" x="-36" y="12" fill="#ebedf0" data-count="0" data-date="2012-05-07"></rect>
 886 |           <rect class="day" width="10" height="10" x="-36" y="24" fill="#196127" data-count="1" data-date="2012-05-08"></rect>
 887 |           <rect class="day" width="10" height="10" x="-36" y="36" fill="#ebedf0" data-count="0" data-date="2012-05-09"></rect>
 888 |           <rect class="day" width="10" height="10" x="-36" y="48" fill="#ebedf0" data-count="0" data-date="2012-05-10"></rect>
 889 |           <rect class="day" width="10" height="10" x="-36" y="60" fill="#ebedf0" data-count="0" data-date="2012-05-11"></rect>
 890 |           <rect class="day" width="10" height="10" x="-36" y="72" fill="#ebedf0" data-count="0" data-date="2012-05-12"></rect>
 891 |       </g>
 892 |       <g transform="translate(650, 0)">
 893 |           <rect class="day" width="10" height="10" x="-37" y="0" fill="#ebedf0" data-count="0" data-date="2012-05-13"></rect>
 894 |           <rect class="day" width="10" height="10" x="-37" y="12" fill="#ebedf0" data-count="0" data-date="2012-05-14"></rect>
 895 |           <rect class="day" width="10" height="10" x="-37" y="24" fill="#ebedf0" data-count="0" data-date="2012-05-15"></rect>
 896 |           <rect class="day" width="10" height="10" x="-37" y="36" fill="#ebedf0" data-count="0" data-date="2012-05-16"></rect>
 897 |           <rect class="day" width="10" height="10" x="-37" y="48" fill="#ebedf0" data-count="0" data-date="2012-05-17"></rect>
 898 |           <rect class="day" width="10" height="10" x="-37" y="60" fill="#ebedf0" data-count="0" data-date="2012-05-18"></rect>
 899 |           <rect class="day" width="10" height="10" x="-37" y="72" fill="#ebedf0" data-count="0" data-date="2012-05-19"></rect>
 900 |       </g>
 901 |       <g transform="translate(663, 0)">
 902 |           <rect class="day" width="10" height="10" x="-38" y="0" fill="#ebedf0" data-count="0" data-date="2012-05-20"></rect>
 903 |           <rect class="day" width="10" height="10" x="-38" y="12" fill="#ebedf0" data-count="0" data-date="2012-05-21"></rect>
 904 |           <rect class="day" width="10" height="10" x="-38" y="24" fill="#ebedf0" data-count="0" data-date="2012-05-22"></rect>
 905 |           <rect class="day" width="10" height="10" x="-38" y="36" fill="#ebedf0" data-count="0" data-date="2012-05-23"></rect>
 906 |           <rect class="day" width="10" height="10" x="-38" y="48" fill="#ebedf0" data-count="0" data-date="2012-05-24"></rect>
 907 |           <rect class="day" width="10" height="10" x="-38" y="60" fill="#ebedf0" data-count="0" data-date="2012-05-25"></rect>
 908 |           <rect class="day" width="10" height="10" x="-38" y="72" fill="#ebedf0" data-count="0" data-date="2012-05-26"></rect>
 909 |       </g>
 910 |       <g transform="translate(676, 0)">
 911 |           <rect class="day" width="10" height="10" x="-39" y="0" fill="#ebedf0" data-count="0" data-date="2012-05-27"></rect>
 912 |           <rect class="day" width="10" height="10" x="-39" y="12" fill="#ebedf0" data-count="0" data-date="2012-05-28"></rect>
 913 |           <rect class="day" width="10" height="10" x="-39" y="24" fill="#ebedf0" data-count="0" data-date="2012-05-29"></rect>
 914 |           <rect class="day" width="10" height="10" x="-39" y="36" fill="#ebedf0" data-count="0" data-date="2012-05-30"></rect>
 915 |           <rect class="day" width="10" height="10" x="-39" y="48" fill="#ebedf0" data-count="0" data-date="2012-05-31"></rect>
 916 |       </g>
 917 |       <text x="25" y="-10" class="month">Jun</text>
 918 |       <text x="73" y="-10" class="month">Jul</text>
 919 |       <text x="133" y="-10" class="month">Aug</text>
 920 |       <text x="181" y="-10" class="month">Sep</text>
 921 |       <text x="229" y="-10" class="month">Oct</text>
 922 |       <text x="289" y="-10" class="month">Nov</text>
 923 |       <text x="337" y="-10" class="month">Dec</text>
 924 |       <text x="385" y="-10" class="month">Jan</text>
 925 |       <text x="445" y="-10" class="month">Feb</text>
 926 |       <text x="493" y="-10" class="month">Mar</text>
 927 |       <text x="541" y="-10" class="month">Apr</text>
 928 |       <text x="601" y="-10" class="month">May</text>
 929 |     <text text-anchor="start" class="wday" dx="-14" dy="8" style="display: none;">Sun</text>
 930 |     <text text-anchor="start" class="wday" dx="-14" dy="20">Mon</text>
 931 |     <text text-anchor="start" class="wday" dx="-14" dy="32" style="display: none;">Tue</text>
 932 |     <text text-anchor="start" class="wday" dx="-14" dy="44">Wed</text>
 933 |     <text text-anchor="start" class="wday" dx="-14" dy="57" style="display: none;">Thu</text>
 934 |     <text text-anchor="start" class="wday" dx="-14" dy="69">Fri</text>
 935 |     <text text-anchor="start" class="wday" dx="-14" dy="81" style="display: none;">Sat</text>
 936 |   </g>
 937 | </svg>
 938 | 
 939 |       </div>
 940 |       <div class="contrib-footer clearfix mt-1 mx-3 px-3 pb-1">
 941 |         <div class="float-left text-gray">
 942 | 
 943 | 
 944 |           <a href="https://help.github.com/articles/why-are-my-contributions-not-showing-up-on-my-profile">
 945 |             Learn how we count contributions</a>.
 946 |         </div>
 947 |         <div class="contrib-legend text-gray" title="A summary of pull requests, issues opened, and commits to the default and gh-pages branches.">
 948 |           Less
 949 |           <ul class="legend">
 950 |             <li style="background-color: #eee"></li>
 951 |               <li style="background-color: #c6e48b"></li>
 952 |               <li style="background-color: #7bc96f"></li>
 953 |               <li style="background-color: #239a3b"></li>
 954 |               <li style="background-color: #196127"></li>
 955 |           </ul>
 956 |           More
 957 |         </div>
 958 |       </div>
 959 | 
 960 |     </div>
 961 | </div>
 962 | 
 963 | 
 964 |   <div class="profile-timeline-year-list bg-white col-2 float-right pl-5 js-profile-timeline-year-list is-placeholder" style="visibility: hidden; display: none; height: 294px;"></div><div class="profile-timeline-year-list bg-white col-2 float-right pl-5 js-profile-timeline-year-list js-sticky" style="position: static;">
 965 |   <ul class="filter-list small" data-pjax="#js-contribution-activity">
 966 |       <li>
 967 |         <a href="https://github.com/BernhardBezdek?tab=overview&amp;from=2018-02-01&amp;to=2018-02-13" data-pjax-preserve-scroll="" id="year-link-2018" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2018">
 968 |           2018
 969 |         </a>
 970 |       </li>
 971 |       <li>
 972 |         <a href="https://github.com/BernhardBezdek?tab=overview&amp;from=2017-12-01&amp;to=2017-12-31" data-pjax-preserve-scroll="" id="year-link-2017" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2017">
 973 |           2017
 974 |         </a>
 975 |       </li>
 976 |       <li>
 977 |         <a href="https://github.com/BernhardBezdek?tab=overview&amp;from=2016-12-01&amp;to=2016-12-31" data-pjax-preserve-scroll="" id="year-link-2016" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2016">
 978 |           2016
 979 |         </a>
 980 |       </li>
 981 |       <li>
 982 |         <a href="https://github.com/BernhardBezdek?tab=overview&amp;from=2015-12-01&amp;to=2015-12-31" data-pjax-preserve-scroll="" id="year-link-2015" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2015">
 983 |           2015
 984 |         </a>
 985 |       </li>
 986 |       <li>
 987 |         <a href="https://github.com/BernhardBezdek?tab=overview&amp;from=2014-12-01&amp;to=2014-12-31" data-pjax-preserve-scroll="" id="year-link-2014" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2014">
 988 |           2014
 989 |         </a>
 990 |       </li>
 991 |       <li>
 992 |         <a href="https://github.com/BernhardBezdek?tab=overview&amp;from=2013-12-01&amp;to=2013-12-31" data-pjax-preserve-scroll="" id="year-link-2013" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2013">
 993 |           2013
 994 |         </a>
 995 |       </li>
 996 |       <li>
 997 |         <a href="https://github.com/BernhardBezdek?tab=overview&amp;from=2012-12-01&amp;to=2012-12-31" data-pjax-preserve-scroll="" id="year-link-2012" class="js-year-link filter-item px-3 mb-2 py-2 selected" aria-label="Contribution activity in 2012">
 998 |           2012
 999 |         </a>
1000 |       </li>
1001 |   </ul>
1002 | </div>
1003 | 
1004 | 
1005 |   <h2 class="f4 text-normal mb-2">
1006 |     Contribution activity
1007 |       <span class="contributions-setting float-right dropdown js-menu-container">
1008 |         <button class="contributions-setting-link btn-link select-menu-button muted-link text-normal js-menu-target" type="button" aria-expanded="false" aria-haspopup="true">
1009 |           Jump to
1010 |         </button>
1011 | 
1012 |         <span class="dropdown-menu-content js-menu-content">
1013 |           <span class="f5 dropdown-menu dropdown-menu-sw">
1014 |               <a class="dropdown-item" href="https://github.com/BernhardBezdek?tab=overview&amp;from=2015-03-01&amp;to=2015-03-31#contribution-created-pull-request-30994964-2015-03-12">
1015 |                 First pull request
1016 |               </a>
1017 |               <a class="dropdown-item" href="https://github.com/BernhardBezdek?tab=overview&amp;from=2012-09-01&amp;to=2012-09-30#contribution-created-issue-7096282-2012-09-24">
1018 |                 First issue
1019 |               </a>
1020 |               <a class="dropdown-item" href="https://github.com/BernhardBezdek?tab=overview&amp;from=2013-06-01&amp;to=2013-06-30#contribution-created-repository-11006911-2013-06-27">
1021 |                 First repository
1022 |               </a>
1023 |               <a class="dropdown-item" href="https://github.com/BernhardBezdek?tab=overview&amp;from=2012-05-01&amp;to=2012-05-31#contribution-joined-github-1717382-2012-05-08">
1024 |                 Joined GitHub
1025 |               </a>
1026 |           </span>
1027 |         </span>
1028 |       </span>
1029 |   </h2>
1030 | 
1031 |   <div id="js-contribution-activity" class="activity-listing contribution-activity" data-pjax-container="" style="min-height: 294px;">
1032 |     
1033 |   <div class="contribution-activity-listing col-10 float-left">
1034 |   <div class="profile-timeline discussion-timeline width-full pb-4">
1035 |     <h3 class="profile-timeline-month-heading bg-white d-inline-block h6 pr-2 py-1">
1036 |       May
1037 |       
1038 |       <span class="text-gray">2012</span>
1039 |     </h3>
1040 | 
1041 | 
1042 | 
1043 | 
1044 | 
1045 | 
1046 | 
1047 | 
1048 | 
1049 | 
1050 | 
1051 | 
1052 | 
1053 |       <div class="profile-rollup-wrapper py-4 pl-4 position-relative ml-3">
1054 |   <span class="discussion-item-icon">
1055 |     <svg aria-hidden="true" class="octicon octicon-octoface" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M14.7 5.34c.13-.32.55-1.59-.13-3.31 0 0-1.05-.33-3.44 1.3-1-.28-2.07-.32-3.13-.32s-2.13.04-3.13.32c-2.39-1.64-3.44-1.3-3.44-1.3-.68 1.72-.26 2.99-.13 3.31C.49 6.21 0 7.33 0 8.69 0 13.84 3.33 15 7.98 15S16 13.84 16 8.69c0-1.36-.49-2.48-1.3-3.35zM8 14.02c-3.3 0-5.98-.15-5.98-3.35 0-.76.38-1.48 1.02-2.07 1.07-.98 2.9-.46 4.96-.46 2.07 0 3.88-.52 4.96.46.65.59 1.02 1.3 1.02 2.07 0 3.19-2.68 3.35-5.98 3.35zM5.49 9.01c-.66 0-1.2.8-1.2 1.78s.54 1.79 1.2 1.79c.66 0 1.2-.8 1.2-1.79s-.54-1.78-1.2-1.78zm5.02 0c-.66 0-1.2.79-1.2 1.78s.54 1.79 1.2 1.79c.66 0 1.2-.8 1.2-1.79s-.53-1.78-1.2-1.78z"></path></svg>
1056 |   </span>
1057 |   <div class="d-flex flex-justify-between flex-items-baseline mb-3">
1058 |     <h4 class="text-normal text-gray lh-condensed pr-3">
1059 |       Joined GitHub
1060 |     </h4>
1061 |   </div>
1062 | 
1063 |   <div class="profile-timeline-card-wrapper">
1064 |     <div class="profile-timeline-card bg-white border border-gray-dark rounded-1 p-3">
1065 |       <div id="contribution-joined-github-1717382-2012-05-08" class="text-center px-6">
1066 |         <img alt="Joined GitHub!" class="text-center width-fit pt-4" src="./gitHubPage_files/profile-joined-github.png">
1067 |         <div class="contribution-joined-github">
1068 |           <h4 class="text-green">
1069 |             Joined GitHub
1070 |           </h4>
1071 |           <a href="https://github.com/BernhardBezdek?tab=overview&amp;from=2012-05-01&amp;to=2012-05-31#contribution-joined-github-1717382-2012-05-08" class="f6 text-gray-light muted-link">
1072 |             <time class="d-inline-block mb-2">on May 8, 2012</time>
1073 | </a>        </div>
1074 |       </div>
1075 |     </div>
1076 |   </div>
1077 | </div>
1078 | 
1079 |   </div>
1080 | </div>
1081 | 
1082 | <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="https://github.com/BernhardBezdek?tab=overview&amp;from=2012-04-01&amp;to=2012-04-30" class="ajax-pagination-form js-ajax-pagination col-10 js-show-more-timeline-form" data-title="BernhardBezdek (Bernhard Behrendt) / April 2012" data-year="2012" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"></div>
1083 | 
1084 | 
1085 |   <p class="text-gray f6 mt-4">
1086 |     Seeing something unexpected? Take a look at the
1087 |     <a href="https://help.github.com/categories/setting-up-and-managing-your-github-profile">GitHub profile guide</a>.
1088 |   </p>
1089 | </form>
1090 | 
1091 | 
1092 |   </div>
1093 | 
1094 | </div>
1095 | 
1096 | 
1097 |     </div>
1098 |   </div>
1099 | </div>
1100 | 
1101 |       </div>
1102 |       <div class="modal-backdrop js-touch-events"></div>
1103 |   </div>
1104 | 
1105 |       
1106 | <div class="footer container-lg px-3" role="contentinfo">
1107 |   <div class="position-relative d-flex flex-justify-between py-6 mt-6 f6 text-gray border-top border-gray-light ">
1108 |     <ul class="list-style-none d-flex flex-wrap ">
1109 |       <li class="mr-3">© 2018 <span title="0.16926s from unicorn-3216546103-pb3k0">GitHub</span>, Inc.</li>
1110 |         <li class="mr-3"><a href="https://help.github.com/articles/github-terms-of-service/" data-ga-click="Footer, go to terms, text:terms">Terms</a></li>
1111 |         <li class="mr-3"><a href="https://github.com/site/privacy" data-ga-click="Footer, go to privacy, text:privacy">Privacy</a></li>
1112 |         <li class="mr-3"><a href="https://help.github.com/articles/github-security/" data-ga-click="Footer, go to security, text:security">Security</a></li>
1113 |         <li class="mr-3"><a href="https://status.github.com/" data-ga-click="Footer, go to status, text:status">Status</a></li>
1114 |         <li><a href="https://help.github.com/" data-ga-click="Footer, go to help, text:help">Help</a></li>
1115 |     </ul>
1116 | 
1117 |     <a href="https://github.com/" aria-label="Homepage" class="footer-octicon" title="GitHub">
1118 |       <svg aria-hidden="true" class="octicon octicon-mark-github" height="24" version="1.1" viewBox="0 0 16 16" width="24"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg>
1119 | </a>
1120 |     <ul class="list-style-none d-flex flex-wrap ">
1121 |         <li class="mr-3"><a href="https://github.com/contact" data-ga-click="Footer, go to contact, text:contact">Contact GitHub</a></li>
1122 |       <li class="mr-3"><a href="https://developer.github.com/" data-ga-click="Footer, go to api, text:api">API</a></li>
1123 |       <li class="mr-3"><a href="https://training.github.com/" data-ga-click="Footer, go to training, text:training">Training</a></li>
1124 |       <li class="mr-3"><a href="https://shop.github.com/" data-ga-click="Footer, go to shop, text:shop">Shop</a></li>
1125 |         <li class="mr-3"><a href="https://github.com/blog" data-ga-click="Footer, go to blog, text:blog">Blog</a></li>
1126 |         <li><a href="https://github.com/about" data-ga-click="Footer, go to about, text:about">About</a></li>
1127 | 
1128 |     </ul>
1129 |   </div>
1130 | </div>
1131 | 
1132 | 
1133 | 
1134 |   <div id="ajax-error-message" class="ajax-error-message flash flash-error">
1135 |     <svg aria-hidden="true" class="octicon octicon-alert" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M8.865 1.52c-.18-.31-.51-.5-.87-.5s-.69.19-.87.5L.275 13.5c-.18.31-.18.69 0 1 .19.31.52.5.87.5h13.7c.36 0 .69-.19.86-.5.17-.31.18-.69.01-1L8.865 1.52zM8.995 13h-2v-2h2v2zm0-3h-2V6h2v4z"></path></svg>
1136 |     <button type="button" class="flash-close js-ajax-error-dismiss" aria-label="Dismiss error">
1137 |       <svg aria-hidden="true" class="octicon octicon-x" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48z"></path></svg>
1138 |     </button>
1139 |     You can't perform that action at this time.
1140 |   </div>
1141 | 
1142 | 
1143 |     
1144 |     <script crossorigin="anonymous" integrity="sha512-MO2ZtIEZrtDlHQRpl/db39VEpjw/+MfQjkgZhl52kxNrXqYwEKwe0oEa/IRuvPRN5v9UUrznRAoA2AgP8s/OIw==" src="./gitHubPage_files/frameworks-30ed99b48119.js" type="application/javascript"></script>
1145 |     
1146 |     <script async="async" crossorigin="anonymous" integrity="sha512-e/qKxAX7Whm4PMYFSBZiZGjuvVEVfj/mIMkhPVUTPb1H8sJEaZK6cv70RBQCToREdrhPYZAcmbCjRi187zoWoA==" src="./gitHubPage_files/github-7bfa8ac405fb.js" type="application/javascript"></script>
1147 |     
1148 |     
1149 |     
1150 |     
1151 |   <div class="js-stale-session-flash stale-session-flash flash flash-warn flash-banner d-none">
1152 |     <svg aria-hidden="true" class="octicon octicon-alert" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M8.865 1.52c-.18-.31-.51-.5-.87-.5s-.69.19-.87.5L.275 13.5c-.18.31-.18.69 0 1 .19.31.52.5.87.5h13.7c.36 0 .69-.19.86-.5.17-.31.18-.69.01-1L8.865 1.52zM8.995 13h-2v-2h2v2zm0-3h-2V6h2v4z"></path></svg>
1153 |     <span class="signed-in-tab-flash">You signed in with another tab or window. <a href="https://github.com/BernhardBezdek?tab=overview&amp;from=2012-05-01&amp;to=2012-05-31">Reload</a> to refresh your session.</span>
1154 |     <span class="signed-out-tab-flash">You signed out in another tab or window. <a href="https://github.com/BernhardBezdek?tab=overview&amp;from=2012-05-01&amp;to=2012-05-31">Reload</a> to refresh your session.</span>
1155 |   </div>
1156 |   <div class="facebox" id="facebox" style="display:none;">
1157 |   <div class="facebox-popup">
1158 |     <div class="facebox-content" role="dialog" aria-labelledby="facebox-header" aria-describedby="facebox-description">
1159 |     </div>
1160 |     <button type="button" class="facebox-close js-facebox-close" aria-label="Close modal">
1161 |       <svg aria-hidden="true" class="octicon octicon-x" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48z"></path></svg>
1162 |     </button>
1163 |   </div>
1164 | </div>
1165 | 
1166 |   
1167 | 
1168 |   
1169 | 
1170 | </body></html>


--------------------------------------------------------------------------------