Add source map

Author: styfle

src/constants.ts

@@ -2,6 +2,7 @@ export const reactUrl = '/react.js';
 export const reactDomUrl = '/react-dom.js';
 export const faviconUrl = 'data:image/x-icon;base64,AAABAAEAEBAAAAAAAABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB3qoEAd6r/AHeqgQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB3qoEAd6r/AHeqgQAAAAAAAAAAAAAAAAAAAAAAeaz/AMz//wCj1v8Aeaz/AHmsQAAAAAAAAAAAAHmsQAB5rP8Ao9b/AMz//wB5rP8AAAAAAAAAAAAAAAAAAAAAAHyv/wi66/8Lz///CLrr/wB8r/8AfK+/AHyvvwB8r/8Iuuv/C8///wi66/8AfK//AAAAAAAAAAAAAAAAAAAAAAB/soEOqdn/G9L//xvS//8b0v//FL3s/xS97P8b0v//G9L//xvS//8Oqdn/AH+ygQAAAAAAAAAAAAAAAAAAAAAAgrVAAIK1/y3W//8t1v//Ldb//y3W//8t1v//Ldb//y3W//8t1v//AIK1/wCCtUAAAAAAAAAAAAAAAAAAAAAAAAAAAACGuf8xxu3/Qdv//0Hb//9B2///Qdv//0Hb//9B2///Mcbt/wCGuf8AAAAAAAAAAAAAAAAAAAAAAAAAAACKvUAAir3/Qsru/1jg//9Y4P//WOD//1jg//9Y4P//WOD//0LK7v8Air3/AIq9QAAAAAAAAAAAAAAAAACOwUAAjsH/U8/v/2/l//9v5f//b+X//2/l//9v5f//b+X//2/l//9v5f//U8/v/wCOwf8AjsFAAAAAAACTxoEAk8b/ZNXx/4Xr//+F6///hev//4Xr//+F6///hev//4Xr//+F6///hev//4Xr//9k1fH/AJPG/wCTxoEAl8r/3f///734//+c8P//nPD//5zw//+c8P//nPD//5zw//+c8P//nPD//5zw//+c8P//vfj//93///8Al8r/AJvOgQCbzv8Am87/AJvO/wCbzv9YyOf/sPX//7D1//+w9f//sPX//1jI5/8Am87/AJvO/wCbzv8Am87/AJvOgQAAAAAAAAAAAAAAAAAAAAAAAAAAAJ/S/8L5///C+f//wvn//8L5//8An9L/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACi1YFpz+r/0vz//9L8//9pz+r/AKLVgQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKXY/93////d////AKXY/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACo24Fv1O3/b9Tt/wCo24EAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKrd/wCq3f8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAx+MAAMPDAADAAwAAwAMAAOAHAADgBwAA4AcAAMADAAAAAAAAAAAAAAAAAAD4HwAA+B8AAPw/AAD8PwAA/n8AAA==';
 export const stylesUrl = '/style.css';
-export const bundleUrl = '/bundle.js';
+export const browserUrl = '/browser.js';
+export const browserMapUrl = '/browser.js.map';
 export const propsUrl = '/app-props.json';
 export const containerId = 'content';

src/server.tsx

@@ -4,7 +4,7 @@ import { renderToString } from 'react-dom/server';
 import * as fs from 'fs';
 import AppComponent from './components/app';
 import { getItems } from './db';
-import { faviconUrl, stylesUrl, reactUrl, reactDomUrl, bundleUrl, propsUrl, containerId } from './constants';
+import { faviconUrl, stylesUrl, reactUrl, reactDomUrl, browserUrl, browserMapUrl, propsUrl, containerId } from './constants';
 
 console.log('Server booting...');
 const isProd = process.env.NODE_ENV === 'production';
@@ -31,7 +31,7 @@ createServer((req, res) => {
                 <div id="${containerId}">${reactHtml}</div>
                 <script src="${reactUrl}"></script>
                 <script src="${reactDomUrl}"></script>
-                <script src="${bundleUrl}"></script>
+                <script src="${browserUrl}"></script>
             </body>
         </html>`;
         res.setHeader('Content-Type', 'text/html');
@@ -61,12 +61,18 @@ createServer((req, res) => {
             if (err) { console.error(err); }
             res.end(data);
         });
-    } else if (req.url === bundleUrl) {
+    } else if (req.url === browserUrl) {
         res.setHeader('Content-Type', 'text/javascript');
         fs.readFile('./dist/browser.js', (err, data) => {
             if (err) { console.error(err); }
             res.end(data);
         });
+    } else if (req.url === browserMapUrl) {
+        res.setHeader('Content-Type', 'text/javascript');
+        fs.readFile('./dist/browser.js.map', (err, data) => {
+            if (err) { console.error(err); }
+            res.end(data);
+        });
     } else {
         res.setHeader('Content-Type', 'text/plain');
         res.statusCode = 404;