==== Background/Goal
We need a way to QA test Codex components (including experimental/WIP components which are not yet a part of published releases) inside a MediaWiki (MW) environment in order to unblock {T306180}. DST maintains the [[ https://gerrit.wikimedia.org/r/mediawiki/extensions/VueTest | VueTest ]] MediaWiki extension that can be used for this purpose; eventually we'd like to deploy this extension to Beta labs in order to have a persistent test environment that testers can access as needed. Until that happens we may need to rely on PatchDemo or local testing. For more background on this task consult {T287044}.
In order to accomplish the above, we need a way to package up and distribute some of the Codex component demos so that they can be embedded inside the SpecialPage that VueTest creates. The best way to do this will be to create a new sub-package inside of the Codex project which contains various "Demo" components: `ButtonDemo`, `DialogDemo`
To facilitate this, etc. These demos will be written in a waywe can add a `vite.config.js` file to the `codex-docs` package that is useful for QA testers;enables a stand-alone build of the component demos. they will not serve as general-purpose documentation (use the docs site for that).
===== Development considerations
* This new sub-package should use build settings similar to the 'docs' sub-We won't actually release these demos as an NPM package, which will allow access to WIP components;because we need to be able to test out incremental changes that happen between Codex versioned releases. the difference here is that we're going to actually package those components for re-use elsewhere
* This package may need to include a top-level warning that tells people not to use it for any purpose except for QA testing
* Don't publish on NPM for now;Instead, we will figure out how to get this code into MW in a follow-up task (may just vendor it directly from git for now)
* Demo components should be written with `<slot>` so that their default templates can be overridden inside MW;Codex can be embedded in the MediaWiki VueTest extension as a git submodule, this will allow VueTest to introduce some internationalized messages without having to worry about internationalization in Codex itselfwhich allows even un-released updates to be demoed.
===== Acceptance criteria
[] New package added to codex project that includes basic demos of all components currently in library suitable for use in QA testingx] Add a new vite config setup that enables a stand-alone build of the component demos, usable outside of the documentation site
[x] Code has access to WIP components that aren’t part of current Codex package
[] Code has access to WIP components that aren’t partDemos are available inside of the VueTest extension outside of currentnormal Codex releases