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

Using the following libraries

  • Popperjs core: varbase_components/popper-script
  • Bootstrap Base component script: varbase_components/bs-base-component-script
  • --
  • Bootstrap alert script: vartheme_bs5/bs-alert-script
  • Bootstrap button script: vartheme_bs5/bs-button-script
  • Bootstrap carousel script: vartheme_bs5/bs-carousel-script
  • Bootstrap collapse script: vartheme_bs5/bs-collapse-script
  • Bootstrap dropdown script: vartheme_bs5/bs-dropdown-script
  • Bootstrap modal script: vartheme_bs5/bs-modal-script
  • Bootstrap offcanvas script: vartheme_bs5/bs-offcanvas-script
  • Bootstrap popover script: vartheme_bs5/bs-popover-script
  • Bootstrap scrollspy script: vartheme_bs5/bs-scrollspy-script
  • Bootstrap tab script: vartheme_bs5/bs-tab-script
  • Bootstrap toast script: varbase_components/bs-toast-script
  • Bootstrap tooltip script: vartheme_bs5/bs-tooltip-script

And allow to override libraries in the theme.

libraries-override:
  varbase_components/popper-script: vartheme_bs5/popperjs-script
  varbase_components/bs-base-component-script: vartheme_bs5/bs-base-component-script
  varbase_components/bs-alert-script: vartheme_bs5/bs-alert-script
  varbase_components/bs-button-script: vartheme_bs5/bs-button-script
  varbase_components/bs-carousel-script: vartheme_bs5/bs-carousel-script
  varbase_components/bs-collapse-script: vartheme_bs5/bs-collapse-script
  varbase_components/bs-dropdown-script: vartheme_bs5/bs-dropdown-script
  varbase_components/bs-modal-script: vartheme_bs5/bs-modal-script
  varbase_components/bs-offcanvas-script: vartheme_bs5/bs-offcanvas-script
  varbase_components/bs-popover-script: vartheme_bs5/bs-popover-script
  varbase_components/bs-scrollspy-script: vartheme_bs5/bs-scrollspy-script
  varbase_components/bs-tab-script: vartheme_bs5/bs-tab-script
  varbase_components/bs-toast-script: vartheme_bs5/bs-toast-script
  varbase_components/bs-tooltip-script: vartheme_bs5/bs-tooltip-script
  content_moderation/content_moderation: vartheme_bs5/content_moderation

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, vartheme_bs5-3.0.0-beta7

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 #3423178: Moved all Bootstrap ~5.3.0 JavaScript libraries to Single Directory Components (SDC) in Varbase Components

Comments

Rajab Natshah created an issue. See original summary.

rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Title: Add Bootstrap ~5.3.0 JavaScript libraries to Single Directory Components (SDC) in Varbase Components » Move all Bootstrap ~5.3.0 JavaScript libraries to Single Directory Components (SDC) in Varbase Components
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

  • Rajab Natshah committed c57da215 on 3.0.x
    Issue #3423178: Move all Bootstrap ~5.3.0 JavaScript libraries to Single...

  • Rajab Natshah committed 550db68a on 3.0.x
    Issue #3423178: Move all Bootstrap ~5.3.0 JavaScript libraries to Single...
rajab natshah’s picture

Issue summary: View changes

  • Rajab Natshah committed b3ab39dd on 3.0.x
    Issue #3423178: Change logic and order of dom and util Bootstrap ~5.3.0...

  • Rajab Natshah committed 246e7769 on 3.0.x
    Issue #3423178: Add default Drupal dependencies for Vartheme BS5 global...
rajab natshah’s picture

Assigned: rajab natshah » Unassigned
Issue summary: View changes
Status: Active » Needs review
Issue tags: +varbase-10.0.0, +vartheme_bs5-3.0.0-beta7
rajab natshah’s picture

Status: Needs review » Fixed
rajab natshah’s picture

Issue summary: View changes

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

rajab natshah’s picture

Issue summary: View changes
Issue tags: -varbase-10.0.0 +varbase-10.0.0-rc2
rajab natshah’s picture

Issue summary: View changes

✅ Released varbase-10.0.0-rc2