Add new CSS and watch tasks

js/radar.js

@@ -1,3 +1,3 @@
 const add = (x, y) => x + y;
 
-add(1, 2);
+add(1, 4);

package.json

@@ -7,7 +7,10 @@
     "build": "npm run clean && npm run build:radar && npm run build:js && npm run build:css",
     "build:radar": "babel-node ./tasks/build.js",
     "build:js": "webpack --config webpack.config.js",
-    "build:css": "postcss -c postcss.config.json -d dist/ styles/*.css ",
+    "build:css": "postcss -c postcss.config.json -o dist/styles.css styles/main.css",
+    "watch:radar": "nodemon -w radar -w static-pages -w templates -e md,pug --exec 'npm run build:radar'",
+    "watch:css": "nodemon -w styles -e css --exec 'npm run build:css'",
+    "watch:js": "nodemon -w js -e js --exec 'npm run build:js'",
     "clean": "babel-node ./tasks/clean.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -24,6 +27,7 @@
     "fs-extra": "2.0.0",
     "marked": "0.3.6",
     "postcss-cli": "2.6.0",
+    "postcss-easy-import": "2.0.0",
     "postcss-nested": "1.0.0",
     "pug": "2.0.0-beta8",
     "walk": "2.3.9",

postcss.config.json

@@ -1,7 +1,8 @@
 {
   "use": [
-    "autoprefixer",
-    "postcss-nested"
+    "postcss-easy-import",
+    "postcss-nested",
+    "autoprefixer"
   ],
   "autoprefixer": {
       "browsers": "> 5%"

radar/2016-02-01/methods-and-patterns/foo.md

@@ -1,5 +1,4 @@
 ---
-new:        true
 ---
 
 Foo

radar/2016-02-01/platforms-and-aoe-services/bar.md

@@ -1,8 +1,6 @@
 ---
-layout:     post
 title:      "Bar"
 ring:       assess
-new:        true
 ---
 
 Bar

radar/2016-02-01/tools/grunt.md

@@ -1,17 +1,8 @@
 ---
-layout:     post
 title:      "Grunt"
-ring:       hold
-new:        true
+ring:       adopt
 ---
 
-Hier steht was über *Grunt*
+Hier steht was altes über *Grunt*
 
 Hier noch ein [link](http://www.google.de) zu google
-
-<!--except-->
-
-Hier steht der Rest!
-
-History
--------

radar/2016-02-02/languages-and-frameworks/vue.md

@@ -1,6 +1,5 @@
 ---
-layout:     post
-title:      "React"
+title:      "Vue"
 ring:       adopt
 ---
 

radar/2016-02-02/tools/grunt.md

@@ -1,17 +1,6 @@
 ---
-layout:     post
-title:      "Grunt"
+title:      "Grunt 2"
 ring:       hold
-new:        true
 ---
 
-Hier steht was über *Grunt*
-
-Hier noch ein [link](http://www.google.de) zu google
-
-<!--except-->
-
-Hier steht der Rest!
-
-History
--------
+Hier steht was neueres über *Grunt*

radar/2016-02-03/languages-and-frameworks/react.md

@@ -0,0 +1,3 @@
+---
+isFeatured: false
+---

static-pages/index.pug

@@ -10,5 +10,7 @@ block content
         h4= translate(quadrantName)
         ul
           each radarItem, itemName in quadrant
-            li
-              a(href='/' + quadrantName + '/' + itemName + '.html')= radarItem.attributes.title
+            if radarItem.attributes.isFeatured === true
+              li
+                a(href='/' + quadrantName + '/' + itemName + '.html')
+                  = radarItem.attributes.title

styles/base.css

@@ -1,9 +1,9 @@
 body {
-  background: red;
+  background: #fff;
   box-sizing: border-box;
   transform: translate3d(1,1,1);
 
   & h1 {
-    background: green;
+    color: blue;
   }
 }

styles/components/header.css

@@ -0,0 +1,3 @@
+.header {
+  background: blue;
+}

styles/main.css

@@ -0,0 +1,2 @@
+@import "./base.css";
+@import "./components/*.css";

tasks/radar.js

@@ -14,7 +14,7 @@ import {
 } from './template';
 
 export const createRadar = async (tree) => {
-  const fileNames = (await getAllMarkdownFiles(radarPath())).reverse();
+  const fileNames = (await getAllMarkdownFiles(radarPath()));
   const revisions = await createRevisionsFromFiles(fileNames);
   const allVersions = getAllVersions(revisions);
   const quadrants = createQuadrants(revisions);
@@ -80,7 +80,9 @@ const addRevisionToQuadrant = (quadrant = {}, revision) => ({
 });
 
 const addRevisionToItem = (item = {
-  attributes: {},
+  attributes: {
+    isFeatured: true,
+  },
   revisions: [],
 }, revision) => {
   const {
@@ -90,15 +92,18 @@ const addRevisionToItem = (item = {
     ...rest,
   } = revision;
   return {
+    ...item,
     attributes: {
       ...item.attributes,
       ...revision.attributes,
     },
-    revisions: item.revisions.concat(rest),
+    revisions: [
+      rest,
+      ...item.revisions,
+    ],
   };
 };
 
-
 export const outputRadar = (radar) => {
   return Promise.all(
     Object.entries(radar).map(async ([quadrantName, quadrant]) => {

templates/item.pug

@@ -9,9 +9,13 @@ block content
     = ' '
     small #{item.attributes.ring}
 
-  h2 New: #{item.isNew ? 'YES' : 'NO'}
 
   hr
+    
+  h4= item.revisions[0].version
+  h5 New: #{item.isNew ? 'YES' : 'NO'}
+  h5 Feature: #{item.attributes.isFeatured ? 'YES' : 'NO'}
+
   section
     != item.revisions[0].body
   hr