Fix: previous commit broke CSS HMR, this one should fix it

Author: birdofpreyru

package-lock.json

@@ -116,5 +116,5 @@
     "lint:scss": "./node_modules/.bin/stylelint **/*.scss --syntax scss",
     "test": "npm run lint && npm run jest"
   },
-  "version": "0.4.6"
+  "version": "0.4.7"
 }

package.json

@@ -53,12 +53,9 @@ export default async function Launch({
     const hotSuccess = hotReporter.success;
     hotReporter.success = () => {
       const stamp = shortId();
-      const links = document.querySelectorAll('link[rel=stylesheet]');
+      const links = document.querySelectorAll('link[rel=stylesheet][id="tru-style"]');
       for (let i = 0; i < links.length; i += 1) {
-        const link = links[i];
-        if (link.href.startsWith('/')) {
-          link.href = `${link.href.match(/[^?]*/)}?v=${stamp}`;
-        }
+        links[i].href = `${links[i].href.match(/[^?]*/)}?v=${stamp}`;
       }
       hotSuccess();
     };

src/client/index.jsx

@@ -137,7 +137,7 @@ export default function factory(webpackConfig, options) {
 
       if (context.status) res.status(context.status);
       const styles = context.chunks.map(chunk => (
-        `<link data-chunk="${chunk}" href="${publicPath}${chunk}-${timestamp}.css" rel="stylesheet" />`
+        `<link data-chunk="${chunk}" id="tru-style" href="${publicPath}${chunk}-${timestamp}.css" rel="stylesheet" />`
       )).join('');
 
       res.send((
@@ -148,6 +148,7 @@ export default function factory(webpackConfig, options) {
             ${helmet ? helmet.meta.toString() : ''}
             <link
               href="${publicPath}main-${timestamp}.css"
+              id="tru-style"
               rel="stylesheet"
             />
             ${styles}

src/server/renderer.jsx

@@ -161,6 +161,7 @@ export default class SplitRoute extends React.Component {
               link = document.createElement('link');
               link.setAttribute('data-chunk', `${chunkName}`);
               link.setAttribute('href', `${PUBLIC_PATH}/${chunkName}-${timestamp}.css`);
+              link.setAttribute('id', 'tru-style');
               link.setAttribute('rel', 'stylesheet');
               const head = document.getElementsByTagName('head')[0];
               head.appendChild(link);