085ab3c2dd
* web: fix esbuild issue with style sheets
Getting ESBuild, Lit, and Storybook to all agree on how to read and parse stylesheets is a serious
pain. This fix better identifies the value types (instances) being passed from various sources in
the repo to the three *different* kinds of style processors we're using (the native one, the
polyfill one, and whatever the heck Storybook does internally).
Falling back to using older CSS instantiating techniques one era at a time seems to do the trick.
It's ugly, but in the face of the aggressive styling we use to avoid Flashes of Unstyled Content
(FLoUC), it's the logic with which we're left.
In standard mode, the following warning appears on the console when running a Flow:
```
Autofocus processing was blocked because a document already has a focused element.
```
In compatibility mode, the following **error** appears on the console when running a Flow:
```
crawler-inject.js:1106 Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
at initDomMutationObservers (crawler-inject.js:1106:18)
at crawler-inject.js:1114:24
at Array.forEach (<anonymous>)
at initDomMutationObservers (crawler-inject.js:1114:10)
at crawler-inject.js:1549:1
initDomMutationObservers @ crawler-inject.js:1106
(anonymous) @ crawler-inject.js:1114
initDomMutationObservers @ crawler-inject.js:1114
(anonymous) @ crawler-inject.js:1549
```
Despite this error, nothing seems to be broken and flows work as anticipated.
* web: all-aboard the anti-if bus, according to tooling
This commit revises a number of bugs `eslint` has been complaining about for awhile now. This is the
lesser of two PRs that will address this issue, and in this case the two biggest problems were
inappropriate conditionals (using a `switch` for a single comparison), unnecessarily named returns,
empty returns. This brings our use of conditions in-line with the coding standards we _say_ we want
in eslintrc!
* web: better names and logic for comparing the dates of Xliff vs generated files
* Missed one.
* Fixed a redirect issue that was creating an empty file in the ./web folder
69 lines
2.3 KiB
JavaScript
69 lines
2.3 KiB
JavaScript
import { spawnSync } from "child_process";
|
|
import fs from "fs";
|
|
import path from "path";
|
|
import process from "process";
|
|
|
|
const localizeRules = JSON.parse(fs.readFileSync("./lit-localize.json", "utf-8"));
|
|
|
|
function generatedFileIsUpToDateWithXliffSource(loc) {
|
|
const xliff = path.join("./xliff", `${loc}.xlf`);
|
|
const gened = path.join("./src/locales", `${loc}.ts`);
|
|
|
|
// Returns false if: the expected XLF file doesn't exist, The expected
|
|
// generated file doesn't exist, or the XLF file is newer (has a higher date)
|
|
// than the generated file. The missing XLF file is important enough it
|
|
// generates a unique error message and halts the build.
|
|
|
|
try {
|
|
var xlfStat = fs.statSync(xliff);
|
|
} catch (_error) {
|
|
console.error(`lit-localize expected '${loc}.xlf', but XLF file is not present`);
|
|
process.exit(1);
|
|
}
|
|
|
|
// If the generated file doesn't exist, of course it's not up to date.
|
|
try {
|
|
var genedStat = fs.statSync(gened);
|
|
} catch (_error) {
|
|
return false;
|
|
}
|
|
|
|
// if the generated file is the same age or older (date is greater) than the xliff file, it's
|
|
// presumed to have been generated by that file and is up-to-date.
|
|
return genedStat.mtimeMs >= xlfStat.mtimeMs;
|
|
}
|
|
|
|
// For all the expected files, find out if any aren't up-to-date.
|
|
|
|
const upToDate = localizeRules.targetLocales.reduce(
|
|
(acc, loc) => acc && generatedFileIsUpToDateWithXliffSource(loc),
|
|
true,
|
|
);
|
|
|
|
if (!upToDate) {
|
|
const status = spawnSync("npm", ["run", "build-locales:build"], { encoding: "utf8" });
|
|
|
|
// Count all the missing message warnings
|
|
const counts = status.stderr.split("\n").reduce((acc, line) => {
|
|
const match = /^([\w-]+) message/.exec(line);
|
|
if (!match) {
|
|
return acc;
|
|
}
|
|
acc.set(match[1], (acc.get(match[1]) || 0) + 1);
|
|
return acc;
|
|
}, new Map());
|
|
|
|
const locales = Array.from(counts.keys());
|
|
locales.sort();
|
|
|
|
const report = locales
|
|
.map((locale) => `Locale '${locale}' has ${counts.get(locale)} missing translations`)
|
|
.join("\n");
|
|
|
|
// eslint-disable-next-line no-console
|
|
console.log(`Translation tables rebuilt.\n${report}\n`);
|
|
}
|
|
|
|
// eslint-disable-next-line no-console
|
|
console.log("Locale ./src is up-to-date");
|