feat(posts):add script to parse directory to json file

- not yet able to parse the individual markdown files so they render
- unsuccessful at getting ng2-markdown-to-html to work

README.md

@@ -0,0 +1 @@
+## ngx blog

config/dir-parse.js

@@ -0,0 +1,34 @@
+// https://code-maven.com/list-content-of-directory-with-nodejs
+var fs = require('fs');
+var path = require('path');
+var jsonfile = require('jsonfile');
+var postsjson = 'src/assets/_posts/posts.json';
+var dir = 'src/assets/_posts';
+
+// if (process.argv.length <= 2) {
+// console.log("Usage: " + __filename + " path/to/directory");
+// process.exit(-1);
+// }
+var extFilter = 'md';
+// var pathSupplied = process.argv[2];
+var pathSupplied = dir;
+
+function extension(element) {
+ var extName = path.extname(element);
+ return extName === '.' + extFilter;
+};
+
+fs.readdir(pathSupplied, function(err, items) {
+ var opener = '{ "posts": ';
+ var closer = ' }';
+ var posts = items.filter(extension).map((item) => {
+ var file = pathSupplied + '/' + item;
+ var obj = { title: file };
+ return obj;
+ })
+
+ opener += JSON.stringify(posts);
+ opener += closer;
+ console.log("Posts: ", JSON.stringify(posts));
+ fs.writeFile(postsjson, opener);
+});

config/webpack.common.js

@@ -1,7 +1,9 @@
 var webpack = require('webpack');
+var helpers = require('./helpers');
+
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 var ExtractTextPlugin = require('extract-text-webpack-plugin');
-var helpers = require('./helpers');
+var WebpackShellPlugin = require('webpack-shell-plugin');
 
 module.exports = {
  entry: {
@@ -32,6 +34,14 @@ module.exports = {
  test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
  loader: 'file-loader?name=assets/[name].[hash].[ext]'
  },
+ {
+ test: /\.md$/,
+ loader: 'markdown-loader'
+ },
+ {
+ test: /\.json$/,
+ loader: 'file-loader?name=assets/[name].[hash].json'
+ },
  {
  test: /\.css$/,
  exclude: helpers.root('src', 'app'),
@@ -63,6 +73,11 @@ module.exports = {
 
  new HtmlWebpackPlugin({
  template: 'src/index.html'
+ }),
+
+ new WebpackShellPlugin({
+ onBuildStart: ['node ./config/dir-parse.js']
  })
+
  ]
 };

config/webpack.dev.js

@@ -1,5 +1,6 @@
 var webpackMerge = require('webpack-merge');
 var ExtractTextPlugin = require('extract-text-webpack-plugin');
+var WebpackShellPlugin = require('webpack-shell-plugin');
 var commonConfig = require('./webpack.common.js');
 var helpers = require('./helpers');
 
@@ -14,7 +15,10 @@ module.exports = webpackMerge(commonConfig, {
  },
 
  plugins: [
- new ExtractTextPlugin('[name].css')
+ new ExtractTextPlugin('[name].css'),
+ new WebpackShellPlugin({
+ onBuildStart: ['node ./config/dir-parse.js']
+ })
  ],
 
  devServer: {

package.json

@@ -41,19 +41,20 @@
  "@angular/upgrade": "~4.3.1",
  "angular-in-memory-web-api": "~0.3.2",
  "core-js": "^2.4.1",
+ "jsonfile": "^3.0.1",
  "rxjs": "^5.1.0",
  "systemjs": "0.19.39",
  "zone.js": "^0.8.4"
  },
  "devDependencies": {
  "@angular/cli": "^1.2.0",
+ "@types/angular": "^1.5.16",
  "@types/angular-animate": "^1.5.5",
  "@types/angular-cookies": "^1.4.2",
  "@types/angular-mocks": "^1.5.5",
  "@types/angular-resource": "^1.5.6",
  "@types/angular-route": "^1.3.2",
  "@types/angular-sanitize": "^1.3.3",
- "@types/angular": "^1.5.16",
  "@types/jasmine": "2.5.36",
  "@types/node": "^6.0.45",
  "angular2-template-loader": "^0.6.0",
@@ -69,35 +70,37 @@
  "html-loader": "^0.4.3",
  "html-webpack-plugin": "^2.16.1",
  "http-server": "^0.9.0",
- "jasmine-core": "~2.4.1",
  "jasmine": "~2.4.1",
+ "jasmine-core": "~2.4.1",
+ "karma": "^1.3.0",
  "karma-chrome-launcher": "^2.0.0",
  "karma-cli": "^1.0.1",
- "karma-jasmine-html-reporter": "^0.2.2",
  "karma-jasmine": "^1.0.2",
+ "karma-jasmine-html-reporter": "^0.2.2",
  "karma-phantomjs-launcher": "^1.0.2",
  "karma-sourcemap-loader": "^0.3.7",
  "karma-webpack": "^2.0.1",
- "karma": "^1.3.0",
  "lite-server": "^2.2.2",
  "lodash": "^4.16.2",
+ "markdown-loader": "^2.0.1",
  "null-loader": "^0.1.1",
  "phantomjs-prebuilt": "^2.1.7",
  "protractor": "~5.1.0",
  "raw-loader": "^0.5.1",
  "rimraf": "^2.5.4",
+ "rollup": "^0.41.6",
  "rollup-plugin-commonjs": "^8.0.2",
  "rollup-plugin-node-resolve": "2.0.0",
  "rollup-plugin-uglify": "^1.0.1",
- "rollup": "^0.41.6",
  "source-map-explorer": "^1.3.2",
  "style-loader": "^0.13.1",
  "ts-node": "~3.0.4",
  "tslint": "^3.15.1",
  "typescript": "~2.3.2",
+ "webpack": "2.2.1",
  "webpack-dev-server": "2.4.1",
  "webpack-merge": "^3.0.0",
- "webpack": "2.2.1"
+ "webpack-shell-plugin": "^0.5.0"
  },
  "repository": {}
-}
+}

src/app/app.module.ts

@@ -1,8 +1,8 @@
-import { HomeComponent } from './../home/home.component';
+import { PostsService } from '../services/posts.service';
+import { HomeComponent } from '../home/home.component';
 import { AppRoutingModule } from './app-routing.module';
 import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { Routes, RouterModule } from '@angular/router';
+import { BrowserModule } from '@angular/platform-browser';
 import { HttpModule } from '@angular/http';
 
 import { AppComponent } from './app.component';
@@ -11,13 +11,15 @@ import { AppComponent } from './app.component';
  imports: [
  BrowserModule,
  HttpModule,
- AppRoutingModule
+ AppRoutingModule,
  ],
  declarations: [
  AppComponent,
  HomeComponent
  ],
- providers: [],
+ providers: [
+ PostsService
+ ],
  bootstrap: [AppComponent],
 })
 export class AppModule { }

src/assets/_posts/2017-08-09-test-post.md

@@ -0,0 +1 @@
+August 09, 2017 Test Post

src/assets/_posts/2017-08-10-test-post.md

@@ -0,0 +1 @@
+August 10th, 2017 Test Post

src/assets/_posts/posts.json

@@ -0,0 +1 @@
+{ "posts": [{"title":"src/assets/_posts/2017-08-09-test-post.md"},{"title":"src/assets/_posts/2017-08-10-test-post.md"},{"title":"src/assets/_posts/2017-08-11-test-post.md"}] }

src/home/home.component.html

@@ -0,0 +1,8 @@
+<div>
+ <h2>Home</h2>
+</div>
+<section>
+ <div *ngFor="let post of posts">
+ <div>{{post.title}}</div>
+ </div>
+</section>