Skip to content

Commit

Permalink
Uprgade webpack to 5.86.0
Browse files Browse the repository at this point in the history
upgrade deps

fix pnpm lock

fix resolution

clean
  • Loading branch information
huozhi committed Jun 8, 2023
1 parent 5150506 commit 4e8aa50
Show file tree
Hide file tree
Showing 18 changed files with 389 additions and 229 deletions.
4 changes: 3 additions & 1 deletion package.json
Expand Up @@ -236,14 +236,16 @@
"typescript": "5.1.3",
"unfetch": "4.2.0",
"wait-port": "0.2.2",
"webpack": "5.74.0",
"webpack": "5.86.0",
"webpack-bundle-analyzer": "4.7.0",
"whatwg-fetch": "3.0.0",
"ws": "8.2.3"
},
"resolutions": {
"webpack": "5.86.0",
"browserslist": "4.20.2",
"caniuse-lite": "1.0.30001406",
"@types/node": "20.2.5",
"@babel/core": "7.18.0",
"@babel/parser": "7.18.0",
"@babel/types": "7.18.0",
Expand Down
2 changes: 1 addition & 1 deletion packages/next/package.json
Expand Up @@ -305,7 +305,7 @@
"vm-browserify": "1.1.2",
"watchpack": "2.4.0",
"web-vitals": "3.0.0",
"webpack": "5.74.0",
"webpack": "5.86.0",
"webpack-sources1": "npm:webpack-sources@1.4.3",
"webpack-sources3": "npm:webpack-sources@3.2.3",
"ws": "8.2.3"
Expand Down
6 changes: 3 additions & 3 deletions packages/next/src/build/webpack/loaders/utils.ts
Expand Up @@ -6,7 +6,7 @@ const imageRegex = new RegExp(`\\.(${imageExtensions.join('|')})$`)

export function isClientComponentEntryModule(mod: {
resource: string
buildInfo: any
buildInfo?: any
}) {
const rscInfo = mod.buildInfo.rsc
const hasClientDirective = rscInfo?.isClientRef
Expand Down Expand Up @@ -40,9 +40,9 @@ export function isCSSMod(mod: {

export function getActions(mod: {
resource: string
buildInfo: any
buildInfo?: any
}): undefined | string[] {
return mod.buildInfo.rsc?.actions
return mod.buildInfo?.rsc?.actions
}

export function generateActionId(filePath: string, exportName: string) {
Expand Down
Expand Up @@ -136,8 +136,8 @@ export class ClientReferenceManifestPlugin {

// Collect client requests
function collectClientRequest(mod: webpack.NormalModule) {
if (mod.resource === '' && mod.buildInfo.rsc) {
const { requests = [] } = mod.buildInfo.rsc
if (mod.resource === '' && mod.buildInfo?.rsc) {
const { requests = [] } = mod.buildInfo?.rsc
requests.forEach((r: string) => {
clientRequestsSet.add(r)
})
Expand All @@ -150,7 +150,7 @@ export class ClientReferenceManifestPlugin {
function getAppPathRequiredChunks() {
return chunkGroup.chunks
.map((requiredChunk: webpack.Chunk) => {
if (SYSTEM_ENTRYPOINTS.has(requiredChunk.name)) {
if (SYSTEM_ENTRYPOINTS.has(requiredChunk.name || '')) {
return null
}

Expand Down Expand Up @@ -265,7 +265,7 @@ export class ClientReferenceManifestPlugin {
}
return null
}),
...(mod.buildInfo.rsc?.clientRefs || []),
...(mod.buildInfo?.rsc?.clientRefs || []),
]
.filter(Boolean)
.flat()
Expand Down
82 changes: 46 additions & 36 deletions packages/next/src/bundles/webpack/packages/lazy-compilation-node.js
@@ -1,40 +1,50 @@
/* global __resourceQuery */

"use strict";
'use strict'

var urlBase = decodeURIComponent(__resourceQuery.slice(1));
var urlBase = decodeURIComponent(__resourceQuery.slice(1))

/**
* @param {{ data: string, onError: (err: Error) => void, active: boolean, module: module }} options options
* @returns {() => void} function to destroy response
*/
exports.keepAlive = function (options) {
var data = options.data;
var onError = options.onError;
var active = options.active;
var module = options.module;
var response;
var request = (
urlBase.startsWith("https") ? require("https") : require("http")
).request(
urlBase + data,
{
agent: false,
headers: { accept: "text/event-stream" }
},
function (res) {
response = res;
response.on("error", errorHandler);
if (!active && !module.hot) {
console.log(
"Hot Module Replacement is not enabled. Waiting for process restart..."
);
}
}
);
function errorHandler(err) {
err.message =
"Problem communicating active modules to the server: " + err.message;
onError(err);
}
request.on("error", errorHandler);
request.end();
return function () {
response.destroy();
};
};
var data = options.data
var onError = options.onError
var active = options.active
var module = options.module
/** @type {import("http").IncomingMessage} */
var response
var request = (
urlBase.startsWith('https') ? require('https') : require('http')
).request(
urlBase + data,
{
agent: false,
headers: { accept: 'text/event-stream' },
},
function (res) {
response = res
response.on('error', errorHandler)
if (!active && !module.hot) {
console.log(
'Hot Module Replacement is not enabled. Waiting for process restart...'
)
}
}
)

/**
* @param {Error} err error
*/
function errorHandler(err) {
err.message =
'Problem communicating active modules to the server: ' + err.message
onError(err)
}
request.on('error', errorHandler)
request.end()
return function () {
response.destroy()
}
}
137 changes: 73 additions & 64 deletions packages/next/src/bundles/webpack/packages/lazy-compilation-web.js
@@ -1,74 +1,83 @@
/* global __resourceQuery */

"use strict";
'use strict'

if (typeof EventSource !== "function") {
throw new Error(
"Environment doesn't support lazy compilation (requires EventSource)"
);
if (typeof EventSource !== 'function') {
throw new Error(
"Environment doesn't support lazy compilation (requires EventSource)"
)
}

var urlBase = decodeURIComponent(__resourceQuery.slice(1));
var activeEventSource;
var activeKeys = new Map();
var errorHandlers = new Set();
var urlBase = decodeURIComponent(__resourceQuery.slice(1))
/** @type {EventSource | undefined} */
var activeEventSource
var activeKeys = new Map()
var errorHandlers = new Set()

var updateEventSource = function updateEventSource() {
if (activeEventSource) activeEventSource.close();
if (activeKeys.size) {
activeEventSource = new EventSource(
urlBase + Array.from(activeKeys.keys()).join("@")
);
activeEventSource.onerror = function (event) {
errorHandlers.forEach(function (onError) {
onError(
new Error(
"Problem communicating active modules to the server: " +
event.message +
" " +
event.filename +
":" +
event.lineno +
":" +
event.colno +
" " +
event.error
)
);
});
};
} else {
activeEventSource = undefined;
}
};
if (activeEventSource) activeEventSource.close()
if (activeKeys.size) {
activeEventSource = new EventSource(
urlBase + Array.from(activeKeys.keys()).join('@')
)
/**
* @this {EventSource}
* @param {Event & { message?: string, filename?: string, lineno?: number, colno?: number, error?: Error }} event event
*/
activeEventSource.onerror = function (event) {
errorHandlers.forEach(function (onError) {
onError(
new Error(
'Problem communicating active modules to the server: ' +
event.message +
' ' +
event.filename +
':' +
event.lineno +
':' +
event.colno +
' ' +
event.error
)
)
})
}
} else {
activeEventSource = undefined
}
}

/**
* @param {{ data: string, onError: (err: Error) => void, active: boolean, module: module }} options options
* @returns {() => void} function to destroy response
*/
exports.keepAlive = function (options) {
var data = options.data;
var onError = options.onError;
var active = options.active;
var module = options.module;
errorHandlers.add(onError);
var value = activeKeys.get(data) || 0;
activeKeys.set(data, value + 1);
if (value === 0) {
updateEventSource();
}
if (!active && !module.hot) {
console.log(
"Hot Module Replacement is not enabled. Waiting for process restart..."
);
}
var data = options.data
var onError = options.onError
var active = options.active
var module = options.module
errorHandlers.add(onError)
var value = activeKeys.get(data) || 0
activeKeys.set(data, value + 1)
if (value === 0) {
updateEventSource()
}
if (!active && !module.hot) {
console.log(
'Hot Module Replacement is not enabled. Waiting for process restart...'
)
}

return function () {
errorHandlers.delete(onError);
setTimeout(function () {
var value = activeKeys.get(data);
if (value === 1) {
activeKeys.delete(data);
updateEventSource();
} else {
activeKeys.set(data, value - 1);
}
}, 1000);
};
};
return function () {
errorHandlers.delete(onError)
setTimeout(function () {
var value = activeKeys.get(data)
if (value === 1) {
activeKeys.delete(data)
updateEventSource()
} else {
activeKeys.set(data, value - 1)
}
}, 1000)
}
}
2 changes: 1 addition & 1 deletion packages/next/src/compiled/babel/bundle.js

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion packages/next/src/compiled/mini-css-extract-plugin/cjs.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Large diffs are not rendered by default.

0 comments on commit 4e8aa50

Please sign in to comment.