chore(gatsby): migrate webpack-hmr-hooks-patch to TypeScript

[sasurau4]

Description

Part of #21995

I think the patch assume to run on browsers and use eslint-disable and @ts-ignore. If you have any other ideas, I hope you would pointed it out.

Documentation

Related Issues

Part of #21995

[sasurau4]

@blainekasten I investigated the reason why CI failed. It's because the transpiled webpack-hmr-hooks-patch.js are bit different and the patch is invalidated.

webpack-hmr-hooks-patch.js is transpiled to following.

"use strict";

const originalFetch = global.fetch;
delete global.fetch;
module.exports = require(`react-hot-loader/webpack`);
global.fetch = originalFetch;
//# sourceMappingURL=webpack-hmr-hooks-patch.js.map

On the other hand, webpack-hmr-hooks-patch.ts is transpiled to following.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = void 0;

var _webpack = _interopRequireDefault(require("react-hot-loader/webpack"));

exports.default = _webpack.default;

/* eslint-disable @typescript-eslint/ban-ts-ignore */
// @ts-ignore: This file assume run at browsers.
const originalFetch = global.fetch; // @ts-ignore

delete global.fetch;
global.fetch = originalFetch;
//# sourceMappingURL=webpack-hmr-hooks-patch.js.map

So, the order of deleting and restoring global.fetch is broken.
I think it would be better to move webpack-hmr-hooks-patch.js to cache-dir or not migrating this file to typescript.
How about it?

[blainekasten]

@sasurau4 thank you so much for your exploration here. I think you are right that this file ultimately should remain as a JS file. So here is what I think we should do.

Let's add a comment to the top of the file that says this file should remain as a JS file, with a reason why and link to this PR. I'd be happy to merge that so we know in the future why this one file stayed a JS file.

[sasurau4]

@blainekasten OK, Thanks 👍

[blainekasten]

This looks great to me, let's merge it!

Thank you so much for contributing to our TypeScript refactor! We have more work to do and we would love to have you stay involved in our transition. Please submit more PRs! 💜