feat(*): Change project name: angular-google-maps

Angular 4 is coming this year and this project aims to support
all upcoming angular versions.

Because of this reason, we rename the project.

BREAKING CHANGES

** IMPORTANT **
The project and NPM package name changes:

Old name: angular2-google-maps
Old NPM pkg name: angular2-google-maps

New name: angular-google-maps
New NPM pkg name: @angular-google-maps/core

To have a consisten naming pattern, we also change the
component/directives names

| Old class name / old selector | New class name / new selector |
|-------------------------------------------------------------|---------------------------------------|
| SebmGoogleMap / sebm-google-map | AgmMap / agm-map |
| SebmGoogleMapCircle / sebm-google-map-circle | AgmCircle / agm-circle
|
| SebmGoogleMapInfoWindow / sebm-google-map-info-window | AgmInfoWindow
/ agm-info-window |
| SebmGoogleMapKmlLayer / sebm-google-map-kml-layer | AgmKmlLayer /
agm-kml-layer |
| SebmGoogleMapMarker / sebm-google-map-marker | AgmMarker / agm-marker
|
| SebmGoogleMapPolygon / sebm-map-polygon | AgmPolygon / agm-polygon |
| SebmGoogleMapPolyline / sebm-google-map-polyline | AgmPolyline /
agm-polyline |
| SebmGoogleMapPolylinePoint / sebm-google-map-polyline-point |
AgmPolylinePoint / agm-polyline-point |

The package structure also changes. The root directory now contains
**esm** code (ES5 code with ES2015 modules).

A CommonJS compatible format and TS are not part of the package any
more! This change aligns with structure @angular packages.

The styling of the maps is now more intuitive.

To style the map, please use the `agm-map` element (or a custom class or
ID) directly.

The `.sebm-google-map-container` css class is deprecated and will be
gone with the next version.

The `.sebm.google-map-container-inner` is now called
`.agm-map-container-inner`. `.sebm-google-map-container-inner` is
depcrecated and will be gone with the next version.

Author: sebholstein

.github/ISSUE_TEMPLATE.md

@@ -13,7 +13,7 @@ _What steps should we try in your demo to see the problem?_
 **Expected/desired behavior**
 
 
-**angular2 & angular2-google-maps version**
+**angular2 & angular-google-maps version**
 
 
 **Other information**

CONTRIBUTING.md

@@ -1,9 +1,9 @@
-# Contributing to angular2-google-maps
+# Contributing to angular-google-maps
 
 ### <a name="submit-pr"></a> Submitting a Pull Request (PR)
 Before you submit your Pull Request (PR) consider the following guidelines:
 
-* Search [GitHub](https://github.com/SebastianM/angular2-google-maps/pulls) for an open or closed PR
+* Search [GitHub](https://github.com/SebastianM/angular-google-maps/pulls) for an open or closed PR
   that relates to your submission. You don't want to duplicate effort.
 * Make your changes in a new git branch:
 
@@ -13,7 +13,7 @@ Before you submit your Pull Request (PR) consider the following guidelines:
 
 * Create your patch, **including appropriate test cases**.
 * Follow the [Coding Rules](#rules).
-* Run the full angular2-google-maps test suite with `npm run build` & `npm run test` and ensure that all tests pass.
+* Run the full angular-google-maps test suite with `npm run build` & `npm run test` and ensure that all tests pass.
 * Commit your changes using a descriptive commit message that follows our
   [commit message conventions](#commit). Adherence to these conventions
   is necessary because release notes are automatically generated from these messages.
@@ -29,10 +29,10 @@ Before you submit your Pull Request (PR) consider the following guidelines:
     git push origin my-fix-branch
     ```
 
-* In GitHub, send a pull request to `angular2-google-maps:master`.
+* In GitHub, send a pull request to `angular-google-maps:master`.
 * If we suggest changes then:
   * Make the required updates.
-  * Re-run the angular2-google-maps test suite to ensure tests are still passing.
+  * Re-run the angular-google-maps test suite to ensure tests are still passing.
   * Rebase your branch and force push to your GitHub repository (this will update your Pull Request):
 
     ```shell

NAMING.md

@@ -1,4 +1,4 @@
-Naming Conventions in angular2-google-maps
+Naming Conventions in angular-google-maps
 ---
 
 Based on the [Angular2](https://github.com/angular/angular/blob/master/NAMING.md) conventions:

README.md

@@ -2,19 +2,18 @@
 
 # angular2-google-maps
 
-Angular2 components for Google Maps.
-This project is currently in alpha state. Please do not use this in production.
+Angular 2+ components for Google Maps.
 
-[Website](https://angular-maps.com/) | [Demo](http://plnkr.co/edit/YX7W20?p=preview) | [Forum](https://groups.google.com/forum/#!forum/angular2-google-maps) | [Chat](https://gitter.im/SebastianM/angular2-google-maps) | [API Documentation](https://angular-maps.com/docs/api/latest/ts/) | [Twitter](https://twitter.com/Sebamueller)
+[Website](https://angular-maps.com/) | [Demo](http://plnkr.co/edit/YX7W20?p=preview) | [Chat](https://gitter.im/SebastianM/angular2-google-maps) | [API Documentation](https://angular-maps.com/docs/api/latest/ts/) | [Twitter](https://twitter.com/Sebamueller)
 
 -----
 
 [![Build Status](https://travis-ci.org/SebastianM/angular2-google-maps.svg?branch=master)](https://travis-ci.org/SebastianM/angular2-google-maps) [![Join the chat at https://gitter.im/SebastianM/angular2-google-maps](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/SebastianM/angular2-google-maps?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) [![npm version](https://badge.fury.io/js/angular2-google-maps.svg)](http://badge.fury.io/js/angular2-google-maps)
 [![Downloads](http://img.shields.io/npm/dm/angular2-google-maps.svg)](https://npmjs.org/package/angular2-google-maps)
 
-## Playing with angular2-google-maps
+## Playing with angular2-google-maps 
 
-If you just want to play with `angular2-google-maps` and don't want to set up a full project, you can use the following Plunker. It has all the dependencies to play with Angular2, Typescript and of course `angular2-google-maps`:
+If you just want to play with `angular2-google-maps` and don't want to set up a full project, you can use the following Plunker. It has all the dependencies to play with Angular, Typescript and of course `angular2-google-maps`:
 
 [» Play with angular2-google-maps on Plunker](http://plnkr.co/edit/YX7W20?p=preview)
 

assets/release/README.md

@@ -1,7 +1,7 @@
-angular2-google-maps
+angular-google-maps - Angular 2+ Google Maps components
 =========
 
-The sources for this package are in the [angular2-google-maps](https://github.com/SebastianM/angular2-google-maps) repository. Please file issues and pull requests against that repo.
+The sources for this package are in the [angular-google-maps](https://github.com/SebastianM/angular-google-maps) repository. Please file issues and pull requests against that repo.
 
 This package contains different sources for different users:
 

docs/_data.json

@@ -1,11 +1,11 @@
 {
   "getting-started": {
-    "title": "Getting started with angular2-google-maps",
+    "title": "Getting started with angular-google-maps (AGM)",
     "header_title": "Getting started",
-    "subtitle": "Let's start from zero and build an Angular 2 app with angular2-google-maps"
+    "subtitle": "Let's start from zero and build an Angular 2+ app with angular-google-maps (AGM)"
   },
   "CHANGELOG": {
     "title": "Changelog",
-    "subtitle": "angular2-google-maps Version Changelog"
+    "subtitle": "angular-google-maps Version Changelog"
   }
 }

docs/_partials/homepage/quickstart-example.ejs

@@ -1,17 +1,17 @@
 import { BrowserModule } from '@angular/platform-browser';
-import { NgModule, ApplicationRef } from '@angular/core';
+import { NgModule. Com } from '@angular/core';
 
-import { AgmCoreModule } from 'angular2-google-maps/core';
+import { AgmCoreModule } from '@angular-google-maps/core';
 
 @Component({
   selector: 'app-root',
 	styles: [`
-		.sebm-google-map-container {
+		agm-map {
 			height: 300px;
 		}
 	`],
   template: `
-		<sebm-google-map [latitude]="lat" [longitude]="lng"></sebm-google-map>
+		<agm-map [latitude]="lat" [longitude]="lng"></agm-map>
 	`
 })
 export class AppComponent {

docs/getting-started.jade

@@ -1,29 +1,29 @@
 include ../_includes/utils
 
-+section_title('Playing with angular2-google-maps', 'playing')
++section_title('Playing with angular-google-maps (AGM)', 'playing')
 :marked
-  If you just want to play with `angular2-google-maps` and don't want to set up a full project with NPM, you can use the following Plunker. It has all the dependencies to play with Angular2, Typescript and of course `angular2-google-maps`:
+  If you just want to play with AGM and don't want to set up a full project with NPM, you can use the following Plunker. It has all the dependencies to play with Angular 2, Typescript and of course `angular-google-maps`:
 
-a.button.button-icon.blue-light(href='http://plnkr.co/edit/YX7W20?p=preview') » Play with angular2-google-maps on Plunker
+a.button.button-icon.blue-light(href='http://plnkr.co/edit/YX7W20?p=preview') » Play with angular-google-maps on Plunker
 
 +section_title('Setting up a basic project structure', 'project-structure')
 
 .note.blue
   h4.note-title Note
   p.note-description
     :marked
-        **If you're familiar with setting up Angular 2 projects with Angular CLI & TypeScript, you can skip this part and move on to this part:**
+        **If you're familiar with setting up Angular projects with Angular CLI & TypeScript, you can skip this part and move on to this part:**
 
-        **[Setting up angular2-google-maps](#angular2-google-maps-setup)**
+        **[Setting up angular-google-maps (AGM)](#angular-google-maps-setup)**
 
 :marked
   ### Installing TypeScript
-  `angular2-google-maps` works best with [TypeScript](http://www.typescriptlang.org/) version 2+.
+  `AGM` works best with [TypeScript](http://www.typescriptlang.org/) version 2+.
   If you have an older version of TypeScript or haven't installed TypeScript yet, please run the following command:
 
 .code-highlight
   pre
-    code.language-markup npm install -g typescript@2
+    code.language-markup npm install -g typescript@2.1
 
 :marked
   ### Create an Angular CLI project
@@ -37,7 +37,7 @@ a.button.button-icon.blue-light(href='http://plnkr.co/edit/YX7W20?p=preview') &r
     ```
 
 :marked
-  Run the following commands to create a new Angular 2 project with Angular CLI:
+  Run the following commands to create a new Angular project with Angular CLI:
 
 .code-highlight
   :marked
@@ -46,17 +46,17 @@ a.button.button-icon.blue-light(href='http://plnkr.co/edit/YX7W20?p=preview') &r
     cd my-maps-project
     ```  
 
-+section_title('Setting up angular2-google-maps', 'angular2-google-maps-setup')
++section_title('Setting up angular-google-maps', 'angular-google-maps-setup')
 
 :marked
-  ### Install angular2-google-maps
+  ### Install angular-google-maps
 
-  `angular2-google-maps` gets shipped via the Node Package Manager (NPM). Run the following command to add it to your new project:
+  `angular-google-maps (short name: AGM)` gets shipped via the Node Package Manager (NPM). Run the following command to add it to your new project:
 
 .code-highlight
   :marked
     ```markup
-    npm install angular2-google-maps --save
+    npm install @angular-google-maps/core --save
     ```
 
 :marked
@@ -73,7 +73,7 @@ a.button.button-icon.blue-light(href='http://plnkr.co/edit/YX7W20?p=preview') &r
     import { FormsModule } from '@angular/forms';
     import { AppComponent } from './app.component';
 
-    import { AgmCoreModule } from 'angular2-google-maps/core';
+    import { AgmCoreModule } from '@angular-google-maps/core';
 
     @NgModule({
       imports: [
@@ -107,7 +107,7 @@ a.button.button-icon.blue-light(href='http://plnkr.co/edit/YX7W20?p=preview') &r
       styleUrls: ['app.component.css'],
     })
     export class AppComponent {
-      title: string = 'My first angular2-google-maps project';
+      title: string = 'My first AGM project';
       lat: number = 51.678418;
       lng: number = 7.809007;
     }
@@ -125,9 +125,9 @@ a.button.button-icon.blue-light(href='http://plnkr.co/edit/YX7W20?p=preview') &r
     <!-- this creates a google map on the page with the given lat/lng from -->
     <!-- the component as the initial center of the map: -->
 
-    <sebm-google-map [latitude]="lat" [longitude]="lng">
-      <sebm-google-map-marker [latitude]="lat" [longitude]="lng"></sebm-google-map-marker>
-    </sebm-google-map>
+    <agm-map [latitude]="lat" [longitude]="lng">
+      <agm-map-marker [latitude]="lat" [longitude]="lng"></agm-map-marker>
+    </agm-map>
 
     ```
 
@@ -138,7 +138,7 @@ a.button.button-icon.blue-light(href='http://plnkr.co/edit/YX7W20?p=preview') &r
 .code-highlight
   :marked
     ```css
-    .sebm-google-map-container {
+    agm-map {
       height: 300px;
     }
     ```
@@ -147,7 +147,7 @@ a.button.button-icon.blue-light(href='http://plnkr.co/edit/YX7W20?p=preview') &r
   h4.note-title CSS styling is required!
   p.note-description
     :marked
-        It is really important that you define a height for the css class `.sebm-google-map-container`. Otherwise, you won't see a map on the page!
+        It is really important that you define a height component `agm-map`. Otherwise, you won't see a map on the page!
 
 +section_title('Build and run your application', 'build-and-run')
 
@@ -168,10 +168,10 @@ a.button.button-icon.blue-light(href='http://plnkr.co/edit/YX7W20?p=preview') &r
   * Starts the TypeScript compiler and compiles all sources files (watches also for file changes in the source files and recompiles all files if something has changed)
   * Starts a local web server to serve the Angular 2 application. It refreshes the page when served files change.
 
-  **When everything works as expected, you should see your first Google Map created with angular2-google-maps 🎉🎉🎉!**
+  **When everything works as expected, you should see your first Google Map created with AGM 🎉🎉🎉!**
 
 +section_title('Questions?', 'questions')
 :marked
-  When you have problems setting up **angular2-google-maps** or questions in general, the best way is to join the chat where you find nice people from the community that can answer you questions:
+  When you have problems setting up **angular-google-maps** or questions in general, the best way is to join the chat where you find nice people from the community that can answer you questions:
 
-a.button.button-icon.blue-light(href='https://gitter.im/SebastianM/angular2-google-maps') &raquo; Chat on Gitter
+a.button.button-icon.blue-light(href='https://gitter.im/SebastianM/angular-google-maps') &raquo; Chat on Gitter

docs/index.md

@@ -1,4 +1,4 @@
 ---
-title: Angular2 Google Maps
-description: Angular2 Directives for Google Maps
+title: Angular 2+ Google Maps
+description: Angular 2+ Google Maps components
 ---

package.json

@@ -1,41 +1,41 @@
 {
-  "name": "angular2-google-maps",
+  "name": "angular-google-maps-src",
   "version": "0.17.0",
-  "description": "Angular 2 components for Google Maps",
+  "description": "Angular 2+ components for Google Maps",
   "repository": {
     "type": "git",
-    "url": "https://github.com/SebastianM/angular2-google-maps.git"
+    "url": "https://github.com/SebastianM/angular-google-maps.git"
   },
   "keywords": [
+    "angular",
     "angular2",
+    "ng",
     "google-maps",
     "ng2",
-    "angular",
-    "maps"
+    "maps",
+    "google",
+    "gmaps"
   ],
   "scripts": {
     "clean": "rimraf dist && rimraf .tmp && mkdir dist && mkdir .tmp && rimraf 'src/**/*.ngfactory.ts'",
     "prebuild": "npm run clean",
     "build": "npm run lint && npm run scripts && npm run packagejson && npm run copyassets",
     "lint": "tslint -c tslint.json 'src/**/*.ts'",
     "packagejson": "node ./scripts/create-package-json.js",
-    "copyassets": "cp -R assets/release/* dist/ && cp LICENSE dist/",
-    "scripts": "npm run ngc:es5 && npm run ngc:es2015 && npm run ts:copy && npm run bundle:umd",
+    "copyassets": "cp -R assets/release/* dist/core && cp LICENSE dist/core",
+    "scripts": "npm run ngc:esm && npm run bundle:umd",
     "bundle:umd": "rollup -c rollup.config.js",
-    "ngc:es5": "ngc -p tsconfig.json",
-    "postngc:es5": "cp -R .tmp/es5/src/* dist/ && rimraf src/**/*.ngfactory.ts",
-    "ngc:es2015": "ngc -p tsconfig.es2015.json",
-    "ts:copy": "mkdir -p dist/ts && cp -R src/* dist/ts",
+    "ngc:esm": "ngc -p tsconfig.json",
     "clang:format": "clang-format --glob=src/**/*.ts -i",
-    "postngc:es2015": "cp -R .tmp/esm/src dist/esm/  && rimraf src/**/*.ngfactory.ts",
+    "postngc:esm": "mkdir -p dist/ && cp -R .tmp/esm/src/* dist/ && rimraf src/**/*.ngfactory.ts",
     "test": "karma start",
     "test:watch": "karma start --no-single-run --auto-watch",
     "ci": "npm run build && npm run test"
   },
   "author": "Sebastian Müller <[email protected]>",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/SebastianM/angular2-google-maps/issues"
+    "url": "https://github.com/SebastianM/angular-google-maps/issues"
   },
   "homepage": "https://angular-maps.com",
   "dependencies": {
@@ -55,7 +55,7 @@
     "angular2-template-loader": "^0.6.0",
     "awesome-typescript-loader": "^2.2.4",
     "clang-format": "1.0.46",
-    "codelyzer": "^2.0.0-beta.3",
+    "codelyzer": "^2.0.0-beta.4",
     "conventional-changelog": "^1.1.0",
     "copy-webpack-plugin": "^4.0.1",
     "copyfiles": "^1.0.0",
@@ -77,7 +77,7 @@
     "rollup": "0.39.2",
     "rxjs": "5.0.0-rc.4",
     "ts-helpers": "^1.1.2",
-    "tslint": "~4.0.0",
+    "tslint": "^4.0.0",
     "typescript": "~2.0.1",
     "webpack": "2.1.0-beta.25",
     "zone.js": "^0.7.2"

rollup.config.js

@@ -1,5 +1,5 @@
 export default {
-  entry: 'dist/esm/core/index.js',
+  entry: 'dist/core/index.js',
   dest: 'dist/core/core.umd.js',
   format: 'umd',
   moduleName: 'ngmaps.core',
@@ -15,5 +15,7 @@ export default {
     'rxjs/operator/toPromise': 'Rx.Observable.prototype',
     'rxjs/Observable': 'Rx',
     'rxjs/Rx': 'Rx'
-  }
+  },
+  context: 'window',
+  external: ['rxjs', '@angular/core', 'rxjs/Observable']
 }

scripts/create-package-json.js

@@ -4,17 +4,24 @@
 const fs = require('fs');
 const path = require('path');
 
-const basePkgJson = JSON.parse(fs.readFileSync('./package.json', 'utf8'));
+const pkgNames = ['core'];
 
-// remove scripts
-delete basePkgJson.scripts;
+pkgNames.forEach(function(pkgName) {
+  const basePkgJson = JSON.parse(fs.readFileSync('./package.json', 'utf8'));
 
-// remove devDependencies (as there are important for the sourcecode only)
-delete basePkgJson.devDependencies;
+  // define the package name
+  basePkgJson.name = `@angular-google-maps/${pkgName}`
 
-// transform dependencies to peerDependencies for the release
-basePkgJson.peerDependencies = Object.assign({}, basePkgJson.dependencies);
-basePkgJson.dependencies = {};
+  // remove scripts
+  delete basePkgJson.scripts;
 
-const filepath = path.join(__dirname, '../dist/package.json');
-fs.writeFileSync(filepath, JSON.stringify(basePkgJson, null, 2), 'utf-8');
+  // remove devDependencies (as there are important for the sourcecode only)
+  delete basePkgJson.devDependencies;
+
+  // transform dependencies to peerDependencies for the release
+  basePkgJson.peerDependencies = Object.assign({}, basePkgJson.dependencies);
+  basePkgJson.dependencies = {};
+
+  const filepath = path.join(__dirname, `../dist/${pkgName}/package.json`);
+  fs.writeFileSync(filepath, JSON.stringify(basePkgJson, null, 2), 'utf-8');
+});