Rebuild hyperlink

package.json

@@ -37,6 +37,7 @@
     "lint:markdown": "markdownlint --config ./.markdownlint.json *.md ./src/content/**/*.md --ignore './src/content/**/_*.md'",
     "lint:social": "alex . -q",
     "lint:prose": "cp .proselintrc ~/ && proselint src/content",
+    "linkcheck": "hyperlink -r dist/index.html --canonicalroot https://webpack.js.org/ --skip support__ --skip sidecar.gitter.im --todo img.shields.io --todo external-redirect | tee master.tap | tap-spot",
     "sitemap": "cd dist && sitemap-static --prefix=https://webpack.js.org/ > sitemap.xml",
     "serve": "npm run build && sirv start ./dist --port 4000",
     "deploy": "gh-pages -d dist"
@@ -71,12 +72,12 @@
     "fontgen-loader": "git://github.com/EugeneHlushko/fontgen-loader.git#a26a73843900ca4b518853952b1fc3c816103512",
     "front-matter": "^2.3.0",
     "gh-pages": "^1.0.0",
+    "github": "^10.0.0",
     "html-webpack-plugin": "^2.30.1",
     "html-webpack-template": "^6.1.0",
-    "github": "^10.0.0",
     "http-server": "^0.10.0",
     "husky": "^1.0.0-rc.8",
-    "hyperlink": "^3.0.1",
+    "hyperlink": "github:Munter/hyperlink#070916d",
     "loader-utils": "^1.1.0",
     "lodash": "^4.17.4",
     "markdownlint": "^0.6.0",
@@ -106,7 +107,7 @@
     "sitemap-static": "^0.4.2",
     "static-site-generator-webpack-plugin": "^3.4.1",
     "style-loader": "^0.18.2",
-    "tap-parser": "^6.0.1",
+    "tap-spot": "^1.1.1",
     "through2": "^2.0.3",
     "uglifyjs-webpack-plugin": "^1.1.6",
     "webpack": "^3.10.0",

src/components/Markdown/Markdown.scss

@@ -26,7 +26,7 @@
       color: inherit;
     }
 
-    a {
+    a[aria-hidden="true"] {
       margin-left: 8px;
       font-size: 0.8em;
       height: 1em;
@@ -35,7 +35,7 @@
       transition: all 250ms;
     }
 
-    &:hover a {
+    &:hover a[aria-hidden="true"] {
       opacity: 1;
       visibility: visible;
     }

src/components/NotificationBar/NotificationBar.jsx

@@ -20,7 +20,7 @@ class MessageBar extends React.Component {
         <Container className="notification-bar__inner">
           <p>
             Sponsor webpack and get apparel from the <a href="https://webpack.threadless.com">official shop</a> or get
-            stickers <a href="http://www.unixstickers.com/tag/webpack">here</a>! All proceeds go to our{' '}
+            stickers <a href="https://www.unixstickers.com/tag/webpack">here</a>! All proceeds go to our{' '}
             <a href="https://opencollective.com/webpack">open collective</a>!
           </p>
           {localStorageIsEnabled ? (

src/components/SidebarItem/SidebarItem.jsx

@@ -89,6 +89,10 @@ export default class SidebarItem extends React.Component {
     if ( `/${currentPage}` === url ) {
       return `#${anchor.id}`;
 
-    } else return `${url}#${anchor.id}`;
+    } else if (!anchor.id) {
+      return url;
+    } else {
+      return `${url}#${anchor.id}`;
+    }
   }
 }

src/content/concepts/modules.md

@@ -37,10 +37,10 @@ T> webpack 1 requires a specific loader to convert ES2015 `import`, however this
 webpack supports modules written in a variety of languages and preprocessors, via _loaders_. _Loaders_ describe to webpack **how** to process non-JavaScript _modules_ and include these _dependencies_ into your _bundles_.
 The webpack community has built _loaders_ for a wide variety of popular languages and language processors, including:
 
-* [CoffeeScript](http://coffeescript.org)
+* [CoffeeScript](https://coffeescript.org)
 * [TypeScript](https://www.typescriptlang.org)
 * [ESNext (Babel)](https://babeljs.io)
-* [Sass](http://sass-lang.com)
+* [Sass](https://sass-lang.com)
 * [Less](http://lesscss.org)
 * [Stylus](http://stylus-lang.com)
 

src/content/concepts/output.md

@@ -63,7 +63,7 @@ module.exports = {
   //...
   output: {
     path: '/home/proj/cdn/assets/[hash]',
-    publicPath: 'http://cdn.example.com/assets/[hash]/'
+    publicPath: 'https://cdn.example.com/assets/[hash]/'
   }
 };
 ```

src/content/configuration/configuration-languages.md

@@ -16,7 +16,7 @@ webpack accepts configuration files written in multiple programming and data lan
 
 ## TypeScript
 
-To write the webpack configuration in [TypeScript](http://www.typescriptlang.org/), you would first install the necessary dependencies:
+To write the webpack configuration in [TypeScript](https://www.typescriptlang.org/), you would first install the necessary dependencies:
 
 ``` bash
 npm install --save-dev typescript ts-node @types/node @types/webpack
@@ -90,7 +90,7 @@ __package.json__
 
 ## CoffeeScript
 
-Similarly, to use [CoffeeScript](http://coffeescript.org/), you would first install the necessary dependencies:
+Similarly, to use [CoffeeScript](https://coffeescript.org/), you would first install the necessary dependencies:
 
 ``` bash
 npm install --save-dev coffee-script

src/content/configuration/dev-server.md

@@ -978,7 +978,7 @@ webpack-dev-server --socket socket
 
 ## `devServer.staticOptions`
 
-It is possible to configure advanced options for serving static files from `contentBase`. See the [Express documentation](http://expressjs.com/en/4x/api.html#express.static) for the possible options. An example:
+It is possible to configure advanced options for serving static files from `contentBase`. See the [Express documentation](https://expressjs.com/en/4x/api.html#express.static) for the possible options. An example:
 
 ```js
 module.exports = {

src/content/guides/integrations.md

@@ -8,7 +8,7 @@ contributors:
   - skipjack
 ---
 
-Let's start by clearing up a common misconception. webpack is a module bundler like [Browserify](http://browserify.org/) or [Brunch](http://brunch.io/). It is _not a task runner_ like [Make](https://www.gnu.org/software/make/), [Grunt](https://gruntjs.com/), or [Gulp](https://gulpjs.com/). Task runners handle automation of common development tasks such as linting, building, or testing your project. Compared to bundlers, task runners have a higher level focus. You can still benefit from their higher level tooling while leaving the problem of bundling to webpack.
+Let's start by clearing up a common misconception. webpack is a module bundler like [Browserify](http://browserify.org/) or [Brunch](https://brunch.io/). It is _not a task runner_ like [Make](https://www.gnu.org/software/make/), [Grunt](https://gruntjs.com/), or [Gulp](https://gulpjs.com/). Task runners handle automation of common development tasks such as linting, building, or testing your project. Compared to bundlers, task runners have a higher level focus. You can still benefit from their higher level tooling while leaving the problem of bundling to webpack.
 
 Bundlers help you get your JavaScript and stylesheets ready for deployment, transforming them into a format that's suitable for the browser. For example, JavaScript can be [minified](/plugins/uglifyjs-webpack-plugin) or [split into chunks](/guides/code-splitting) and [lazy-loaded](/guides/lazy-loading) to improve performance. Bundling is one of the most important challenges in web development, and solving it well can remove a lot of pain from the process.
 
@@ -96,7 +96,7 @@ For more information, please visit the [repository](https://github.com/zinserjan
 
 ## Karma
 
-The [`karma-webpack`](https://github.com/webpack-contrib/karma-webpack) package allows you to use webpack to pre-process files in [Karma](http://karma-runner.github.io/1.0/index.html). It also makes use of [`webpack-dev-middleware`](https://github.com/webpack/webpack-dev-middleware) and allows passing configurations for both. A simple example may look something like this:
+The [`karma-webpack`](https://github.com/webpack-contrib/karma-webpack) package allows you to use webpack to pre-process files in [Karma](https://karma-runner.github.io/1.0/index.html). It also makes use of [`webpack-dev-middleware`](https://github.com/webpack/webpack-dev-middleware) and allows passing configurations for both. A simple example may look something like this:
 
 ``` bash
 npm install --save-dev webpack karma karma-webpack

src/content/guides/typescript.md

@@ -153,7 +153,7 @@ See the [devtool documentation](/configuration/devtool/) for more information.
 
 ## Using Third Party Libraries
 
-When installing third party libraries from npm, it is important to remember to install the typing definition for that library. These definitions can be found at [TypeSearch](http://microsoft.github.io/TypeSearch/).
+When installing third party libraries from npm, it is important to remember to install the typing definition for that library. These definitions can be found at [TypeSearch](https://microsoft.github.io/TypeSearch/).
 
 For example if we want to install lodash we can run the following command to get the typings for it:
 

src/content/plugins/define-plugin.md

@@ -93,6 +93,6 @@ Use a different service URL in production/development builds:
 
 ```javascript
 new webpack.DefinePlugin({
-  'SERVICE_URL': JSON.stringify('http://dev.example.com')
+  'SERVICE_URL': JSON.stringify('https://dev.example.com')
 });
 ```

src/content/plugins/source-map-dev-tool-plugin.md

@@ -64,7 +64,7 @@ Set a URL for source maps. Useful for hosting them on a host that requires autho
 
 ```js
 new webpack.SourceMapDevToolPlugin({
-  append: '\n//# sourceMappingURL=http://example.com/sourcemap/[url]',
+  append: '\n//# sourceMappingURL=https://example.com/sourcemap/[url]',
   filename: '[name].map'
 });
 ```

src/utilities/fetch-package-files.js

@@ -79,7 +79,7 @@ function fetchPackageFiles(options, cb) {
       .then(body => {
         // modify README to fit page structure in site
         if (body && file === 'README.md') {
-          body = processReadme(body);
+          body = processReadme(body, { source: url });
         }
 
         let title = pkg.name;

src/utilities/process-readme.js

@@ -1,4 +1,6 @@
-module.exports = function processREADME(body) {
+const Url = require('url');
+
+module.exports = function processREADME(body, options = {}) {
   return body
     .replace(/[^]*?<div align="center">([^]*?)<\/div>/, (match, content) => {
       let parsed = content.match(/<p>([^]*?)<\/?p>/);
@@ -11,6 +13,9 @@ module.exports = function processREADME(body) {
     // Modify links to keep them within the site
     .replace(/https?:\/\/github.com\/(webpack|webpack-contrib)\/([-A-za-z0-9]+-loader\/?)([)"])/g, '/loaders/$2/$3')
     .replace(/https?:\/\/github.com\/(webpack|webpack-contrib)\/([-A-za-z0-9]+-plugin\/?)([)"])/g, '/plugins/$2/$3')
+    // Replace local github links with absolute links to the github location
+    // EXAMPLE: [Contributing](./.github/CONTRIBUTING.md)
+    .replace(/\[([^\]]*)\]\((\.[^)]+)\)/g, (markdownLink, content, href) => `[${content}](${Url.resolve(options.source, href)})`)
     // Replace any <h2> with `##`
     .replace(/<h2[^>]*>/g, '## ')
     .replace(/<\/h2>/g, '')