feat: TypeScript support

Author: mike-north

.eslintignore

@@ -18,4 +18,5 @@
 /.node_modules.ember-try/
 /bower.json.ember-try
 /package.json.ember-try
-/assets/**/*
+/assets/**/*
+/types

.eslintrc.js

@@ -1,5 +1,6 @@
 module.exports = {
   root: true,
+  parser: 'typescript-eslint-parser',
   parserOptions: {
     ecmaVersion: 2017,
     sourceType: 'module'

app/components/x-textarea.ts

@@ -0,0 +1,7 @@
+import Component from '@ember/component';
+
+export default class XTextarea extends Component.extend({
+  // anything which *must* be merged to prototype here
+}) {
+  // normal class body definition here
+}

app/config/environment.d.ts

@@ -0,0 +1,16 @@
+export default config;
+
+/**
+ * Type declarations for
+ *    import config from './config/environment'
+ *
+ * For now these need to be managed by the developer
+ * since different ember addons can materialize new entries.
+ */
+declare const config: {
+  environment: any;
+  modulePrefix: string;
+  podModulePrefix: string;
+  locationType: string;
+  rootURL: string;
+};

app/templates/components/x-textarea.hbs

@@ -0,0 +1 @@
+{{yield}}

package.json

@@ -13,7 +13,7 @@
   "scripts": {
     "build": "ember build",
     "lint:hbs": "ember-template-lint .",
-    "lint:js": "eslint .",
+    "lint:js": "eslint . --ext js,ts",
     "lint:md": "remark .",
     "start": "ember serve",
     "test": "ember test",
@@ -24,13 +24,22 @@
     "@commitlint/cli": "7.2.1",
     "@commitlint/config-conventional": "7.1.2",
     "@commitlint/travis-cli": "7.2.1",
+    "@ember-decorators/babel-transforms": "^3.1.0",
     "@ember/jquery": "0.5.2",
     "@ember/optional-features": "0.6.4",
     "@mike-north/js-lib-renovate-config": "1.2.0",
     "@mike-north/js-lib-semantic-release-config": "1.0.1",
     "@semantic-release/exec": "3.3.1",
     "@semantic-release/git": "7.0.6",
     "@semantic-release/github": "5.2.6",
+    "@types/ember": "^3.0.26",
+    "@types/ember-data": "^3.1.3",
+    "@types/ember-qunit": "^3.4.4",
+    "@types/ember-test-helpers": "^1.0.4",
+    "@types/ember-testing-helpers": "^0.0.3",
+    "@types/ember__test-helpers": "^0.7.6",
+    "@types/qunit": "^2.5.3",
+    "@types/rsvp": "^4.0.2",
     "broccoli-asset-rev": "2.7.0",
     "ember-ajax": "3.1.3",
     "ember-cli": "3.6.0",
@@ -43,6 +52,7 @@
     "ember-cli-inject-live-reload": "1.10.2",
     "ember-cli-sri": "2.1.1",
     "ember-cli-template-lint": "1.0.0-beta.2",
+    "ember-cli-typescript-blueprints": "^2.0.0-beta.1",
     "ember-cli-uglify": "2.1.0",
     "ember-data": "3.6.0",
     "ember-export-application-global": "2.0.0",
@@ -62,7 +72,9 @@
     "remark-lint-no-dead-urls": "0.4.1",
     "remark-preset-lint-markdown-style-guide": "2.1.2",
     "remark-preset-lint-recommended": "3.0.2",
-    "semantic-release": "15.13.1"
+    "semantic-release": "15.13.1",
+    "typescript": "^3.2.2",
+    "typescript-eslint-parser": "^21.0.2"
   },
   "engines": {
     "node": "6.* || 8.* || >= 10.*"
@@ -107,7 +119,9 @@
   },
   "dependencies": {
     "@code-to-json/core": "0.6.18",
-    "@code-to-json/formatter": "0.5.18"
+    "@code-to-json/formatter": "0.5.18",
+    "ember-cli-typescript": "^2.0.0-beta.3",
+    "ember-decorators": "^3.1.5"
   },
   "husky": {
     "hooks": {

tests/integration/components/x-textarea-test.ts

@@ -0,0 +1,26 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import hbs from 'htmlbars-inline-precompile';
+
+module('Integration | Component | x-textarea', function(hooks) {
+  setupRenderingTest(hooks);
+
+  test('it renders', async function(assert) {
+    // Set any properties with this.set('myProperty', 'value');
+    // Handle any actions with this.set('myAction', function(val) { ... });
+
+    await render(hbs`{{x-textarea}}`);
+
+    assert.equal(this.element.textContent.trim(), '');
+
+    // Template block usage:
+    await render(hbs`
+      {{#x-textarea}}
+        template block text
+      {{/x-textarea}}
+    `);
+
+    assert.equal(this.element.textContent.trim(), 'template block text');
+  });
+});

tsconfig.json

@@ -0,0 +1,40 @@
+{
+  "compilerOptions": {
+    "target": "es2017",
+    "allowJs": true,
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "alwaysStrict": true,
+    "strictNullChecks": true,
+    "strictPropertyInitialization": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noEmitOnError": false,
+    "noEmit": true,
+    "inlineSourceMap": true,
+    "inlineSources": true,
+    "baseUrl": ".",
+    "module": "es6",
+    "paths": {
+      "c2jweb/tests/*": [
+        "tests/*"
+      ],
+      "c2jweb/*": [
+        "app/*"
+      ],
+      "*": [
+        "types/*"
+      ]
+    },
+    "experimentalDecorators": true
+  },
+  "include": [
+    "app/**/*",
+    "tests/**/*",
+    "types/**/*"
+  ]
+}

types/c2jweb/index.d.ts

@@ -0,0 +1,10 @@
+
+import Ember from 'ember';
+
+declare global {
+  interface Array<T> extends Ember.ArrayPrototypeExtensions<T> {}
+  // interface Function extends Ember.FunctionPrototypeExtensions {}
+}
+
+export {};
+

types/ember-data/types/registries/model.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Catch-all for ember-data.
+ */
+export default interface ModelRegistry {
+  [key: string]: any;
+}