build: use ng-packagr

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

README.md

@@ -8,6 +8,8 @@
 npm install ngrx-immer
 ```
 
+> Do not forget to install immer
+
 ## Resources
 
 - [Immer docs](https://immerjs.github.io/immer/docs/introduction)

jest.config.js

@@ -1,3 +1,4 @@
 module.exports = {
 	preset: 'ts-jest',
+	rootDir: 'src',
 };

package.json

@@ -1,62 +1,26 @@
 {
 	"name": "ngrx-immer",
-	"version": "0.0.2",
-	"description": "Immer wrappers around NgRx methods createReducer, on, and ComponentStore",
-	"keywords": [
-		"NgRx",
-		"Redux",
-		"Angular",
-		"Immer"
-	],
-	"author": "Tim Deschryver",
-	"license": "MIT",
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/timdeschryver/ngrx-immer.git"
-	},
-	"bugs": {
-		"url": "https://github.com/timdeschryver/ngrx-immer/issues"
-	},
-	"homepage": "https://github.com/timdeschryver/ngrx-immer#readme",
-	"private": false,
-	"sideEffects": false,
-	"main": "cjs/shared.js",
-	"module": "esm/shared.js",
-	"types": "esm/shared.d.ts",
-	"publishConfig": {
-		"access": "public"
-	},
+	"version": "0.0.0",
 	"scripts": {
 		"test": "jest",
-		"prebuild": "rimraf dist && rimraf *.tgz",
-		"build": "npm run build:cjs && npm run build:esm",
-		"build:cjs": "tsc -p tsconfig-build-cjs.json",
-		"build:esm": "tsc -p tsconfig-build-esm.json",
-		"postbuild": "cpy **/package.json ../dist --cwd=./src --parents && cpy package.json dist && cpy README.md dist"
-	},
-	"peerDependencies": {
-		"immer": ">=7.0.0"
-	},
-	"peerDependenciesMeta": {
-		"@ngrx/component-store": {
-			"optional": true
-		},
-		"@ngrx/store": {
-			"optional": true
-		}
+		"build": "ng-packagr -p src/ng-package.json",
+		"postbuild": "cpy README.md dist"
 	},
 	"devDependencies": {
+		"@angular/compiler": "^11.0.5",
+		"@angular/compiler-cli": "^11.0.5",
 		"@angular/core": "^11.0.2",
 		"@ngrx/component-store": "^10.1.0",
 		"@ngrx/store": "^10.1.1",
 		"@types/jest": "^26.0.15",
 		"cpy-cli": "^3.1.1",
 		"immer": "^8.0.0",
 		"jest": "^26.6.3",
+		"ng-packagr": "^11.0.3",
 		"prettier": "^2.2.1",
 		"rimraf": "^3.0.2",
 		"rxjs": "^6.6.3",
 		"ts-jest": "^26.4.4",
-		"typescript": "^4.1.2"
+		"typescript": "^4.0.5"
 	}
 }

src/component-store/index.ts

@@ -2,7 +2,7 @@ import { Injectable } from '@angular/core';
 import { Observable, Subscription } from 'rxjs';
 import { ComponentStore } from '@ngrx/component-store';
 
-import { immerReducer } from '../shared';
+import { immerReducer } from 'ngrx-immer/shared';
 
 /**
  * Immer wrapper around `ImmerComponentStore` to mutate state

src/component-store/package.json

@@ -1,5 +1,7 @@
 {
-	"main": "../cjs/component-store/index.js",
-	"module": "../esm/component-store/index.js",
-	"types": "../esm/component-store/index.d.ts"
+	"ngPackage": {
+		"lib": {
+			"entryFile": "index.ts"
+		}
+	}
 }

src/component-store/tests/immer-component.store.test.ts → src/component-store/tests/immer-component-store.test.ts

@@ -1,5 +1,5 @@
 import { skip, take } from 'rxjs/operators';
-import { ImmerComponentStore } from '..';
+import { ImmerComponentStore } from 'ngrx-immer/component-store';
 
 const initialState: { shows: string[] } = {
 	shows: [],

src/index.ts

@@ -0,0 +1 @@
+export * from './shared';

src/ng-package.json

@@ -0,0 +1,7 @@
+{
+	"$schema": "../node_modules/ng-packagr/ng-package.schema.json",
+	"dest": "../dist",
+	"lib": {
+		"entryFile": "index.ts"
+	}
+}

src/package.json

@@ -0,0 +1,37 @@
+{
+	"name": "ngrx-immer",
+	"version": "0.0.4",
+	"description": "Immer wrappers around NgRx methods createReducer, on, and ComponentStore",
+	"keywords": [
+		"NgRx",
+		"Redux",
+		"Angular",
+		"Immer",
+		"Local State",
+		"Component State",
+		"State management"
+	],
+	"author": "Tim Deschryver",
+	"license": "MIT",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/timdeschryver/ngrx-immer.git"
+	},
+	"bugs": {
+		"url": "https://github.com/timdeschryver/ngrx-immer/issues"
+	},
+	"homepage": "https://github.com/timdeschryver/ngrx-immer#readme",
+	"private": false,
+	"sideEffects": false,
+	"peerDependencies": {
+		"immer": ">=7.0.0"
+	},
+	"peerDependenciesMeta": {
+		"@ngrx/component-store": {
+			"optional": true
+		},
+		"@ngrx/store": {
+			"optional": true
+		}
+	}
+}

src/shared/package.json

@@ -0,0 +1,7 @@
+{
+	"ngPackage": {
+		"lib": {
+			"entryFile": "index.ts"
+		}
+	}
+}

src/store/index.ts

@@ -9,7 +9,7 @@ import {
 } from '@ngrx/store';
 import { Draft } from 'immer';
 
-import { immerReducer } from '../shared';
+import { immerReducer } from 'ngrx-immer/shared';
 
 /**
  * An immer reducer that allows a void return

src/store/package.json

@@ -1,5 +1,7 @@
 {
-	"main": "../cjs/store/index.js",
-	"module": "../esm/store/index.js",
-	"types": "../esm/store/index.d.ts"
+	"ngPackage": {
+		"lib": {
+			"entryFile": "index.ts"
+		}
+	}
 }

src/store/tests/create-immer-reducer.test.ts

@@ -1,5 +1,5 @@
 import { createAction, on, props } from '@ngrx/store';
-import { createImmerReducer, immerOn } from '..';
+import { createImmerReducer, immerOn } from 'ngrx-immer/store';
 
 const addItem = createAction('add item', props<{ item: string }>());
 const deleteItem = createAction('delete item', props<{ index: number }>());
@@ -15,13 +15,13 @@ const reducer = createImmerReducer<{ items: string[]; otherItems: string[] }>(
 		state.items.push(item);
 		return state;
 	}),
-	// works with `immerOn`
-	immerOn(deleteItem, (state, { index }) => {
+	on(deleteItem, (state, { index }) => {
 		state.items.splice(index, 1);
+		return state;
 	}),
-	on(addOtherItem, (state, { item }) => {
+	// works with `immerOn`
+	immerOn(addOtherItem, (state, { item }) => {
 		state.otherItems.push(item);
-		return state;
 	}),
 );
 

src/store/tests/immer-on.test.ts

@@ -1,5 +1,5 @@
 import { createReducer, createAction, props } from '@ngrx/store';
-import { immerOn } from '..';
+import { immerOn } from 'ngrx-immer/store';
 
 const addItem = createAction('add item', props<{ item: string }>());
 const deleteItem = createAction('delete item', props<{ index: number }>());

tsconfig.json

@@ -2,15 +2,23 @@
   "compilerOptions": {
       "target": "es5",
       "module": "commonjs",
+      "baseUrl": ".",
+      "rootDir": ".",
       "strict": true ,
       "noImplicitThis": true, 
       "alwaysStrict": true,
       "noUnusedLocals": true ,
-      "noUnusedParameters": true,         
+      "noUnusedParameters": true,
       "noImplicitReturns": true,
       "esModuleInterop": true,
-      "experimentalDecorators": true,       
-      "emitDecoratorMetadata": true,       
+      "experimentalDecorators": true,
+      "emitDecoratorMetadata": true,
+      "paths": {
+        "ngrx-immer": ["./src"],
+        "ngrx-immer/shared": ["./src/shared"],
+        "ngrx-immer/component-store": ["./src/component-store"],
+        "ngrx-immer/store": ["./src/store"]
+      }
   },
   "exclude": ["node_modules"]
 }

tsconfig.spec.json

@@ -1,9 +1,9 @@
 /* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
-	"extends": "./tsconfig.base.json",
+	"extends": "./tsconfig.json",
 	"compilerOptions": {
 		"outDir": "./out-tsc/spec",
-		"types": ["@types/jest"],
+		"types": ["@types/jest"]
 	},
 	"include": ["**/tests/*.test.ts"]
 }