feat(react): update to react 18

This commit is contained in:
Bastian Ike
2022-05-13 12:49:09 +02:00
committed by Bastian
parent f4c5c9edec
commit f28aad8bcb
35 changed files with 27496 additions and 16761 deletions

13
dist_scripts/scripts/buildRadar.js Normal file → Executable file
View File

@@ -2,7 +2,11 @@
"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
@@ -36,7 +40,7 @@ fs.removeSync(paths.templateNodeModules);
fs.ensureSymlinkSync(paths.appNodeModules, paths.templateNodeModules);
var runCommand = function (command) {
return new Promise(function (resolve, reject) {
var executedCommand = child_process_1.spawn(command, {
var executedCommand = (0, child_process_1.spawn)(command, {
stdio: "inherit",
shell: true,
});
@@ -60,10 +64,11 @@ var buildTemplate = function () {
var packageManager = fs.existsSync(paths.appYarnLock) ? "yarn" : "npm";
fs.emptyDirSync(paths.templateBuild);
process.chdir(paths.template);
return runCommand(packageManager + " run build");
return runCommand("".concat(packageManager, " run build"));
};
buildTemplate().then(function () {
fs.copySync(paths.templateBuild, paths.appBuild);
fs.ensureDirSync(paths.appPublic);
fs.copySync(paths.appPublic, paths.appBuild);
console.log(paths.appBuild + " was created and can be deployed.");
console.log("".concat(paths.appBuild, " was created and can be deployed."));
});

18
dist_scripts/scripts/createStaticFiles.js Normal file → Executable file
View File

@@ -55,22 +55,22 @@ process.on("unhandledRejection", function (err) {
case 0:
_a.trys.push([0, 2, , 3]);
console.log("starting static");
return [4 /*yield*/, radar_1.createRadar()];
return [4 /*yield*/, (0, radar_1.createRadar)()];
case 1:
radar = _a.sent();
fs_1.copyFileSync("build/index.html", "build/overview.html");
fs_1.copyFileSync("build/index.html", "build/help-and-about-tech-radar.html");
rawConf = fs_1.readFileSync("build/config.json", "utf-8");
(0, fs_1.copyFileSync)("build/index.html", "build/overview.html");
(0, fs_1.copyFileSync)("build/index.html", "build/help-and-about-tech-radar.html");
rawConf = (0, fs_1.readFileSync)("build/config.json", "utf-8");
config = JSON.parse(rawConf);
Object.keys(config.quadrants).forEach(function (quadrant) {
var destFolder = "build/" + quadrant;
fs_1.copyFileSync("build/index.html", destFolder + ".html");
if (!fs_1.existsSync(destFolder)) {
fs_1.mkdirSync(destFolder);
var destFolder = "build/".concat(quadrant);
(0, fs_1.copyFileSync)("build/index.html", "".concat(destFolder, ".html"));
if (!(0, fs_1.existsSync)(destFolder)) {
(0, fs_1.mkdirSync)(destFolder);
}
});
radar.items.forEach(function (item) {
fs_1.copyFileSync("build/index.html", "build/" + item.quadrant + "/" + item.name + ".html");
(0, fs_1.copyFileSync)("build/index.html", "build/".concat(item.quadrant, "/").concat(item.name, ".html"));
});
console.log("created static files.");
return [3 /*break*/, 3];

8
dist_scripts/scripts/generateJson.js Normal file → Executable file
View File

@@ -2,7 +2,11 @@
"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
@@ -96,7 +100,7 @@ var generateJson = function () { return __awaiter(void 0, void 0, void 0, functi
}); };
generateJson()
.then(function () {
console.log(paths.appRdJson + " created.");
console.log("".concat(paths.appRdJson, " created."));
})
.catch(function (err) {
if (err && err.message) {

View File

@@ -1,7 +1,11 @@
"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
@@ -18,10 +22,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
__setModuleDefault(result, mod);
return result;
};
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
to[j] = from[i];
return to;
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
if (ar || !(i in from)) {
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
ar[i] = from[i];
}
}
return to.concat(ar || Array.prototype.slice.call(from));
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.save = exports.getAllMarkdownFiles = exports.buildPath = exports.jsPath = exports.faviconPath = exports.stylesPath = exports.radarPath = exports.relativePath = void 0;
@@ -41,7 +49,7 @@ var radarPath = function () {
for (var _i = 0; _i < arguments.length; _i++) {
pathInSrc[_i] = arguments[_i];
}
return exports.relativePath.apply(void 0, __spreadArray(["radar"], pathInSrc));
return exports.relativePath.apply(void 0, __spreadArray(["radar"], pathInSrc, false));
};
exports.radarPath = radarPath;
var stylesPath = function () {
@@ -49,7 +57,7 @@ var stylesPath = function () {
for (var _i = 0; _i < arguments.length; _i++) {
pathInSrc[_i] = arguments[_i];
}
return exports.relativePath.apply(void 0, __spreadArray(["styles"], pathInSrc));
return exports.relativePath.apply(void 0, __spreadArray(["styles"], pathInSrc, false));
};
exports.stylesPath = stylesPath;
var faviconPath = function () {
@@ -57,7 +65,7 @@ var faviconPath = function () {
for (var _i = 0; _i < arguments.length; _i++) {
pathInSrc[_i] = arguments[_i];
}
return exports.relativePath.apply(void 0, __spreadArray(["assets/favicon.ico"], pathInSrc));
return exports.relativePath.apply(void 0, __spreadArray(["assets/favicon.ico"], pathInSrc, false));
};
exports.faviconPath = faviconPath;
var jsPath = function () {
@@ -65,7 +73,7 @@ var jsPath = function () {
for (var _i = 0; _i < arguments.length; _i++) {
pathInSrc[_i] = arguments[_i];
}
return exports.relativePath.apply(void 0, __spreadArray(["js"], pathInSrc));
return exports.relativePath.apply(void 0, __spreadArray(["js"], pathInSrc, false));
};
exports.jsPath = jsPath;
var buildPath = function () {
@@ -73,7 +81,7 @@ var buildPath = function () {
for (var _i = 0; _i < arguments.length; _i++) {
pathInDist[_i] = arguments[_i];
}
return exports.relativePath.apply(void 0, __spreadArray(["build"], pathInDist));
return exports.relativePath.apply(void 0, __spreadArray(["build"], pathInDist, false));
};
exports.buildPath = buildPath;
var getAllMarkdownFiles = function (folder) {
@@ -82,7 +90,7 @@ var getAllMarkdownFiles = function (folder) {
exports.getAllMarkdownFiles = getAllMarkdownFiles;
var getAllFiles = function (folder, predicate) {
return new Promise(function (resolve, reject) {
var walker = walk_1.walk(folder, { followLinks: false });
var walker = (0, walk_1.walk)(folder, { followLinks: false });
var files = [];
walker.on("file", function (root, fileStat, next) {
if (predicate(fileStat.name)) {
@@ -106,6 +114,6 @@ var getAllFiles = function (folder, predicate) {
};
var isMarkdownFile = function (name) { return name.match(/\.md$/) !== null; };
var save = function (data, fileName) {
return fs_extra_1.outputFile(exports.buildPath(fileName), data);
return (0, fs_extra_1.outputFile)((0, exports.buildPath)(fileName), data);
};
exports.save = save;

View File

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
};
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
@@ -65,10 +69,14 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
}
};
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
to[j] = from[i];
return to;
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
if (ar || !(i in from)) {
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
ar[i] = from[i];
}
}
return to.concat(ar || Array.prototype.slice.call(from));
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -92,7 +100,7 @@ var createRadar = function () { return __awaiter(void 0, void 0, void 0, functio
var fileNames, revisions, allReleases, items, flaggedItems;
return __generator(this, function (_a) {
switch (_a.label) {
case 0: return [4 /*yield*/, file_1.getAllMarkdownFiles(file_1.radarPath())];
case 0: return [4 /*yield*/, (0, file_1.getAllMarkdownFiles)((0, file_1.radarPath)())];
case 1:
fileNames = _a.sent();
return [4 /*yield*/, createRevisionsFromFiles(fileNames)];
@@ -101,6 +109,7 @@ var createRadar = function () { return __awaiter(void 0, void 0, void 0, functio
allReleases = getAllReleases(revisions);
items = createItems(revisions);
flaggedItems = flagItem(items, allReleases);
items.forEach(function (item) { return checkAttributes(item.name, item); });
return [2 /*return*/, {
items: flaggedItems,
releases: allReleases,
@@ -110,14 +119,14 @@ var createRadar = function () { return __awaiter(void 0, void 0, void 0, functio
}); };
exports.createRadar = createRadar;
var checkAttributes = function (fileName, attributes) {
var rawConf = fs_1.readFileSync(path.resolve(paths_1.appBuild, 'config.json'), 'utf-8');
var rawConf = (0, fs_1.readFileSync)(path.resolve(paths_1.appBuild, 'config.json'), 'utf-8');
var config = JSON.parse(rawConf);
if (attributes.ring && !config.rings.includes(attributes.ring)) {
throw new Error("Error: " + fileName + " has an illegal value for 'ring' - must be one of " + config.rings);
if (!config.rings.includes(attributes.ring)) {
throw new Error("Error: ".concat(fileName, " has an illegal value for 'ring' - must be one of ").concat(config.rings));
}
var quadrants = Object.keys(config.quadrants);
if (attributes.quadrant && !quadrants.includes(attributes.quadrant)) {
throw new Error("Error: " + fileName + " has an illegal value for 'quadrant' - must be one of " + quadrants);
if (!quadrants.includes(attributes.quadrant)) {
throw new Error("Error: ".concat(fileName, " has an illegal value for 'quadrant' - must be one of ").concat(quadrants));
}
return attributes;
};
@@ -125,17 +134,17 @@ var createRevisionsFromFiles = function (fileNames) {
var publicUrl = process.env.PUBLIC_URL;
return Promise.all(fileNames.map(function (fileName) {
return new Promise(function (resolve, reject) {
fs_extra_1.readFile(fileName, "utf8", function (err, data) { return __awaiter(void 0, void 0, void 0, function () {
(0, fs_extra_1.readFile)(fileName, "utf8", function (err, data) { return __awaiter(void 0, void 0, void 0, function () {
var fm, html;
return __generator(this, function (_a) {
if (err) {
reject(err);
}
else {
fm = front_matter_1.default(data);
html = marked_1.marked(fm.body.replace(/\]\(\//g, "](" + publicUrl + "/"));
fm = (0, front_matter_1.default)(data);
html = (0, marked_1.marked)(fm.body.replace(/\]\(\//g, "](".concat(publicUrl, "/")));
html = html.replace(/a href="http/g, 'a target="_blank" rel="noopener noreferrer" href="http');
resolve(__assign(__assign(__assign({}, itemInfoFromFilename(fileName)), checkAttributes(fileName, fm.attributes)), { fileName: fileName, body: html }));
resolve(__assign(__assign(__assign({}, itemInfoFromFilename(fileName)), fm.attributes), { fileName: fileName, body: html }));
}
return [2 /*return*/];
});
@@ -155,7 +164,7 @@ var getAllReleases = function (revisions) {
.reduce(function (allReleases, _a) {
var release = _a.release;
if (!allReleases.includes(release)) {
return __spreadArray(__spreadArray([], allReleases), [release]);
return __spreadArray(__spreadArray([], allReleases, true), [release], false);
}
return allReleases;
}, [])
@@ -190,7 +199,7 @@ var addRevisionToItem = function (item, revision) {
}; }
var newItem = __assign(__assign(__assign({}, item), revision), { body: ignoreEmptyRevisionBody(revision, item) });
if (revisionCreatesNewHistoryEntry(revision, item)) {
newItem = __assign(__assign({}, newItem), { revisions: __spreadArray([revision], newItem.revisions) });
newItem = __assign(__assign({}, newItem), { revisions: __spreadArray([revision], newItem.revisions, true) });
}
return newItem;
};

View File

@@ -4,21 +4,21 @@ exports.appNodeModules = exports.appYarnLock = exports.appPublic = exports.appBu
var path_1 = require("path");
var fs_1 = require("fs");
exports.radarJson = "rd.json";
var appDirectory = fs_1.realpathSync(process.cwd());
var appDirectory = (0, fs_1.realpathSync)(process.cwd());
var resolveApp = function (relativePath) {
if (relativePath === void 0) { relativePath = ""; }
return path_1.resolve(appDirectory, relativePath);
return (0, path_1.resolve)(appDirectory, relativePath);
};
var templateDirectory = fs_1.realpathSync(__dirname);
var templateDirectory = (0, fs_1.realpathSync)(__dirname);
var resolveTemplate = function (relativePath) {
if (relativePath === void 0) { relativePath = ""; }
return path_1.resolve(templateDirectory, "../..", relativePath);
return (0, path_1.resolve)(templateDirectory, "../..", relativePath);
};
exports.template = resolveTemplate();
exports.templateBuild = resolveTemplate("build");
exports.templateNodeModules = resolveTemplate("node_modules");
exports.appRdJson = resolveApp("build/" + exports.radarJson);
exports.appBuild = resolveApp("build");
exports.appPublic = resolveApp("public");
exports.appYarnLock = resolveApp("yarn.lock");
exports.appNodeModules = resolveApp("node_modules");
exports.template = resolveTemplate(); // this repository
exports.templateBuild = resolveTemplate("build"); // build folder in this repository
exports.templateNodeModules = resolveTemplate("node_modules"); // node_modules folder in this repository
exports.appRdJson = resolveApp("build/".concat(exports.radarJson)); // build/rd.json in project
exports.appBuild = resolveApp("build"); // build folder in project
exports.appPublic = resolveApp("public"); // public folder in project
exports.appYarnLock = resolveApp("yarn.lock"); // yarn.lock in project
exports.appNodeModules = resolveApp("node_modules"); // node_modules folder in project

View File

@@ -10,10 +10,14 @@ var __assign = (this && this.__assign) || function () {
};
return __assign.apply(this, arguments);
};
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
to[j] = from[i];
return to;
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
if (ar || !(i in from)) {
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
ar[i] = from[i];
}
}
return to.concat(ar || Array.prototype.slice.call(from));
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.getFirstLetter = exports.groupByFirstLetter = exports.groupByQuadrants = exports.nonFeaturedOnly = exports.featuredOnly = exports.FlagType = exports.HomepageOption = void 0;
@@ -47,7 +51,7 @@ exports.groupByQuadrants = groupByQuadrants;
var groupByFirstLetter = function (items) {
var index = items.reduce(function (letterIndex, item) {
var _a;
return (__assign(__assign({}, letterIndex), (_a = {}, _a[exports.getFirstLetter(item)] = addItemToList(letterIndex[exports.getFirstLetter(item)], item), _a)));
return (__assign(__assign({}, letterIndex), (_a = {}, _a[(0, exports.getFirstLetter)(item)] = addItemToList(letterIndex[(0, exports.getFirstLetter)(item)], item), _a)));
}, {});
return Object.keys(index)
.sort()
@@ -64,11 +68,11 @@ var addItemToQuadrant = function (quadrant, item) {
};
var addItemToList = function (list, item) {
if (list === void 0) { list = []; }
return __spreadArray(__spreadArray([], list), [item]);
return __spreadArray(__spreadArray([], list, true), [item], false);
};
var addItemToRing = function (ring, item) {
if (ring === void 0) { ring = []; }
return __spreadArray(__spreadArray([], ring), [item]);
return __spreadArray(__spreadArray([], ring, true), [item], false);
};
var getFirstLetter = function (item) {
return item.title.substr(0, 1).toUpperCase();