fix($app): make proper distibution

major changes following Minko's brief guide

.gitignore

@@ -37,4 +37,6 @@ jspm_packages
 .node_repl_history
 
 .idea
-build
+typings
+dist
+.vscode

.npmignore

@@ -11,4 +11,5 @@ Thumbs.db
 !*.d.ts
 
 docs
-src
+src
+*.ngfactory.ts

.travis.yml

@@ -1,4 +1,5 @@
 language: node_js
+node_js: stable
 cache:
  directories:
  - node_modules

README.md

@@ -1,5 +1,4 @@
-# ngx-gist [![Build Status](https://travis-ci.org/jasonhodges/ngx-gist.svg?branch=master)](https://travis-ci.org/jasonhodges/ngx-gist) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
-[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http:https://commitizen.github.io/cz-cli/)
+# ngx-gist [![Build Status](https://travis-ci.org/jasonhodges/ngx-gist.svg?branch=master)](https://travis-ci.org/jasonhodges/ngx-gist) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http:https://commitizen.github.io/cz-cli/)
 
 Angular 4 Component for embedding a gist within an Angular site
 

lib/ngx-gist.component.d.ts → lib/ngx-gist.d.ts

@@ -2,6 +2,5 @@ import { ElementRef, AfterViewInit } from '@angular/core';
 export declare class ngxGist implements AfterViewInit {
  iframe: ElementRef;
  gistId: any;
- constructor();
  ngAfterViewInit(): void;
 }

lib/ngx-gist.module.d.ts

@@ -0,0 +1,4 @@
+import { ngxGist } from './ngx-gist';
+export { ngxGist };
+export declare class MainModule {
+}

lib/ngx-gist.module.ts

@@ -0,0 +1,11 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { NgxGist } from './ngx-gist';
+
+@NgModule({
+ imports: [CommonModule],
+ declarations: [NgxGist],
+ exports: [NgxGist]
+})
+export class NgxGistModule { }

src/ngx-gist.component.ts → lib/ngx-gist.ts

@@ -8,12 +8,10 @@ import {Component, Input, ViewChild, ElementRef, AfterViewInit} from '@angular/c
  styleUrls: []
 })
 
-export class ngxGist implements AfterViewInit {
+export class NgxGist implements AfterViewInit {
  @ViewChild('iframe') iframe:ElementRef;
  @Input() gistId;
 
- constructor() { }
-
  ngAfterViewInit() {
  this.iframe.nativeElement.id = 'gist-' + this.gistId;
  let doc = this.iframe.nativeElement.contentDocument || this.iframe.nativeElement.contentElement.contentWindow;

package.json

@@ -2,18 +2,19 @@
  "name": "ngx-gist",
  "version": "1.0.0",
  "description": "Angular 4 Component for embedding a gist within an Angular site",
- "main": "bundles/ngx-gist.umd.js",
- "module": "index.js",
+ "main": "ngx-gist.bundle.js",
+ "jsnext:main": "ngx-gist.module.js",
+ "module": "mgx-gist.module.js",
+ "types": "ngx-gist.module.d.ts",
  "scripts": {
  "semantic-release": "semantic-release pre && npm publish && semantic-release post",
  "prepublish": "tsc",
- "commit": "npm run prepublish && git-cz",
- "build": "rm -rf lib && tsc -p src"
+ "commit": "git-cz",
+ "build": "rimraf dist && tsc -p tsconfig-esm.json && rollup -c rollup.config.js dist/ngx-gist.module.js > dist/ngx-gist.bundle.js && cp package.json dist && ts-node tools/cleanup.ts && ngc && cp README.md dist"
  },
- "typings": "./index.d.ts",
  "repository": {
  "type": "git",
- "url": "https://github.com/jasonhodges/ngx-gist.git"
+ "url": "git+https://github.com/jasonhodges/ngx-gist.git"
  },
  "keywords": [
  "angular",
@@ -28,17 +29,30 @@
  "url": "https://github.com/jasonhodges/ngx-gist/issues"
  },
  "homepage": "https://github.com/jasonhodges/ngx-gist",
+ "peerDependencies": {
+ "@angular/core": ">=4.0.0"
+ },
  "devDependencies": {
+ "@angular/common": "^4.0.0",
+ "@angular/compiler": "^4.0.0",
+ "@angular/compiler-cli": "^4.0.0",
+ "@angular/core": "^4.0.0",
+ "@angular/platform-browser": "^4.0.0",
+ "@angular/platform-browser-dynamic": "^4.0.0",
+ "@angular/platform-server": "^4.0.0",
+ "@types/node": "^7.0.14",
+ "rimraf": "^2.6.1",
  "cz-conventional-changelog": "^2.0.0",
- "typescript": "^2.1.4",
- "webpack": "^1.14.0",
- "semantic-release": "^6.3.2"
- },
- "dependencies": {
- "@angular/common": "^4.0.3",
- "@angular/compiler": "^4.0.3",
- "@angular/core": "^4.0.3",
+ "rollup": "^0.41.6",
+ "rollup-plugin-commonjs": "^8.0.2",
+ "rollup-plugin-node-resolve": "^3.0.0",
+ "rollup-plugin-uglify": "^1.0.2",
  "rxjs": "^5.0.3",
+ "semantic-release": "^6.3.2",
+ "tslint": "^5.1.0",
+ "typescript": "^2.1.5",
+ "uglify-js": "^2.8.22",
+ "webpack": "^1.14.0",
  "zone.js": "^0.8.9"
  },
  "config": {

rollup.config.js

@@ -0,0 +1,16 @@
+export default {
+ format: 'umd',
+ moduleName: 'ngx-gist',
+ external: [
+ '@angular/core',
+ '@angular/common'
+ ],
+ onwarn: ( warning ) => {
+ const skip_codes = [
+ 'THIS_IS_UNDEFINED',
+ 'MISSING_GLOBAL_NAME'
+ ];
+if ( skip_codes.indexOf(warning.code) != -1 ) return;
+console.error(warning);
+}
+};

tools/cleanup.ts

@@ -0,0 +1,6 @@
+import { writeFileSync, readFileSync } from 'fs';
+
+const packageJson = JSON.parse(readFileSync('./dist/package.json').toString());
+delete packageJson.devDependencies;
+delete packageJson.scripts;
+writeFileSync('./dist/package.json', JSON.stringify(packageJson, null, 2));

src/tsconfig.json → tsconfig-esm.json

@@ -1,23 +1,17 @@
 {
  "compilerOptions": {
- "emitDecoratorMetadata": true,
- "experimentalDecorators": true,
  "target": "es5",
  "module": "es2015",
- "moduleResolution": "node",
- "removeComments": true,
  "sourceMap": true,
- "outDir": "../lib",
+ "moduleResolution": "node",
+ "emitDecoratorMetadata": true,
+ "experimentalDecorators": true,
+ "stripInternal": true,
  "declaration": true,
+ "outDir": "./dist",
  "lib": ["es2015", "dom"]
  },
  "files": [
- "../src/ngx-gist.component.ts"
- ],
- "exclude": [
- "node_modules"
- ],
- "angularCompilerOptions": {
- "skipTemplateCodegen": true
- }
+ "./lib/ngx-gist.module.ts"
+ ]
 }

tsconfig.json

@@ -0,0 +1,26 @@
+{
+ "compilerOptions": {
+ "target": "es5",
+ "module": "commonjs",
+ "sourceMap": true,
+ "emitDecoratorMetadata": true,
+ "experimentalDecorators": true,
+ "stripInternal": true,
+ "declaration": true,
+ "outDir": "./dist",
+ "lib": ["es2015", "dom"],
+ "typeRoots": [
+ "./node_modules/@types",
+ "./node_modules"
+ ],
+ "types": [
+ "node"
+ ]
+ },
+ "files": [
+ "./lib/ngx-gist.module.ts"
+ ],
+ "angularCompilerOptions": {
+ "skipTemplateCodegen": true
+ }
+}