ngx-print 1.2.1 → 1.3.0

package/.editorconfig

@@ -0,0 +1,13 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,31 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior.
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Ngx-Print Version**
+Include the current affected version.
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.

package/.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

package/.nvmrc

@@ -0,0 +1 @@
+10.14.2

package/.travis.yml

@@ -0,0 +1,40 @@
+language: node_js
+sudo: false
+dist: trusty
+node_js:
+  - '10.14.2'
+
+addons:
+  packages:
+    - unzip
+    - google-chrome-stable
+
+cache:
+  yarn: true
+  directories:
+    - node_modules
+
+before_install:
+  - sudo apt-get clean
+  - sudo apt-get update
+  - sudo apt-get install dpkg
+  - wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
+  - sudo dpkg -i google-chrome*.deb
+  - export CHROME_BIN=/usr/bin/google-chrome
+  - export DISPLAY=:99.0
+  - sh -e /etc/init.d/xvfb start
+
+before_script:
+  - yarn install
+
+after_failure:
+  - cat /home/travis/build/selemxmn/ngx-print/yarn-error.log
+
+after_success:
+  - cat ./dist/coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js
+
+notifications:
+  email: false
+
+script:
+  - yarn run test && yarn run build

package/CHANGELOG.md

@@ -0,0 +1,10 @@
+# 1.3.0 (2022-12-20)
+### New features
+*  Supports previewOnly tag, allowing for the print preview to show without the print dialog
+### Dependency Updates
+* Angular Ivy support with Angular 15
+
+# 1.1.0 (2018-12-04)
+### New features
+*  Support styles (CSS) ([#5](https://github.com/selemxmn/ngx-print/issues/5)) ([71cefdf](https://github.com/selemxmn/ngx-print/commit/71cefdf))
+* Permit a dynamic title of printing window instead of the old static `Print tab` ([2098f3e](https://github.com/selemxmn/ngx-print/commit/2098f3e))

package/README.md

@@ -3,6 +3,11 @@
 # ngx-print : *plug n' play Angular (2++) directive to print your stuff*
 This directive makes printing your HTML sections smooth and easy in your Angular application. It is inspired from the old [AngularJS ngPrint](https://github.com/gilf/ngPrint) directive, thus it is intendend to be used with the new Angular -2/4/5/6/7-... ***Enjoy ! contributions are so welcomed :)***
 
+## Dependencies
+| ngx-print    | Angular      |
+| ------------ | ------------ |
+| 1.2.1        | 7.0.0 - 14.1.0   |
+| 1.3.x        | 15.0.0       |
 ## Setup
 
  **1-** In your root application folder run:
@@ -127,6 +132,24 @@ Here some simple styles were added to every `h1` & `h2` tags within the `div` wh
   printSectionId="print-section"
   ngxPrint>print</button>
 
+  ```
+  
+- If you would like to show a preview without a print dialog use 
+`previewOnly`:
+
+```html
+
+<div  id="print-section">
+
+<!-- ... -->
+
+</div>
+
+<button
+  [previewOnly]="true"
+	printSectionId="print-section"
+	ngxPrint>print</button>
+
 ```
 ## Contributors :1st_place_medal: 
 

package/_config.yml

@@ -0,0 +1 @@
+theme: jekyll-theme-cayman

package/angular.json

@@ -0,0 +1,48 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "ngx-print": {
+      "root": "",
+      "sourceRoot": "src",
+      "projectType": "library",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "tsConfig": "tsconfig.lib.json",
+            "project": "ng-package.json"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
+            "tsConfig": "tsconfig.spec.json",
+            "karmaConfig": "karma.conf.js"
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "tsconfig.lib.json",
+              "tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
+    }
+  },
+  "cli": {
+    "analytics": false
+  }
+}

package/karma.conf.js

@@ -0,0 +1,47 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    ccoverageReporter: {
+      dir: require('path').join(__dirname, './coverage/<project-name>'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ],
+      check: {
+        global: {
+          statements: 80,
+          branches: 80,
+          functions: 80,
+          lines: 80
+        }
+      }
+    },
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    customLaunchers: {
+      ChromeHeadlessCI: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox']
+      }
+    },
+    singleRun: true
+  });
+};

package/ng-package.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "./dist/ngx-print",
+  "lib": {
+    "entryFile": "src/public_api.ts"
+
+  }
+}

package/package.json

@@ -1,71 +1,47 @@
-{
-  "name": "ngx-print",
-  "version": "1.2.1",
-  "description": "Plug n' Play Angular (2++) directive to print your stuff",
-  "author": "https://github.com/selemxmn/ngx-print/graphs/contributors",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/selemxmn/ngx-print.git"
-  },
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/selemxmn/ngx-print/issues"
-  },
-  "homepage": "https://github.com/selemxmn/ngx-print#readme",
-  "keywords": [
-    "print",
-    "angular",
-    "library",
-    "ng-print",
-    "ngx-print",
-    "directive",
-    "dependency",
-    "angular-print"
-  ],
-  "dependencies": {
-    "tslib": "^1.9.3"
-  },
-  "devDependencies": {
-    "@angular-devkit/build-angular": "^0.11.1",
-    "@angular-devkit/build-ng-packagr": "^0.11.0",
-    "@angular/cli": "^7.1.0",
-    "@angular/common": "^7.1.3",
-    "@angular/compiler": "^7.1.1",
-    "@angular/compiler-cli": "^7.1.1",
-    "@angular/core": "^7.1.1",
-    "@angular/platform-browser": "^7.1.3",
-    "@angular/platform-browser-dynamic": "^7.1.1",
-    "@types/jasmine": "^3.3.1",
-    "@types/node": "^10.12.12",
-    "codelyzer": "^4.5.0",
-    "coveralls": "^3.0.2",
-    "jasmine-core": "^3.3.0",
-    "jasmine-spec-reporter": "^4.2.1",
-    "karma": "^3.1.3",
-    "karma-chrome-launcher": "^2.2.0",
-    "karma-coverage-istanbul-reporter": "^2.0.4",
-    "karma-jasmine": "^2.0.1",
-    "karma-jasmine-html-reporter": "^1.4.0",
-    "ng-packagr": "^4.4.0",
-    "nyc": "^14.1.1",
-    "rxjs": "^6.3.3",
-    "ts-node": "^7.0.1",
-    "tsickle": "^0.34.0",
-    "typescript": "3.2.4",
-    "zone.js": "^0.8.26"
-  },
-  "peerDependencies": {
-    "@angular/common": "*",
-    "@angular/core": "*"
-  },
-  "main": "bundles/ngx-print.umd.js",
-  "module": "fesm5/ngx-print.js",
-  "es2015": "fesm2015/ngx-print.js",
-  "esm5": "esm5/ngx-print.js",
-  "esm2015": "esm2015/ngx-print.js",
-  "fesm5": "fesm5/ngx-print.js",
-  "fesm2015": "fesm2015/ngx-print.js",
-  "typings": "ngx-print.d.ts",
-  "metadata": "ngx-print.metadata.json",
-  "sideEffects": false
-}
+{
+  "name": "ngx-print",
+  "version": "1.3.0",
+  "description": "Plug n' Play Angular (2++) directive to print your stuff",
+  "author": "https://github.com/selemxmn/ngx-print/graphs/contributors",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/selemxmn/ngx-print.git"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/selemxmn/ngx-print/issues"
+  },
+  "homepage": "https://github.com/selemxmn/ngx-print#readme",
+  "keywords": [
+    "print",
+    "angular",
+    "library",
+    "ng-print",
+    "ngx-print",
+    "directive",
+    "dependency",
+    "angular-print"
+  ],
+  "scripts": {
+    "ng": "ng",
+    "build": "ng build",
+    "test": "ng test --no-watch --code-coverage --no-progress --browsers=ChromeHeadlessCI"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^15.0.4",
+    "@angular/cli": "~15.0.4",
+    "@angular/compiler-cli": "^15.0.0",
+    "@types/jasmine": "~4.3.0",
+    "jasmine-core": "~4.5.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.0.0",
+    "ng-packagr": "^15.0.0",
+    "typescript": "~4.8.2"
+  }
+}

package/src/lib/ngx-print.directive.spec.ts

@@ -0,0 +1,112 @@
+import {Component, DebugElement}    from "@angular/core";
+import {TestBed, ComponentFixture}  from '@angular/core/testing';
+import {By}                         from "@angular/platform-browser";
+
+import { NgxPrintDirective }        from './ngx-print.directive';
+
+@Component({
+  template: `
+  <div id="print-section">
+    <h1>
+      Welcome to ngx-print
+    </h1>
+    <img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
+    <h2>Here are some links to help you start: </h2>
+    <ul >
+      <li>
+        <h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
+      </li>
+      <li>
+        <h2><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">CLI Documentation</a></h2>
+      </li>
+      <li>
+        <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
+      </li>
+    </ul>
+    <table border = "1">
+      <tr>
+        <td>Row 1, Column 1</td>
+        <td>Row 1, Column 2</td>
+      </tr>
+      <tr>
+        <td>Row 2, Column 1</td>
+        <td>Row 2, Column 2</td>
+      </tr>
+    </table>
+  </div>
+  <button printSectionId="print-section" ngxPrint></button>
+  `
+})
+class TestNgxPrintComponent {
+}
+
+describe('NgxPrintDirective', () => {
+
+  let buttonEl:   DebugElement;
+  let component:  TestNgxPrintComponent;
+  let fixture:    ComponentFixture<TestNgxPrintComponent>;
+
+  // To change this later, so it'll depend on TestNgxPrintComponent
+  let styleSheet: {[key: string]: {[key: string]: string}}
+                   = {
+                     'h2' : {'border': 'solid 1px'},
+                     'h1' : {'color': 'red', 'border': '1px solid'}
+                    };
+
+  beforeEach(() => {
+
+    // Configure a NgModule-like decorator metadata
+    TestBed.configureTestingModule({
+      declarations: [TestNgxPrintComponent, NgxPrintDirective]
+    });
+
+    // Create a fixture object (that is going to allows us to create an instance of that component)
+    fixture = TestBed.createComponent(TestNgxPrintComponent);
+
+    // Create a component instance ( ~ new Component)
+    component = fixture.componentInstance;
+
+    // Get the button element (on which we tag the directive) to simulate clicks on it
+    buttonEl =  fixture.debugElement.query(By.directive(NgxPrintDirective));
+
+    fixture.detectChanges();
+  });
+
+  it('should create an instance', () => {
+    const directive = new NgxPrintDirective();
+    expect(directive).toBeTruthy();
+  });
+
+  // it('should test the @Input printStyle', () => {
+  //   const directive = new NgxPrintDirective();
+  //   directive.printStyle = styleSheet;
+  //   for (var key in directive.printStyle) {
+  //     if (directive.printStyle.hasOwnProperty(key)) {
+  //       directive._printStyle.push((key + JSON.stringify(directive.printStyle[key])).replace(/['"]+/g, ''));
+  //     }
+  //   }
+  //   directive.returnStyleValues();
+
+  //   expect(directive.returnStyleValues).toHaveBeenCalled();
+  // });
+
+  // it('should returns a string from array of objects', () => {
+  //   const directive = new NgxPrintDirective();
+  //   directive._printStyle = [
+  //     "h2{border:solid 1px}",
+  //     "h1{color:red,border:1px solid}"
+  //   ];
+  //   // let returnedString = directive.returnStyleValues();
+
+  //   // immediately invoked arrow function, else you can uncomment `returnedString` and use it instead
+  //   expect((() => {return directive.returnStyleValues()})()).toEqual('h2{border:solid 1px} h1{color:red,border:1px solid}');
+  // });
+
+  it(`should popup a new window`, ()=> {
+    spyOn(window, 'open');
+    // simulate click
+    buttonEl.triggerEventHandler('click', {});
+    expect(window.open).toHaveBeenCalled();
+  });
+
+});