261133aee3
* 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.
* root: fix migrations missing using db_alias
Signed-off-by: Marc 'risson' Schmitt <marc.schmitt@risson.space>
* more
Signed-off-by: Marc 'risson' Schmitt <marc.schmitt@risson.space>
* web: add wireit as a dependency and move SFE into an independent package
* web: make `sfe` a legitimite subpackage and use `wireit` to control the build
- Move sfe to a `packages` subfolder: this is a more standard format for subpackages
- `Move sfe/index.ts` to `sfe/src/index.ts`: this is a more standard layout for a package
- Adjusted paths is `package.json` and `sfe/rollup.config.js` accordingly.
- Add prettier and safety linting to `sfe`.
- fix a naming issues in `build-locales`, highlighted by eslint
- fix some minor linting issues is `build-locales`
- add comments to `build-locales`, to make it clear what it does
- updated the README and LICENSE files
- start using `wireit` heavily as the task-runner definition language
Primarily, to look professional and pave the way for future enhancements.
Aside from the standardization and so forth, the primary goal here is to move our task runner to
wireit. Wireit offers a number of intriguing abilities with respect to caching, building, and
testing, such as an ability to `watch` our folders and files and automatically re-run the build when
the relevant code changes, without having to rebuild the copied content or sub-packages such as
`sfe`.
The ability to pass in environment variables without needed `cross-env` makes code that required it
much easier to read.
Commands that take a long time can be prefixed with the environment variable `${NODE_RUNNER} `,
which then would allow you to default to using `node`, but by setting `NODE_RUNNER` in your shell
you could specify `bun` (or `deno`, maybe, but I haven't tested it with `deno`). `bun` runs the
`eslint` pass in about three-quarters the time `node` takes.
This commit exists primarily to ensure that the build runs as expected under CI, and the result is
as expected under CI.
Wireit was produced by Google and is used by Adobe Spectrum Components, Patternfly Components,
Material Web, Red Hat Design, and the Lit-Element teams, so I'm confident that it's robust and
reliable as a build runner.
* Merge failed to account for this.
* web: fix bad reference to lint command
* Adding sfe to workspaces means its install is run automatically.
* sfe build is now orchestrated by the web build process
* web: slowly tracking down the old ways.
* Trying to fix lit-analyze pass.
* Still struggling with the build.
* Monorepo, please.
* Still trying to solve swc binding issue.
* Reformat package.json so that scripts and wireit are closer to one another.
* Use the right formatter for packagefiles.
* Retarget dockerfile to have the right paths to sfe during build.
* Comment to explain gitignore update.
* Add lint correcting to package.json as well as package-lock
* Restored lost package-lock.json
* Updating the authentik version.
* Trying to force version consistency.
---------
Signed-off-by: Marc 'risson' Schmitt <marc.schmitt@risson.space>
Co-authored-by: Marc 'risson' Schmitt <marc.schmitt@risson.space>
81 lines
5.8 KiB
TypeScript
81 lines
5.8 KiB
TypeScript
// THIS IS A GENERATED FILE. DO NOT EDIT BY HAND.
|
|
//
|
|
// This file is generated by the build-storybook-import-maps script in the UI's base directory.
|
|
// This is a *hack* to work around an inconsistency in the way rollup, vite, and storybook
|
|
// import CSS modules.
|
|
//
|
|
// Sometime around 2030 or so, the Javascript community may finally get its collective act together
|
|
// and we'll have one unified way of doing this. I can only hope.
|
|
|
|
const rawCssImportMaps = [
|
|
'import AKGlobal from "@goauthentik/common/styles/authentik.css";',
|
|
'import PFAlert from "@patternfly/patternfly/components/Alert/alert.css";',
|
|
'import PFAlertGroup from "@patternfly/patternfly/components/AlertGroup/alert-group.css";',
|
|
'import PFAvatar from "@patternfly/patternfly/components/Avatar/avatar.css";',
|
|
'import PFBackdrop from "@patternfly/patternfly/components/Backdrop/backdrop.css";',
|
|
'import PFBackgroundImage from "@patternfly/patternfly/components/BackgroundImage/background-image.css";',
|
|
'import PFBanner from "@patternfly/patternfly/components/Banner/banner.css";',
|
|
'import PFBase from "@patternfly/patternfly/patternfly-base.css";',
|
|
'import PFBrand from "@patternfly/patternfly/components/Brand/brand.css";',
|
|
'import PFBullseye from "@patternfly/patternfly/layouts/Bullseye/bullseye.css";',
|
|
'import PFButton from "@patternfly/patternfly/components/Button/button.css";',
|
|
'import PFCard from "@patternfly/patternfly/components/Card/card.css";',
|
|
'import PFCheck from "@patternfly/patternfly/components/Check/check.css";',
|
|
'import PFChip from "@patternfly/patternfly/components/Chip/chip.css";',
|
|
'import PFChipGroup from "@patternfly/patternfly/components/ChipGroup/chip-group.css";',
|
|
'import PFContent from "@patternfly/patternfly/components/Content/content.css";',
|
|
'import PFDataList from "@patternfly/patternfly/components/DataList/data-list.css";',
|
|
'import PFDescriptionList from "@patternfly/patternfly/components/DescriptionList/description-list.css";',
|
|
'import PFDisplay from "@patternfly/patternfly/utilities/Display/display.css";',
|
|
'import PFDivider from "@patternfly/patternfly/components/Divider/divider.css";',
|
|
'import PFDrawer from "@patternfly/patternfly/components/Drawer/drawer.css";',
|
|
'import PFDropdown from "@patternfly/patternfly/components/Dropdown/dropdown.css";',
|
|
'import PFDualListSelector from "@patternfly/patternfly/components/DualListSelector/dual-list-selector.css";',
|
|
'import PFEmptyState from "@patternfly/patternfly/components/EmptyState/empty-state.css";',
|
|
'import PFExpandableSection from "@patternfly/patternfly/components/ExpandableSection/expandable-section.css";',
|
|
'import PFFAIcons from "@patternfly/patternfly/base/patternfly-fa-icons.css";',
|
|
'import PFFlex from "@patternfly/patternfly/layouts/Flex/flex.css";',
|
|
'import PFForm from "@patternfly/patternfly/components/Form/form.css";',
|
|
'import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css";',
|
|
'import PFGallery from "@patternfly/patternfly/layouts/Gallery/gallery.css";',
|
|
'import PFGlobal from "@patternfly/patternfly/patternfly-base.css";',
|
|
'import PFGrid from "@patternfly/patternfly/layouts/Grid/grid.css";',
|
|
'import PFInputGroup from "@patternfly/patternfly/components/InputGroup/input-group.css";',
|
|
'import PFLabel from "@patternfly/patternfly/components/Label/label.css";',
|
|
'import PFList from "@patternfly/patternfly/components/List/list.css";',
|
|
'import PFLogin from "@patternfly/patternfly/components/Login/login.css";',
|
|
'import PFModalBox from "@patternfly/patternfly/components/ModalBox/modal-box.css";',
|
|
'import PFNav from "@patternfly/patternfly/components/Nav/nav.css";',
|
|
'import PFNotificationBadge from "@patternfly/patternfly/components/NotificationBadge/notification-badge.css";',
|
|
'import PFNotificationDrawer from "@patternfly/patternfly/components/NotificationDrawer/notification-drawer.css";',
|
|
'import PFPage from "@patternfly/patternfly/components/Page/page.css";',
|
|
'import PFPagination from "@patternfly/patternfly/components/Pagination/pagination.css";',
|
|
'import PFProgressStepper from "@patternfly/patternfly/components/ProgressStepper/progress-stepper.css";',
|
|
'import PFRadio from "@patternfly/patternfly/components/Radio/radio.css";',
|
|
'import PFSelect from "@patternfly/patternfly/components/Select/select.css";',
|
|
'import PFSidebar from "@patternfly/patternfly/components/Sidebar/sidebar.css";',
|
|
'import PFSizing from "@patternfly/patternfly/utilities/Sizing/sizing.css";',
|
|
'import PFSpacing from "@patternfly/patternfly/utilities/Spacing/spacing.css";',
|
|
'import PFSpinner from "@patternfly/patternfly/components/Spinner/spinner.css";',
|
|
'import PFSplit from "@patternfly/patternfly/layouts/Split/split.css";',
|
|
'import PFStack from "@patternfly/patternfly/layouts/Stack/stack.css";',
|
|
'import PFSwitch from "@patternfly/patternfly/components/Switch/switch.css";',
|
|
'import PFTable from "@patternfly/patternfly/components/Table/table.css";',
|
|
'import PFTabs from "@patternfly/patternfly/components/Tabs/tabs.css";',
|
|
'import PFTitle from "@patternfly/patternfly/components/Title/title.css";',
|
|
'import PFToggleGroup from "@patternfly/patternfly/components/ToggleGroup/toggle-group.css";',
|
|
'import PFToolbar from "@patternfly/patternfly/components/Toolbar/toolbar.css";',
|
|
'import PFTreeView from "@patternfly/patternfly/components/TreeView/tree-view.css";',
|
|
'import PFWizard from "@patternfly/patternfly/components/Wizard/wizard.css";',
|
|
'import ThemeDark from "@goauthentik/common/styles/theme-dark.css";',
|
|
'import styles from "./LibraryPageImpl.css";',
|
|
];
|
|
|
|
const cssImportMaps = rawCssImportMaps.reduce(
|
|
(acc, line) => ({ ...acc, [line]: line.replace(/\.css/, ".css?inline") }),
|
|
{},
|
|
);
|
|
|
|
export { cssImportMaps };
|
|
export default cssImportMaps;
|