@rhtml/operators 0.0.81

package/.eslintrc.js

@@ -0,0 +1,26 @@
+module.exports = {
+    // Specifies the ESLint parser
+    parser: "@typescript-eslint/parser",
+    extends: [
+        // Uses the recommended rules from the @typescript-eslint/eslint-plugin
+        "plugin:@typescript-eslint/recommended",
+        // Uses eslint-config-prettier to disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier
+        "prettier/@typescript-eslint",
+        // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
+        "plugin:prettier/recommended"
+    ],
+    parserOptions: {
+        // Allows for the parsing of modern ECMAScript features
+        ecmaVersion: 2018,
+        // Allows for the use of imports
+        sourceType: "module"
+    },
+    rules: {
+        "@typescript-eslint/explicit-function-return-type": 0,
+        "simple-import-sort/sort": "error",
+        "sort-imports": "off",
+        "import/order": "off",
+        "@typescript-eslint/camelcase": 0
+    },
+    plugins: ["simple-import-sort"]
+};

package/.prettierrc

@@ -0,0 +1,4 @@
+{
+    "singleQuote": true,
+    "printWidth": 80
+}

package/README.md

@@ -0,0 +1,32 @@
+# @rhtml/operators
+
+#### Installation
+
+```bash
+npm i @rhtml/operators
+```
+
+#### Usage
+
+```typescript
+import { LitElement, Component, html } from '@rxdi/lit-html';
+
+import '@rhtml/operators';
+
+@Component({
+  selector: 'r-html-view',
+  template(this: RHtmlViewComponent) {
+    return html`
+      <r-for .of=${['IterableItem 1', 'Iterable Item 2']}>
+        <r-let .item=${v => html``}></r-let>
+      </r-for>
+
+      <r-let .data=${['IterableItem 1', 'Iterable Item 2']} .item=${v => html`
+        dadada
+      `}></r-let>
+    `;
+  }
+})
+export class RHtmlViewComponent extends LitElement {}
+
+```

package/dist/for.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from '@rxdi/lit-html';
+/**
+ * @customElement r-for
+ */
+export declare class ForOperator extends LitElement {
+    of: any;
+    OnUpdate(): void;
+}

package/dist/for.js

@@ -0,0 +1,49 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForOperator = void 0;
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const lit_html_1 = require("@rxdi/lit-html");
+/**
+ * @customElement r-for
+ */
+let ForOperator = class ForOperator extends lit_html_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.of = [];
+    }
+    OnUpdate() {
+        const slotNodes = this.shadowRoot.querySelector('slot').assignedNodes();
+        if (slotNodes.length) {
+            const slotNode = slotNodes[0];
+            const letOperator = slotNode.nextSibling;
+            if (letOperator) {
+                letOperator.data = this.of;
+            }
+        }
+    }
+};
+__decorate([
+    lit_html_1.property({ type: Array }),
+    __metadata("design:type", Object)
+], ForOperator.prototype, "of", void 0);
+ForOperator = __decorate([
+    lit_html_1.Component({
+        selector: 'r-for',
+        template() {
+            return lit_html_1.html `
+      <slot></slot>
+    `;
+        }
+    })
+], ForOperator);
+exports.ForOperator = ForOperator;
+//# sourceMappingURL=for.js.map

package/dist/for.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"for.js","sourceRoot":"","sources":["../src/for.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,uDAAuD;AACvD,6CAAuE;AAGvE;;GAEG;AASH,IAAa,WAAW,GAAxB,MAAa,WAAY,SAAQ,qBAAU;IAA3C;;QAES,OAAE,GAAQ,EAAE,CAAC;IAWtB,CAAC;IAVC,QAAQ;QACN,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,CAAC;QACxE,IAAI,SAAS,CAAC,MAAM,EAAE;YACpB,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;YAC9B,MAAM,WAAW,GAAG,QAAQ,CAAC,WAA0B,CAAC;YACxD,IAAI,WAAW,EAAE;gBACf,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;aAC5B;SACF;IACH,CAAC;CACF,CAAA;AAXC;IADC,mBAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;uCACN;AAFT,WAAW;IARvB,oBAAS,CAAC;QACT,QAAQ,EAAE,OAAO;QACjB,QAAQ;YACN,OAAO,eAAI,CAAA;;KAEV,CAAC;QACJ,CAAC;KACF,CAAC;GACW,WAAW,CAavB;AAbY,kCAAW"}

package/dist/if.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from '@rxdi/lit-html';
+/**
+ * @customElement r-if
+ */
+export declare class IfOperator extends LitElement {
+    exp: boolean;
+}

package/dist/if.js

@@ -0,0 +1,38 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IfOperator = void 0;
+const lit_html_1 = require("@rxdi/lit-html");
+/**
+ * @customElement r-if
+ */
+let IfOperator = class IfOperator extends lit_html_1.LitElement {
+};
+__decorate([
+    lit_html_1.property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], IfOperator.prototype, "exp", void 0);
+IfOperator = __decorate([
+    lit_html_1.Component({
+        selector: 'r-if',
+        template() {
+            return lit_html_1.html `
+      ${this.exp
+                ? lit_html_1.html `
+            <slot></slot>
+          `
+                : ''}
+    `;
+        }
+    })
+], IfOperator);
+exports.IfOperator = IfOperator;
+//# sourceMappingURL=if.js.map

package/dist/if.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"if.js","sourceRoot":"","sources":["../src/if.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAAuE;AAEvE;;GAEG;AAaH,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,qBAAU;CAEzC,CAAA;AAD8B;IAA5B,mBAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;uCAAc;AAD/B,UAAU;IAZtB,oBAAS,CAAC;QACT,QAAQ,EAAE,MAAM;QAChB,QAAQ;YACN,OAAO,eAAI,CAAA;QACP,IAAI,CAAC,GAAG;gBACR,CAAC,CAAC,eAAI,CAAA;;WAEH;gBACH,CAAC,CAAC,EAAE;KACP,CAAC;QACJ,CAAC;KACF,CAAC;GACW,UAAU,CAEtB;AAFY,gCAAU"}

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import '@rhtml/renderer';
+import { ForOperator } from './for';
+import { IfOperator } from './if';
+import { LetOperator } from './let';
+export * from './for';
+export * from './let';
+export * from './if';
+declare global {
+    interface HTMLElementTagNameMap {
+        'r-if': IfOperator;
+        'r-let': LetOperator;
+        'r-for': ForOperator;
+    }
+}

package/dist/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@rhtml/renderer");
+__exportStar(require("./for"), exports);
+__exportStar(require("./let"), exports);
+__exportStar(require("./if"), exports);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2BAAyB;AAMzB,wCAAsB;AACtB,wCAAsB;AACtB,uCAAqB"}

package/dist/interface.d.ts

@@ -0,0 +1 @@
+export declare type Operators = 'r-let' | 'r-for';

package/dist/interface.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interface.js.map

package/dist/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../src/interface.ts"],"names":[],"mappings":""}

package/dist/let.d.ts

@@ -0,0 +1,11 @@
+import { LitElement } from '@rxdi/lit-html';
+/**
+ * @customElement r-let
+ */
+export declare class LetOperator extends LitElement {
+    data: any[];
+    item: (v: any) => import("lit-html").TemplateResult<1>;
+    private normalizeArray;
+    private isObservable;
+    private isFunction;
+}

package/dist/let.js

@@ -0,0 +1,77 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LetOperator = void 0;
+const lit_html_1 = require("@rxdi/lit-html");
+/**
+ * @customElement r-let
+ */
+let LetOperator = class LetOperator extends lit_html_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.data = [];
+        this.item = v => lit_html_1.html `
+      ${v}
+    `;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    normalizeArray(state) {
+        if (!state || typeof state === 'string') {
+            return [];
+        }
+        if (typeof state === 'number') {
+            return Array.from(Array(state), (v, i) => i);
+        }
+        /* https://javascript.info/map-set */
+        if (state instanceof Map || state instanceof Set) {
+            return [...state.entries()];
+        }
+        if (!Array.isArray(state)) {
+            return Object.entries(state);
+        }
+        return state;
+    }
+    isObservable(value) {
+        return (value && this.isFunction(value.lift) && this.isFunction(value.subscribe));
+    }
+    isFunction(value) {
+        return typeof value === 'function';
+    }
+};
+__decorate([
+    lit_html_1.property({ type: Array }),
+    __metadata("design:type", Object)
+], LetOperator.prototype, "data", void 0);
+__decorate([
+    lit_html_1.property({ type: Object }),
+    __metadata("design:type", Object)
+], LetOperator.prototype, "item", void 0);
+LetOperator = __decorate([
+    lit_html_1.Component({
+        selector: 'r-let',
+        template() {
+            return lit_html_1.html `
+      ${this.isObservable(this.data)
+                ? lit_html_1.html `
+            <r-renderer
+              .options=${{
+                    state: this.data,
+                    render: s => this.normalizeArray(s).map(this.item)
+                }}
+            ></r-renderer>
+          `
+                : this.normalizeArray(this.data).map(this.item)}
+    `;
+        }
+    })
+], LetOperator);
+exports.LetOperator = LetOperator;
+//# sourceMappingURL=let.js.map

package/dist/let.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"let.js","sourceRoot":"","sources":["../src/let.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAAuE;AACvE;;GAEG;AAkBH,IAAa,WAAW,GAAxB,MAAa,WAAY,SAAQ,qBAAU;IAA3C;;QAES,SAAI,GAAG,EAAE,CAAC;QAGV,SAAI,GAAG,CAAC,CAAC,EAAE,CAChB,eAAI,CAAA;QACA,CAAC;KACJ,CAAC;IA4BN,CAAC;IA1BC,8DAA8D;IACtD,cAAc,CAAC,KAA0B;QAC/C,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YACvC,OAAO,EAAE,CAAC;SACX;QACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;SAC9C;QACD,qCAAqC;QACrC,IAAI,KAAK,YAAY,GAAG,IAAI,KAAK,YAAY,GAAG,EAAE;YAChD,OAAO,CAAC,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;SAC7B;QACD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACzB,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SAC9B;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,YAAY,CAAC,KAAK;QACxB,OAAO,CACL,KAAK,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,CACzE,CAAC;IACJ,CAAC;IACO,UAAU,CAAC,KAAK;QACtB,OAAO,OAAO,KAAK,KAAK,UAAU,CAAC;IACrC,CAAC;CACF,CAAA;AAlCC;IADC,mBAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;yCACT;AAGjB;IADC,mBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;yCAIvB;AARO,WAAW;IAjBvB,oBAAS,CAAC;QACT,QAAQ,EAAE,OAAO;QACjB,QAAQ;YACN,OAAO,eAAI,CAAA;QACP,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;gBAC5B,CAAC,CAAC,eAAI,CAAA;;yBAEW;oBACT,KAAK,EAAE,IAAI,CAAC,IAAI;oBAChB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;iBACnD;;WAEJ;gBACH,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;KAClD,CAAC;QACJ,CAAC;KACF,CAAC;GACW,WAAW,CAoCvB;AApCY,kCAAW"}

package/gapi-cli.conf.yml

@@ -0,0 +1,7 @@
+config:
+  app:
+    local:
+      INTROSPECTION_FOLDER: ./src/introspection/
+  schema:
+    introspectionEndpoint: https://countries.trevorblades.com/
+    introspectionOutputFolder: ./develop/src/introspection

package/jest.config.js

@@ -0,0 +1,16 @@
+module.exports = {
+  testEnvironment: 'node',
+  testPathIgnorePatterns: ['/node_modules/'],
+  coverageReporters: ['lcov', 'html'],
+  rootDir: './',
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'json', 'node'],
+  globals: {
+    __DEV__: true
+  },
+  transform: {
+    '\\.(ts|tsx)$': 'ts-jest'
+  },
+  testRegex: '/src/.*\\.spec.(ts|tsx|js)$',
+  verbose: true,
+  collectCoverage: true
+};

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@rhtml/operators",
+  "version": "0.0.81",
+  "description": "Reactive HyperText Markup Language",
+  "scripts": {
+    "start": "npx parcel ./examples/index.html --out-dir build/examples",
+    "patch": "npm run build && npm version patch && npm publish --update-readme --access public && npm run delete-dist",
+    "delete-dist": "rm -rf dist",
+    "clean": "git clean -dxf",
+    "lint": "npx eslint . --ext .ts",
+    "lint-fix": "npx eslint . --fix --ext .ts",
+    "build": "rm -rf dist && tsc"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:rhtml/rhtml.git"
+  },
+  "author": "Kristiyan Tachev",
+  "license": "MIT",
+  "dependencies": {
+    "@rxdi/lit-html": "^0.7.119",
+    "@rhtml/renderer": "0.0.81"
+  },
+  "devDependencies": {
+    "eslint": "^6.7.2",
+    "eslint-config-prettier": "^6.7.0",
+    "eslint-plugin-prettier": "^3.1.1",
+    "eslint-plugin-simple-import-sort": "^5.0.0",
+    "@typescript-eslint/eslint-plugin": "^2.10.0",
+    "@typescript-eslint/parser": "^2.10.0",
+    "prettier": "^1.19.1",
+    "ts-jest": "25.2.1"
+  },
+  "browserslist": [
+    "last 1 chrome versions"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "module": "./dist/index.js",
+  "typings": "./dist/index.d.ts"
+}

package/src/for.ts

@@ -0,0 +1,29 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { Component, html, LitElement, property } from '@rxdi/lit-html';
+
+import { LetOperator } from './let';
+/**
+ * @customElement r-for
+ */
+@Component({
+  selector: 'r-for',
+  template() {
+    return html`
+      <slot></slot>
+    `;
+  }
+})
+export class ForOperator extends LitElement {
+  @property({ type: Array })
+  public of: any = [];
+  OnUpdate() {
+    const slotNodes = this.shadowRoot.querySelector('slot').assignedNodes();
+    if (slotNodes.length) {
+      const slotNode = slotNodes[0];
+      const letOperator = slotNode.nextSibling as LetOperator;
+      if (letOperator) {
+        letOperator.data = this.of;
+      }
+    }
+  }
+}

package/src/if.ts

@@ -0,0 +1,20 @@
+import { Component, html, LitElement, property } from '@rxdi/lit-html';
+
+/**
+ * @customElement r-if
+ */
+@Component({
+  selector: 'r-if',
+  template(this: IfOperator) {
+    return html`
+      ${this.exp
+        ? html`
+            <slot></slot>
+          `
+        : ''}
+    `;
+  }
+})
+export class IfOperator extends LitElement {
+  @property({ type: Boolean }) exp: boolean;
+}

package/src/index.ts

@@ -0,0 +1,17 @@
+import '@rhtml/renderer';
+
+import { ForOperator } from './for';
+import { IfOperator } from './if';
+import { LetOperator } from './let';
+
+export * from './for';
+export * from './let';
+export * from './if';
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'r-if': IfOperator;
+    'r-let': LetOperator;
+    'r-for': ForOperator;
+  }
+}

package/src/interface.ts

@@ -0,0 +1 @@
+export type Operators = 'r-let' | 'r-for';

package/src/let.ts

@@ -0,0 +1,58 @@
+import { Component, html, LitElement, property } from '@rxdi/lit-html';
+/**
+ * @customElement r-let
+ */
+@Component({
+  selector: 'r-let',
+  template(this: LetOperator) {
+    return html`
+      ${this.isObservable(this.data)
+        ? html`
+            <r-renderer
+              .options=${{
+                state: this.data,
+                render: s => this.normalizeArray(s).map(this.item)
+              }}
+            ></r-renderer>
+          `
+        : this.normalizeArray(this.data).map(this.item)}
+    `;
+  }
+})
+export class LetOperator extends LitElement {
+  @property({ type: Array })
+  public data = [];
+
+  @property({ type: Object })
+  public item = v =>
+    html`
+      ${v}
+    `;
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  private normalizeArray(state: Record<string, any>) {
+    if (!state || typeof state === 'string') {
+      return [];
+    }
+    if (typeof state === 'number') {
+      return Array.from(Array(state), (v, i) => i);
+    }
+    /* https://javascript.info/map-set */
+    if (state instanceof Map || state instanceof Set) {
+      return [...state.entries()];
+    }
+    if (!Array.isArray(state)) {
+      return Object.entries(state);
+    }
+    return state;
+  }
+
+  private isObservable(value) {
+    return (
+      value && this.isFunction(value.lift) && this.isFunction(value.subscribe)
+    );
+  }
+  private isFunction(value) {
+    return typeof value === 'function';
+  }
+}

package/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "sourceMap": true,
+    "module": "commonjs",
+    "declaration": true,
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "esModuleInterop": true,
+    "target": "es6",
+    "outDir": "dist",
+    "typeRoots": ["node_modules/@types", "./typings.d.ts"],
+    "lib": [
+      "es2015",
+      "es2016",
+      "es6",
+      "esnext.asynciterable",
+      "es2017",
+      "dom"
+    ]
+  },
+  "include": [
+    "./typings.d.ts",
+    "src/**/*"
+  ]
+}

package/tslint.json

@@ -0,0 +1,113 @@
+{
+  "rules": {
+    "arrow-return-shorthand": true,
+    "callable-types": true,
+    "class-name": true,
+    "comment-format": [
+      true,
+      "check-space"
+    ],
+    "curly": true,
+    "eofline": true,
+    "forin": true,
+    "import-blacklist": [
+      true,
+      "rxjs/Rx"
+    ],
+    "import-spacing": true,
+    "indent": [
+      true,
+      "spaces"
+    ],
+    "interface-over-type-literal": true,
+    "label-position": true,
+    "max-line-length": [
+      true,
+      140
+    ],
+    "member-access": false,
+    "member-ordering": [
+      true,
+      {
+        "order": [
+          "static-field",
+          "instance-field",
+          "static-method",
+          "instance-method"
+        ]
+      }
+    ],
+    "no-arg": true,
+    "no-bitwise": true,
+    "no-console": [
+      true,
+      "debug",
+      "info",
+      "time",
+      "timeEnd",
+      "trace"
+    ],
+    "no-construct": true,
+    "no-debugger": true,
+    "no-duplicate-super": true,
+    "no-empty": false,
+    "no-empty-interface": true,
+    "no-eval": true,
+    "no-inferrable-types": [
+      true,
+      "ignore-params"
+    ],
+    "no-misused-new": true,
+    "no-non-null-assertion": true,
+    "no-shadowed-variable": true,
+    "no-string-literal": false,
+    "no-string-throw": true,
+    "no-switch-case-fall-through": true,
+    "no-trailing-whitespace": true,
+    "no-unnecessary-initializer": true,
+    "no-unused-expression": true,
+    "no-var-keyword": true,
+    "object-literal-sort-keys": false,
+    "one-line": [
+      true,
+      "check-open-brace",
+      "check-catch",
+      "check-else",
+      "check-whitespace"
+    ],
+    "prefer-const": true,
+    "quotemark": [
+      true,
+      "single"
+    ],
+    "radix": true,
+    "semicolon": [
+      false,
+      "never"
+    ],
+    "triple-equals": [
+      true,
+      "allow-null-check"
+    ],
+    "typedef-whitespace": [
+      true,
+      {
+        "call-signature": "nospace",
+        "index-signature": "nospace",
+        "parameter": "nospace",
+        "property-declaration": "nospace",
+        "variable-declaration": "nospace"
+      }
+    ],
+    "unified-signatures": true,
+    "variable-name": false,
+    "whitespace": [
+      true,
+      "check-branch",
+      "check-decl",
+      "check-operator",
+      "check-separator",
+      "check-type"
+    ]
+  }
+}