1a6892572d
Refactors custom components to enable shared state accessors (like `authState`) and helpers (like `api.fetch`.) Schemas are now defined with [zod](https://zod.dev/?id=basic-usage) which enables runtime schema validation. See subtasks for full description of change: - https://github.com/webrecorder/browsertrix/pull/1979 - https://github.com/webrecorder/browsertrix/pull/1981 - https://github.com/webrecorder/browsertrix/pull/1985 - https://github.com/webrecorder/browsertrix/pull/1986 --------- Co-authored-by: Emma Segal-Grossman <hi@emma.cafe>
80 lines
2.4 KiB
JavaScript
80 lines
2.4 KiB
JavaScript
/* eslint-env node */
|
|
import { fileURLToPath } from "url";
|
|
|
|
import commonjsPlugin from "@rollup/plugin-commonjs";
|
|
import { esbuildPlugin } from "@web/dev-server-esbuild";
|
|
import { importMapsPlugin } from "@web/dev-server-import-maps";
|
|
import { fromRollup } from "@web/dev-server-rollup";
|
|
import glob from "glob";
|
|
import { typescriptPaths as typescriptPathsPlugin } from "rollup-plugin-typescript-paths";
|
|
|
|
const commonjs = fromRollup(commonjsPlugin);
|
|
const typescriptPaths = fromRollup(typescriptPathsPlugin);
|
|
|
|
// Map css and assert imports to mock file
|
|
const emptyImports = {};
|
|
glob.sync("./src/**/*.css").forEach((filepath) => {
|
|
emptyImports[filepath] = fileURLToPath(
|
|
new URL("./src/__mocks__/_empty.js", import.meta.url),
|
|
);
|
|
});
|
|
glob.sync("./src/assets/**/*").forEach((filepath) => {
|
|
// Enable "~assets" imports, which doesn't work with `rollup-plugin-typescript-paths`
|
|
const aliasedImportPath = filepath.replace("./src/", "~");
|
|
|
|
emptyImports[aliasedImportPath] = fileURLToPath(
|
|
new URL("./src/__mocks__/_empty.js", import.meta.url),
|
|
);
|
|
});
|
|
|
|
export default {
|
|
nodeResolve: true,
|
|
rootDir: process.cwd(),
|
|
plugins: [
|
|
typescriptPaths({
|
|
preserveExtensions: true,
|
|
absolute: false,
|
|
nonRelative: true, // needed for non-ts files
|
|
transform(path) {
|
|
return `/${path}`;
|
|
},
|
|
}),
|
|
esbuildPlugin({
|
|
ts: true,
|
|
tsconfig: fileURLToPath(new URL("./tsconfig.json", import.meta.url)),
|
|
target: "esnext",
|
|
}),
|
|
commonjs({
|
|
include: [
|
|
// web-test-runner expects es modules,
|
|
// include umd/commonjs modules here:
|
|
"node_modules/url-pattern/**/*",
|
|
"node_modules/lodash/**/*",
|
|
"node_modules/color/**/*",
|
|
"node_modules/slugify/**/*",
|
|
],
|
|
}),
|
|
importMapsPlugin({
|
|
inject: {
|
|
importMap: {
|
|
imports: {
|
|
...emptyImports,
|
|
"./src/shoelace": fileURLToPath(
|
|
new URL("./src/__mocks__/shoelace.js", import.meta.url),
|
|
),
|
|
"tailwindcss/tailwind.css": fileURLToPath(
|
|
new URL("./src/__mocks__/_empty.js", import.meta.url),
|
|
),
|
|
"@shoelace-style/shoelace/dist/themes/light.css": fileURLToPath(
|
|
new URL("./src/__mocks__/_empty.js", import.meta.url),
|
|
),
|
|
"@wysimark/standalone": fileURLToPath(
|
|
new URL("./src/__mocks__/_empty.js", import.meta.url),
|
|
),
|
|
},
|
|
},
|
|
},
|
|
}),
|
|
],
|
|
};
|