react-cosmos 5.6.5 → 5.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/config/createCosmosConfig.js +4 -4
- package/dist/config/{resolve.d.ts → resolveModule.d.ts} +0 -0
- package/dist/config/{resolve.js → resolveModule.js} +0 -0
- package/dist/{shared/devServer → devServer}/app.d.ts +2 -2
- package/dist/{shared/devServer → devServer}/app.js +2 -2
- package/dist/{shared/devServer → devServer}/httpServer.d.ts +2 -2
- package/dist/{shared/devServer → devServer}/httpServer.js +0 -0
- package/dist/{shared/devServer → devServer}/messageHandler.d.ts +0 -0
- package/dist/{shared/devServer → devServer}/messageHandler.js +0 -0
- package/dist/{shared/devServer/index.d.ts → devServer/startDevServer.d.ts} +2 -2
- package/dist/{shared/devServer/index.js → devServer/startDevServer.js} +5 -5
- package/dist/dom/DomFixtureLoader.d.ts +4 -3
- package/dist/dom/ErrorCatch.js +4 -4
- package/dist/dom/index.d.ts +3 -3
- package/dist/dom/renderMessage.d.ts +1 -0
- package/dist/{shared/export.d.ts → export/generateExport.d.ts} +1 -1
- package/dist/{shared/export.js → export/generateExport.js} +7 -7
- package/dist/fixture.js +6 -6
- package/dist/getFixtureUrls.d.ts +1 -1
- package/dist/getFixtureUrls.js +11 -12
- package/dist/getFixtures.d.ts +1 -1
- package/dist/getFixtures.js +14 -15
- package/dist/getFixtures2.d.ts +1 -1
- package/dist/getFixtures2.js +9 -9
- package/dist/index.d.ts +3 -1
- package/dist/index.js +22 -18
- package/dist/native.d.ts +7 -4
- package/dist/native.js +4 -3
- package/dist/nativeServer.js +3 -3
- package/dist/plugins/httpProxy.d.ts +1 -1
- package/dist/plugins/httpProxy.js +1 -1
- package/dist/plugins/openFile.d.ts +1 -1
- package/dist/plugins/openFile.js +3 -3
- package/dist/plugins/userDepsFile.d.ts +1 -1
- package/dist/plugins/userDepsFile.js +6 -4
- package/dist/plugins/webpack/client/errorOverlay/reactErrorOverlay.js +2 -2
- package/dist/plugins/webpack/client/userDeps.d.ts +3 -3
- package/dist/plugins/webpack/client/userDeps.js +1 -1
- package/dist/plugins/webpack/cosmosConfig/dom.d.ts +1 -1
- package/dist/plugins/webpack/cosmosConfig/webpack.d.ts +1 -1
- package/dist/plugins/webpack/cosmosConfig/webpack.js +5 -5
- package/dist/plugins/webpack/devServer.d.ts +1 -1
- package/dist/plugins/webpack/devServer.js +7 -7
- package/dist/plugins/webpack/export.d.ts +1 -1
- package/dist/plugins/webpack/export.js +10 -6
- package/dist/plugins/webpack/webpackConfig/{default.d.ts → getDefaultWebpackConfig.d.ts} +0 -0
- package/dist/plugins/webpack/webpackConfig/{default.js → getDefaultWebpackConfig.js} +4 -4
- package/dist/plugins/webpack/webpackConfig/{devServer.d.ts → getDevWebpackConfig.d.ts} +1 -1
- package/dist/plugins/webpack/webpackConfig/{devServer.js → getDevWebpackConfig.js} +18 -17
- package/dist/plugins/webpack/webpackConfig/{export.d.ts → getExportWebpackConfig.d.ts} +1 -1
- package/dist/plugins/webpack/webpackConfig/{export.js → getExportWebpackConfig.js} +19 -18
- package/dist/plugins/webpack/webpackConfig/getUserWebpackConfig.d.ts +3 -0
- package/dist/plugins/webpack/webpackConfig/getUserWebpackConfig.js +136 -0
- package/dist/plugins/webpack/webpackConfig/getWebpackConfigModule.d.ts +2 -0
- package/dist/plugins/webpack/webpackConfig/getWebpackConfigModule.js +45 -0
- package/dist/plugins/webpack/webpackConfig/getWebpackConfigResolve.d.ts +4 -0
- package/dist/plugins/webpack/webpackConfig/getWebpackConfigResolve.js +107 -0
- package/dist/plugins/webpack/webpackConfig/getWebpackNodeEnv.d.ts +1 -0
- package/dist/plugins/webpack/webpackConfig/getWebpackNodeEnv.js +12 -0
- package/dist/plugins/webpack/webpackConfig/htmlPlugin.d.ts +1 -1
- package/dist/plugins/webpack/webpackConfig/htmlPlugin.js +5 -5
- package/dist/plugins/webpack/webpackConfig/plugins.d.ts +5 -0
- package/dist/plugins/webpack/webpackConfig/plugins.js +37 -0
- package/dist/plugins/webpack/webpackConfig/resolveWebpackClientPath.d.ts +1 -0
- package/dist/plugins/webpack/webpackConfig/resolveWebpackClientPath.js +10 -0
- package/dist/plugins/webpack/webpackConfig/userDepsLoader.js +4 -4
- package/dist/shared/fs.js +3 -3
- package/dist/shared/playgroundHtml.d.ts +2 -2
- package/dist/shared/playgroundHtml.js +6 -6
- package/dist/shared/pluginConfigs.d.ts +1 -1
- package/dist/shared/static.js +2 -2
- package/dist/shared/types.d.ts +1 -0
- package/dist/shared/types.js +5 -0
- package/dist/shared/{shared.d.ts → utils.d.ts} +0 -1
- package/dist/shared/{shared.js → utils.js} +2 -2
- package/dist/{shared/userDeps → userDeps}/findUserModulePaths.d.ts +0 -0
- package/dist/{shared/userDeps → userDeps}/findUserModulePaths.js +0 -0
- package/dist/{shared/userDeps → userDeps}/generateUserDepsModule.d.ts +1 -1
- package/dist/{shared/userDeps → userDeps}/generateUserDepsModule.js +0 -0
- package/dist/userDeps/getUserModules.d.ts +8 -0
- package/dist/{shared/userDeps → userDeps}/getUserModules.js +6 -6
- package/dist/{shared/userDeps → userDeps}/shared.d.ts +0 -0
- package/dist/{shared/userDeps → userDeps}/shared.js +3 -3
- package/dist/{shared/userDeps → userDeps}/userDepsTemplate.d.ts +0 -0
- package/dist/{shared/userDeps → userDeps}/userDepsTemplate.js +3 -3
- package/dist/webExport.js +2 -2
- package/dist/webServer.js +3 -3
- package/package.json +13 -13
- package/dist/config/index.d.ts +0 -5
- package/dist/config/index.js +0 -51
- package/dist/plugins/webpack/webpackConfig/index.d.ts +0 -2
- package/dist/plugins/webpack/webpackConfig/index.js +0 -21
- package/dist/plugins/webpack/webpackConfig/module.d.ts +0 -3
- package/dist/plugins/webpack/webpackConfig/module.js +0 -18
- package/dist/plugins/webpack/webpackConfig/shared.d.ts +0 -11
- package/dist/plugins/webpack/webpackConfig/shared.js +0 -254
- package/dist/shared/userDeps/getUserModules.d.ts +0 -8
- package/dist/shared/userDeps/index.d.ts +0 -4
- package/dist/shared/userDeps/index.js +0 -49
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getWebpackConfigModule = getWebpackConfigModule;
|
|
7
|
+
|
|
8
|
+
var _resolveWebpackClientPath = require("./resolveWebpackClientPath");
|
|
9
|
+
|
|
10
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
11
|
+
|
|
12
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
13
|
+
|
|
14
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
15
|
+
|
|
16
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
17
|
+
|
|
18
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
19
|
+
|
|
20
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
21
|
+
|
|
22
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
23
|
+
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
25
|
+
|
|
26
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
27
|
+
|
|
28
|
+
function getWebpackConfigModule(webpackConfig) {
|
|
29
|
+
return _objectSpread(_objectSpread({}, webpackConfig.module), {}, {
|
|
30
|
+
rules: getRules(webpackConfig)
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
function getRules(_ref) {
|
|
35
|
+
var module = _ref.module;
|
|
36
|
+
var existingRules = module && module.rules || [];
|
|
37
|
+
return [].concat(_toConsumableArray(existingRules), [getUserDepsLoaderRule()]);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
function getUserDepsLoaderRule() {
|
|
41
|
+
return {
|
|
42
|
+
loader: require.resolve('./userDepsLoader'),
|
|
43
|
+
include: (0, _resolveWebpackClientPath.resolveWebpackClientPath)('userDeps')
|
|
44
|
+
};
|
|
45
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import webpack from 'webpack';
|
|
2
|
+
import { CosmosConfig } from '../../../config/shared';
|
|
3
|
+
export declare function getWebpackConfigResolve(cosmosConfig: CosmosConfig, webpackConfig: webpack.Configuration): webpack.ResolveOptions;
|
|
4
|
+
export declare function isInstanceOfResolvePlugin(plugin: webpack.ResolvePluginInstance | '...', constructorName: string): boolean;
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getWebpackConfigResolve = getWebpackConfigResolve;
|
|
7
|
+
exports.isInstanceOfResolvePlugin = isInstanceOfResolvePlugin;
|
|
8
|
+
|
|
9
|
+
var _path = _interopRequireDefault(require("path"));
|
|
10
|
+
|
|
11
|
+
var _resolveFrom = _interopRequireDefault(require("resolve-from"));
|
|
12
|
+
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
|
|
15
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
16
|
+
|
|
17
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
18
|
+
|
|
19
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
|
+
|
|
21
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
22
|
+
|
|
23
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
24
|
+
|
|
25
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
26
|
+
|
|
27
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
28
|
+
|
|
29
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
30
|
+
|
|
31
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
32
|
+
|
|
33
|
+
function getWebpackConfigResolve(cosmosConfig, webpackConfig) {
|
|
34
|
+
return removeModuleScopePlugin(resolveLocalReactDeps(cosmosConfig, webpackConfig.resolve));
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
function removeModuleScopePlugin() {
|
|
38
|
+
var resolve = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
39
|
+
var plugins = resolve.plugins;
|
|
40
|
+
if (!plugins) return resolve;
|
|
41
|
+
return _objectSpread(_objectSpread({}, resolve), {}, {
|
|
42
|
+
plugins: plugins.filter(function (p) {
|
|
43
|
+
return !isInstanceOfResolvePlugin(p, 'ModuleScopePlugin');
|
|
44
|
+
})
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
function resolveLocalReactDeps(cosmosConfig) {
|
|
49
|
+
var resolve = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
50
|
+
var rootDir = cosmosConfig.rootDir;
|
|
51
|
+
var alias = resolve.alias || {}; // Preserve existing React aliases (eg. when using Preact)
|
|
52
|
+
|
|
53
|
+
var reactAlias = hasAlias(alias, 'react');
|
|
54
|
+
var reactDomAlias = hasAlias(alias, 'react-dom');
|
|
55
|
+
|
|
56
|
+
if (reactAlias && reactDomAlias) {
|
|
57
|
+
console.log('[Cosmos] React and React DOM aliases found in webpack config');
|
|
58
|
+
return resolve;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
if (reactAlias) {
|
|
62
|
+
console.log('[Cosmos] React alias found in webpack config');
|
|
63
|
+
} else {
|
|
64
|
+
var reactPath = _resolveFrom.default.silent(rootDir, 'react');
|
|
65
|
+
|
|
66
|
+
if (!reactPath) throw new Error("[Cosmos] Local dependency not found: react");
|
|
67
|
+
alias = addAlias(alias, 'react', _path.default.dirname(reactPath));
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
if (reactDomAlias) {
|
|
71
|
+
console.log('[Cosmos] React DOM alias found in webpack config');
|
|
72
|
+
} else {
|
|
73
|
+
var reactDomPath = _resolveFrom.default.silent(rootDir, 'react-dom');
|
|
74
|
+
|
|
75
|
+
if (!reactDomPath) throw new Error("[Cosmos] Local dependency not found: react-dom");
|
|
76
|
+
alias = addAlias(alias, 'react-dom', _path.default.dirname(reactDomPath));
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
return _objectSpread(_objectSpread({}, resolve), {}, {
|
|
80
|
+
alias: alias
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
function hasAlias(alias, name) {
|
|
85
|
+
if (!alias) return false;
|
|
86
|
+
var exactName = "".concat(name, "$");
|
|
87
|
+
|
|
88
|
+
if (Array.isArray(alias)) {
|
|
89
|
+
return alias.some(function (a) {
|
|
90
|
+
return a.name === name || a.name === exactName;
|
|
91
|
+
});
|
|
92
|
+
} else {
|
|
93
|
+
var keys = Object.keys(alias);
|
|
94
|
+
return keys.includes(name) || keys.includes(exactName);
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
function addAlias(alias, name, value) {
|
|
99
|
+
return Array.isArray(alias) ? [].concat(_toConsumableArray(alias), [{
|
|
100
|
+
name: name,
|
|
101
|
+
alias: value
|
|
102
|
+
}]) : _objectSpread(_objectSpread({}, alias), {}, _defineProperty({}, name, value));
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
function isInstanceOfResolvePlugin(plugin, constructorName) {
|
|
106
|
+
return plugin.constructor && plugin.constructor.name === constructorName;
|
|
107
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function getWebpackNodeEnv(): "production" | "development";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getWebpackNodeEnv = getWebpackNodeEnv;
|
|
7
|
+
|
|
8
|
+
function getWebpackNodeEnv() {
|
|
9
|
+
// Disallow non dev/prod environments, like "test" inside Jest, because
|
|
10
|
+
// they are not supported by webpack
|
|
11
|
+
return process.env.NODE_ENV === 'production' ? 'production' : 'development';
|
|
12
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Options as HtmlWebpackPluginOptions } from 'html-webpack-plugin';
|
|
2
2
|
import webpack from 'webpack';
|
|
3
|
-
import { CosmosConfig } from '../../../config';
|
|
3
|
+
import { CosmosConfig } from '../../../config/shared';
|
|
4
4
|
export declare type HtmlWebpackPlugin = webpack.WebpackPluginInstance & {
|
|
5
5
|
constructor: HtmlWebpackPluginConstructor;
|
|
6
6
|
} & ({
|
|
@@ -12,13 +12,13 @@ var _lodash = require("lodash");
|
|
|
12
12
|
|
|
13
13
|
var _playgroundHtml = require("../../../shared/playgroundHtml");
|
|
14
14
|
|
|
15
|
-
var
|
|
15
|
+
var _plugins = require("./plugins");
|
|
16
16
|
|
|
17
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
18
|
|
|
19
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
19
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
20
20
|
|
|
21
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
21
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
22
22
|
|
|
23
23
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
24
24
|
|
|
@@ -37,7 +37,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
37
37
|
function ensureHtmlWebackPlugin(_ref, plugins) {
|
|
38
38
|
var rootDir = _ref.rootDir;
|
|
39
39
|
|
|
40
|
-
if ((0,
|
|
40
|
+
if ((0, _plugins.hasPlugin)(plugins, 'HtmlWebpackPlugin')) {
|
|
41
41
|
return plugins.map(function (plugin) {
|
|
42
42
|
return isHtmlWebpackPlugin(plugin) ? changeHtmlPluginFilename(plugin) : plugin;
|
|
43
43
|
});
|
|
@@ -60,7 +60,7 @@ function getHtmlWebpackPlugin(rootDir) {
|
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
function isHtmlWebpackPlugin(plugin) {
|
|
63
|
-
return (0,
|
|
63
|
+
return (0, _plugins.isInstanceOfWebpackPlugin)(plugin, 'HtmlWebpackPlugin');
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
function changeHtmlPluginFilename(htmlPlugin) {
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import webpack from 'webpack';
|
|
2
|
+
import { CosmosConfig } from '../../../config/shared';
|
|
3
|
+
export declare function getGlobalsPlugin({ publicUrl }: CosmosConfig, userWebpack: typeof webpack, devServerOn: boolean): webpack.DefinePlugin;
|
|
4
|
+
export declare function hasPlugin(plugins: void | webpack.WebpackPluginInstance[], pluginName: string): boolean | void;
|
|
5
|
+
export declare function isInstanceOfWebpackPlugin(plugin: webpack.WebpackPluginInstance, constructorName: string): boolean;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getGlobalsPlugin = getGlobalsPlugin;
|
|
7
|
+
exports.hasPlugin = hasPlugin;
|
|
8
|
+
exports.isInstanceOfWebpackPlugin = isInstanceOfWebpackPlugin;
|
|
9
|
+
|
|
10
|
+
var _getWebpackNodeEnv = require("./getWebpackNodeEnv");
|
|
11
|
+
|
|
12
|
+
function getGlobalsPlugin(_ref, userWebpack, devServerOn) {
|
|
13
|
+
var publicUrl = _ref.publicUrl;
|
|
14
|
+
var cleanPublicUrl = removeTrailingSlash(publicUrl);
|
|
15
|
+
return new userWebpack.DefinePlugin({
|
|
16
|
+
// "if (__DEV__)" blocks get stripped when compiling a static export build
|
|
17
|
+
__DEV__: JSON.stringify(devServerOn),
|
|
18
|
+
'process.env': {
|
|
19
|
+
NODE_ENV: JSON.stringify((0, _getWebpackNodeEnv.getWebpackNodeEnv)()),
|
|
20
|
+
PUBLIC_URL: JSON.stringify(cleanPublicUrl)
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
function hasPlugin(plugins, pluginName) {
|
|
26
|
+
return plugins && plugins.filter(function (p) {
|
|
27
|
+
return isInstanceOfWebpackPlugin(p, pluginName);
|
|
28
|
+
}).length > 0;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
function isInstanceOfWebpackPlugin(plugin, constructorName) {
|
|
32
|
+
return plugin.constructor && plugin.constructor.name === constructorName;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
function removeTrailingSlash(url) {
|
|
36
|
+
return url.replace(/\/$/, '');
|
|
37
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function resolveWebpackClientPath(relPath: string): string;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _detectCosmosConfig = require("../../../config/detectCosmosConfig");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _generateUserDepsModule = require("../../../userDeps/generateUserDepsModule");
|
|
6
6
|
|
|
7
7
|
var _dom = require("../cosmosConfig/dom");
|
|
8
8
|
|
|
9
9
|
module.exports = function injectUserDeps() {
|
|
10
10
|
var _this = this;
|
|
11
11
|
|
|
12
|
-
var cosmosConfig = (0,
|
|
12
|
+
var cosmosConfig = (0, _detectCosmosConfig.detectCosmosConfig)(); // This ensures this loader is invalidated whenever a new file is added to or
|
|
13
13
|
// removed from user's project, which in turn triggers react-cosmos-voyager2
|
|
14
14
|
// to detect fixture files and finally update fixture list inside Playground.
|
|
15
15
|
// Note that while this may not be very performant, it's not the equivalent
|
|
@@ -28,7 +28,7 @@ module.exports = function injectUserDeps() {
|
|
|
28
28
|
var rendererConfig = {
|
|
29
29
|
containerQuerySelector: containerQuerySelector
|
|
30
30
|
};
|
|
31
|
-
return (0,
|
|
31
|
+
return (0, _generateUserDepsModule.generateUserDepsModule)({
|
|
32
32
|
cosmosConfig: cosmosConfig,
|
|
33
33
|
rendererConfig: rendererConfig,
|
|
34
34
|
relativeToDir: null
|
package/dist/shared/fs.js
CHANGED
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.requireModule = requireModule;
|
|
7
|
-
exports.moduleExists = moduleExists;
|
|
8
|
-
exports.fileExists = fileExists;
|
|
9
6
|
exports.dirExists = dirExists;
|
|
7
|
+
exports.fileExists = fileExists;
|
|
8
|
+
exports.moduleExists = moduleExists;
|
|
9
|
+
exports.requireModule = requireModule;
|
|
10
10
|
|
|
11
11
|
var _fs = _interopRequireDefault(require("fs"));
|
|
12
12
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CosmosPluginConfig } from 'react-cosmos-plugin';
|
|
2
|
-
import { CosmosConfig } from '../config';
|
|
3
|
-
import { PlatformType } from './
|
|
2
|
+
import { CosmosConfig } from '../config/shared';
|
|
3
|
+
import { PlatformType } from './types';
|
|
4
4
|
export declare const RENDERER_FILENAME = "_renderer.html";
|
|
5
5
|
export declare function getDevPlaygroundHtml(platformType: PlatformType, cosmosConfig: CosmosConfig, pluginConfigs: CosmosPluginConfig[]): string;
|
|
6
6
|
export declare function getExportPlaygroundHtml(cosmosConfig: CosmosConfig, pluginConfigs: CosmosPluginConfig[]): string;
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
exports.RENDERER_FILENAME = void 0;
|
|
6
7
|
exports.getDevPlaygroundHtml = getDevPlaygroundHtml;
|
|
7
8
|
exports.getExportPlaygroundHtml = getExportPlaygroundHtml;
|
|
8
|
-
exports.RENDERER_FILENAME = void 0;
|
|
9
9
|
|
|
10
10
|
var _fs = _interopRequireDefault(require("fs"));
|
|
11
11
|
|
|
@@ -13,15 +13,15 @@ var _pkgUp = _interopRequireDefault(require("pkg-up"));
|
|
|
13
13
|
|
|
14
14
|
var _url = _interopRequireDefault(require("url"));
|
|
15
15
|
|
|
16
|
-
var _shared = require("./shared");
|
|
17
|
-
|
|
18
16
|
var _static = require("./static");
|
|
19
17
|
|
|
18
|
+
var _utils = require("./utils");
|
|
19
|
+
|
|
20
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
21
|
|
|
22
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
22
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
23
23
|
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
25
25
|
|
|
26
26
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
27
27
|
|
|
@@ -106,7 +106,7 @@ function getWebRendererUrl(_ref) {
|
|
|
106
106
|
}
|
|
107
107
|
|
|
108
108
|
function getPlaygroundHtml(playgroundArgs) {
|
|
109
|
-
return (0,
|
|
109
|
+
return (0, _utils.replaceKeys)(getPlaygroundHtmlTemplate(), {
|
|
110
110
|
__PLAYGROUND_ARGS: JSON.stringify(playgroundArgs)
|
|
111
111
|
});
|
|
112
112
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { CosmosConfig } from '../config';
|
|
1
|
+
import { CosmosConfig } from '../config/shared';
|
|
2
2
|
export declare function getPluginConfigs(cosmosConfig: CosmosConfig): import("react-cosmos-plugin").CosmosPluginConfig[];
|
package/dist/shared/static.js
CHANGED
|
@@ -10,7 +10,7 @@ var _express = _interopRequireDefault(require("express"));
|
|
|
10
10
|
|
|
11
11
|
var _path = _interopRequireDefault(require("path"));
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var _utils = require("./utils");
|
|
14
14
|
|
|
15
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
16
|
|
|
@@ -22,7 +22,7 @@ function serveStaticDir(app, staticPath, publicUrl) {
|
|
|
22
22
|
var relStaticPath = _path.default.relative(process.cwd(), staticPath);
|
|
23
23
|
|
|
24
24
|
console.log("[Cosmos] Serving static files from ".concat(relStaticPath));
|
|
25
|
-
app.use((0,
|
|
25
|
+
app.use((0, _utils.removeLeadingDot)(publicUrl), _express.default.static(staticPath, {
|
|
26
26
|
// Ensure loader index (generated by html-webpack-plugin) loads instead
|
|
27
27
|
// of the index.html from staticPath
|
|
28
28
|
index: false
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type PlatformType = 'web' | 'native';
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.replaceKeys = replaceKeys;
|
|
7
|
-
exports.removeLeadingSlash = removeLeadingSlash;
|
|
8
6
|
exports.removeLeadingDot = removeLeadingDot;
|
|
7
|
+
exports.removeLeadingSlash = removeLeadingSlash;
|
|
8
|
+
exports.replaceKeys = replaceKeys;
|
|
9
9
|
|
|
10
10
|
function replaceKeys(str, map) {
|
|
11
11
|
return Object.keys(map).reduce(function (res, key) {
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactDecorators, ReactFixtureExports } from 'react-cosmos-shared2/react';
|
|
2
|
+
import { CosmosConfig } from '../config/shared';
|
|
3
|
+
declare type UserModules = {
|
|
4
|
+
fixtures: ReactFixtureExports;
|
|
5
|
+
decorators: ReactDecorators;
|
|
6
|
+
};
|
|
7
|
+
export declare function getUserModules({ rootDir, fixturesDir, fixtureFileSuffix, }: CosmosConfig): UserModules;
|
|
8
|
+
export {};
|
|
@@ -7,10 +7,10 @@ exports.getUserModules = getUserModules;
|
|
|
7
7
|
|
|
8
8
|
var _path = _interopRequireDefault(require("path"));
|
|
9
9
|
|
|
10
|
-
var _ = require(".");
|
|
11
|
-
|
|
12
10
|
var _slash = _interopRequireDefault(require("slash"));
|
|
13
11
|
|
|
12
|
+
var _findUserModulePaths2 = require("./findUserModulePaths");
|
|
13
|
+
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
16
|
function getUserModules(_ref) {
|
|
@@ -18,7 +18,7 @@ function getUserModules(_ref) {
|
|
|
18
18
|
fixturesDir = _ref.fixturesDir,
|
|
19
19
|
fixtureFileSuffix = _ref.fixtureFileSuffix;
|
|
20
20
|
|
|
21
|
-
var _findUserModulePaths = (0,
|
|
21
|
+
var _findUserModulePaths = (0, _findUserModulePaths2.findUserModulePaths)({
|
|
22
22
|
rootDir: rootDir,
|
|
23
23
|
fixturesDir: fixturesDir,
|
|
24
24
|
fixtureFileSuffix: fixtureFileSuffix
|
|
@@ -27,12 +27,12 @@ function getUserModules(_ref) {
|
|
|
27
27
|
decoratorPaths = _findUserModulePaths.decoratorPaths;
|
|
28
28
|
|
|
29
29
|
return {
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
fixtures: getDefaultExports(fixturePaths, rootDir),
|
|
31
|
+
decorators: getDefaultExports(decoratorPaths, rootDir)
|
|
32
32
|
};
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
function
|
|
35
|
+
function getDefaultExports(paths, rootDir) {
|
|
36
36
|
var exportsByPath = {};
|
|
37
37
|
paths.forEach(function (p) {
|
|
38
38
|
// Converting to forward slashes on Windows is important because the
|
|
File without changes
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.getFixturePatterns = getFixturePatterns;
|
|
7
6
|
exports.getDecoratorPatterns = getDecoratorPatterns;
|
|
7
|
+
exports.getFixturePatterns = getFixturePatterns;
|
|
8
8
|
exports.getIgnorePatterns = getIgnorePatterns;
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _utils = require("../shared/utils");
|
|
11
11
|
|
|
12
12
|
// NODE: These can be made configurable if a proper need arises
|
|
13
13
|
var FIXTURE_PATTERNS = ['**/<fixturesDir>/**/*.{js,jsx,ts,tsx}', '**/*.<fixtureFileSuffix>.{js,jsx,ts,tsx}'];
|
|
@@ -16,7 +16,7 @@ var IGNORE_PATTERNS = ['**/node_modules/**'];
|
|
|
16
16
|
|
|
17
17
|
function getFixturePatterns(fixturesDir, fixtureFileSuffix) {
|
|
18
18
|
return FIXTURE_PATTERNS.map(function (pattern) {
|
|
19
|
-
return (0,
|
|
19
|
+
return (0, _utils.replaceKeys)(pattern, {
|
|
20
20
|
'<fixturesDir>': fixturesDir,
|
|
21
21
|
'<fixtureFileSuffix>': fixtureFileSuffix
|
|
22
22
|
});
|
|
File without changes
|
|
@@ -11,9 +11,9 @@ var _slash = _interopRequireDefault(require("slash"));
|
|
|
11
11
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
14
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
14
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
15
15
|
|
|
16
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
16
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17
17
|
|
|
18
18
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
19
|
|
|
@@ -35,7 +35,7 @@ function userDepsTemplate(_ref) {
|
|
|
35
35
|
}).join("\n"), "\n\n").concat(decoratorKeys.map(function (k, i) {
|
|
36
36
|
return "import decorator".concat(i, " from '").concat(decorators[k], "';");
|
|
37
37
|
}).join("\n"), "\n\nexport const rendererConfig = ").concat(JSON.stringify(rendererConfig, null, 2), ";\n\nexport const fixtures = {\n").concat(fixtureKeys.map(function (k, i) {
|
|
38
|
-
return " '".concat(k, "': fixture").concat(i);
|
|
38
|
+
return " '".concat(k, "': { module: { default: fixture").concat(i, " } }");
|
|
39
39
|
}).join(",\n"), "\n};\n\nexport const decorators = {\n").concat(decoratorKeys.map(function (k, i) {
|
|
40
40
|
return " '".concat(k, "': decorator").concat(i);
|
|
41
41
|
}).join(",\n"), "\n};\n").trimLeft();
|
package/dist/webExport.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.generateWebExport = generateWebExport;
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _generateExport = require("./export/generateExport");
|
|
9
9
|
|
|
10
10
|
var _webpack = require("./plugins/webpack");
|
|
11
11
|
|
|
@@ -24,7 +24,7 @@ function _generateWebExport() {
|
|
|
24
24
|
switch (_context.prev = _context.next) {
|
|
25
25
|
case 0:
|
|
26
26
|
_context.next = 2;
|
|
27
|
-
return (0,
|
|
27
|
+
return (0, _generateExport.generateExport)([_webpack.webpackExport]);
|
|
28
28
|
|
|
29
29
|
case 2:
|
|
30
30
|
case "end":
|
package/dist/webServer.js
CHANGED
|
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.startWebServer = startWebServer;
|
|
7
7
|
|
|
8
|
+
var _startDevServer = require("./devServer/startDevServer");
|
|
9
|
+
|
|
8
10
|
var _httpProxy = require("./plugins/httpProxy");
|
|
9
11
|
|
|
10
12
|
var _openFile = require("./plugins/openFile");
|
|
@@ -13,8 +15,6 @@ var _userDepsFile = require("./plugins/userDepsFile");
|
|
|
13
15
|
|
|
14
16
|
var _webpack = require("./plugins/webpack");
|
|
15
17
|
|
|
16
|
-
var _devServer = require("./shared/devServer");
|
|
17
|
-
|
|
18
18
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
19
19
|
|
|
20
20
|
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
@@ -30,7 +30,7 @@ function _startWebServer() {
|
|
|
30
30
|
switch (_context.prev = _context.next) {
|
|
31
31
|
case 0:
|
|
32
32
|
_context.next = 2;
|
|
33
|
-
return (0,
|
|
33
|
+
return (0, _startDevServer.startDevServer)('web', [_openFile.openFile, _webpack.webpackDevServer, _httpProxy.httpProxy, _userDepsFile.userDepsFile]);
|
|
34
34
|
|
|
35
35
|
case 2:
|
|
36
36
|
case "end":
|