build(7.0.0): release 🚀

README.MD

@@ -103,13 +103,23 @@ In your component where you want to use the Device Service
 
 ```
 
-To ensure Universal has the correct User Agent for device detection, you'll need to provide it manually. If using ExpressJS for example:
+For SSR, you have to make sure that the User Agent is available for device detection. I.e. you'll need to provide it manually. If using ExpressJS for example:
+
+**express.tokens.ts**
+
+```typescript
+import { InjectionToken } from '@angular/core';
+import { Request, Response } from 'express';
+
+export const REQUEST = new InjectionToken<Request>('REQUEST');
+export const RESPONSE = new InjectionToken<Response>('RESPONSE');
+```
 
 **universal-device-detector.service.ts:**
 
 ```typescript
 import { Inject, Injectable, Optional, PLATFORM_ID } from '@angular/core';
-import { REQUEST } from '@nguniversal/express-engine/tokens';
+import { REQUEST } from 'path/to/express.tokens';
 import { Request } from 'express';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { isPlatformServer } from '@angular/common';

docs/index.html

@@ -160,10 +160,15 @@ <h2 id="installation">Installation</h2>
     }
     ...
   }
-</code></pre></div><p>To ensure Universal has the correct User Agent for device detection, you&#39;ll need to provide it manually. If using ExpressJS for example:</p>
-<p><strong>universal-device-detector.service.ts:</strong></p>
+</code></pre></div><p>For SSR, you have to make sure that the User Agent is available for device detection. I.e. you&#39;ll need to provide it manually. If using ExpressJS for example:</p>
+<p><strong>express.tokens.ts</strong></p>
+<div><pre class="line-numbers"><code class="language-typescript">import { InjectionToken } from &#39;&#64;angular/core&#39;;
+import { Request, Response } from &#39;express&#39;;
+
+export const REQUEST = new InjectionToken&lt;Request&gt;(&#39;REQUEST&#39;);
+export const RESPONSE = new InjectionToken&lt;Response&gt;(&#39;RESPONSE&#39;);</code></pre></div><p><strong>universal-device-detector.service.ts:</strong></p>
 <div><pre class="line-numbers"><code class="language-typescript">import { Inject, Injectable, Optional, PLATFORM_ID } from &#39;&#64;angular/core&#39;;
-import { REQUEST } from &#39;&#64;nguniversal/express-engine/tokens&#39;;
+import { REQUEST } from &#39;path/to/express.tokens&#39;;
 import { Request } from &#39;express&#39;;
 import { DeviceDetectorService } from &#39;ngx-device-detector&#39;;
 import { isPlatformServer } from &#39;&#64;angular/common&#39;;

projects/ngx-device-detector/README.md

@@ -103,13 +103,23 @@ In your component where you want to use the Device Service
 
 ```
 
-To ensure Universal has the correct User Agent for device detection, you'll need to provide it manually. If using ExpressJS for example:
+For SSR, you have to make sure that the User Agent is available for device detection. I.e. you'll need to provide it manually. If using ExpressJS for example:
+
+**express.tokens.ts**
+
+```typescript
+import { InjectionToken } from '@angular/core';
+import { Request, Response } from 'express';
+
+export const REQUEST = new InjectionToken<Request>('REQUEST');
+export const RESPONSE = new InjectionToken<Response>('RESPONSE');
+```
 
 **universal-device-detector.service.ts:**
 
 ```typescript
 import { Inject, Injectable, Optional, PLATFORM_ID } from '@angular/core';
-import { REQUEST } from '@nguniversal/express-engine/tokens';
+import { REQUEST } from 'path/to/express.tokens';
 import { Request } from 'express';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { isPlatformServer } from '@angular/common';