Add webpack for css and js
This commit is contained in:
Tom Raithel
@@ -1,21 +0,0 @@
|
||||
import {
|
||||
createRadar,
|
||||
outputRadar,
|
||||
} from './radar';
|
||||
import {
|
||||
createStatic,
|
||||
} from './static';
|
||||
|
||||
|
||||
(async () => {
|
||||
try {
|
||||
const radar = await createRadar();
|
||||
outputRadar(radar);
|
||||
createStatic(radar);
|
||||
|
||||
console.log('Built radar');
|
||||
// console.log(JSON.stringify(radar, null, 2));
|
||||
} catch(e) {
|
||||
console.error('error:', e);
|
||||
}
|
||||
})()
|
||||
@@ -1,13 +0,0 @@
|
||||
import { emptyDir } from 'fs-extra';
|
||||
import { distPath } from './file';
|
||||
|
||||
var distDir = distPath();
|
||||
|
||||
|
||||
emptyDir(distDir, (err) => {
|
||||
if (!err) {
|
||||
console.log('Cleaned dist dir', distDir);
|
||||
} else {
|
||||
console.error(err);
|
||||
}
|
||||
});
|
||||
@@ -1,56 +0,0 @@
|
||||
import path from 'path';
|
||||
import { walk } from 'walk';
|
||||
|
||||
export const relativePath = (...relativePath) => (
|
||||
path.resolve(__dirname, '..', ...relativePath)
|
||||
);
|
||||
|
||||
export const radarPath = (...pathInSrc) => (
|
||||
relativePath('radar', ...pathInSrc)
|
||||
);
|
||||
|
||||
export const staticPath = (...pathInSrc) => (
|
||||
relativePath('static-pages', ...pathInSrc)
|
||||
);
|
||||
|
||||
export const distPath = (...pathInDist) => (
|
||||
relativePath('dist', ...pathInDist)
|
||||
);
|
||||
|
||||
export const getAllMarkdownFiles = (folder) => (
|
||||
getAllFiles(folder, isMarkdownFile)
|
||||
);
|
||||
|
||||
export const getAllPugFiles = (folder) => (
|
||||
getAllFiles(folder, isPugFile)
|
||||
);
|
||||
|
||||
const getAllFiles = (folder, predicate) => (
|
||||
new Promise((resolve, reject) => {
|
||||
const walker = walk(folder, { followLinks: false });
|
||||
const files = [];
|
||||
|
||||
walker.on("file", (root, fileStat, next) => {
|
||||
if (predicate(fileStat.name)) {
|
||||
files.push(path.resolve(root, fileStat.name));
|
||||
}
|
||||
next();
|
||||
});
|
||||
|
||||
walker.on("errors", (root, nodeStatsArray, next) => {
|
||||
nodeStatsArray.forEach(function (n) {
|
||||
console.error("[ERROR] " + n.name)
|
||||
console.error(n.error.message || (n.error.code + ": " + n.error.path));
|
||||
});
|
||||
next();
|
||||
});
|
||||
|
||||
walker.on("end", () => {
|
||||
resolve(files.sort());
|
||||
});
|
||||
})
|
||||
);
|
||||
|
||||
const isMarkdownFile = (name) => name.match(/\.md$/);
|
||||
|
||||
const isPugFile = (name) => name.match(/\.pug$/);
|
||||
154
scripts/radar.js
154
scripts/radar.js
@@ -1,154 +0,0 @@
|
||||
import fs, { readFile, outputFile } from 'fs-extra';
|
||||
import path from 'path';
|
||||
import frontmatter from 'front-matter';
|
||||
import marked from 'marked';
|
||||
import {
|
||||
radarPath,
|
||||
distPath,
|
||||
getAllMarkdownFiles,
|
||||
} from './file';
|
||||
import {
|
||||
item as itemTemplate,
|
||||
quadrant as quadrantTemplate,
|
||||
vars,
|
||||
} from './template';
|
||||
|
||||
export const createRadar = async (tree) => {
|
||||
const fileNames = (await getAllMarkdownFiles(radarPath())).reverse();
|
||||
const revisions = await createRevisionsFromFiles(fileNames);
|
||||
const allVersions = getAllVersions(revisions);
|
||||
const quadrants = createQuadrants(revisions);
|
||||
const quadrantsWithIsNewFlag = flagWithIsNew(quadrants, allVersions);
|
||||
|
||||
return quadrantsWithIsNewFlag;
|
||||
};
|
||||
|
||||
const createRevisionsFromFiles = (fileNames) => (
|
||||
Promise.all(fileNames.map((fileName) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
readFile(fileName, 'utf8', (err, data) => {
|
||||
if(err) {
|
||||
reject(err);
|
||||
} else {
|
||||
const fm = frontmatter(data);
|
||||
resolve({
|
||||
...itemInfoFromFilename(fileName),
|
||||
fileName,
|
||||
attributes: fm.attributes,
|
||||
body: marked(fm.body),
|
||||
});
|
||||
}
|
||||
});
|
||||
})
|
||||
}))
|
||||
)
|
||||
|
||||
const itemInfoFromFilename = (fileName) => {
|
||||
const [
|
||||
version,
|
||||
quadrant,
|
||||
nameWithSuffix,
|
||||
] = fileName.split('/').slice(-3);
|
||||
return {
|
||||
name: nameWithSuffix.substr(0, nameWithSuffix.length - 3),
|
||||
version,
|
||||
quadrant,
|
||||
}
|
||||
};
|
||||
|
||||
const getAllVersions = (revisions) => (
|
||||
revisions.reduce((allVersions, { version }) => {
|
||||
if(!allVersions.includes(version)) {
|
||||
return [...allVersions, version];
|
||||
}
|
||||
return allVersions;
|
||||
}, []).sort()
|
||||
)
|
||||
|
||||
const createQuadrants = (revisions) => (
|
||||
revisions.reduce((quadrants, revision) => {
|
||||
return {
|
||||
...quadrants,
|
||||
[revision.quadrant]: addRevisionToQuadrant(quadrants[revision.quadrant], revision),
|
||||
};
|
||||
}, {})
|
||||
);
|
||||
|
||||
const addRevisionToQuadrant = (quadrant = {}, revision) => ({
|
||||
...quadrant,
|
||||
[revision.name]: addRevisionToItem(quadrant[revision.name], revision),
|
||||
});
|
||||
|
||||
const addRevisionToItem = (item = {
|
||||
attributes: {},
|
||||
revisions: [],
|
||||
}, revision) => {
|
||||
const {
|
||||
name,
|
||||
quadrant,
|
||||
fileName,
|
||||
...rest,
|
||||
} = revision;
|
||||
return {
|
||||
attributes: {
|
||||
...item.attributes,
|
||||
...revision.attributes,
|
||||
},
|
||||
revisions: item.revisions.concat(rest),
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
export const outputRadar = (radar) => {
|
||||
return Promise.all(
|
||||
Object.entries(radar).map(async ([quadrantName, quadrant]) => {
|
||||
await outputQuadrantPage(quadrantName, quadrant);
|
||||
Object.entries(quadrant).map(([itemName, item]) => (
|
||||
new Promise((resolve, reject) => {
|
||||
outputFile(distPath(quadrantName, `${itemName}.html`), itemTemplate(vars({
|
||||
quadrantName,
|
||||
item,
|
||||
})), (err, data) => {
|
||||
if (err) {
|
||||
reject(err);
|
||||
} else {
|
||||
resolve(data);
|
||||
}
|
||||
})
|
||||
})
|
||||
))
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
const outputQuadrantPage = (quadrantName, quadrant) => (
|
||||
new Promise((resolve, reject) => {
|
||||
outputFile(distPath(`${quadrantName}.html`), quadrantTemplate(vars({
|
||||
quadrantName,
|
||||
quadrant,
|
||||
})), (err, data) => {
|
||||
if (err) {
|
||||
reject(err);
|
||||
} else {
|
||||
resolve(data);
|
||||
}
|
||||
})
|
||||
})
|
||||
)
|
||||
|
||||
const flagWithIsNew = (radar, allVersions) => (
|
||||
Object.entries(radar).reduce((newRadar, [quadrantName, quadrant]) => ({
|
||||
...newRadar,
|
||||
[quadrantName]: Object.entries(quadrant).reduce((newItem, [itemName, item]) => ({
|
||||
...newItem,
|
||||
[itemName]: {
|
||||
...item,
|
||||
isNew: isNewItem(item, allVersions),
|
||||
},
|
||||
}), {}),
|
||||
}), {})
|
||||
);
|
||||
|
||||
const isNewItem = (item, allVersions) => {
|
||||
return item.revisions[0].version === allVersions[allVersions.length-1]
|
||||
}
|
||||
@@ -1,42 +0,0 @@
|
||||
import { outputFile } from 'fs-extra';
|
||||
import pug from 'pug';
|
||||
import frontmatter from 'front-matter';
|
||||
import marked from 'marked';
|
||||
import {
|
||||
staticPath,
|
||||
distPath,
|
||||
getAllPugFiles,
|
||||
} from './file';
|
||||
import {
|
||||
vars,
|
||||
} from './template';
|
||||
|
||||
export const createStatic = async (radar) => {
|
||||
const paths = await getAllPugFiles(staticPath());
|
||||
const fileNames = getPlainFileNames(paths);
|
||||
return renderStaticPages(radar, fileNames);
|
||||
return fileNames;
|
||||
};
|
||||
|
||||
const getPlainFileNames = (paths) => (
|
||||
paths.map((fileName) => {
|
||||
const [ nameWithSuffix ] = fileName.split('/').slice(-1);
|
||||
return nameWithSuffix.substr(0, nameWithSuffix.length - 4);
|
||||
})
|
||||
)
|
||||
|
||||
const renderStaticPages = (radar, fileNames) => (
|
||||
Promise.all(fileNames.map((name) => (
|
||||
new Promise((resolve, reject) => (
|
||||
outputFile(distPath(`${name}.html`), pug.renderFile(staticPath(`${name}.pug`), vars({
|
||||
radar,
|
||||
})), (err, data) => {
|
||||
if (err) {
|
||||
reject(err);
|
||||
} else {
|
||||
resolve(data);
|
||||
}
|
||||
})
|
||||
))
|
||||
)))
|
||||
);
|
||||
@@ -1,22 +0,0 @@
|
||||
import pug from 'pug';
|
||||
import { relativePath } from './file';
|
||||
|
||||
const templateFolder = 'templates';
|
||||
|
||||
export const vars = (vars) => ({
|
||||
translate: (text) => {
|
||||
const mappings = {
|
||||
'languages-and-frameworks': 'Languages & Frameworks',
|
||||
'methods-and-patterns': 'Methods & Patterns',
|
||||
'platforms-and-aoe-services': 'Platforms and AOE Services',
|
||||
'tools': 'Tools',
|
||||
};
|
||||
|
||||
return mappings[text.trim()] || '-';
|
||||
},
|
||||
...vars,
|
||||
})
|
||||
|
||||
export const item = pug.compileFile(relativePath(templateFolder, 'item.pug'));
|
||||
|
||||
export const quadrant = pug.compileFile(relativePath(templateFolder, 'quadrant.pug'));
|
||||
Reference in New Issue
Block a user