implement

.editorconfig

@@ -1,4 +1,4 @@
-# Editor configuration, see https://editorconfig.org
+# Editor configuration, see http://editorconfig.org
 root = true
 
 [*]

.eslintignore

@@ -0,0 +1,15 @@
+# Valid
+/**/*.spec.ts
+/**/*.stories.ts
+/**/*.json
+/**/*.po.ts
+
+# GQL auto generated files
+/**/*types.ts
+
+# Config file in JS
+/**/*index.js
+/**/*index.ts
+wallaby.js
+decorate-angular-cli.js
+

.eslintrc.json

@@ -0,0 +1,28 @@
+{
+  "parser": "@typescript-eslint/parser",
+  "extends": [
+    "@wemaintain/eslint-config",
+    "eslint:recommended",
+    "plugin:@angular-eslint/recommended",
+    "plugin:prettier/recommended",
+    "prettier/@typescript-eslint",
+    "prettier"
+  ],
+  "parserOptions": {
+    "ecmaVersion": 2020,
+    "sourceType": "module",
+    "project": "./tsconfig.base.json"
+  },
+  "rules": {
+    "max-len": ["off"]
+  },
+  "overrides": [
+    {
+      "files": ["**/*.ts", "**/*.spec.ts"],
+      "plugins": ["@angular-eslint/template"],
+      "rules": {
+        "@typescript-eslint/no-explicit-any": ["off"]
+      }
+    }
+  ]
+}

.prettierignore

@@ -0,0 +1,14 @@
+# Artifacts
+coverage
+dist
+build 
+
+# GQL auto generated files
+/**/*types.ts
+
+# Config file in JS
+/**/*index.js
+/**/*index.ts
+wallaby.js
+decorate-angular-cli.js
+

.prettierrc

@@ -1,3 +1,5 @@
 {
+  "tabWidth": 2,
+  "semi": false,
   "singleQuote": true
 }

.vscode/extensions.json

@@ -0,0 +1,8 @@
+{
+  "recommendations": [
+    "nrwl.angular-console",
+    "angular.ng-template",
+    "ms-vscode.vscode-typescript-tslint-plugin",
+    "esbenp.prettier-vscode"
+  ]
+}

.vscode/launch.json

@@ -0,0 +1,13 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "Launch Chrome against localhost",
+      "url": "http://localhost:4200",
+      "webRoot": "${workspaceFolder}",
+      "runtimeExecutable": "/usr/bin/google-chrome-stable"
+    }
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,27 @@
+{
+  "editor.tabSize": 2,
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.codeActionsOnSave": {
+      "source.fixAll.eslint": true
+    }
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.codeActionsOnSave": {
+      "source.fixAll.eslint": true
+    }
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.codeActionsOnSave": {
+      "source.fixAll.eslint": true
+    }
+  },
+  "[html]": {
+    "editor.defaultFormatter": "vscode.html-language-features"
+  },
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  }
+}

angular.json

@@ -3,7 +3,7 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "ng2-pdf-viewer": {
+    "pdf-viewer": {
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
@@ -23,13 +23,8 @@
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.app.json",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.scss"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.scss"],
             "scripts": []
           },
           "configurations": {
@@ -66,18 +61,18 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "ng2-pdf-viewer:build"
+            "browserTarget": "pdf-viewer:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "ng2-pdf-viewer:build:production"
+              "browserTarget": "pdf-viewer:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "ng2-pdf-viewer:build"
+            "browserTarget": "pdf-viewer:build"
           }
         },
         "test": {
@@ -87,13 +82,8 @@
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.spec.json",
             "karmaConfig": "karma.conf.js",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.scss"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.scss"],
             "scripts": []
           }
         },
@@ -105,28 +95,26 @@
               "tsconfig.spec.json",
               "e2e/tsconfig.json"
             ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "exclude": ["**/node_modules/**"]
           }
         },
         "e2e": {
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {
             "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "ng2-pdf-viewer:serve"
+            "devServerTarget": "pdf-viewer:serve"
           },
           "configurations": {
             "production": {
-              "devServerTarget": "ng2-pdf-viewer:serve:production"
+              "devServerTarget": "pdf-viewer:serve:production"
             }
           }
         }
       }
     }
   },
-  "defaultProject": "ng2-pdf-viewer",
+  "defaultProject": "pdf-viewer",
   "cli": {
     "analytics": false
   }
-}
+}

docs/404.html

@@ -6,10 +6,10 @@
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <title>ng2-pdf-viewer</title>
+  <title>pdf-viewer</title>
   <meta name="description" content="PDF Viewer Component for Angular 5+">
   <meta name="keywords" content="Angular,PDF,PDF-Viewer">
-  <base href="ng2-pdf-viewer">
+  <base href="pdf-viewer">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 
   <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
@@ -136,10 +136,10 @@
         opacity: 0;
       }
     }
-
   </style>
 
-<link rel="stylesheet" href="styles.f071c61df615be4673b5.css"></head>
+  <link rel="stylesheet" href="styles.f071c61df615be4673b5.css">
+</head>
 
 <body>
   <pdf-viewer-app>
@@ -152,6 +152,12 @@
       <div class="sk-cube3 sk-cube"></div>
     </div>
   </pdf-viewer-app>
-<script src="runtime-es2015.0811dcefd377500b5b1a.js" type="module"></script><script src="runtime-es5.0811dcefd377500b5b1a.js" nomodule defer></script><script src="polyfills-es5.749047374c3ac985c6c2.js" nomodule defer></script><script src="polyfills-es2015.f9f114d2bcb827e83a8b.js" type="module"></script><script src="main-es2015.81fa03ce250118df1338.js" type="module"></script><script src="main-es5.81fa03ce250118df1338.js" nomodule defer></script></body>
+  <script src="runtime-es2015.0811dcefd377500b5b1a.js" type="module"></script>
+  <script src="runtime-es5.0811dcefd377500b5b1a.js" nomodule defer></script>
+  <script src="polyfills-es5.749047374c3ac985c6c2.js" nomodule defer></script>
+  <script src="polyfills-es2015.f9f114d2bcb827e83a8b.js" type="module"></script>
+  <script src="main-es2015.81fa03ce250118df1338.js" type="module"></script>
+  <script src="main-es5.81fa03ce250118df1338.js" nomodule defer></script>
+</body>
 
 </html>

docs/index.html

@@ -6,10 +6,10 @@
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <title>ng2-pdf-viewer</title>
+  <title>pdf-viewer</title>
   <meta name="description" content="PDF Viewer Component for Angular 5+">
   <meta name="keywords" content="Angular,PDF,PDF-Viewer">
-  <base href="ng2-pdf-viewer">
+  <base href="pdf-viewer">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 
   <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
@@ -136,10 +136,10 @@
         opacity: 0;
       }
     }
-
   </style>
 
-<link rel="stylesheet" href="styles.f071c61df615be4673b5.css"></head>
+  <link rel="stylesheet" href="styles.f071c61df615be4673b5.css">
+</head>
 
 <body>
   <pdf-viewer-app>
@@ -152,6 +152,12 @@
       <div class="sk-cube3 sk-cube"></div>
     </div>
   </pdf-viewer-app>
-<script src="runtime-es2015.0811dcefd377500b5b1a.js" type="module"></script><script src="runtime-es5.0811dcefd377500b5b1a.js" nomodule defer></script><script src="polyfills-es5.749047374c3ac985c6c2.js" nomodule defer></script><script src="polyfills-es2015.f9f114d2bcb827e83a8b.js" type="module"></script><script src="main-es2015.81fa03ce250118df1338.js" type="module"></script><script src="main-es5.81fa03ce250118df1338.js" nomodule defer></script></body>
+  <script src="runtime-es2015.0811dcefd377500b5b1a.js" type="module"></script>
+  <script src="runtime-es5.0811dcefd377500b5b1a.js" nomodule defer></script>
+  <script src="polyfills-es5.749047374c3ac985c6c2.js" nomodule defer></script>
+  <script src="polyfills-es2015.f9f114d2bcb827e83a8b.js" type="module"></script>
+  <script src="main-es2015.81fa03ce250118df1338.js" type="module"></script>
+  <script src="main-es5.81fa03ce250118df1338.js" nomodule defer></script>
+</body>
 
 </html>