🤗 Make it webpack 5-friendly (#1)

* BREAKING CHANGE: upgrade to webpack 5

* chore: trying to get rid of long-accidentally committed .DS_Store

* chore: bring semantic-release back (try!)

* chore(travis): well sh*t, Travis needs exactly .travis.yml 🤷🏻‍♂️

* chore(travis): remove deprecated key sudo and specific yarn version

* docs(README): update the README so it sparks more joy ✨🧘🏻‍♀️✨

.eslintignore

@@ -0,0 +1,4 @@
+# Ignore these files
+
+**/dist
+coverage

.gitignore

@@ -1,7 +1,9 @@
 # Created by .ignore support plugin (hsz.mobi)
+
 .DS_Store
 .idea
 .vscode
 node_modules
 coverage
 demo/dist
+.eslintcache

.prettierrc.yaml

@@ -0,0 +1,2 @@
+singleQuote: true
+printWidth: 100

.travis.yml

@@ -1,23 +1,23 @@
-sudo: required
 before_install: # if "install" is overridden
-# Repo for Yarn
-- sudo apt-key adv --fetch-keys http://dl.yarnpkg.com/debian/pubkey.gpg
-- echo "deb http://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
-- sudo apt-get update -qq
-- sudo apt-get install -y -qq yarn=1.10.1-1
+ # Repo for Yarn
+ - sudo apt-key adv --fetch-keys http://dl.yarnpkg.com/debian/pubkey.gpg
+ - echo "deb http://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
+ - sudo apt-get update -qq
+ - sudo apt-get install -y -qq yarn
 cache:
  yarn: true
  directories:
- - node_modules
+  - node_modules
 language: node_js
 node_js:
-- '10'
+ - '10'
 script:
-- yarn test
-- yarn test:nyan
-- yarn cov
+ - yarn test
+ - yarn test:nyan
+ - yarn cov
 after_success:
-- yarn cov:report
+ - yarn cov:report
+ - yarn semantic-release
 branches:
  except:
- - /^v\d+\.\d+\.\d+$/
+  - /^v\d+\.\d+\.\d+$/

LICENSE.txt

@@ -1,7 +1,7 @@
  DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
  Version 2, December 2004
 
- Copyright (C) 2019 Glenn Dwiyatcita <[email protected]>
+ Copyright (C) 2020 Glenn Dwiyatcita <[email protected]>
 
  Everyone is permitted to copy and distribute verbatim or modified
  copies of this license document, and changing it is allowed as long

README.md

@@ -1,11 +1,12 @@
 # hodor-loader
+
 ```
- _| | |_ _ _ _ _ _ _ 
-|_ . _|| |_ ___ | | __| | | |_ | |_ ___ __| | ___ ___ _ _ 
-|_ _|| ' \ / _ \ | | / _` | | _| | ' \ / -_) / _` | / _ \ / _ \ | '_| 
- |_|_| |_||_| \___/ _|_|_ \__,_| _\__| |_||_| \___| \__,_| \___/ \___/ _|_|_ 
-_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""| 
-"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-' 
+ _| | |_ _ _ _ _ _ _
+|_ . _|| |_ ___ | | __| | | |_ | |_ ___ __| | ___ ___ _ _
+|_ _|| ' \ / _ \ | | / _` | | _| | ' \ / -_) / _` | / _ \ / _ \ | '_|
+ |_|_| |_||_| \___/ _|_|_ \__,_| _\__| |_||_| \___| \__,_| \___/ \___/ _|_|_
+_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|
+"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'
 ```
 
 [![travis build](https://img.shields.io/travis/dwiyatci/hodor-loader.svg)](https://travis-ci.org/dwiyatci/hodor-loader)
@@ -14,7 +15,7 @@ _|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|
 [![downloads](https://img.shields.io/npm/dt/hodor-loader.svg)](http://npm-stat.com/charts.html?package=hodor-loader)
 [![WTFPL License](https://img.shields.io/badge/license-WTFPL-red.svg)](https://raw.githubusercontent.com/dwiyatci/hodor-loader/master/LICENSE.txt)
 
-This [webpack](https://github.com/webpack/webpack) loader allows statically replacing string literal and literal template syntax in JavaScript source code with [Hodor](http://awoiaf.westeros.org/index.php/Hodor) before it gets bundled and interpreted.
+This [webpack](https://webpack.js.org) loader allows statically replacing string literal and literal template syntax in JavaScript source code with [Hodor](http://awoiaf.westeros.org/index.php/Hodor) before it gets bundled and interpreted.
 
 Smells like an experimental manipulative Lexer, huh?!
 
@@ -25,23 +26,27 @@ Smells like an experimental manipulative Lexer, huh?!
 > Hold the door! Holddoor! Hodor! https://youtu.be/5DoBY8M_bCg
 
 ### Why?
+
 - HODOR IS ~~**NOT**~~ DEAD.
-- [You can’t beat Tape :question:](https://medium.com/javascript-scene/why-i-use-tape-instead-of-mocha-so-should-you-6aa105d8eaf4)
+- [You can’t beat Tape ⁉️](https://medium.com/javascript-scene/why-i-use-tape-instead-of-mocha-so-should-you-6aa105d8eaf4)
 
 ## Installation
-```sh
+
+```bash
 npm isntall hodor-loader --save-dev
 ```
 
 ## Usage
+
 [Documentation: Using loaders](https://webpack.js.org/concepts/#loaders)
 
 ## Example
+
 Given this webpack config:
 
 ```javascript
 {
- ...,
+ // ...,
  module: {
  rules: [
  {
@@ -50,7 +55,7 @@ Given this webpack config:
  }
  ]
  },
- ...
+ // ...
 }
 ```
 
@@ -61,9 +66,9 @@ console.log('hello, world');
 
 document.querySelector('#app').textContent = 'the quick brown fox jumps over a lazy dog';
 
-//alert("hold the door");
+// alert("hold the door");
 
-document.writeln("hold, the; door!");
+document.writeln('hold, the; door!');
 
 const x = 42;
 console.log(`the answer is ${x}`);
@@ -74,22 +79,25 @@ console.log(`the answer is ${x}`);
 ```javascript
 console.log('HODOR, HODOR');
 
-document.querySelector('#HODOR').textContent = 'HODOR HODOR HODOR HODOR HODOR HODOR HODOR HODOR HODOR';
+document.querySelector('#HODOR').textContent =
+ 'HODOR HODOR HODOR HODOR HODOR HODOR HODOR HODOR HODOR';
 
-//alert("hold the door");
+// alert("hold the door");
 
-document.writeln("HODOR, HODOR; HODOR!");
+document.writeln('HODOR, HODOR; HODOR!');
 
 const x = 42;
 console.log(`HODOR HODOR HODOR HODOR`);
 ```
 
 ## Author
+
 Glenn Dwiyatcita ([@dwiyatci](http://tiny.cc/dwiyatci))
 
 ## License
+
 WTFPL – Do What the Fuck You Want to Public License.
 
-See [LICENSE.txt](LICENSE.txt). 
+See [LICENSE.txt](LICENSE.txt).
 
 ![WTFPL](http://www.wtfpl.net/wp-content/uploads/2012/12/wtfpl-badge-1.png)

babel.config.js

@@ -0,0 +1,35 @@
+module.exports = (api) => {
+ api.cache(true);
+
+ const presets = [
+ [
+ '@babel/preset-env',
+ {
+ targets: 'last 2 versions',
+ useBuiltIns: 'entry',
+ corejs: 3,
+ modules: false,
+ debug: false,
+ },
+ ],
+ ];
+
+ const plugins = [
+ [
+ '@babel/plugin-transform-runtime',
+ {
+ absoluteRuntime: false,
+ corejs: 3,
+ helpers: true,
+ regenerator: true,
+ useESModules: true,
+ },
+ ],
+ '@babel/plugin-proposal-object-rest-spread',
+ ];
+
+ return {
+ presets,
+ plugins,
+ };
+};

demo/src/index.js

@@ -7,9 +7,9 @@ console.log('hello, world');
 
 document.querySelector('#app').textContent = 'the quick brown fox jumps over a lazy dog';
 
-//alert("hold the door");
+// alert("hold the door");
 
-document.writeln("hold, the; door!");
+document.writeln('hold, the; door!');
 
 const x = 42;
 console.log(`the answer is ${x}`);

hello-world-plugin.js

@@ -3,6 +3,7 @@
  */
 
 class HelloWorldPlugin {
+ // eslint-disable-next-line class-methods-use-this
  apply(compiler) {
  compiler.hooks.done.tap('Hello World Plugin', (
  stats /* stats is passed as argument when done hook is tapped. */

package.json

@@ -23,12 +23,10 @@
  "scripts": {
  "install:clean": "yarn upgrade || yarn install",
  "update": "yarn upgrade-interactive --latest",
- "start": "webpack-dev-server --hot",
- "build": "yarn webpack --env.production --progress",
- "watch": "yarn webpack -w",
- "webpack": "yarn clean && webpack",
- "clean": "rimraf demo/dist",
- "lint": "eslint --cache src",
+ "start": "webpack serve",
+ "build": "webpack --env production",
+ "watch": "webpack --watch",
+ "lint": "eslint --cache .",
  "test:nyan": "yarn test | tnyan",
  "test": "node test/loader.test.js",
  "cov": "yarn cov:clean && yarn cov:generate",
@@ -40,35 +38,37 @@
  "semantic-release": "semantic-release"
  },
  "dependencies": {
- "falafel": "2.1.0",
- "loader-utils": "1.2.3",
- "schema-utils": "1.0.0"
+ "falafel": "2.2.4",
+ "loader-utils": "2.0.0",
+ "schema-utils": "3.0.0"
  },
  "devDependencies": {
- "@babel/core": "7.2.2",
- "@babel/plugin-proposal-object-rest-spread": "7.2.0",
- "@babel/plugin-transform-runtime": "7.2.0",
- "@babel/preset-env": "7.2.3",
- "babel-loader": "8.0.5",
+ "@babel/core": "7.12.3",
+ "@babel/plugin-proposal-object-rest-spread": "7.12.1",
+ "@babel/plugin-transform-runtime": "7.12.1",
+ "@babel/preset-env": "7.12.1",
+ "babel-loader": "8.1.0",
+ "clean-webpack-plugin": "3.0.0",
  "codecov.io": "0.1.6",
- "commitizen": "3.0.5",
- "cz-conventional-changelog": "2.1.0",
- "eslint": "5.12.0",
- "eslint-config-airbnb-base": "13.1.0",
- "eslint-config-prettier": "3.3.0",
- "eslint-plugin-import": "2.14.0",
+ "commitizen": "4.2.2",
+ "cz-conventional-changelog": "3.3.0",
+ "eslint": "7.12.1",
+ "eslint-config-airbnb-base": "14.2.0",
+ "eslint-config-prettier": "6.15.0",
+ "eslint-plugin-import": "2.22.1",
  "ghooks": "2.0.4",
- "html-loader": "0.5.5",
- "html-webpack-plugin": "4.0.0-beta.5",
+ "html-loader": "1.3.2",
+ "html-webpack-plugin": "4.5.0",
  "istanbul": "0.4.5",
- "memory-fs": "0.4.1",
- "rimraf": "2.6.3",
- "semantic-release": "15.13.2",
+ "memory-fs": "0.5.0",
+ "prettier": "2.1.2",
+ "rimraf": "3.0.2",
+ "semantic-release": "17.2.2",
  "tap-nyan": "1.1.0",
- "tape": "4.9.2",
- "webpack": "4.28.1",
- "webpack-cli": "3.2.1",
- "webpack-dev-server": "3.1.14"
+ "tape": "5.0.1",
+ "webpack": "5.4.0",
+ "webpack-cli": "4.1.0",
+ "webpack-dev-server": "3.11.0"
  },
  "config": {
  "commitizen": {

test/compiler.js

@@ -4,7 +4,7 @@
 
 const path = require('path');
 const webpack = require('webpack');
-const memoryfs = require('memory-fs');
+const Memoryfs = require('memory-fs');
 
 module.exports = (fixture, options = {}) => {
  const compiler = webpack({
@@ -19,14 +19,14 @@ module.exports = (fixture, options = {}) => {
  {
  test: /\.js$/,
  use: {
- loader: path.resolve(__dirname, '../')
- }
- }
- ]
- }
+ loader: path.resolve(__dirname, '../'),
+ },
+ },
+ ],
+ },
  });
 
- compiler.outputFileSystem = new memoryfs();
+ compiler.outputFileSystem = new Memoryfs();
 
  return new Promise((resolve, reject) => {
  compiler.run((err, stats) => {

test/loader.test.js

@@ -4,7 +4,7 @@
  */
 
 const test = require('tape');
-const loader = require('../');
+const loader = require('../index');
 // const compiler = require('./compiler');
 //
 // test('hodor-loader test', async (t) => {
@@ -41,11 +41,7 @@ test('hodor-loader test', (t) => {
  'should handle string concatenation correctly'
  );
 
- t.equal(
- loader('let x = 42;'),
- 'let x = 42;',
- 'should not pick up number literal'
- );
+ t.equal(loader('let x = 42;'), 'let x = 42;', 'should not pick up number literal');
 
  t.equal(
  loader('/* Created by glenn on 01.06.16. */ // const x = "tough and competent";'),