FSHSP-208 feat(preview): overview page, dark mode toggle and search - #141
Merged
Merged
Conversation
The throwaway Storybook laid down the kit's pages but nothing to find one's way around them. Three additions, all inside `.ui-kit-preview/` — nothing is written outside the disposable folder, which is this mode's whole promise. - `Overview`: the catalogue at a glance, one live sample per component. It is the monorepo's own page, reused verbatim — descriptions, samples and family counts are already written and maintained there, and a second copy would be a second thing to keep true. Only its imports are retargeted, and its version badge speaks of the INSTALLED package. - Light/dark toggle: sets `data-theme` on <html> exactly as `ThemeService` does in the application, so both modes are judged on the project's own tokens. A `manager.ts` carries the chrome along — without it, switching to light left a dark sidebar around a light page. - Full-text search, down to the section, with scroll-to-anchor. `writeSearchIndex()` now takes its roots and its output, and the `text-search` preset takes them as preset options. With the constants hard-coded, the search swept the PROJECT's MDX files and wrote into its `storybook/public/` — measured. Called without options, nothing changes. The empty index written at scaffold time is not a placeholder for its own sake: Storybook validates `staticDirs` before webpack ever runs the addon, and stopped dead on a missing `public/` — measured, the preview did not start at all. Verified end to end by mounting the generated folder on this repo's own Storybook: Overview as the landing page, the toggle driving both chrome and tokens, and 64 pages / 748 sections indexed inside the folder.
LBU4SH
force-pushed
the
feat/FSHSP-208-preview-overview-dark-search
branch
from
September 14, 2026 11:55
9a5bf4c to
a35f7c4
Compare
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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.
The throwaway Storybook laid down the kit's pages but nothing to find one's way around them. Three additions, all inside
.ui-kit-preview/— nothing is written outside the disposable folder, which is this mode's whole promise.Overview: the catalogue at a glance, one live sample per component. It is the monorepo's own page, reused verbatim — descriptions, samples and family counts are already written and maintained there, and a second copy would be a second thing to keep true. Only its imports are retargeted, and its version badge speaks of the INSTALLED package.data-themeon exactly asThemeServicedoes in the application, so both modes are judged on the project's own tokens. Amanager.tscarries the chrome along — without it, switching to light left a dark sidebar around a light page.writeSearchIndex()now takes its roots and its output, and thetext-searchpreset takes them as preset options. With the constants hard-coded, the search swept the PROJECT's MDX files and wrote into itsstorybook/public/— measured. Called without options, nothing changes.The empty index written at scaffold time is not a placeholder for its own sake: Storybook validates
staticDirsbefore webpack ever runs the addon, and stopped dead on a missingpublic/— measured, the preview did not start at all.Verified end to end by mounting the generated folder on this repo's own Storybook: Overview as the landing page, the toggle driving both chrome and tokens, and 64 pages / 748 sections indexed inside the folder.