element/ak timestamp #32
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
* main: (53 commits) Fixed typo in css. Added comments to the wcc file. This commit revises the WCCSS transpiler, using the regular expression and merge algorithms recommended by the Patternfly 5 React team. Added wccss pass to package.json. Type inference FTW. Needed to put tools build in-line This commit ports the Elements' build tools to Typescript Cleanup. New css build completing. Crawling back to the original starting point, but this time with better tooling. Save point. This commit introduces a dark-mode controller and code. A working dark mode, although with some dubious decisions Build system revised into a more unixy pattern: each script does one thing well. Bump validator from 13.15.15 to 13.15.20 (#10) Bump vite (#9) First stab at the dark-mode controller; it takes orders from the central context, if there is one, but if not, it tries to determine the mode itself by looking at the user's preferences. Revised brand to meet a... more modern standard. npm trusted publisher More hacking. ...
* main: Forgot to run , and now that I have a hook to do it for me, this is making it whiny.
❌ Deploy Preview for authentik-elements-storybook failed. Why did it fail? →
|
This commit adds the `timeout` component to our library, with an “elapsed time” indicator. It also includes an event-monitoring decorator that changes in response to changes to media-queries. While in this case we use it to track `prefers-reduced-motion` (which restricts the `elapsed` time interval to a minimum of 60 seconds, since anything less than that is highly animated), it can be used to track any number of CSS queries, such as `display-mode`, `min-width`, and even `device-posture`. `ak-timeout` uses a highly simplified event state mananger for updating the elapsed time. This is a crude metric, with a minimal resolution of 1000 milliseconds, so I avoided advanced techniques like animation frame. Using `setTimeout()` with a “set the next timeout event” instead of `setInterval()` is generally preferred; the precision is lower, but there’s a heck of a lot less machinery, and stopping it is trivially simpler. \# What \# Why \# How \# Designs \# Test Steps \# Other Notes
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
A simple component for displaying the time accurately.