Webpack v4 (#89)

* Implement Webpack v4 plugin

* fix version

* Finally add link in each README.md for both Webpack v4 and v5

Author: kungfooman

README.md

@@ -52,4 +52,5 @@ console.log(rtiTranspiler)
 2) https://www.npmjs.com/package/@runtime-type-inspector/transpiler
 3) https://www.npmjs.com/package/@runtime-type-inspector/parcel-transformer
 4) https://www.npmjs.com/package/@runtime-type-inspector/plugin-rollup
-5) https://www.npmjs.com/package/@runtime-type-inspector/plugin-webpack5
+5) https://www.npmjs.com/package/@runtime-type-inspector/plugin-webpack4
+6) https://www.npmjs.com/package/@runtime-type-inspector/plugin-webpack5

plugin-webpack4/README.md

@@ -0,0 +1,13 @@
+Webpack 4 plugin for `@runtime-type-inspector/transpiler`.
+
+Installation:
+
+```sh
+npm install @runtime-type-inspector/plugin-webpack4
+```
+
+Example of integration into your build script:
+
+- https://github.com/xenova/transformers.js/pull/409
+
+Have fun! If you run into any issues, please open an issue at https://github.com/kungfooman/RuntimeTypeInspector.js

plugin-webpack4/index.cjs

@@ -0,0 +1,57 @@
+const {Compilation, Compiler} = require('webpack');
+/**
+ * @typedef RuntimeTypeInspectorPluginOptions
+ * @property {RegExp} [test] - Test for file extensions.
+ * @property {RegExp} [exclude] - Test for exclusion.
+ */
+class RuntimeTypeInspectorPlugin {
+  static pluginName = 'RuntimeTypeInspectorPlugin';
+  // Default options
+  options = {
+    // These file extensions are transpiled by default.
+    test: /\.[cm]?js(\?.*)?$/i,
+    // By default, files under node_modules are not processed.
+    exclude: /node_modules/
+  };
+  /**
+   * @param {RuntimeTypeInspectorPluginOptions} options - The options.
+   */
+  constructor(options) {
+    Object.assign(this.options, options);
+  }
+  /**
+   * @param {Compiler} compiler - The compiler.
+   */
+  apply(compiler) {
+    compiler.hooks.thisCompilation.tap(
+      RuntimeTypeInspectorPlugin.pluginName,
+      /**
+       * @param {Compilation} compilation - The compilation.
+       */
+      (compilation) => {
+        compilation.hooks.normalModuleLoader.tap(
+        //compiler.webpack.NormalModule.getCompilationHooks(compilation).loader.tap(
+          RuntimeTypeInspectorPlugin.pluginName,
+          /**
+           * @param {object} loaderContext - The loader context.
+           * @param {import('webpack').NormalModule} module - The module.
+           */
+          (loaderContext, module) => {
+            const {userRequest} = module;
+            const {test, exclude} = this.options;
+            const retTest = test.test(userRequest);
+            const retExclude = exclude.test(userRequest);
+            // console.log('userRequest', userRequest, {retTest, retExclude});
+            if (!retTest || retExclude) {
+              return;
+            }
+            const {options} = this;
+            const loader = require.resolve(__dirname + '/loader.cjs');
+            module.loaders.push({options, loader});
+          }
+        );
+      }
+    );
+  }
+}
+module.exports = {RuntimeTypeInspectorPlugin};

plugin-webpack4/index.mjs

@@ -0,0 +1,11 @@
+const {addTypeChecks, expandType} = require('@runtime-type-inspector/transpiler');
+const loaderUtils = require('loader-utils');
+/**
+ * @param {string} source - The source.
+ */
+module.exports = function (source) {
+  /** @type {import('@runtime-type-inspector/transpiler').Options} */
+  const options = loaderUtils.getOptions(this);
+  source = addTypeChecks(source, {...options, expandType});
+  this.callback(null, source);
+};