99f8802122
After examining how people like Adobe and Salesforce do things, I have updated the storybook configuration to provide run-time configuration of light/dark mode (although right now nothing happens), inject the correct styling into the page, and update the preview handling so that we can see the components better. We'll see how this pans out. I have provided stories for the AggregateCard, AggregatePromiseCard, and a new QuickActionsCard. I also fixed a bug in AggregatePromiseCard where it would fail to report a fetch error. It will only report that "the operation falied," but it will give the full error into the console. **As an experiment**, I have changed the interpreter for `lint:precommit` and `build:watch` to use [Bun](https://bun.sh/) instead of NodeJS. We have observed significant speed-ups and much better memory management with Bun for these two operations. Those are both developer-facing operations, the behavior of the system undur current CI/CD should not change. And finally, I've switched the QuickActionsCard view in Admin-Overview to use the new component. Looks the same. Reads *way* easier. :-)
84 lines
2.7 KiB
JavaScript
84 lines
2.7 KiB
JavaScript
import { execFileSync } from "child_process";
|
|
import { ESLint } from "eslint";
|
|
import path from "path";
|
|
import process from "process";
|
|
|
|
// Code assumes this script is in the './web/scripts' folder.
|
|
const projectRoot = execFileSync("git", ["rev-parse", "--show-toplevel"], {
|
|
encoding: "utf8",
|
|
}).replace("\n", "");
|
|
process.chdir(path.join(projectRoot, "./web"));
|
|
|
|
const eslintConfig = {
|
|
overrideConfig: {
|
|
env: {
|
|
browser: true,
|
|
es2021: true,
|
|
},
|
|
extends: [
|
|
"eslint:recommended",
|
|
"plugin:@typescript-eslint/recommended",
|
|
"plugin:lit/recommended",
|
|
"plugin:custom-elements/recommended",
|
|
"plugin:storybook/recommended",
|
|
"plugin:sonarjs/recommended",
|
|
],
|
|
parser: "@typescript-eslint/parser",
|
|
parserOptions: {
|
|
ecmaVersion: 12,
|
|
sourceType: "module",
|
|
},
|
|
plugins: ["@typescript-eslint", "lit", "custom-elements", "sonarjs"],
|
|
ignorePatterns: ["!./.storybook/**/*.ts"],
|
|
rules: {
|
|
"indent": "off",
|
|
"linebreak-style": ["error", "unix"],
|
|
"quotes": ["error", "double", { avoidEscape: true }],
|
|
"semi": ["error", "always"],
|
|
"@typescript-eslint/ban-ts-comment": "off",
|
|
"sonarjs/cognitive-complexity": ["error", 9],
|
|
"sonarjs/no-duplicate-string": "off",
|
|
"sonarjs/no-nested-template-literals": "off",
|
|
},
|
|
},
|
|
};
|
|
|
|
const porcelainV1 = /^(..)\s+(.*$)/;
|
|
const gitStatus = execFileSync("git", ["status", "--porcelain", "."], { encoding: "utf8" });
|
|
|
|
const statuses = gitStatus.split("\n").reduce((acc, line) => {
|
|
const match = porcelainV1.exec(line.replace("\n"));
|
|
if (!match) {
|
|
return acc;
|
|
}
|
|
const [status, path] = Array.from(match).slice(1, 3);
|
|
return [...acc, [status, path.split("\x00")[0]]];
|
|
}, []);
|
|
|
|
const isModified = /^(M|\?|\s)(M|\?|\s)/;
|
|
const modified = (s) => isModified.test(s);
|
|
|
|
const isCheckable = /\.(ts|js|mjs)$/;
|
|
const checkable = (s) => isCheckable.test(s);
|
|
|
|
const ignored = /\/\.storybook\//;
|
|
const notIgnored = (s) => !ignored.test(s);
|
|
|
|
const updated = statuses.reduce(
|
|
(acc, [status, filename]) =>
|
|
modified(status) && checkable(filename) && notIgnored(filename)
|
|
? [...acc, path.join(projectRoot, filename)]
|
|
: acc,
|
|
[],
|
|
);
|
|
|
|
const eslint = new ESLint(eslintConfig);
|
|
const results = await eslint.lintFiles(updated);
|
|
const formatter = await eslint.loadFormatter("stylish");
|
|
const resultText = formatter.format(results);
|
|
const errors = results.reduce((acc, result) => acc + result.errorCount, 0);
|
|
|
|
// eslint-disable-next-line no-console
|
|
console.log(resultText);
|
|
process.exit(errors > 1 ? 1 : 0);
|