mirror of
https://github.com/vector-im/element-web.git
synced 2025-11-11 05:31:17 +01:00
b0cdbf5eff
* Make shared component build work in isolation * Add deps that were missing because they were getting picked up from element-web main but shared-components needs itself * Exclude test files from dts generation * Bump version * Change all the shared-component import to be the built artifact * Don't randomly inhale eslint configs in parent dirs please * maybe we don't need this anymore? * maybe fix build * Maybe fix docker build * More build faff * build:res on the parent as part of shared component prepare * link shared component repo inn docker build * 💅 * 💅x2 * Try converting the translation keys to a .d.ts file manually so it gets bundled rather than left as a relative import to the json file * add the script * Add this back for 2nd time now I think * Shouldn't need this anymore * patch-package on prepare because we're patching a dev dependency so it won't be there if we're installed as a dependency * Unused import * Prettier compliance * Only use counterpart from shared components as per comment * Import shared components CSS * Prettier * Call the one from shared components rather than recurse infinitely * Hopefully make tests work * wake up, comment goes before import * Fix lint errors * Fix dupe TranslationKey export * Update compound-web to fix type error An update to @types.react adds the 'hint' value to the enum of the 'popover' attribute and this version of compound-web uses the maching verson of @types/react so they don't conflict. * Maybe, hopefully, get the types working? Please? * Add copyright header to i18nkeys as eslint complains otherwise since it's now in src * prettier * stop running shared-component tests in EW * update snapshots because flex is now from an external stylesheet I guess * More snapshots * Manual class update * Avoid bundling compound bits Because a) it's silly and b) it means we end up bundling a copy of floating-ui too which causes absolute madness with its useDelayGroup contexts. * ignore test util files for coverage * Add !important because the styles are being applied in a different order now * Another !important because css order has changed * Try adding it here to make the test files ignored * More !important * commit yarn lock change * Add shared components coverage file * Update snapshots Because the line height was being overridden to 22.5px somehow by something I can't find, and now isn't: surely the normal 1.5rem is more sensible. * Update snapshots, attempt 2 * Another !important * More snapshot updates * Add test for i18n wrappers & add test script * lint * Prettier * Hopefully run shared component tests * don't need this bit for non-matrix * install ew deps * rigfht coverage location * Rename job here too * Try different coverage filename * Fix copyrights & comment * Typo Co-authored-by: Michael Telatynski <7t3chguy@gmail.com> --------- Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
62 lines
2.5 KiB
TypeScript
62 lines
2.5 KiB
TypeScript
/*
|
|
Copyright 2025 Element Creations Ltd.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
// Gathers all the translation keys from element-web's en_EN.json into a TypeScript type definition file
|
|
// that exports a type `TranslationKey` which is a union of all supported translation keys.
|
|
// This prevents having to import the json file and make typescript do the work as this results in vite-dts
|
|
// generating an import to the json file in the .d.ts which doesn't work at runtime: this way, the type
|
|
// gets put into the bundle.
|
|
// XXX: It should *not* be in the 'src' directory, being a generated file, but if it isn't then the type
|
|
// bundler won't bundle the types and will leave the file as a relative import, which will break.
|
|
|
|
import * as fs from "fs";
|
|
import * as path from "path";
|
|
|
|
const i18nStringsPath = path.resolve(__dirname, "../../../src/i18n/strings/en_EN.json");
|
|
const outPath = path.resolve(__dirname, "../src/i18nKeys.d.ts");
|
|
|
|
function gatherKeys(obj: any, prefix: string[] = []): string[] {
|
|
if (typeof obj !== "object" || obj === null) return [];
|
|
let keys: string[] = [];
|
|
for (const key of Object.keys(obj)) {
|
|
const value = obj[key];
|
|
|
|
// add the path (for both leaves and intermediates as then we include plurals)
|
|
keys.push([...prefix, key].join("|"));
|
|
if (typeof value === "object" && value !== null) {
|
|
// If the value is an object, recurse
|
|
keys = keys.concat(gatherKeys(value, [...prefix, key]));
|
|
}
|
|
}
|
|
return keys;
|
|
}
|
|
|
|
function main() {
|
|
const json = JSON.parse(fs.readFileSync(i18nStringsPath, "utf8"));
|
|
const keys = gatherKeys(json);
|
|
const typeDef =
|
|
"/*\n" +
|
|
" * Copyright 2025 Element Creations Ltd.\n" +
|
|
" *\n" +
|
|
" * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial\n" +
|
|
" * Please see LICENSE files in the repository root for full details.\n" +
|
|
" */\n" +
|
|
"\n" +
|
|
"// This file is auto-generated by gatherTranslationKeys.ts\n" +
|
|
"// Do not edit manually.\n\n" +
|
|
"export type TranslationKey =\n" +
|
|
keys.map((k) => ` | \"${k}\"`).join("\n") +
|
|
";\n";
|
|
fs.mkdirSync(path.dirname(outPath), { recursive: true });
|
|
fs.writeFileSync(outPath, typeDef, "utf8");
|
|
console.log(`Wrote ${keys.length} keys to ${outPath}`);
|
|
}
|
|
|
|
if (require.main === module) {
|
|
main();
|
|
}
|