feat(frontmatter handling): handle published and slug parameters in content files (#204)

Author: SanderElias

.github/ISSUE_TEMPLATE/----docs-report.md

@@ -1,4 +1,5 @@
 ---
+
 name: "\U0001F5C4️ Docs report"
 about: Suggest a fix or improvement to Scully docs
 title: ''

.github/ISSUE_TEMPLATE/---bug-report.md

@@ -1,4 +1,5 @@
 ---
+
 name: "\U0001F41E Bug report"
 about: Report a bug in Scully
 title: ''

.github/ISSUE_TEMPLATE/---feature-request.md

@@ -1,4 +1,5 @@
 ---
+
 name: "\U0001F9E9 Feature request"
 about: Suggest an idea for Scully
 title: ''

blog/page-1.md

@@ -2,6 +2,7 @@
 title: My first page
 author: Sander Elias
 publish date: 2019-11-26
+slug: look at_my-urls Cool
 description: This is the first demo page in this sample.
 ---
 

blog/page-2.md

@@ -1,8 +1,11 @@
 ---
-title: My second page
-author: Sander Elias
-publish date: 2019-11-27
-description: This is the second demo page in this sample.
+title: 'My second page'
+author: 'Sander Elias'
+'publish date': 2019-11-27T00:00:00.000Z
+published: false
+description: 'This is the second demo page in this sample.'
+slugs:
+  - ___UNPUBLISHED___k5nhcflm_SJwD4Z0QDrIHg1PGHo2mrfLZE8sfUsPy
 ---
 
 # Page 2

package-lock.json

@@ -37,7 +37,7 @@
     "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.900.0-rc.7",
+    "@angular-devkit/build-angular": "^0.900.0-rc.9",
     "@angular-devkit/build-ng-packagr": "~0.900.0-rc.7",
     "@angular/cli": "~9.0.0-rc.7",
     "@angular/compiler-cli": "~9.0.0-rc.7",
@@ -56,6 +56,7 @@
     "@types/node": "^12.11.1",
     "@types/puppeteer": "^1.20.2",
     "@types/request": "^2.48.4",
+    "@types/yamljs": "^0.2.30",
     "@types/yargs": "^13.0.3",
     "asciidoctor.js": "^1.5.9",
     "codelyzer": "^5.1.2",
@@ -85,6 +86,7 @@
     "tsickle": "^0.37.1",
     "tslint": "~5.20.1",
     "typescript": "^3.6.4",
+    "yamljs": "^0.3.0",
     "yargs": "^14.2.0"
   },
   "config": {

package.json

@@ -1,7 +1,7 @@
 import {Component, OnInit, ViewEncapsulation} from '@angular/core';
-import {ActivatedRoute, Router, ROUTES} from '@angular/router';
+import {ActivatedRoute, Router} from '@angular/router';
 
-declare var ng: any;
+declare var window: any;
 
 @Component({
   selector: 'app-blog',
@@ -11,7 +11,26 @@ declare var ng: any;
   encapsulation: ViewEncapsulation.Emulated,
 })
 export class BlogComponent implements OnInit {
-  ngOnInit() {}
+  ngOnInit() {
+    // if (window && !window.PrismLoading) {
+    //   window.PrismLoading = true;
+    //   if (window.Prism) {
+    //     /** already loaded nothing to do here.. */
+    //     return;
+    //   }
+    //   /** load prism to do syntax highlighting */
+    //   const lnk = document.createElement('link');
+    //   lnk.href = 'https://cdn.jsdelivr.net/npm/prismjs@1.19.0/themes/prism-twilight.css';
+    //   lnk.rel = 'stylesheet';
+    //   document.head.appendChild(lnk);
+    //   const prism = document.createElement('script');
+    //   prism.src = 'https://cdn.jsdelivr.net/npm/prismjs@1.19.0/prism.min.js';
+    //   document.head.appendChild(prism);
+    //   const prismLoad = document.createElement('script');
+    //   prismLoad.src = 'https://cdn.jsdelivr.net/npm/prismjs@1.19.0/prism.min.js';
+    //   document.head.appendChild(prismLoad);
+    // }
+  }
 
   constructor(private router: Router, private route: ActivatedRoute) {}
 }

projects/sampleBlog/src/app/blog/blog.component.ts

@@ -1,7 +1,8 @@
 <h1>Available routes</h1>
 
-<a class="btn" [routerLink]="['/home', '']" *ngIf="!toplevelOnly">Top level routes only</a>
-<a class="btn" [routerLink]="['/home', 'all']" *ngIf="toplevelOnly">All routes</a>
+<a class="btn" [routerLink]="['/home', '']" *ngIf="!toplevelOnly || unPublished">Top level routes only</a>
+<a class="btn" [routerLink]="['/home', 'all']" *ngIf="toplevelOnly || unPublished">All routes</a>
+<a class="btn" [routerLink]="['/home', 'unpublished']" *ngIf="!unPublished">Unpublished routes</a>
 <ul>
   <li>
     <strong>routelink</strong>

projects/sampleBlog/src/app/static/static.component.html

@@ -9,17 +9,19 @@ import {ScullyRoutesService} from '@scullyio/ng-lib';
 })
 export class StaticComponent implements OnInit {
   toplevelOnly = true;
+  unPublished = false;
   available$ = this.srs.available$;
   topLevel$ = this.srs.topLevel$;
   constructor(private srs: ScullyRoutesService, private route: ActivatedRoute) {}
 
   get routes() {
-    return this.toplevelOnly ? this.topLevel$ : this.available$;
+    return this.unPublished ? this.srs.unPublished$ : this.toplevelOnly ? this.topLevel$ : this.available$;
   }
 
   ngOnInit() {
     this.route.params.subscribe(params => {
       this.toplevelOnly = params.topLevel !== 'all';
+      this.unPublished = params.topLevel === 'unpublished';
     });
   }
 }