perfume.js - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

angular/package.json

 {
-  "name": "perfume-angular",
-  "version": "1.1.0",
-  "description": "",
-  "main": "dist/perfume.js",
-  "scripts": {
-    "build": "tsc && tsc --module commonjs"
+  "name": "perfume",
+  "version": "1.1.1",
+  "peerDependencies": {
+    "perfume.js": "^1.1.0"
   },
-  "author": "Leonardo Zizzamia",
-  "license": "MIT",
+  "devDependencies": {
+    "@angular/common": "^6.0.0",
+    "@angular/core": "^6.0.0"
+  },
+  "main": "bundles/perfume.umd.js",
+  "module": "fesm5/perfume.js",
+  "es2015": "fesm2015/perfume.js",
+  "esm5": "esm5/perfume.js",
+  "esm2015": "esm2015/perfume.js",
+  "fesm5": "fesm5/perfume.js",
+  "fesm2015": "fesm2015/perfume.js",
+  "typings": "perfume.d.ts",
+  "metadata": "perfume.metadata.json",
+  "sideEffects": false,
   "dependencies": {
-    "@angular/core": "6.1.7",
-    "perfume.js": "^1.0.0",
-    "ts-node": "^6.0.2",
-    "typescript": "2.9.x",
-    "zone.js": "^0.8.26"
+    "tslib": "^1.9.0"
   }
 }

CHANGELOG.md

 # Changelog
 
+## 1.1.0 (2018-10-3)
 
+### Feat
+
+* **feat:** Initial Angular decorator implementation
+
 ## 1.0.0 (2018-9-22)
@@ -5,0 +10,0 @@

package.json

 {
   "name": "perfume.js",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "JavaScript library for measuring Short and Long Script, First Contentful Paint (FCP), Time to Interactive (TTI), Component First Paint (CFM), annotating them to the DevTools timeline and reporting the results to Google Analytics.",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -25,3 +25,2 @@ <a href="http://www.perfumejs.com/">
 * Time to Interactive ([TTI](https://medium.com/@zizzamia/time-to-interactive-with-rum-862ba874392c))
-* Component First Paint (CFP)
 
@@ -221,4 +220,35 @@ ![Performance Metrics load timeline](https://github.com/Zizzamia/perfume.js/blob/master/docs/src/assets/perf-metrics-load-timeline.png)
 
-## Angular
+## Frameworks
 
+### Angular
+Let's use Perfume with the Angular framework
+
+```js
+import { PerfumeModule, PerfumeAfterViewInit } from 'perfume.js/angular';
+import { AppComponent } from './app.component';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.less'],
+})
+@PerfumeAfterViewInit()
+export class AppComponent implements AfterViewInit {
+  constructor() {}
+  ngAfterViewInit() {}
+}
+
+@NgModule({
+  declarations: [AppComponent],
+  imports: [
+    PerfumeModule.forRoot({
+      firstContentfulPaint: true,
+      firstInputDelay: true,
+    }),
+  ],
+  bootstrap: [AppComponent],
+})
+export class AppModule {}
+```
+
 ## Develop
@@ -225,0 +255,0 @@

New alerts

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

351243

increased by8.12%

Lines of code

1663

increased by8.76%

Number of lines in readme file

278

increased by12.1%

Worsened metrics

Number of package files

34

decreased by-2.86%

Number of low license alerts

1

increased byInfinity%

No dependency changes