@depup/gatsby 5.16.1-depup.0

package/dist/utils/webpack/loaders/webpack-remove-exports-loader.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/webpack/loaders/webpack-remove-exports-loader.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _core = require("@babel/core");
+/* eslint-disable @babel/no-invalid-this */
+
+const webpackRemoveExportsLoader = function webpackRemoveExportsLoader(source, sourceMap) {
+  var _options$remove;
+  const callback = this.async();
+  const options = this.getOptions();
+  (0, _core.transform)(source, {
+    babelrc: false,
+    configFile: false,
+    // @ts-ignore inputSourceMap expect object or falsy, but webpack types suggest sourceMap can be a string,
+    // which is not compatibile with babel's transform options
+    inputSourceMap: this.sourceMap ? sourceMap || undefined : undefined,
+    sourceFileName: this.resourcePath,
+    sourceMaps: this.sourceMap,
+    filename: this.resourcePath,
+    presets: options !== null && options !== void 0 && options.jsx ? [[require.resolve(`babel-preset-gatsby/babel-preset-react`), {
+      useBuiltIns: true,
+      pragma: `React.createElement`,
+      // jsx is used only in develop, so for now this is fine
+      development: true
+    }]] : undefined,
+    plugins: [[require.resolve(`../../babel/babel-plugin-remove-api`), {
+      apis: (_options$remove = options === null || options === void 0 ? void 0 : options.remove) !== null && _options$remove !== void 0 ? _options$remove : []
+    }]]
+  }, (err, result) => {
+    if (err) {
+      callback(err);
+    } else if (result && result.code) {
+      var _result$map;
+      callback(null, result === null || result === void 0 ? void 0 : result.code, (_result$map = result === null || result === void 0 ? void 0 : result.map) !== null && _result$map !== void 0 ? _result$map : undefined);
+    } else {
+      callback(null, source, sourceMap);
+    }
+  });
+};
+module.exports = webpackRemoveExportsLoader;
+//# sourceMappingURL=webpack-remove-exports-loader.js.map

package/dist/utils/webpack/loaders/webpack-remove-exports-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack-remove-exports-loader.js","names":["webpackRemoveExportsLoader","source","sourceMap","callback","async","options","getOptions","transform","babelrc","configFile","inputSourceMap","undefined","sourceFileName","resourcePath","sourceMaps","filename","presets","jsx","require","resolve","useBuiltIns","pragma","development","plugins","apis","remove","err","result","code","map","module","exports"],"sources":["../../../../src/utils/webpack/loaders/webpack-remove-exports-loader.ts"],"sourcesContent":["/* eslint-disable @babel/no-invalid-this */\n\nimport { LoaderDefinitionFunction } from \"webpack\"\nimport { transform } from \"@babel/core\"\n\ninterface IOptions {\n  jsx?: boolean\n  remove?: Array<string>\n}\n\nconst webpackRemoveExportsLoader: LoaderDefinitionFunction<IOptions> =\n  function webpackRemoveExportsLoader(source, sourceMap): void {\n    const callback = this.async()\n    const options = this.getOptions()\n\n    transform(\n      source,\n      {\n        babelrc: false,\n        configFile: false,\n        // @ts-ignore inputSourceMap expect object or falsy, but webpack types suggest sourceMap can be a string,\n        // which is not compatibile with babel's transform options\n        inputSourceMap: this.sourceMap ? sourceMap || undefined : undefined,\n        sourceFileName: this.resourcePath,\n        sourceMaps: this.sourceMap,\n        filename: this.resourcePath,\n        presets: options?.jsx\n          ? [\n              [\n                require.resolve(`babel-preset-gatsby/babel-preset-react`),\n                {\n                  useBuiltIns: true,\n                  pragma: `React.createElement`,\n                  // jsx is used only in develop, so for now this is fine\n                  development: true,\n                },\n              ],\n            ]\n          : undefined,\n        plugins: [\n          [\n            require.resolve(`../../babel/babel-plugin-remove-api`),\n            {\n              apis: options?.remove ?? [],\n            },\n          ],\n        ],\n      },\n      (err, result) => {\n        if (err) {\n          callback(err)\n        } else if (result && result.code) {\n          callback(null, result?.code, result?.map ?? undefined)\n        } else {\n          callback(null, source, sourceMap)\n        }\n      }\n    )\n  }\n\nmodule.exports = webpackRemoveExportsLoader\n"],"mappings":";;AAGA;AAHA;;AAUA,MAAMA,0BAA8D,GAClE,SAASA,0BAA0B,CAACC,MAAM,EAAEC,SAAS,EAAQ;EAAA;EAC3D,MAAMC,QAAQ,GAAG,IAAI,CAACC,KAAK,EAAE;EAC7B,MAAMC,OAAO,GAAG,IAAI,CAACC,UAAU,EAAE;EAEjC,IAAAC,eAAS,EACPN,MAAM,EACN;IACEO,OAAO,EAAE,KAAK;IACdC,UAAU,EAAE,KAAK;IACjB;IACA;IACAC,cAAc,EAAE,IAAI,CAACR,SAAS,GAAGA,SAAS,IAAIS,SAAS,GAAGA,SAAS;IACnEC,cAAc,EAAE,IAAI,CAACC,YAAY;IACjCC,UAAU,EAAE,IAAI,CAACZ,SAAS;IAC1Ba,QAAQ,EAAE,IAAI,CAACF,YAAY;IAC3BG,OAAO,EAAEX,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEY,GAAG,GACjB,CACE,CACEC,OAAO,CAACC,OAAO,CAAE,wCAAuC,CAAC,EACzD;MACEC,WAAW,EAAE,IAAI;MACjBC,MAAM,EAAG,qBAAoB;MAC7B;MACAC,WAAW,EAAE;IACf,CAAC,CACF,CACF,GACDX,SAAS;IACbY,OAAO,EAAE,CACP,CACEL,OAAO,CAACC,OAAO,CAAE,qCAAoC,CAAC,EACtD;MACEK,IAAI,qBAAEnB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEoB,MAAM,6DAAI;IAC3B,CAAC,CACF;EAEL,CAAC,EACD,CAACC,GAAG,EAAEC,MAAM,KAAK;IACf,IAAID,GAAG,EAAE;MACPvB,QAAQ,CAACuB,GAAG,CAAC;IACf,CAAC,MAAM,IAAIC,MAAM,IAAIA,MAAM,CAACC,IAAI,EAAE;MAAA;MAChCzB,QAAQ,CAAC,IAAI,EAAEwB,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEC,IAAI,iBAAED,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEE,GAAG,qDAAIlB,SAAS,CAAC;IACxD,CAAC,MAAM;MACLR,QAAQ,CAAC,IAAI,EAAEF,MAAM,EAAEC,SAAS,CAAC;IACnC;EACF,CAAC,CACF;AACH,CAAC;AAEH4B,MAAM,CAACC,OAAO,GAAG/B,0BAA0B"}

package/dist/utils/webpack/plugins/cache-folder-resolver.d.ts

@@ -0,0 +1,25 @@
+import Resolver from "enhanced-resolve/lib/Resolver";
+/**
+ * To support Yarn PNP and pnpm we have to make sure dependencies resolved from
+ * the .cache folder should be resolved from the gatsby package directory
+ * If you see error like
+ *
+ * ModuleNotFoundError: Module not found: Error: Can't resolve 'prop-types'
+ * in 'site-directory/.cache'
+ *
+ * it probably means this plugin is not enabled when it should be and there
+ * might be need to adjust conditions for setting `this.isEnabled` in the
+ * constructor.
+ *
+ * It's not enabled always because of legacy behavior and to limit potential
+ * regressions. Might be good idea to enable it always in the future
+ * OR remove the need for the plugin completely by not copying `cache-dir`
+ * contents to `.cache` folder and instead adjust setup to use those browser/node
+ * html renderer runtime files directly from gatsby package
+ */
+export declare class CacheFolderResolver {
+    private requestsFolder;
+    private isEnabled;
+    constructor(requestsFolder: string);
+    apply(resolver: Resolver): void;
+}

package/dist/utils/webpack/plugins/cache-folder-resolver.js

@@ -0,0 +1,111 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CacheFolderResolver = void 0;
+var _module = _interopRequireDefault(require("module"));
+/**
+ * To support Yarn PNP and pnpm we have to make sure dependencies resolved from
+ * the .cache folder should be resolved from the gatsby package directory
+ * If you see error like
+ *
+ * ModuleNotFoundError: Module not found: Error: Can't resolve 'prop-types'
+ * in 'site-directory/.cache'
+ *
+ * it probably means this plugin is not enabled when it should be and there
+ * might be need to adjust conditions for setting `this.isEnabled` in the
+ * constructor.
+ *
+ * It's not enabled always because of legacy behavior and to limit potential
+ * regressions. Might be good idea to enable it always in the future
+ * OR remove the need for the plugin completely by not copying `cache-dir`
+ * contents to `.cache` folder and instead adjust setup to use those browser/node
+ * html renderer runtime files directly from gatsby package
+ */
+class CacheFolderResolver {
+  isEnabled = false;
+  constructor(requestsFolder) {
+    var _process$env$NODE_PAT;
+    this.requestsFolder = requestsFolder;
+    if (process.versions.pnp) {
+      // Yarn PnP
+      this.isEnabled = true;
+    } else if (/node_modules[/\\]\.pnpm/.test((_process$env$NODE_PAT = process.env.NODE_PATH) !== null && _process$env$NODE_PAT !== void 0 ? _process$env$NODE_PAT : ``)) {
+      // pnpm when executing through `pnpm` CLI
+      this.isEnabled = true;
+    } else {
+      // pnpm when executing through regular `gatsby` CLI / `./node_modules/.bin/gatsby`
+      // would not set NODE_PATH, but node_modules structure would not allow to resolve
+      // gatsby deps from the cache folder (unless user would install same deps too)
+      // so we are checking if we can resolve deps from the cache folder
+      // this check is not limited to pnpm and other package managers could hit this path too
+
+      // Hardcoded list of gatsby deps used in gatsby browser and ssr runtimes
+      // instead of checking if we use Yarn PnP (via `process.versions.pnp`),
+      // we check if we can resolve the external deps from the cache-dir folder
+      // to know if we need to enable this plugin so we also cover pnpm
+      // It might be good idea to always enable it overall, but to limit potential
+      // regressions we only enable it if we are sure we need it.
+      const modulesToCheck = [`prop-types`, `lodash/isEqual`, `mitt`, `shallow-compare`, `@gatsbyjs/reach-router`, `gatsby-react-router-scroll`, `react-server-dom-webpack`, `gatsby-link`];
+
+      // test if we can resolve deps from the cache folder
+      let isEverythingResolvableFromCacheDir = true;
+      const cacheDirReq = _module.default.createRequire(requestsFolder);
+      for (const cacheDirDep of modulesToCheck) {
+        try {
+          cacheDirReq.resolve(cacheDirDep);
+        } catch {
+          // something is not resolvable from the cache folder, so we should not enable this plugin
+          isEverythingResolvableFromCacheDir = false;
+          break;
+        }
+      }
+
+      // test if we can resolve deps from the gatsby package
+      let isEverythingResolvableFromGatsbyPackage = true;
+      for (const cacheDirDep of modulesToCheck) {
+        try {
+          require.resolve(cacheDirDep);
+        } catch {
+          // something is not resolvable from the gatsby package
+          isEverythingResolvableFromGatsbyPackage = false;
+          break;
+        }
+      }
+
+      // we only enable this plugin if we are unable to resolve cache-dir deps from .cache folder
+      // and we can resolve them from gatsby package
+      if (!isEverythingResolvableFromCacheDir && isEverythingResolvableFromGatsbyPackage) {
+        this.isEnabled = true;
+      }
+    }
+  }
+  apply(resolver) {
+    if (!this.isEnabled) {
+      return;
+    }
+    const target = resolver.ensureHook(`raw-module`);
+    resolver.getHook(`raw-module`).tapAsync(`CacheFolderResolver`, (request, resolveContext, callback) => {
+      const req = request.request;
+      if (!req) {
+        return callback();
+      }
+      if (!request.path.startsWith(this.requestsFolder)) {
+        return callback();
+      }
+      const packageMatch = /^(@[^/]+\/)?[^/]+/.exec(req);
+      if (!packageMatch) {
+        return callback();
+      }
+
+      // We change the issuer but keep everything as is and re-run resolve
+      const obj = {
+        ...request,
+        path: __dirname
+      };
+      return resolver.doResolve(target, obj, `change issuer to gatsby package by cache-folder-resolver to fix pnp`, resolveContext, callback);
+    });
+  }
+}
+exports.CacheFolderResolver = CacheFolderResolver;
+//# sourceMappingURL=cache-folder-resolver.js.map

package/dist/utils/webpack/plugins/cache-folder-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache-folder-resolver.js","names":["CacheFolderResolver","isEnabled","constructor","requestsFolder","process","versions","pnp","test","env","NODE_PATH","modulesToCheck","isEverythingResolvableFromCacheDir","cacheDirReq","mod","createRequire","cacheDirDep","resolve","isEverythingResolvableFromGatsbyPackage","require","apply","resolver","target","ensureHook","getHook","tapAsync","request","resolveContext","callback","req","path","startsWith","packageMatch","exec","obj","__dirname","doResolve"],"sources":["../../../../src/utils/webpack/plugins/cache-folder-resolver.ts"],"sourcesContent":["import Resolver from \"enhanced-resolve/lib/Resolver\"\nimport mod from \"module\"\n\ninterface IRequest {\n  request?: string\n  path: string\n}\n\ntype ProcessWithPNP = NodeJS.ProcessVersions & { pnp?: string }\n\n/**\n * To support Yarn PNP and pnpm we have to make sure dependencies resolved from\n * the .cache folder should be resolved from the gatsby package directory\n * If you see error like\n *\n * ModuleNotFoundError: Module not found: Error: Can't resolve 'prop-types'\n * in 'site-directory/.cache'\n *\n * it probably means this plugin is not enabled when it should be and there\n * might be need to adjust conditions for setting `this.isEnabled` in the\n * constructor.\n *\n * It's not enabled always because of legacy behavior and to limit potential\n * regressions. Might be good idea to enable it always in the future\n * OR remove the need for the plugin completely by not copying `cache-dir`\n * contents to `.cache` folder and instead adjust setup to use those browser/node\n * html renderer runtime files directly from gatsby package\n */\nexport class CacheFolderResolver {\n  private requestsFolder: string\n  private isEnabled = false\n\n  constructor(requestsFolder: string) {\n    this.requestsFolder = requestsFolder\n\n    if ((process.versions as ProcessWithPNP).pnp) {\n      // Yarn PnP\n      this.isEnabled = true\n    } else if (/node_modules[/\\\\]\\.pnpm/.test(process.env.NODE_PATH ?? ``)) {\n      // pnpm when executing through `pnpm` CLI\n      this.isEnabled = true\n    } else {\n      // pnpm when executing through regular `gatsby` CLI / `./node_modules/.bin/gatsby`\n      // would not set NODE_PATH, but node_modules structure would not allow to resolve\n      // gatsby deps from the cache folder (unless user would install same deps too)\n      // so we are checking if we can resolve deps from the cache folder\n      // this check is not limited to pnpm and other package managers could hit this path too\n\n      // Hardcoded list of gatsby deps used in gatsby browser and ssr runtimes\n      // instead of checking if we use Yarn PnP (via `process.versions.pnp`),\n      // we check if we can resolve the external deps from the cache-dir folder\n      // to know if we need to enable this plugin so we also cover pnpm\n      // It might be good idea to always enable it overall, but to limit potential\n      // regressions we only enable it if we are sure we need it.\n      const modulesToCheck = [\n        `prop-types`,\n        `lodash/isEqual`,\n        `mitt`,\n        `shallow-compare`,\n        `@gatsbyjs/reach-router`,\n        `gatsby-react-router-scroll`,\n        `react-server-dom-webpack`,\n        `gatsby-link`,\n      ]\n\n      // test if we can resolve deps from the cache folder\n      let isEverythingResolvableFromCacheDir = true\n      const cacheDirReq = mod.createRequire(requestsFolder)\n      for (const cacheDirDep of modulesToCheck) {\n        try {\n          cacheDirReq.resolve(cacheDirDep)\n        } catch {\n          // something is not resolvable from the cache folder, so we should not enable this plugin\n          isEverythingResolvableFromCacheDir = false\n          break\n        }\n      }\n\n      // test if we can resolve deps from the gatsby package\n      let isEverythingResolvableFromGatsbyPackage = true\n      for (const cacheDirDep of modulesToCheck) {\n        try {\n          require.resolve(cacheDirDep)\n        } catch {\n          // something is not resolvable from the gatsby package\n          isEverythingResolvableFromGatsbyPackage = false\n          break\n        }\n      }\n\n      // we only enable this plugin if we are unable to resolve cache-dir deps from .cache folder\n      // and we can resolve them from gatsby package\n      if (\n        !isEverythingResolvableFromCacheDir &&\n        isEverythingResolvableFromGatsbyPackage\n      ) {\n        this.isEnabled = true\n      }\n    }\n  }\n\n  apply(resolver: Resolver): void {\n    if (!this.isEnabled) {\n      return\n    }\n\n    const target = resolver.ensureHook(`raw-module`)\n    resolver\n      .getHook(`raw-module`)\n      .tapAsync(\n        `CacheFolderResolver`,\n        (\n          request: IRequest,\n          resolveContext: unknown,\n          callback: (err?: Error | null, result?: unknown) => void\n        ) => {\n          const req = request.request\n          if (!req) {\n            return callback()\n          }\n\n          if (!request.path.startsWith(this.requestsFolder)) {\n            return callback()\n          }\n\n          const packageMatch = /^(@[^/]+\\/)?[^/]+/.exec(req)\n          if (!packageMatch) {\n            return callback()\n          }\n\n          // We change the issuer but keep everything as is and re-run resolve\n          const obj = {\n            ...request,\n            path: __dirname,\n          }\n\n          return resolver.doResolve(\n            target,\n            obj,\n            `change issuer to gatsby package by cache-folder-resolver to fix pnp`,\n            resolveContext,\n            callback\n          )\n        }\n      )\n  }\n}\n"],"mappings":";;;;;AACA;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,mBAAmB,CAAC;EAEvBC,SAAS,GAAG,KAAK;EAEzBC,WAAW,CAACC,cAAsB,EAAE;IAAA;IAClC,IAAI,CAACA,cAAc,GAAGA,cAAc;IAEpC,IAAKC,OAAO,CAACC,QAAQ,CAAoBC,GAAG,EAAE;MAC5C;MACA,IAAI,CAACL,SAAS,GAAG,IAAI;IACvB,CAAC,MAAM,IAAI,yBAAyB,CAACM,IAAI,0BAACH,OAAO,CAACI,GAAG,CAACC,SAAS,yEAAK,EAAC,CAAC,EAAE;MACtE;MACA,IAAI,CAACR,SAAS,GAAG,IAAI;IACvB,CAAC,MAAM;MACL;MACA;MACA;MACA;MACA;;MAEA;MACA;MACA;MACA;MACA;MACA;MACA,MAAMS,cAAc,GAAG,CACpB,YAAW,EACX,gBAAe,EACf,MAAK,EACL,iBAAgB,EAChB,wBAAuB,EACvB,4BAA2B,EAC3B,0BAAyB,EACzB,aAAY,CACd;;MAED;MACA,IAAIC,kCAAkC,GAAG,IAAI;MAC7C,MAAMC,WAAW,GAAGC,eAAG,CAACC,aAAa,CAACX,cAAc,CAAC;MACrD,KAAK,MAAMY,WAAW,IAAIL,cAAc,EAAE;QACxC,IAAI;UACFE,WAAW,CAACI,OAAO,CAACD,WAAW,CAAC;QAClC,CAAC,CAAC,MAAM;UACN;UACAJ,kCAAkC,GAAG,KAAK;UAC1C;QACF;MACF;;MAEA;MACA,IAAIM,uCAAuC,GAAG,IAAI;MAClD,KAAK,MAAMF,WAAW,IAAIL,cAAc,EAAE;QACxC,IAAI;UACFQ,OAAO,CAACF,OAAO,CAACD,WAAW,CAAC;QAC9B,CAAC,CAAC,MAAM;UACN;UACAE,uCAAuC,GAAG,KAAK;UAC/C;QACF;MACF;;MAEA;MACA;MACA,IACE,CAACN,kCAAkC,IACnCM,uCAAuC,EACvC;QACA,IAAI,CAAChB,SAAS,GAAG,IAAI;MACvB;IACF;EACF;EAEAkB,KAAK,CAACC,QAAkB,EAAQ;IAC9B,IAAI,CAAC,IAAI,CAACnB,SAAS,EAAE;MACnB;IACF;IAEA,MAAMoB,MAAM,GAAGD,QAAQ,CAACE,UAAU,CAAE,YAAW,CAAC;IAChDF,QAAQ,CACLG,OAAO,CAAE,YAAW,CAAC,CACrBC,QAAQ,CACN,qBAAoB,EACrB,CACEC,OAAiB,EACjBC,cAAuB,EACvBC,QAAwD,KACrD;MACH,MAAMC,GAAG,GAAGH,OAAO,CAACA,OAAO;MAC3B,IAAI,CAACG,GAAG,EAAE;QACR,OAAOD,QAAQ,EAAE;MACnB;MAEA,IAAI,CAACF,OAAO,CAACI,IAAI,CAACC,UAAU,CAAC,IAAI,CAAC3B,cAAc,CAAC,EAAE;QACjD,OAAOwB,QAAQ,EAAE;MACnB;MAEA,MAAMI,YAAY,GAAG,mBAAmB,CAACC,IAAI,CAACJ,GAAG,CAAC;MAClD,IAAI,CAACG,YAAY,EAAE;QACjB,OAAOJ,QAAQ,EAAE;MACnB;;MAEA;MACA,MAAMM,GAAG,GAAG;QACV,GAAGR,OAAO;QACVI,IAAI,EAAEK;MACR,CAAC;MAED,OAAOd,QAAQ,CAACe,SAAS,CACvBd,MAAM,EACNY,GAAG,EACF,qEAAoE,EACrEP,cAAc,EACdC,QAAQ,CACT;IACH,CAAC,CACF;EACL;AACF;AAAC"}

package/dist/utils/webpack/plugins/corejs-resolver.d.ts

@@ -0,0 +1,12 @@
+import Resolver from "enhanced-resolve/lib/Resolver";
+/**
+ * Babel-preset is set to corejs@3 which will add automatic polyfills. If a project has core-js@2 installed in their root or a package got compiled with core-js@2
+ * we need to convert it to corejs@3 because core-js@2 isn't available or we might add multiple polyfills for the same problem.
+ *
+ * The resolver converts core-js@2 imports to core-js@3 imports to make our bundle as small as possible.
+ */
+export declare class CoreJSResolver {
+    _coreJSNodeModulesPath: string;
+    constructor();
+    apply(resolver: Resolver): void;
+}

package/dist/utils/webpack/plugins/corejs-resolver.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CoreJSResolver = void 0;
+var _path = _interopRequireDefault(require("path"));
+// Core-js uses es6, es7 & web prefixes, which we'll convert to core-js 3
+const coreJs2FileRegex = /\/modules\/(es6|es7|web)\.|\/es6\/|\/es7\//;
+
+// Try to replace core-js2 files to core-js@3 to reduce file size
+const replaceMap = [[`/es6.`, `/es.`], [`/es7.`, `/es.`], [`/es6/`, `/es/`], [`/es7/`, `/es/`], [`/es7/`, `/es/`], [`web.dom.iterable`, `web.dom-collections.iterator.js`], [`typed.data-view`, `data-view`], [`regexp.match`, `string.match`], [`regexp.replace`, `string.replace`], [`regexp.search`, `string.search`], [`regexp.split`, `string.split`]];
+/**
+ * Babel-preset is set to corejs@3 which will add automatic polyfills. If a project has core-js@2 installed in their root or a package got compiled with core-js@2
+ * we need to convert it to corejs@3 because core-js@2 isn't available or we might add multiple polyfills for the same problem.
+ *
+ * The resolver converts core-js@2 imports to core-js@3 imports to make our bundle as small as possible.
+ */
+class CoreJSResolver {
+  constructor() {
+    // Get the nodemodules directory where core-js of gatsby lives
+    // it might be inside gatsby/node_modules when multiple core-js versions are loaded
+    this._coreJSNodeModulesPath = _path.default.dirname(_path.default.dirname(require.resolve(`core-js`)));
+  }
+  apply(resolver) {
+    const target = resolver.ensureHook(`resolve`);
+    const coreJsModulePath = this._coreJSNodeModulesPath;
+    function resolve(request, resolveContext, callback) {
+      const innerRequest = request.request || request.path;
+
+      // we only care about core-js
+      if (!innerRequest || !innerRequest.startsWith(`core-js/`)) {
+        return void callback();
+      }
+      let coreJsRequest = innerRequest;
+      let resolveMessage = `alias core-js@3 to gatsby's core-js package`;
+
+      // preset-env adds packages from modules/ so we rewrite them to our gatsby package
+      if (coreJs2FileRegex.test(coreJsRequest)) {
+        replaceMap.forEach(([search, replace]) => {
+          coreJsRequest = coreJsRequest.replace(search, replace);
+        });
+        resolveMessage = `map core-js@2(${innerRequest}) to corejs@3(${coreJsRequest})`;
+      }
+      return void resolver.doResolve(target, {
+        ...request,
+        request: _path.default.resolve(coreJsModulePath, coreJsRequest)
+      }, resolveMessage, resolveContext, (err, result) => {
+        if (err) {
+          return callback(err);
+        }
+
+        // if a rename fails we try to load the original file
+        // this could error when our mapping isn't complete. I've tested this on a couple of sites
+        // and couldn't find anything but you never know.
+        if (result === undefined) {
+          return callback();
+        }
+        return callback(null, result);
+      });
+    }
+    resolver.getHook(`described-resolve`).tapAsync(`CoreJSResolver`, resolve);
+    resolver.getHook(`file`).tapAsync(`CoreJSResolver`, resolve);
+  }
+}
+exports.CoreJSResolver = CoreJSResolver;
+//# sourceMappingURL=corejs-resolver.js.map

package/dist/utils/webpack/plugins/corejs-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"corejs-resolver.js","names":["coreJs2FileRegex","replaceMap","CoreJSResolver","constructor","_coreJSNodeModulesPath","path","dirname","require","resolve","apply","resolver","target","ensureHook","coreJsModulePath","request","resolveContext","callback","innerRequest","startsWith","coreJsRequest","resolveMessage","test","forEach","search","replace","doResolve","err","result","undefined","getHook","tapAsync"],"sources":["../../../../src/utils/webpack/plugins/corejs-resolver.ts"],"sourcesContent":["import Resolver from \"enhanced-resolve/lib/Resolver\"\nimport path from \"path\"\n\n// Core-js uses es6, es7 & web prefixes, which we'll convert to core-js 3\nconst coreJs2FileRegex = /\\/modules\\/(es6|es7|web)\\.|\\/es6\\/|\\/es7\\//\n\n// Try to replace core-js2 files to core-js@3 to reduce file size\nconst replaceMap = [\n  [`/es6.`, `/es.`],\n  [`/es7.`, `/es.`],\n  [`/es6/`, `/es/`],\n  [`/es7/`, `/es/`],\n  [`/es7/`, `/es/`],\n  [`web.dom.iterable`, `web.dom-collections.iterator.js`],\n  [`typed.data-view`, `data-view`],\n  [`regexp.match`, `string.match`],\n  [`regexp.replace`, `string.replace`],\n  [`regexp.search`, `string.search`],\n  [`regexp.split`, `string.split`],\n]\n\ninterface IRequest {\n  request?: string\n  path: string\n}\n\n/**\n * Babel-preset is set to corejs@3 which will add automatic polyfills. If a project has core-js@2 installed in their root or a package got compiled with core-js@2\n * we need to convert it to corejs@3 because core-js@2 isn't available or we might add multiple polyfills for the same problem.\n *\n * The resolver converts core-js@2 imports to core-js@3 imports to make our bundle as small as possible.\n */\nexport class CoreJSResolver {\n  _coreJSNodeModulesPath: string\n\n  constructor() {\n    // Get the nodemodules directory where core-js of gatsby lives\n    // it might be inside gatsby/node_modules when multiple core-js versions are loaded\n    this._coreJSNodeModulesPath = path.dirname(\n      path.dirname(require.resolve(`core-js`))\n    )\n  }\n\n  apply(resolver: Resolver): void {\n    const target = resolver.ensureHook(`resolve`)\n    const coreJsModulePath = this._coreJSNodeModulesPath\n\n    function resolve(\n      request: IRequest,\n      resolveContext: unknown,\n      callback: (err?: Error | null, result?: unknown) => void\n    ): void {\n      const innerRequest = request.request || request.path\n\n      // we only care about core-js\n      if (!innerRequest || !innerRequest.startsWith(`core-js/`)) {\n        return void callback()\n      }\n\n      let coreJsRequest = innerRequest\n      let resolveMessage = `alias core-js@3 to gatsby's core-js package`\n\n      // preset-env adds packages from modules/ so we rewrite them to our gatsby package\n      if (coreJs2FileRegex.test(coreJsRequest)) {\n        replaceMap.forEach(([search, replace]) => {\n          coreJsRequest = coreJsRequest.replace(search, replace)\n        })\n\n        resolveMessage = `map core-js@2(${innerRequest}) to corejs@3(${coreJsRequest})`\n      }\n\n      return void resolver.doResolve(\n        target,\n        {\n          ...request,\n          request: path.resolve(coreJsModulePath, coreJsRequest),\n        },\n        resolveMessage,\n        resolveContext,\n        (err, result) => {\n          if (err) {\n            return callback(err)\n          }\n\n          // if a rename fails we try to load the original file\n          // this could error when our mapping isn't complete. I've tested this on a couple of sites\n          // and couldn't find anything but you never know.\n          if (result === undefined) {\n            return callback()\n          }\n\n          return callback(null, result)\n        }\n      )\n    }\n\n    resolver.getHook(`described-resolve`).tapAsync(`CoreJSResolver`, resolve)\n    resolver.getHook(`file`).tapAsync(`CoreJSResolver`, resolve)\n  }\n}\n"],"mappings":";;;;;AACA;AAEA;AACA,MAAMA,gBAAgB,GAAG,4CAA4C;;AAErE;AACA,MAAMC,UAAU,GAAG,CACjB,CAAE,OAAM,EAAG,MAAK,CAAC,EACjB,CAAE,OAAM,EAAG,MAAK,CAAC,EACjB,CAAE,OAAM,EAAG,MAAK,CAAC,EACjB,CAAE,OAAM,EAAG,MAAK,CAAC,EACjB,CAAE,OAAM,EAAG,MAAK,CAAC,EACjB,CAAE,kBAAiB,EAAG,iCAAgC,CAAC,EACvD,CAAE,iBAAgB,EAAG,WAAU,CAAC,EAChC,CAAE,cAAa,EAAG,cAAa,CAAC,EAChC,CAAE,gBAAe,EAAG,gBAAe,CAAC,EACpC,CAAE,eAAc,EAAG,eAAc,CAAC,EAClC,CAAE,cAAa,EAAG,cAAa,CAAC,CACjC;AAOD;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,cAAc,CAAC;EAG1BC,WAAW,GAAG;IACZ;IACA;IACA,IAAI,CAACC,sBAAsB,GAAGC,aAAI,CAACC,OAAO,CACxCD,aAAI,CAACC,OAAO,CAACC,OAAO,CAACC,OAAO,CAAE,SAAQ,CAAC,CAAC,CACzC;EACH;EAEAC,KAAK,CAACC,QAAkB,EAAQ;IAC9B,MAAMC,MAAM,GAAGD,QAAQ,CAACE,UAAU,CAAE,SAAQ,CAAC;IAC7C,MAAMC,gBAAgB,GAAG,IAAI,CAACT,sBAAsB;IAEpD,SAASI,OAAO,CACdM,OAAiB,EACjBC,cAAuB,EACvBC,QAAwD,EAClD;MACN,MAAMC,YAAY,GAAGH,OAAO,CAACA,OAAO,IAAIA,OAAO,CAACT,IAAI;;MAEpD;MACA,IAAI,CAACY,YAAY,IAAI,CAACA,YAAY,CAACC,UAAU,CAAE,UAAS,CAAC,EAAE;QACzD,OAAO,KAAKF,QAAQ,EAAE;MACxB;MAEA,IAAIG,aAAa,GAAGF,YAAY;MAChC,IAAIG,cAAc,GAAI,6CAA4C;;MAElE;MACA,IAAIpB,gBAAgB,CAACqB,IAAI,CAACF,aAAa,CAAC,EAAE;QACxClB,UAAU,CAACqB,OAAO,CAAC,CAAC,CAACC,MAAM,EAAEC,OAAO,CAAC,KAAK;UACxCL,aAAa,GAAGA,aAAa,CAACK,OAAO,CAACD,MAAM,EAAEC,OAAO,CAAC;QACxD,CAAC,CAAC;QAEFJ,cAAc,GAAI,iBAAgBH,YAAa,iBAAgBE,aAAc,GAAE;MACjF;MAEA,OAAO,KAAKT,QAAQ,CAACe,SAAS,CAC5Bd,MAAM,EACN;QACE,GAAGG,OAAO;QACVA,OAAO,EAAET,aAAI,CAACG,OAAO,CAACK,gBAAgB,EAAEM,aAAa;MACvD,CAAC,EACDC,cAAc,EACdL,cAAc,EACd,CAACW,GAAG,EAAEC,MAAM,KAAK;QACf,IAAID,GAAG,EAAE;UACP,OAAOV,QAAQ,CAACU,GAAG,CAAC;QACtB;;QAEA;QACA;QACA;QACA,IAAIC,MAAM,KAAKC,SAAS,EAAE;UACxB,OAAOZ,QAAQ,EAAE;QACnB;QAEA,OAAOA,QAAQ,CAAC,IAAI,EAAEW,MAAM,CAAC;MAC/B,CAAC,CACF;IACH;IAEAjB,QAAQ,CAACmB,OAAO,CAAE,mBAAkB,CAAC,CAACC,QAAQ,CAAE,gBAAe,EAAEtB,OAAO,CAAC;IACzEE,QAAQ,CAACmB,OAAO,CAAE,MAAK,CAAC,CAACC,QAAQ,CAAE,gBAAe,EAAEtB,OAAO,CAAC;EAC9D;AACF;AAAC"}

package/dist/utils/webpack/plugins/force-css-hmr-for-edge-cases.d.ts

@@ -0,0 +1,22 @@
+import { Compiler } from "webpack";
+/**
+ * This is total hack that is meant to handle:
+ *  - https://github.com/webpack-contrib/mini-css-extract-plugin/issues/706
+ *  - https://github.com/webpack-contrib/mini-css-extract-plugin/issues/708
+ * The way it works it is looking up what HotModuleReplacementPlugin checks internally
+ * and tricks it by checking up if any modules that uses mini-css-extract-plugin
+ * changed or was newly added and then modifying blank.css hash.
+ * blank.css is css module that is used by all pages and is there from the start
+ * so changing hash of that _should_ ensure that:
+ *  - when new css is imported it will reload css
+ *  - when css imported by not loaded (by runtime) page template changes it will reload css
+ */
+export declare class ForceCssHMRForEdgeCases {
+    private name;
+    private originalBlankCssHash;
+    private blankCssKey;
+    private hackCounter;
+    private previouslySeenCss;
+    constructor();
+    apply(compiler: Compiler): void;
+}

package/dist/utils/webpack/plugins/force-css-hmr-for-edge-cases.js

@@ -0,0 +1,88 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ForceCssHMRForEdgeCases = void 0;
+/**
+ * This is total hack that is meant to handle:
+ *  - https://github.com/webpack-contrib/mini-css-extract-plugin/issues/706
+ *  - https://github.com/webpack-contrib/mini-css-extract-plugin/issues/708
+ * The way it works it is looking up what HotModuleReplacementPlugin checks internally
+ * and tricks it by checking up if any modules that uses mini-css-extract-plugin
+ * changed or was newly added and then modifying blank.css hash.
+ * blank.css is css module that is used by all pages and is there from the start
+ * so changing hash of that _should_ ensure that:
+ *  - when new css is imported it will reload css
+ *  - when css imported by not loaded (by runtime) page template changes it will reload css
+ */
+class ForceCssHMRForEdgeCases {
+  hackCounter = 0;
+  previouslySeenCss = new Set();
+  constructor() {
+    this.name = `ForceCssHMRForEdgeCases`;
+  }
+  apply(compiler) {
+    compiler.hooks.thisCompilation.tap(this.name, compilation => {
+      compilation.hooks.fullHash.tap(this.name, () => {
+        const chunkGraph = compilation.chunkGraph;
+        const records = compilation.records;
+        if (!records.chunkModuleHashes) {
+          return;
+        }
+        const seenCssInThisCompilation = new Set();
+        /**
+         * We will get list of css modules that are removed in this compilation
+         * by starting with list of css used in last compilation and removing
+         * all modules that are used in this one.
+         */
+        const cssRemovedInThisCompilation = this.previouslySeenCss;
+        let newOrUpdatedCss = false;
+        for (const chunk of compilation.chunks) {
+          const getModuleHash = module => {
+            if (compilation.codeGenerationResults.has(module, chunk.runtime)) {
+              return compilation.codeGenerationResults.getHash(module, chunk.runtime);
+            } else {
+              return chunkGraph.getModuleHash(module, chunk.runtime);
+            }
+          };
+          const modules = chunkGraph.getChunkModulesIterable(chunk);
+          if (modules !== undefined) {
+            for (const module of modules) {
+              var _module$loaders;
+              const key = `${chunk.id}|${module.identifier()}`;
+              if (!this.originalBlankCssHash &&
+              // @ts-ignore - exists on NormalModule but not Module
+              module.rawRequest === `./blank.css`) {
+                this.blankCssKey = key;
+                this.originalBlankCssHash = records.chunkModuleHashes[this.blankCssKey];
+              }
+
+              // @ts-ignore - exists on NormalModule but not Module
+              const isUsingMiniCssExtract = (_module$loaders = module.loaders) === null || _module$loaders === void 0 ? void 0 : _module$loaders.find(loader => {
+                var _loader$loader;
+                return loader === null || loader === void 0 ? void 0 : (_loader$loader = loader.loader) === null || _loader$loader === void 0 ? void 0 : _loader$loader.includes(`mini-css-extract-plugin`);
+              });
+              if (isUsingMiniCssExtract) {
+                seenCssInThisCompilation.add(key);
+                cssRemovedInThisCompilation.delete(key);
+                const hash = getModuleHash(module);
+                if (records.chunkModuleHashes[key] !== hash) {
+                  newOrUpdatedCss = true;
+                }
+              }
+            }
+          }
+        }
+
+        // If css file was edited or new css import was added (`newOrUpdatedCss`)
+        // or if css import was removed (`cssRemovedInThisCompilation.size > 0`)
+        // trick Webpack's HMR into thinking `blank.css` file changed.
+        if ((newOrUpdatedCss || cssRemovedInThisCompilation.size > 0) && this.originalBlankCssHash && this.blankCssKey) {
+          records.chunkModuleHashes[this.blankCssKey] = this.originalBlankCssHash + String(this.hackCounter++);
+        }
+        this.previouslySeenCss = seenCssInThisCompilation;
+      });
+    });
+  }
+}
+exports.ForceCssHMRForEdgeCases = ForceCssHMRForEdgeCases;
+//# sourceMappingURL=force-css-hmr-for-edge-cases.js.map

package/dist/utils/webpack/plugins/force-css-hmr-for-edge-cases.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"force-css-hmr-for-edge-cases.js","names":["ForceCssHMRForEdgeCases","hackCounter","previouslySeenCss","Set","constructor","name","apply","compiler","hooks","thisCompilation","tap","compilation","fullHash","chunkGraph","records","chunkModuleHashes","seenCssInThisCompilation","cssRemovedInThisCompilation","newOrUpdatedCss","chunk","chunks","getModuleHash","module","codeGenerationResults","has","runtime","getHash","modules","getChunkModulesIterable","undefined","key","id","identifier","originalBlankCssHash","rawRequest","blankCssKey","isUsingMiniCssExtract","loaders","find","loader","includes","add","delete","hash","size","String"],"sources":["../../../../src/utils/webpack/plugins/force-css-hmr-for-edge-cases.ts"],"sourcesContent":["import { Compiler, Module } from \"webpack\"\n\n/**\n * This is total hack that is meant to handle:\n *  - https://github.com/webpack-contrib/mini-css-extract-plugin/issues/706\n *  - https://github.com/webpack-contrib/mini-css-extract-plugin/issues/708\n * The way it works it is looking up what HotModuleReplacementPlugin checks internally\n * and tricks it by checking up if any modules that uses mini-css-extract-plugin\n * changed or was newly added and then modifying blank.css hash.\n * blank.css is css module that is used by all pages and is there from the start\n * so changing hash of that _should_ ensure that:\n *  - when new css is imported it will reload css\n *  - when css imported by not loaded (by runtime) page template changes it will reload css\n */\nexport class ForceCssHMRForEdgeCases {\n  private name: string\n  private originalBlankCssHash: string | undefined\n  private blankCssKey: string | undefined\n  private hackCounter = 0\n  private previouslySeenCss: Set<string> = new Set<string>()\n\n  constructor() {\n    this.name = `ForceCssHMRForEdgeCases`\n  }\n\n  apply(compiler: Compiler): void {\n    compiler.hooks.thisCompilation.tap(this.name, compilation => {\n      compilation.hooks.fullHash.tap(this.name, () => {\n        const chunkGraph = compilation.chunkGraph\n        const records = compilation.records\n\n        if (!records.chunkModuleHashes) {\n          return\n        }\n\n        const seenCssInThisCompilation = new Set<string>()\n        /**\n         * We will get list of css modules that are removed in this compilation\n         * by starting with list of css used in last compilation and removing\n         * all modules that are used in this one.\n         */\n        const cssRemovedInThisCompilation = this.previouslySeenCss\n\n        let newOrUpdatedCss = false\n\n        for (const chunk of compilation.chunks) {\n          const getModuleHash = (module: Module): string => {\n            if (compilation.codeGenerationResults.has(module, chunk.runtime)) {\n              return compilation.codeGenerationResults.getHash(\n                module,\n                chunk.runtime\n              )\n            } else {\n              return chunkGraph.getModuleHash(module, chunk.runtime)\n            }\n          }\n\n          const modules = chunkGraph.getChunkModulesIterable(chunk)\n\n          if (modules !== undefined) {\n            for (const module of modules) {\n              const key = `${chunk.id}|${module.identifier()}`\n\n              if (\n                !this.originalBlankCssHash &&\n                // @ts-ignore - exists on NormalModule but not Module\n                module.rawRequest === `./blank.css`\n              ) {\n                this.blankCssKey = key\n                this.originalBlankCssHash =\n                  records.chunkModuleHashes[this.blankCssKey]\n              }\n\n              // @ts-ignore - exists on NormalModule but not Module\n              const isUsingMiniCssExtract = module.loaders?.find(loader =>\n                loader?.loader?.includes(`mini-css-extract-plugin`)\n              )\n\n              if (isUsingMiniCssExtract) {\n                seenCssInThisCompilation.add(key)\n                cssRemovedInThisCompilation.delete(key)\n\n                const hash = getModuleHash(module)\n                if (records.chunkModuleHashes[key] !== hash) {\n                  newOrUpdatedCss = true\n                }\n              }\n            }\n          }\n        }\n\n        // If css file was edited or new css import was added (`newOrUpdatedCss`)\n        // or if css import was removed (`cssRemovedInThisCompilation.size > 0`)\n        // trick Webpack's HMR into thinking `blank.css` file changed.\n        if (\n          (newOrUpdatedCss || cssRemovedInThisCompilation.size > 0) &&\n          this.originalBlankCssHash &&\n          this.blankCssKey\n        ) {\n          records.chunkModuleHashes[this.blankCssKey] =\n            this.originalBlankCssHash + String(this.hackCounter++)\n        }\n\n        this.previouslySeenCss = seenCssInThisCompilation\n      })\n    })\n  }\n}\n"],"mappings":"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"}

package/dist/utils/webpack/plugins/partial-hydration.d.ts

@@ -0,0 +1,26 @@
+import webpack, { Compilation, Compiler } from "webpack";
+import type Reporter from "gatsby-cli/lib/reporter";
+interface IModuleExport {
+    id: string;
+    chunks: Array<string>;
+    name: string;
+}
+export declare const PARTIAL_HYDRATION_CHUNK_REASON = "PartialHydration client module";
+/**
+ * inspiration and code mostly comes from https://github.com/facebook/react/blob/3f70e68cea8d2ed0f53d35420105ae20e22ce428/packages/react-server-dom-webpack/src/ReactFlightWebpackPlugin.js
+ */
+export declare class PartialHydrationPlugin {
+    name: string;
+    _manifestPath: string;
+    _reporter: typeof Reporter;
+    _collectedCssModules: Set<webpack.Module>;
+    _previousManifest: {};
+    constructor(manifestPath: string, reporter: typeof Reporter);
+    _generateManifest(compilation: Compilation, rootContext: string): Record<string, Record<string, IModuleExport>>;
+    addClientModuleEntries(compiler: Compiler, compilation: Compilation): Promise<void>;
+    addEntry(compilation: Compilation, context: string, entry: any, options: {
+        name: string;
+    }): Promise<any>;
+    apply(compiler: webpack.Compiler): void;
+}
+export {};