mirror of
https://github.com/facebook/react.git
synced 2026-02-25 05:03:03 +00:00
5fd9db732d
* Move files * Update paths * Rename import variables * Rename /server to /writer This is mainly because "React Server Server" is weird so we need another dimension. * Use "react-server" convention to enforce that writer is only loaded in a server
92 lines
3.2 KiB
JavaScript
92 lines
3.2 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
*/
|
|
|
|
const url = require('url');
|
|
|
|
// $FlowFixMe
|
|
const Module = require('module');
|
|
|
|
module.exports = function register() {
|
|
const MODULE_REFERENCE = Symbol.for('react.module.reference');
|
|
const proxyHandlers = {
|
|
get: function(target, name, receiver) {
|
|
switch (name) {
|
|
// These names are read by the Flight runtime if you end up using the exports object.
|
|
case '$$typeof':
|
|
// These names are a little too common. We should probably have a way to
|
|
// have the Flight runtime extract the inner target instead.
|
|
return target.$$typeof;
|
|
case 'filepath':
|
|
return target.filepath;
|
|
case 'name':
|
|
return target.name;
|
|
// We need to special case this because createElement reads it if we pass this
|
|
// reference.
|
|
case 'defaultProps':
|
|
return undefined;
|
|
case '__esModule':
|
|
// Something is conditionally checking which export to use. We'll pretend to be
|
|
// an ESM compat module but then we'll check again on the client.
|
|
target.default = {
|
|
$$typeof: MODULE_REFERENCE,
|
|
filepath: target.filepath,
|
|
// This a placeholder value that tells the client to conditionally use the
|
|
// whole object or just the default export.
|
|
name: '',
|
|
};
|
|
return true;
|
|
}
|
|
let cachedReference = target[name];
|
|
if (!cachedReference) {
|
|
cachedReference = target[name] = {
|
|
$$typeof: MODULE_REFERENCE,
|
|
filepath: target.filepath,
|
|
name: name,
|
|
};
|
|
}
|
|
return cachedReference;
|
|
},
|
|
set: function() {
|
|
throw new Error('Cannot assign to a client module from a server module.');
|
|
},
|
|
};
|
|
|
|
(require: any).extensions['.client.js'] = function(module, path) {
|
|
const moduleId = url.pathToFileURL(path).href;
|
|
const moduleReference: {[string]: any} = {
|
|
$$typeof: MODULE_REFERENCE,
|
|
filepath: moduleId,
|
|
name: '*', // Represents the whole object instead of a particular import.
|
|
};
|
|
module.exports = new Proxy(moduleReference, proxyHandlers);
|
|
};
|
|
|
|
const originalResolveFilename = Module._resolveFilename;
|
|
|
|
Module._resolveFilename = function(request, parent, isMain, options) {
|
|
// We intentionally check the request here instead of the resolved file.
|
|
// This allows package exports to configure non-server aliases that resolve to server files
|
|
// depending on environment. It's probably a bad idea to export a server file as "main" though.
|
|
if (request.endsWith('.server.js')) {
|
|
if (
|
|
parent &&
|
|
parent.filename &&
|
|
!parent.filename.endsWith('.server.js')
|
|
) {
|
|
throw new Error(
|
|
`Cannot import "${request}" from "${parent.filename}". ` +
|
|
'By react-server convention, .server.js files can only be imported from other .server.js files. ' +
|
|
'That way nobody accidentally sends these to the client by indirectly importing it.',
|
|
);
|
|
}
|
|
}
|
|
return originalResolveFilename.apply(this, arguments);
|
|
};
|
|
};
|