feat: refactor packages to match new ng-packager

Author: adrianiy

CHANGELOG.md

@@ -12,7 +12,7 @@ We follow the [Conventional Commits](https://conventionalcommits.org/) guideline
 
 ## Canary Releases
 
-This repo is setup to automatically release canary builds for every commit that is pushed to master. In order to access those builds, run `npm install @angular-redux/store@canary` (or whichever package you are looking to use)
+This repo is setup to automatically release canary builds for every commit that is pushed to master. In order to access those builds, run `npm install ngredux-store@canary` (or whichever package you are looking to use)
 
 ## Stable Releases
 

CONTRIBUTING.md

@@ -1,4 +1,4 @@
-Project forked from unmantained [@angular-redux/platform](https://github.com/angular-redux/platform) to add Ivy compilation support.
+Project forked from unmantained [ngredux-platform](https://github.com/angular-redux/platform) to add Ivy compilation support.
 
 # Angular Redux
 
@@ -8,9 +8,9 @@ Project forked from unmantained [@angular-redux/platform](https://github.com/ang
 
 ## Packages
 
-- [@angular-redux/store](packages/store) - Bindings between Redux and Angular
-- [@angular-redux/form](packages/form) - Bindings between Angular Forms and your Redux state
-- [@angular-redux/router](packages/router) - Bindings between Angular Router and your Redux state
+- [ngredux-store](packages/store) - Bindings between Redux and Angular
+- [ngredux-form](packages/form) - Bindings between Angular Forms and your Redux state
+- [ngredux-router](packages/router) - Bindings between Angular Router and your Redux state
 
 ## Examples
 

README.md

@@ -0,0 +1,104 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "ngredux-store": {
+      "projectType": "library",
+      "root": "packages/store",
+      "sourceRoot": "packages/store/src",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "tsConfig": "./tsconfig.lib.json",
+            "project": "packages/store/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "./tsconfig.lib.prod.json"
+            }
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "./tsconfig.lib.json",
+              "./tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
+    },
+    "ngredux-router": {
+      "projectType": "library",
+      "root": "packages/router",
+      "sourceRoot": "packages/router/src",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "tsConfig": "./tsconfig.lib.json",
+            "project": "packages/router/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "./tsconfig.lib.prod.json"
+            }
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "./tsconfig.lib.json",
+              "./tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
+    },
+    "ngredux-form": {
+      "projectType": "library",
+      "root": "packages/form",
+      "sourceRoot": "packages/form/src",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "tsConfig": "./tsconfig.lib.json",
+            "project": "packages/form/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "./tsconfig.lib.prod.json"
+            }
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "./tsconfig.lib.json",
+              "./tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
+    }
+  },
+  "defaultProject": "store"
+}

angular.json

@@ -4,9 +4,9 @@
 
 # Packages
 
-- [@angular-redux/store](store/) - Bindings between Redux and Angular
-- [@angular-redux/form](form/) - Bindings between Angular Forms and your Redux state
-- [@angular-redux/router](router/) - Bindings between Angular Router and your Redux state
+- [ngredux-store](store/) - Bindings between Redux and Angular
+- [ngredux-form](form/) - Bindings between Angular Forms and your Redux state
+- [ngredux-router](router/) - Bindings between Angular Router and your Redux state
 
 # Examples
 

docs/README.md

@@ -1,5 +1,5 @@
-[![npm version](https://img.shields.io/npm/v/@angular-redux/form.svg)](https://www.npmjs.com/package/@angular-redux/form)
-[![downloads per month](https://img.shields.io/npm/dm/@angular-redux/form.svg)](https://www.npmjs.com/package/@angular-redux/form)
+[![npm version](https://img.shields.io/npm/v/ngredux-form.svg)](https://www.npmjs.com/package/ngredux-form)
+[![downloads per month](https://img.shields.io/npm/dm/ngredux-form.svg)](https://www.npmjs.com/package/ngredux-form)
 
 This library is a thin layer of connective tissue between Angular 2+ forms and
 Redux. It provides unidirectional data binding between your Redux state and
@@ -51,12 +51,12 @@ the class that is responsible for connecting your forms to your Redux state.
 There are two ways of doing this: either using an `Redux.Store<T>` object or
 an `NgRedux<T>` object. There are no substantial differences between these
 approaches, but if you are already using
-[@angular-redux/store](https://github.com/angular-redux/platform/blob/master/packages/store) or you wish to integrate
+[ngredux-store](https://github.com/angular-redux/platform/blob/master/packages/store) or you wish to integrate
 it into your project, then you would do something like this:
 
 ```typescript
-import { NgReduxModule } from '@angular-redux/store';
-import { NgReduxFormModule } from '@angular-redux/form';
+import { NgReduxModule } from 'ngredux-store';
+import { NgReduxFormModule } from 'ngredux-form';
 
 @NgModule({
   imports: [
@@ -71,11 +71,11 @@ import { NgReduxFormModule } from '@angular-redux/form';
 export class ExampleModule {}
 ```
 
-Or if you are using Redux without `@angular-redux/store`, then your bootstrap call would look
+Or if you are using Redux without `ngredux-store`, then your bootstrap call would look
 more like this (substitute your own store creation code):
 
 ```typescript
-import { provideReduxForms } from '@angular-redux/form';
+import { provideReduxForms } from 'ngredux-form';
 
 const storeCreator = compose(applyMiddleware(logger))(createStore);
 const store = create(reducers, <MyApplicationState>{});
@@ -89,7 +89,7 @@ export class ExampleModule {}
 ```
 
 The essential bit of code in the above samples is the call to `provideReduxForms(...)`.
-This configures `@angular-redux/form` and provides access to your Redux store or NgRedux
+This configures `ngredux-form` and provides access to your Redux store or NgRedux
 instance. The shape of the object that `provideReduxForms` expects is very
 basic:
 
@@ -194,7 +194,7 @@ the `path` property on our first `<select>` element, it would look like this:
 ['form1', 'dependents', 0, 'type']
 ```
 
-From there, `@angular-redux/form` is able to take that path and extract the value for
+From there, `ngredux-form` is able to take that path and extract the value for
 that element from the Redux state.
 
 # Reactive Forms
@@ -222,14 +222,14 @@ the easy part and is unlikely to cause any problems for you. Slightly more diffi
 is _updating your Redux state_ when the form values change. There are two approaches
 that you can take in order to do this.
 
-The first, and by far the simplest, is to use the reducer that comes with `@angular-redux/form`
+The first, and by far the simplest, is to use the reducer that comes with `ngredux-form`
 and uses the value supplied in `connect` and the form input names in order to update
 your Redux state automatically. If you do not need to do any special processing on
 your data when the user updates form inputs, then you should use this default reducer.
 To use it, you need to combine it with your existing reducers like so:
 
 ```typescript
-import { composeReducers, defaultFormReducer } from '@angular-redux/form';
+import { composeReducers, defaultFormReducer } from 'ngredux-form';
 
 const reducer = composeReducers(
   defaultFormReducer(),
@@ -296,4 +296,4 @@ you have to use `composeReducers` distasteful, then this is another route availa
 to you.
 
 The unit tests in `*.test.ts` files also contain useful examples of how to build
-forms using `@angular-redux/form`.
+forms using `ngredux-form`.

docs/form/README.md

@@ -1,21 +1,21 @@
-[![npm version](https://img.shields.io/npm/v/@angular-redux/router.svg)](https://www.npmjs.com/package/@angular-redux/router)
-[![downloads per month](https://img.shields.io/npm/dm/@angular-redux/router.svg)](https://www.npmjs.com/package/@angular-redux/router)
+[![npm version](https://img.shields.io/npm/v/ngredux-router.svg)](https://www.npmjs.com/package/ngredux-router)
+[![downloads per month](https://img.shields.io/npm/dm/ngredux-router.svg)](https://www.npmjs.com/package/ngredux-router)
 
-Bindings to connect @angular/router to @angular-redux/core
+Bindings to connect @angular/router to ngredux-core
 
 # Setup
 
 1.  Use npm to install the bindings:
 
 ```
-npm install @angular-redux/router --save
+npm install ngredux-router --save
 ```
 
 2.  Use the `routerReducer` when providing `Store`:
 
 ```ts
 import { combineReducers } from 'redux';
-import { routerReducer } from '@angular-redux/router';
+import { routerReducer } from 'ngredux-router';
 
 export default combineReducers<IAppState>({
   // your reducers..
@@ -27,8 +27,8 @@ export default combineReducers<IAppState>({
 
 ```ts
 import { NgModule } from '@angular/core';
-import { NgReduxModule, NgRedux } from '@angular-redux/core';
-import { NgReduxRouterModule, NgReduxRouter } from '@angular-redux/router';
+import { NgReduxModule, NgRedux } from 'ngredux-core';
+import { NgReduxRouterModule, NgReduxRouter } from 'ngredux-router';
 import { RouterModule } from '@angular/router';
 import { routes } from './routes';
 
@@ -68,4 +68,4 @@ getting the URL from there.
 
 # Examples
 
-- [Example-app: An example of using @angular-redux/router along with the other companion packages.](https://github.com/angular-redux/platform/tree/master/packages/example-app)
+- [Example-app: An example of using ngredux-router along with the other companion packages.](https://github.com/angular-redux/platform/tree/master/packages/example-app)

docs/router/README.md

@@ -1,5 +1,5 @@
-[![npm version](https://img.shields.io/npm/v/@angular-redux/store.svg)](https://www.npmjs.com/package/@angular-redux/store)
-[![downloads per month](https://img.shields.io/npm/dm/@angular-redux/store.svg)](https://www.npmjs.com/package/@angular-redux/store)
+[![npm version](https://img.shields.io/npm/v/ngredux-store.svg)](https://www.npmjs.com/package/ngredux-store)
+[![downloads per month](https://img.shields.io/npm/dm/ngredux-store.svg)](https://www.npmjs.com/package/ngredux-store)
 
 # Getting Started
 
@@ -9,10 +9,10 @@
 
 ## Quickstart
 
-`@angular-redux/store` has a peer dependency on redux, so we need to install it.
+`ngredux-store` has a peer dependency on redux, so we need to install it.
 
 ```sh
-npm install --save redux @angular-redux/store
+npm install --save redux ngredux-store
 ```
 
 ```typescript
@@ -29,7 +29,7 @@ can configure your Redux store with reducers, initial state,
 and optionally middlewares and enhancers as you would in Redux directly.
 
 ```typescript
-import { NgReduxModule, NgRedux } from '@angular-redux/store';
+import { NgReduxModule, NgRedux } from 'ngredux-store';
 import { createLogger } from 'redux-logger';
 import { rootReducer } from './reducers';
 
@@ -59,7 +59,7 @@ import {
   compose,
   createStore,
 } from 'redux';
-import { NgReduxModule, NgRedux } from '@angular-redux/store';
+import { NgReduxModule, NgRedux } from 'ngredux-store';
 import { createLogger } from 'redux-logger';
 import { rootReducer } from './reducers';
 
@@ -85,7 +85,7 @@ class AppModule {
 
 > Note that we're also using a Redux middleware from the community here:
 > [redux-logger](https://www.npmjs.com/package/redux-logger). This is just to show
-> off that `@angular-redux/store` is indeed compatible with Redux middlewares as you
+> off that `ngredux-store` is indeed compatible with Redux middlewares as you
 > might expect.
 >
 > Note that to use it, you'll need to install it with `npm install --save redux-logger`
@@ -95,7 +95,7 @@ Now your Angular app has been reduxified! Use the `@select` decorator to
 access your store state, and `.dispatch()` to dispatch actions:
 
 ```typescript
-import { select } from '@angular-redux/store';
+import { select } from 'ngredux-store';
 
 @Component({
   template:
@@ -116,8 +116,8 @@ class App {
 
 # Companion Packages
 
-- [Reduxify your Routing with @angular-redux/router](https://github.com/angular-redux/platform/blob/master/packages/router)
-- [Reduxify your Forms with @angular-redux/form](https://github.com/angular-redux/platform/blob/master/packages/form)
+- [Reduxify your Routing with ngredux-router](https://github.com/angular-redux/platform/blob/master/packages/router)
+- [Reduxify your Forms with ngredux-form](https://github.com/angular-redux/platform/blob/master/packages/form)
 
 # Resources
 
@@ -127,7 +127,7 @@ class App {
 
 # In-Depth Usage
 
-`@angular-redux/store` uses an approach to redux based on RxJS Observables to `select` and transform
+`ngredux-store` uses an approach to redux based on RxJS Observables to `select` and transform
 data on its way out of the store and into your UI or side-effect handlers. Observables
 are an efficient analogue to `reselect` for the RxJS-heavy Angular world.
 
@@ -160,7 +160,7 @@ parameter at all.
 ```typescript
 import { Component } from '@angular/core';
 import { Observable } from 'rxjs/Observable';
-import { select } from '@angular-redux/store';
+import { select } from 'ngredux-store';
 
 @Component({
   selector: 'counter-value-printed-many-times',
@@ -208,7 +208,7 @@ import { Component } from '@angular/core';
 import { Observable } from 'rxjs/Observable';
 import { Counter } from '../components/Counter';
 import * as CounterActions from '../actions/CounterActions';
-import { NgRedux } from '@angular-redux/store';
+import { NgRedux } from 'ngredux-store';
 
 interface IAppState {
   counter: number;
@@ -268,5 +268,5 @@ class Foo {
 - [Using Angular's Dependency Injector with Middlewares](store/articles/cookbooks#using-angular-2-services-in-your-middleware)
 - [Managing Side-Effects with redux-observable Epics](store/articles/cookbooks#side-effect-management-using-epics)
 - [Using the Redux DevTools Chrome Extension](store/articles/cookbooks#using-devtools)
-- [@angular-redux/store and ImmutableJS](store/articles/cookbooks#using-immutablejs)
+- [ngredux-store and ImmutableJS](store/articles/cookbooks#using-immutablejs)
 - [Strongly Typed Reducers](store/articles/cookbooks#strongly-typed-reducers)