@angularclass/dope-docs - npm Package Compare versions

Comparing version 0.0.2 to 0.8.0

components/markdown.component.d.ts

@@ -1,5 +0,4 @@
-export declare class MarkdownParser {
-    markdown: string;
-    parsedMarkdown: string;
-    ngOnChanges(): void;
+export declare class MarkdownComponent {
+    entryMarkdown: string;
+    constructor(entryMarkdown: string);
 }

components/markdown.component.js

@@ -10,35 +10,24 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 };
-import { Component, Input, ViewEncapsulation } from '@angular/core';
-import * as marked from 'marked';
-var MarkdownParser = (function () {
-    function MarkdownParser() {
-        this.markdown = '';
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { Component, Inject, ViewEncapsulation } from '@angular/core';
+import { ENTRY_MARKDOWN } from '../services';
+var MarkdownComponent = (function () {
+    function MarkdownComponent(entryMarkdown) {
+        this.entryMarkdown = entryMarkdown;
     }
-    MarkdownParser.prototype.ngOnChanges = function () {
-        var md = marked.setOptions({
-            gfm: true,
-            tables: true,
-            breaks: false,
-            pedantic: false,
-            sanitize: true,
-            smartLists: true,
-            smartypants: false
-        });
-        this.parsedMarkdown = md.parse(this.markdown || '');
-    };
-    return MarkdownParser;
+    return MarkdownComponent;
 }());
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], MarkdownParser.prototype, "markdown", void 0);
-MarkdownParser = __decorate([
+MarkdownComponent = __decorate([
     Component({
-        selector: 'dope-docs-markdown',
-        template: "\n    <div [innerHTML]=\"parsedMarkdown\">\n    </div>\n  ",
-        encapsulation: ViewEncapsulation.None
+        selector: 'ui-guide-components-view',
+        template: "\n    <div class=\"entryComponent\">\n      <dope-docs-markdown [markdown]=\"entryMarkdown\"></dope-docs-markdown>\n    </div>\n  ",
+        encapsulation: ViewEncapsulation.None,
+        styles: ["\n    @media print {\n  *,\n  *:before,\n  *:after {\n    background: transparent !important;\n    color: #000 !important;\n    box-shadow: none !important;\n    text-shadow: none !important;\n  }\n\n  .entryComponent a,\n  .entryComponent a:visited {\n    text-decoration: underline;\n  }\n\n  .entryComponent a[href]:after {\n    content: \" (\" attr(href) \")\";\n  }\n\n  .entryComponent abbr[title]:after {\n    content: \" (\" attr(title) \")\";\n  }\n\n  .entryComponent a[href^=\"#\"]:after,\n  .entryComponent a[href^=\"javascript:\"]:after {\n    content: \"\";\n  }\n\n  .entryComponent pre,\n  .entryComponent blockquote {\n    border: 1px solid #999;\n    page-break-inside: avoid;\n  }\n\n  .entryComponent thead {\n    display: table-header-group;\n  }\n\n  .entryComponent tr,\n  .entryComponent img {\n    page-break-inside: avoid;\n  }\n\n  .entryComponent img {\n    max-width: 100% !important;\n  }\n\n  .entryComponent p,\n  .entryComponent h2,\n  .entryComponent h3 {\n    orphans: 3;\n    widows: 3;\n  }\n\n  .entryComponent h2,\n  .entryComponent h3 {\n    page-break-after: avoid;\n  }\n}\n\n.entryComponent {\n  line-height: 1.85;\n}\n\n.entryComponent p {\n  font-size: 1rem;\n  margin-bottom: 1.3rem;\n}\n\n.entryComponent h1,\n.entryComponent h2,\n.entryComponent h3,\n.entryComponent h4 {\n  margin: 1.414rem 0 .5rem;\n  font-weight: inherit;\n  line-height: 1.42;\n}\n\n.entryComponent h1 {\n  margin-top: 0;\n  font-size: 3.998rem;\n}\n\n.entryComponent h2 {\n  font-size: 2.827rem;\n}\n\n.entryComponent h3 {\n  font-size: 1.999rem;\n}\n\n.entryComponent h4 {\n  font-size: 1.414rem;\n}\n\n.entryComponent h5 {\n  font-size: 1.121rem;\n}\n\n.entryComponent h6 {\n  font-size: .88rem;\n}\n\n.entryComponent small {\n  font-size: .707em;\n}\n\n/* https://github.com/mrmrs/fluidity */\n\n.entryComponent img,\n.entryComponent canvas,\n.entryComponent iframe,\n.entryComponent video,\n.entryComponent svg,\n.entryComponent select,\n.entryComponent textarea {\n  max-width: 100%;\n}\n\n.entryComponent {\n  color: #444;\n  font-family: 'Open Sans', Helvetica, sans-serif;\n  font-weight: 300;\n  margin: 6rem auto 1rem;\n  text-align: center;\n}\n\n.entryComponent img {\n  border-radius: 50%;\n  height: 200px;\n  margin: 0 auto;\n  width: 200px;\n}\n\n.entryComponent a,\n.entryComponent a:visited {\n  color: #3498db;\n}\n\n.entryComponent a:hover,\n.entryComponent a:focus,\n.entryComponent a:active {\n  color: #2980b9;\n}\n\n.entryComponent pre {\n  background-color: #fafafa;\n  padding: 1rem;\n  text-align: left;\n}\n\n.entryComponent blockquote {\n  margin: 0;\n  border-left: 5px solid #7a7a7a;\n  font-style: italic;\n  padding: 1.33em;\n  text-align: left;\n}\n\n.entryComponent ul,\n.entryComponent ol,\n.entryComponent li {\n  text-align: left;\n}\n\n.entryComponent p {\n  color: #777;\n}\n  "]
     }),
-    __metadata("design:paramtypes", [])
-], MarkdownParser);
-export { MarkdownParser };
+    __param(0, Inject(ENTRY_MARKDOWN)),
+    __metadata("design:paramtypes", [String])
+], MarkdownComponent);
+export { MarkdownComponent };
 //# sourceMappingURL=markdown.component.js.map

dope-docs.js

@@ -310,3 +310,3 @@ /******/ (function(modules) { // webpackBootstrap
 var boostrap_1 = __webpack_require__(10);
-var slugify = __webpack_require__(33);
+var slugify = __webpack_require__(32);
 function createDopeDocs(sandbox) {
@@ -490,35 +490,25 @@ boostrap_1.bootstrap(sandbox);
 };
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = __webpack_require__(0);
-var marked = __webpack_require__(29);
-var MarkdownParser = (function () {
-    function MarkdownParser() {
-        this.markdown = '';
+var services_1 = __webpack_require__(1);
+var MarkdownComponent = (function () {
+    function MarkdownComponent(entryMarkdown) {
+        this.entryMarkdown = entryMarkdown;
     }
-    MarkdownParser.prototype.ngOnChanges = function () {
-        var md = marked.setOptions({
-            gfm: true,
-            tables: true,
-            breaks: false,
-            pedantic: false,
-            sanitize: true,
-            smartLists: true,
-            smartypants: false
-        });
-        this.parsedMarkdown = md.parse(this.markdown || '');
-    };
-    return MarkdownParser;
+    return MarkdownComponent;
 }());
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", String)
-], MarkdownParser.prototype, "markdown", void 0);
-MarkdownParser = __decorate([
+MarkdownComponent = __decorate([
     core_1.Component({
-        selector: 'dope-docs-markdown',
-        template: "\n    <div [innerHTML]=\"parsedMarkdown\">\n    </div>\n  ",
-        encapsulation: core_1.ViewEncapsulation.None
-    })
-], MarkdownParser);
-exports.MarkdownParser = MarkdownParser;
+        selector: 'ui-guide-components-view',
+        template: "\n    <div class=\"entryComponent\">\n      <dope-docs-markdown [markdown]=\"entryMarkdown\"></dope-docs-markdown>\n    </div>\n  ",
+        encapsulation: core_1.ViewEncapsulation.None,
+        styles: ["\n    @media print {\n  *,\n  *:before,\n  *:after {\n    background: transparent !important;\n    color: #000 !important;\n    box-shadow: none !important;\n    text-shadow: none !important;\n  }\n\n  .entryComponent a,\n  .entryComponent a:visited {\n    text-decoration: underline;\n  }\n\n  .entryComponent a[href]:after {\n    content: \" (\" attr(href) \")\";\n  }\n\n  .entryComponent abbr[title]:after {\n    content: \" (\" attr(title) \")\";\n  }\n\n  .entryComponent a[href^=\"#\"]:after,\n  .entryComponent a[href^=\"javascript:\"]:after {\n    content: \"\";\n  }\n\n  .entryComponent pre,\n  .entryComponent blockquote {\n    border: 1px solid #999;\n    page-break-inside: avoid;\n  }\n\n  .entryComponent thead {\n    display: table-header-group;\n  }\n\n  .entryComponent tr,\n  .entryComponent img {\n    page-break-inside: avoid;\n  }\n\n  .entryComponent img {\n    max-width: 100% !important;\n  }\n\n  .entryComponent p,\n  .entryComponent h2,\n  .entryComponent h3 {\n    orphans: 3;\n    widows: 3;\n  }\n\n  .entryComponent h2,\n  .entryComponent h3 {\n    page-break-after: avoid;\n  }\n}\n\n.entryComponent {\n  line-height: 1.85;\n}\n\n.entryComponent p {\n  font-size: 1rem;\n  margin-bottom: 1.3rem;\n}\n\n.entryComponent h1,\n.entryComponent h2,\n.entryComponent h3,\n.entryComponent h4 {\n  margin: 1.414rem 0 .5rem;\n  font-weight: inherit;\n  line-height: 1.42;\n}\n\n.entryComponent h1 {\n  margin-top: 0;\n  font-size: 3.998rem;\n}\n\n.entryComponent h2 {\n  font-size: 2.827rem;\n}\n\n.entryComponent h3 {\n  font-size: 1.999rem;\n}\n\n.entryComponent h4 {\n  font-size: 1.414rem;\n}\n\n.entryComponent h5 {\n  font-size: 1.121rem;\n}\n\n.entryComponent h6 {\n  font-size: .88rem;\n}\n\n.entryComponent small {\n  font-size: .707em;\n}\n\n/* https://github.com/mrmrs/fluidity */\n\n.entryComponent img,\n.entryComponent canvas,\n.entryComponent iframe,\n.entryComponent video,\n.entryComponent svg,\n.entryComponent select,\n.entryComponent textarea {\n  max-width: 100%;\n}\n\n.entryComponent {\n  color: #444;\n  font-family: 'Open Sans', Helvetica, sans-serif;\n  font-weight: 300;\n  margin: 6rem auto 1rem;\n  text-align: center;\n}\n\n.entryComponent img {\n  border-radius: 50%;\n  height: 200px;\n  margin: 0 auto;\n  width: 200px;\n}\n\n.entryComponent a,\n.entryComponent a:visited {\n  color: #3498db;\n}\n\n.entryComponent a:hover,\n.entryComponent a:focus,\n.entryComponent a:active {\n  color: #2980b9;\n}\n\n.entryComponent pre {\n  background-color: #fafafa;\n  padding: 1rem;\n  text-align: left;\n}\n\n.entryComponent blockquote {\n  margin: 0;\n  border-left: 5px solid #7a7a7a;\n  font-style: italic;\n  padding: 1.33em;\n  text-align: left;\n}\n\n.entryComponent ul,\n.entryComponent ol,\n.entryComponent li {\n  text-align: left;\n}\n\n.entryComponent p {\n  color: #777;\n}\n  "]
+    }),
+    __param(0, core_1.Inject(services_1.ENTRY_MARKDOWN)),
+    __metadata("design:paramtypes", [String])
+], MarkdownComponent);
+exports.MarkdownComponent = MarkdownComponent;
 
@@ -912,5 +902,5 @@
 var routes_1 = __webpack_require__(20);
-__webpack_require__(32);
+__webpack_require__(31);
+__webpack_require__(29);
 __webpack_require__(30);
-__webpack_require__(31);
 var UIGuideModule = (function () {
@@ -942,3 +932,3 @@ function UIGuideModule() {
             components_1.UIApiComponent,
-            components_1.MarkdownParser
+            components_1.MarkdownComponent
         ],
@@ -985,5 +975,5 @@ entryComponents: [
         selector: 'ui-guide-components-view',
-        template: "\n  \n    <dope-docs-markdown [markdown]=\"entryMarkdown\"></dope-docs-markdown>\n  ",
+        template: "\n    <div class=\"entryComponent\">\n      <dope-docs-markdown [markdown]=\"entryMarkdown\"></dope-docs-markdown>\n    </div>\n  ",
         encapsulation: core_1.ViewEncapsulation.None,
-        styles: ["\n    @media print {\n  *,\n  *:before,\n  *:after {\n    background: transparent !important;\n    color: #000 !important;\n    box-shadow: none !important;\n    text-shadow: none !important;\n  }\n\n  a,\n  a:visited {\n    text-decoration: underline;\n  }\n\n  a[href]:after {\n    content: \" (\" attr(href) \")\";\n  }\n\n  abbr[title]:after {\n    content: \" (\" attr(title) \")\";\n  }\n\n  a[href^=\"#\"]:after,\n  a[href^=\"javascript:\"]:after {\n    content: \"\";\n  }\n\n  pre,\n  blockquote {\n    border: 1px solid #999;\n    page-break-inside: avoid;\n  }\n\n  thead {\n    display: table-header-group;\n  }\n\n  tr,\n  img {\n    page-break-inside: avoid;\n  }\n\n  img {\n    max-width: 100% !important;\n  }\n\n  p,\n  h2,\n  h3 {\n    orphans: 3;\n    widows: 3;\n  }\n\n  h2,\n  h3 {\n    page-break-after: avoid;\n  }\n}\n\nhtml {\n  font-size: 12px;\n}\n\n@media screen and (min-width: 32rem) and (max-width: 48rem) {\n  html {\n    font-size: 15px;\n  }\n}\n\n@media screen and (min-width: 48rem) {\n  html {\n    font-size: 16px;\n  }\n}\n\nbody {\n  line-height: 1.85;\n}\n\np,\n.air-p {\n  font-size: 1rem;\n  margin-bottom: 1.3rem;\n}\n\nh1,\n.air-h1,\nh2,\n.air-h2,\nh3,\n.air-h3,\nh4,\n.air-h4 {\n  margin: 1.414rem 0 .5rem;\n  font-weight: inherit;\n  line-height: 1.42;\n}\n\nh1,\n.air-h1 {\n  margin-top: 0;\n  font-size: 3.998rem;\n}\n\nh2,\n.air-h2 {\n  font-size: 2.827rem;\n}\n\nh3,\n.air-h3 {\n  font-size: 1.999rem;\n}\n\nh4,\n.air-h4 {\n  font-size: 1.414rem;\n}\n\nh5,\n.air-h5 {\n  font-size: 1.121rem;\n}\n\nh6,\n.air-h6 {\n  font-size: .88rem;\n}\n\nsmall,\n.air-small {\n  font-size: .707em;\n}\n\n/* https://github.com/mrmrs/fluidity */\n\nimg,\ncanvas,\niframe,\nvideo,\nsvg,\nselect,\ntextarea {\n  max-width: 100%;\n}\n\n@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,300);\n\nbody {\n  color: #444;\n  font-family: 'Open Sans', Helvetica, sans-serif;\n  font-weight: 300;\n  margin: 6rem auto 1rem;\n  text-align: center;\n}\n\nimg {\n  border-radius: 50%;\n  height: 200px;\n  margin: 0 auto;\n  width: 200px;\n}\n\na,\na:visited {\n  color: #3498db;\n}\n\na:hover,\na:focus,\na:active {\n  color: #2980b9;\n}\n\npre {\n  background-color: #fafafa;\n  padding: 1rem;\n  text-align: left;\n}\n\nblockquote {\n  margin: 0;\n  border-left: 5px solid #7a7a7a;\n  font-style: italic;\n  padding: 1.33em;\n  text-align: left;\n}\n\nul,\nol,\nli {\n  text-align: left;\n}\n\np {\n  color: #777;\n}\n  "]
+        styles: ["\n    @media print {\n  *,\n  *:before,\n  *:after {\n    background: transparent !important;\n    color: #000 !important;\n    box-shadow: none !important;\n    text-shadow: none !important;\n  }\n\n  .entryComponent a,\n  .entryComponent a:visited {\n    text-decoration: underline;\n  }\n\n  .entryComponent a[href]:after {\n    content: \" (\" attr(href) \")\";\n  }\n\n  .entryComponent abbr[title]:after {\n    content: \" (\" attr(title) \")\";\n  }\n\n  .entryComponent a[href^=\"#\"]:after,\n  .entryComponent a[href^=\"javascript:\"]:after {\n    content: \"\";\n  }\n\n  .entryComponent pre,\n  .entryComponent blockquote {\n    border: 1px solid #999;\n    page-break-inside: avoid;\n  }\n\n  .entryComponent thead {\n    display: table-header-group;\n  }\n\n  .entryComponent tr,\n  .entryComponent img {\n    page-break-inside: avoid;\n  }\n\n  .entryComponent img {\n    max-width: 100% !important;\n  }\n\n  .entryComponent p,\n  .entryComponent h2,\n  .entryComponent h3 {\n    orphans: 3;\n    widows: 3;\n  }\n\n  .entryComponent h2,\n  .entryComponent h3 {\n    page-break-after: avoid;\n  }\n}\n\n.entryComponent {\n  line-height: 1.85;\n}\n\n.entryComponent p {\n  font-size: 1rem;\n  margin-bottom: 1.3rem;\n}\n\n.entryComponent h1,\n.entryComponent h2,\n.entryComponent h3,\n.entryComponent h4 {\n  margin: 1.414rem 0 .5rem;\n  font-weight: inherit;\n  line-height: 1.42;\n}\n\n.entryComponent h1 {\n  margin-top: 0;\n  font-size: 3.998rem;\n}\n\n.entryComponent h2 {\n  font-size: 2.827rem;\n}\n\n.entryComponent h3 {\n  font-size: 1.999rem;\n}\n\n.entryComponent h4 {\n  font-size: 1.414rem;\n}\n\n.entryComponent h5 {\n  font-size: 1.121rem;\n}\n\n.entryComponent h6 {\n  font-size: .88rem;\n}\n\n.entryComponent small {\n  font-size: .707em;\n}\n\n/* https://github.com/mrmrs/fluidity */\n\n.entryComponent img,\n.entryComponent canvas,\n.entryComponent iframe,\n.entryComponent video,\n.entryComponent svg,\n.entryComponent select,\n.entryComponent textarea {\n  max-width: 100%;\n}\n\n.entryComponent {\n  color: #444;\n  font-family: 'Open Sans', Helvetica, sans-serif;\n  font-weight: 300;\n  margin: 6rem auto 1rem;\n  text-align: center;\n}\n\n.entryComponent img {\n  border-radius: 50%;\n  height: 200px;\n  margin: 0 auto;\n  width: 200px;\n}\n\n.entryComponent a,\n.entryComponent a:visited {\n  color: #3498db;\n}\n\n.entryComponent a:hover,\n.entryComponent a:focus,\n.entryComponent a:active {\n  color: #2980b9;\n}\n\n.entryComponent pre {\n  background-color: #fafafa;\n  padding: 1rem;\n  text-align: left;\n}\n\n.entryComponent blockquote {\n  margin: 0;\n  border-left: 5px solid #7a7a7a;\n  font-style: italic;\n  padding: 1.33em;\n  text-align: left;\n}\n\n.entryComponent ul,\n.entryComponent ol,\n.entryComponent li {\n  text-align: left;\n}\n\n.entryComponent p {\n  color: #777;\n}\n  "]
     }),
@@ -1128,3 +1118,3 @@ __param(0, core_1.Inject(services_1.ENTRY_MARKDOWN)),
 
-module.exports = require("marked");
+module.exports = require("prismjs/components/prism-markup");
 
@@ -1135,3 +1125,3 @@ /***/ }),
 
-module.exports = require("prismjs/components/prism-markup");
+module.exports = require("prismjs/components/prism-typescript");
 
@@ -1142,3 +1132,3 @@ /***/ }),
 
-module.exports = require("prismjs/components/prism-typescript");
+module.exports = require("prismjs/prism");
 
@@ -1149,8 +1139,2 @@ /***/ }),
 
-module.exports = require("prismjs/prism");
-
-/***/ }),
-/* 33 */
-/***/ (function(module, exports) {
-
 module.exports = require("slugify");
@@ -1157,0 +1141,0 @@

package.json

 {
   "name": "@angularclass/dope-docs",
-  "version": "0.0.2",
+  "version": "0.8.0",
   "description": "Document and styleguide generator for your Angular projects",
@@ -17,3 +17,5 @@ "main": "dope-docs.js",
     "copy": "cp package.json dist && cp README.md dist && cp src/webpack/index.html dist/index.html && cp -R src/assets dist",
-    "release": "rm -rf build && npm run build:esm && npm run build:bundle && npm run build:cli && npm run copy"
+    "prerelease": "rm -rf build && npm run build:esm && npm run build:bundle && npm run build:cli && npm run copy",
+    "postversion": "git add . && git push origin master && git push --tags",
+    "release": "npm publish dist/ --access public"
   },
@@ -20,0 +22,0 @@ "bugs": "https://github.com/AngularClass/dope-docs/issues",

ui-guide.module.js

@@ -14,3 +14,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 import { UIGuideSandboxService, UIGuideSerivce } from './services';
-import { UIExampleComponent, UIGuideComponent, UIGudiesListComponent, UIApiComponent, PrismComponent, MarkdownParser } from './components';
+import { UIExampleComponent, UIGuideComponent, UIGudiesListComponent, UIApiComponent, PrismComponent, MarkdownComponent } from './components';
 import { ComponentsView, UIGuidePreviewView, UIGuideRootView, UIGuideRouterEntryView } from './views';
@@ -47,3 +47,3 @@ import { Routing } from './routes';
             UIApiComponent,
-            MarkdownParser
+            MarkdownComponent
         ],
@@ -50,0 +50,0 @@ entryComponents: [

views/components.component.js

@@ -24,5 +24,5 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
         selector: 'ui-guide-components-view',
-        template: "\n  \n    <dope-docs-markdown [markdown]=\"entryMarkdown\"></dope-docs-markdown>\n  ",
+        template: "\n    <div class=\"entryComponent\">\n      <dope-docs-markdown [markdown]=\"entryMarkdown\"></dope-docs-markdown>\n    </div>\n  ",
         encapsulation: ViewEncapsulation.None,
-        styles: ["\n    @media print {\n  *,\n  *:before,\n  *:after {\n    background: transparent !important;\n    color: #000 !important;\n    box-shadow: none !important;\n    text-shadow: none !important;\n  }\n\n  a,\n  a:visited {\n    text-decoration: underline;\n  }\n\n  a[href]:after {\n    content: \" (\" attr(href) \")\";\n  }\n\n  abbr[title]:after {\n    content: \" (\" attr(title) \")\";\n  }\n\n  a[href^=\"#\"]:after,\n  a[href^=\"javascript:\"]:after {\n    content: \"\";\n  }\n\n  pre,\n  blockquote {\n    border: 1px solid #999;\n    page-break-inside: avoid;\n  }\n\n  thead {\n    display: table-header-group;\n  }\n\n  tr,\n  img {\n    page-break-inside: avoid;\n  }\n\n  img {\n    max-width: 100% !important;\n  }\n\n  p,\n  h2,\n  h3 {\n    orphans: 3;\n    widows: 3;\n  }\n\n  h2,\n  h3 {\n    page-break-after: avoid;\n  }\n}\n\nhtml {\n  font-size: 12px;\n}\n\n@media screen and (min-width: 32rem) and (max-width: 48rem) {\n  html {\n    font-size: 15px;\n  }\n}\n\n@media screen and (min-width: 48rem) {\n  html {\n    font-size: 16px;\n  }\n}\n\nbody {\n  line-height: 1.85;\n}\n\np,\n.air-p {\n  font-size: 1rem;\n  margin-bottom: 1.3rem;\n}\n\nh1,\n.air-h1,\nh2,\n.air-h2,\nh3,\n.air-h3,\nh4,\n.air-h4 {\n  margin: 1.414rem 0 .5rem;\n  font-weight: inherit;\n  line-height: 1.42;\n}\n\nh1,\n.air-h1 {\n  margin-top: 0;\n  font-size: 3.998rem;\n}\n\nh2,\n.air-h2 {\n  font-size: 2.827rem;\n}\n\nh3,\n.air-h3 {\n  font-size: 1.999rem;\n}\n\nh4,\n.air-h4 {\n  font-size: 1.414rem;\n}\n\nh5,\n.air-h5 {\n  font-size: 1.121rem;\n}\n\nh6,\n.air-h6 {\n  font-size: .88rem;\n}\n\nsmall,\n.air-small {\n  font-size: .707em;\n}\n\n/* https://github.com/mrmrs/fluidity */\n\nimg,\ncanvas,\niframe,\nvideo,\nsvg,\nselect,\ntextarea {\n  max-width: 100%;\n}\n\n@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,300);\n\nbody {\n  color: #444;\n  font-family: 'Open Sans', Helvetica, sans-serif;\n  font-weight: 300;\n  margin: 6rem auto 1rem;\n  text-align: center;\n}\n\nimg {\n  border-radius: 50%;\n  height: 200px;\n  margin: 0 auto;\n  width: 200px;\n}\n\na,\na:visited {\n  color: #3498db;\n}\n\na:hover,\na:focus,\na:active {\n  color: #2980b9;\n}\n\npre {\n  background-color: #fafafa;\n  padding: 1rem;\n  text-align: left;\n}\n\nblockquote {\n  margin: 0;\n  border-left: 5px solid #7a7a7a;\n  font-style: italic;\n  padding: 1.33em;\n  text-align: left;\n}\n\nul,\nol,\nli {\n  text-align: left;\n}\n\np {\n  color: #777;\n}\n  "]
+        styles: ["\n    @media print {\n  *,\n  *:before,\n  *:after {\n    background: transparent !important;\n    color: #000 !important;\n    box-shadow: none !important;\n    text-shadow: none !important;\n  }\n\n  .entryComponent a,\n  .entryComponent a:visited {\n    text-decoration: underline;\n  }\n\n  .entryComponent a[href]:after {\n    content: \" (\" attr(href) \")\";\n  }\n\n  .entryComponent abbr[title]:after {\n    content: \" (\" attr(title) \")\";\n  }\n\n  .entryComponent a[href^=\"#\"]:after,\n  .entryComponent a[href^=\"javascript:\"]:after {\n    content: \"\";\n  }\n\n  .entryComponent pre,\n  .entryComponent blockquote {\n    border: 1px solid #999;\n    page-break-inside: avoid;\n  }\n\n  .entryComponent thead {\n    display: table-header-group;\n  }\n\n  .entryComponent tr,\n  .entryComponent img {\n    page-break-inside: avoid;\n  }\n\n  .entryComponent img {\n    max-width: 100% !important;\n  }\n\n  .entryComponent p,\n  .entryComponent h2,\n  .entryComponent h3 {\n    orphans: 3;\n    widows: 3;\n  }\n\n  .entryComponent h2,\n  .entryComponent h3 {\n    page-break-after: avoid;\n  }\n}\n\n.entryComponent {\n  line-height: 1.85;\n}\n\n.entryComponent p {\n  font-size: 1rem;\n  margin-bottom: 1.3rem;\n}\n\n.entryComponent h1,\n.entryComponent h2,\n.entryComponent h3,\n.entryComponent h4 {\n  margin: 1.414rem 0 .5rem;\n  font-weight: inherit;\n  line-height: 1.42;\n}\n\n.entryComponent h1 {\n  margin-top: 0;\n  font-size: 3.998rem;\n}\n\n.entryComponent h2 {\n  font-size: 2.827rem;\n}\n\n.entryComponent h3 {\n  font-size: 1.999rem;\n}\n\n.entryComponent h4 {\n  font-size: 1.414rem;\n}\n\n.entryComponent h5 {\n  font-size: 1.121rem;\n}\n\n.entryComponent h6 {\n  font-size: .88rem;\n}\n\n.entryComponent small {\n  font-size: .707em;\n}\n\n/* https://github.com/mrmrs/fluidity */\n\n.entryComponent img,\n.entryComponent canvas,\n.entryComponent iframe,\n.entryComponent video,\n.entryComponent svg,\n.entryComponent select,\n.entryComponent textarea {\n  max-width: 100%;\n}\n\n.entryComponent {\n  color: #444;\n  font-family: 'Open Sans', Helvetica, sans-serif;\n  font-weight: 300;\n  margin: 6rem auto 1rem;\n  text-align: center;\n}\n\n.entryComponent img {\n  border-radius: 50%;\n  height: 200px;\n  margin: 0 auto;\n  width: 200px;\n}\n\n.entryComponent a,\n.entryComponent a:visited {\n  color: #3498db;\n}\n\n.entryComponent a:hover,\n.entryComponent a:focus,\n.entryComponent a:active {\n  color: #2980b9;\n}\n\n.entryComponent pre {\n  background-color: #fafafa;\n  padding: 1rem;\n  text-align: left;\n}\n\n.entryComponent blockquote {\n  margin: 0;\n  border-left: 5px solid #7a7a7a;\n  font-style: italic;\n  padding: 1.33em;\n  text-align: left;\n}\n\n.entryComponent ul,\n.entryComponent ol,\n.entryComponent li {\n  text-align: left;\n}\n\n.entryComponent p {\n  color: #777;\n}\n  "]
     }),
@@ -29,0 +29,0 @@ __param(0, Inject(ENTRY_MARKDOWN)),

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

187833

increased by3.34%

Worsened metrics

Lines of code

2639

decreased by-0.23%

Number of low supply chain risk alerts

10

increased by25%

No dependency changes