Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.Problem/Motivation
Loading all the Bootstrap ~5.3.0 Javascript behaviors in all pages.
Moving with Single Directory Components (SDC) needs to load all JS in all components too.
Needed for a better SDC way in Drupal and Storybook
Proposed resolution
- Add Bootstrap
~5.3.0JavaScript libraries in Varbase Components - Attache the needed library only for needed SDC components
- #3423178: Move all Bootstrap ~5.3.0 JavaScript libraries to Single Directory Components (SDC) in Varbase Components
- Add
yarn theme:initalias command for webpack init configs to copy latest Bootstrap js files when updating
Using the following libraries
- Popperjs core:
varbase_components/popper-script - Bootstrap Base component script:
varbase_components/bs-base-component-script - --
- Bootstrap alert script:
varbase_components/bs-alert-script - Bootstrap button script:
varbase_components/bs-button-script - Bootstrap carousel script:
varbase_components/bs-carousel-script - Bootstrap collapse script:
varbase_components/bs-collapse-script - Bootstrap dropdown script:
varbase_components/bs-dropdown-script - Bootstrap modal script:
varbase_components/bs-modal-script - Bootstrap offcanvas script:
varbase_components/bs-offcanvas-script - Bootstrap popover script:
varbase_components/bs-popover-script - Bootstrap scrollspy script:
varbase_components/bs-scrollspy-script - Bootstrap tab script:
varbase_components/bs-tab-script - Bootstrap toast script:
varbase_components/bs-toast-script - Bootstrap tooltip script:
varbase_components/bs-tooltip-script
Remaining tasks
- ✅ File an issue about this project
- ✅ Addition/Change/Update/Fix to this project
- ✅ Testing to ensure no regression
- ➖ Automated unit/functional testing coverage
- ➖ Developer Documentation support on feature change/addition
- ➖ User Guide Documentation support on feature change/addition
- ➖ UX/UI designer responsibilities
- ➖ Accessibility and Readability
- ✅ Code review from 1 Varbase core team member
- ✅ Full testing and approval
- ✅ Credit contributors
- ✅ Review with the product owner
- ✅ Update Release Notes and Update Helper on new feature change/addition
- ✅ Release varbase-10.0.0-rc2, varbase_components-2.0.0-beta3
Varbase update type
- ✅ No Update
- ➖ Optional Update
- ➖ Forced Update
- ➖ Forced Update if Unchanged
User interface changes
- N/A
API changes
- N/A
Data model changes
- N/A
Release notes snippet
- Issue #3423174: Added Bootstrap ~5.3.0 JavaScript libraries in Varbase Components and only attache them with needed SDC components
Comments
Comment #2
rajab natshahComment #3
rajab natshahComment #4
rajab natshahComment #5
rajab natshahComment #7
rajab natshahComment #8
rajab natshahComment #9
rajab natshahComment #12
rajab natshahComment #13
rajab natshahComment #14
rajab natshah✅ Released varbase_components-2.0.0-beta3
Comment #16
rajab natshahComment #17
rajab natshah✅ Released varbase-10.0.0-rc2