User browser-sync for preview

Author: petermuessig

package-lock.json

@@ -4,8 +4,7 @@
   "private": true,
   "scripts": {
     "build": "node tools/prepare-gh-pages.js",
-    "start": "node tools/dev-server.js",
-    "watch": "concurrently \"node tools/dev-server.js\" \"browser-sync start --proxy 'http://localhost:1337' --files '**/*'\""
+    "start": "node tools/dev-server.js"
   },
   "devDependencies": {
     "@highlightjs/cdn-assets": "^11.11.1",
@@ -19,7 +18,6 @@
     "gh-pages": "^6.3.0",
     "github-markdown-css": "^5.8.1",
     "handlebars": "^4.7.8",
-    "open": "^10.1.0",
     "showdown": "^2.1.0",
     "showdown-footnotes": "^2.1.2",
     "showdown-highlight": "^3.1.0"

package.json

@@ -7,6 +7,8 @@ const showdown = require('showdown');
 const footnotes = require('showdown-footnotes');
 const highlight = require("showdown-highlight");
 
+const browserSync = require("browser-sync");
+
 const express = require('express');
 const app = express();
 const port = 1337;
@@ -36,11 +38,6 @@ async function getTemplate() {
 	return templateFn;
 }
 
-async function renderStep(step) {
-	const html = await renderFile(`steps/${step}/README.md`, step);
-	return html;
-}
-
 async function renderFile(file, step) {
 	const md = readFileSync(file, { encoding: "utf-8" });
 	const bodyContent = await convertMarkdown(md);
@@ -49,45 +46,6 @@ async function renderFile(file, step) {
 	return html;
 }
 
-
-/*
-
-app.get('/', async (req, res) => {
-	res.redirect(`/README.md`);
-});
-
-app.get('/README.md', async (req, res) => {
-	try {
-		const md = readFileSync(`README.md`, { encoding: "utf-8" });
-		const bodyContent = await convertMarkdown(md);
-		const templateFn = await getTemplate();
-		const html = templateFn({ title: `Walkthrough`, bodyContent });
-		res.send(html);
-	} catch (error) {
-		res.status(500).send(error.message);
-	}
-});
-
-app.get('/steps/:step', async (req, res) => {
-	res.redirect(`/steps/${req.params.step}/README.md`);
-});
-
-app.get('/steps/:step/README.md', async (req, res) => {
-	try {
-		let html;
-		if (req.params.step === "00") {
-			 html = await renderFile(join(__dirname, "dev-server", "README_AUTHORS.md"), "00");
-		} else {
-			html = await renderStep(req.params.step);
-		}
-		res.send(html);
-	} catch (error) {
-		res.status(500).send(error.message);
-	}
-});
-*/
-
-
 app.use("/assets", express.static(join(__dirname, "..", "assets")));
 
 app.use("/assets/anchor-js", express.static(join(__dirname, "..", "node_modules", "anchor-js")));
@@ -124,7 +82,8 @@ app.use(async (req, res, next) => {
 });
 
 app.listen(port, async () => {
-	console.log(`Example app listening on port ${port}`);
-	const open = (await import("open")).default;
-	await open(`http://localhost:${port}`);
+	browserSync.init({
+		proxy: `http://localhost:${port}`,
+		files: ["**/*"],
+	});
 });