Merge branch 'master' into add-ssr

# Conflicts:
#	package-lock.json
#	package.json

Author: pavankjadda

README.md

@@ -28,7 +28,6 @@ yarn add ngx-cookie-service
 ```
 
 ## Usage
-
 Add the cookie service to your `app.module.ts` as a provider:
 
 ```typescript
@@ -58,37 +57,86 @@ cookieService: CookieService
 ```
 
 That's it!
-
-## Server Side Rendering (Coming Soon)
-
-`ngx-cookie-service` supports Server Side Rendering (SSR) through Angular Universal. By default, browser cookies are not
+### Angular 14+
+1. Angular 14 introduced support for standalone components. 
+If you are using just standalone components, you can import the service directly into the component
+    ```typescript
+    import {CookieService} from 'ngx-cookie-service';
+    import {Component} from '@angular/core';
+    
+    @Component({
+      selector: 'my-component',
+      template: `<h1>Hello World</h1>`,
+      providers: [CookieService]
+    })
+    
+    export class HelloComponent {
+      constructor(private cookieService: CookieService) {
+        this.cookieService.set('Test', 'Hello World');
+        this.cookieValue = this.cookieService.get('Test');
+      }
+    }
+    ```
+2. You can also use `inject()` method in v14+ to inject the service into the component
+    ```typescript
+    import {CookieService} from 'ngx-cookie-service';
+    import {Component,inject} from '@angular/core';
+    
+    @Component({
+      selector: 'my-component',
+      template: `<h1>Hello World</h1>`,
+      providers: [CookieService]
+    })
+    
+    export class HelloComponent {
+        cookieService=inject(CookieService);
+   
+        constructor() {
+        this.cookieService.set('Test', 'Hello World');
+        this.cookieValue = this.cookieService.get('Test');
+      }
+    }
+    ```
+## Server Side Rendering (Beta)
+Ngx Cookie Service supports Server Side Rendering (SSR) via dedicated library [ngx-cookie-service-ssr](https://www.npmjs.com/package/ngx-cookie-service-ssr).
+
+> Note: SSR support is in beta via dedicated library [ngx-cookie-service-ssr](https://www.npmjs.com/package/ngx-cookie-service-ssr). Please test and let us know if you find any issues.
+
+1. Install the library using below command
+    ```shell
+        npm install ngx-cookie-service-ssr --save
+        
+        # or
+        
+        yarn add ngx-cookie-service-ssr
+    ```
+2. By default, browser cookies are not
 available in SSR because `document` object is not available. To overcome this, navigate to `server.ts` file in your SSR
 project, and replace the following code
-
-```typescript
-server.get('*', (req, res) => {
-  res.render(indexHtml, { req, providers: [{ provide: APP_BASE_HREF, useValue: req.baseUrl }] });
-});
-```
-
+    
+    ```typescript
+    server.get('*', (req, res) => {
+      res.render(indexHtml, { req, providers: [{ provide: APP_BASE_HREF, useValue: req.baseUrl }] });
+    });
+    ```
 with this
 
 ```typescript
 server.get('*', (req, res) => {
-  res.render(indexHtml, {
-    req,
-    providers: [
-      { provide: APP_BASE_HREF, useValue: req.baseUrl },
-      { provide: 'REQUEST', useValue: req },
-      { provide: 'RESPONSE', useValue: res },
-    ],
-  });
-});
+      res.render(indexHtml, {
+        req,
+        providers: [
+          { provide: APP_BASE_HREF, useValue: req.baseUrl },
+          { provide: 'REQUEST', useValue: req },
+          { provide: 'RESPONSE', useValue: res },
+        ],
+      });
+    });
 ```
 
-This will make sure the cookies are available in `REQUEST` object, and the `ngx-cookie-service` can use `REQUEST.cookies` to access the
-cookies in SSR. Then proceed to use `ngx-cookie-service` as usual. See
-the [sample repo](https://github.com/pavankjadda/angular-ssr-docker) for more details.
+3. This will make sure the cookies are available in `REQUEST` object, and the `ngx-cookie-service-ssr` can use `REQUEST.cookies` to access the
+cookies in SSR. Then proceed to use `ngx-cookie-service` as usual. 
+4. See the [sample repo](https://github.com/pavankjadda/angular-ssr-docker) for more details.
 
 ## Demo
 

angular.json

@@ -39,7 +39,10 @@
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {
-            "lintFilePatterns": ["projects/ngx-cookie-service/**/*.ts", "projects/ngx-cookie-service/**/*.html"]
+            "lintFilePatterns": [
+              "projects/ngx-cookie-service/**/*.ts",
+              "projects/ngx-cookie-service/**/*.html"
+            ]
           }
         }
       }

package.json

@@ -19,49 +19,49 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^14.0.0",
-    "@angular/common": "^14.0.0",
-    "@angular/compiler": "^14.0.0",
-    "@angular/core": "^14.0.0",
-    "@angular/forms": "^14.0.0",
-    "@angular/platform-browser": "^14.0.0",
-    "@angular/platform-browser-dynamic": "^14.0.0",
-    "@angular/router": "^14.0.0",
+    "@angular/animations": "^14.0.3",
+    "@angular/common": "^14.0.3",
+    "@angular/compiler": "^14.0.3",
+    "@angular/core": "^14.0.3",
+    "@angular/forms": "^14.0.3",
+    "@angular/platform-browser": "^14.0.3",
+    "@angular/platform-browser-dynamic": "^14.0.3",
+    "@angular/router": "^14.0.3",
     "@nguniversal/express-engine": "^14.0.0",
     "rxjs": "^7.5.5",
     "tslib": "^2.4.0",
     "zone.js": "^0.11.5"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^14.0.0",
-    "@angular-eslint/builder": "13.2.1",
-    "@angular-eslint/eslint-plugin": "13.2.1",
-    "@angular-eslint/eslint-plugin-template": "13.2.1",
-    "@angular-eslint/schematics": "13.2.1",
-    "@angular-eslint/template-parser": "13.2.1",
-    "@angular/cli": "^14.0.0",
-    "@angular/compiler-cli": "^14.0.0",
-    "@angular/language-service": "^14.0.0",
-    "prettier": "^2.6.2",
+    "@angular-devkit/build-angular": "^14.0.3",
+    "@angular-eslint/builder": "14.0.0",
+    "@angular-eslint/eslint-plugin": "14.0.0",
+    "@angular-eslint/eslint-plugin-template": "14.0.0",
+    "@angular-eslint/schematics": "14.0.0",
+    "@angular-eslint/template-parser": "14.0.0",
+    "@angular/cli": "^14.0.3",
+    "@angular/compiler-cli": "^14.0.3",
+    "@angular/language-service": "^14.0.3",
+    "prettier": "^2.7.1",
     "@types/express": "^4.17.13",
     "@types/jasmine": "^4.0.3",
     "@types/jasminewd2": "^2.0.10",
-    "@types/node": "^17.0.33",
-    "@typescript-eslint/eslint-plugin": "5.23.0",
-    "@typescript-eslint/parser": "5.23.0",
-    "eslint": "^8.15.0",
+    "@types/node": "^18.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.29.0",
+    "@typescript-eslint/parser": "^5.29.0",
+    "eslint": "^8.18.0",
     "eslint-plugin-import": "2.26.0",
     "eslint-plugin-jsdoc": "39.2.9",
     "eslint-plugin-prefer-arrow": "1.2.3",
-    "jasmine-core": "^4.1.1",
+    "jasmine-core": "^4.2.0",
     "jasmine-spec-reporter": "^7.0.0",
-    "karma": "^6.3.20",
+    "karma": "^6.4.0",
     "karma-chrome-launcher": "^3.1.1",
     "karma-coverage": "^2.2.0",
-    "karma-jasmine": "^5.0.1",
-    "karma-jasmine-html-reporter": "^1.7.0",
-    "ng-packagr": "^14.0.0",
-    "ts-node": "^10.7.0",
-    "typescript": "^4.7.3"
+    "karma-jasmine": "^5.1.0",
+    "karma-jasmine-html-reporter": "^2.0.0",
+    "ng-packagr": "^14.0.2",
+    "ts-node": "^10.8.1",
+    "typescript": "^4.7.4"
   }
 }