Limit jquery-ui and bootstrap requirements

Right now we require the entire jQuery UI library, which includes the following files:

//= require jquery-ui/accordion
//= require jquery-ui/autocomplete
//= require jquery-ui/button
//= require jquery-ui/core
//= require jquery-ui/datepicker
//= require jquery-ui/dialog
//= require jquery-ui/draggable
//= require jquery-ui/droppable
//= require jquery-ui/effect-blind
//= require jquery-ui/effect-bounce
//= require jquery-ui/effect-clip
//= require jquery-ui/effect-drop
//= require jquery-ui/effect-explode
//= require jquery-ui/effect-fade
//= require jquery-ui/effect-fold
//= require jquery-ui/effect-highlight
//= require jquery-ui/effect-puff
//= require jquery-ui/effect-pulsate
//= require jquery-ui/effect-scale
//= require jquery-ui/effect-shake
//= require jquery-ui/effect-size
//= require jquery-ui/effect-slide
//= require jquery-ui/effect-transfer
//= require jquery-ui/effect
//= require jquery-ui/menu
//= require jquery-ui/mouse
//= require jquery-ui/position
//= require jquery-ui/progressbar
//= require jquery-ui/resizable
//= require jquery-ui/selectable
//= require jquery-ui/selectmenu
//= require jquery-ui/slider
//= require jquery-ui/sortable
//= require jquery-ui/spinner
//= require jquery-ui/tabs
//= require jquery-ui/tooltip
//= require jquery-ui/widget

But I'm sure we don't use many (maybe even most) of these. We should figure out what we actually need and explicitly require only those. This will reduce the size of our compiled JS.

Right now I know we use:

• autocomplete (search)
• datepicker (Milestone forms)
• effect-highlight (Milestone drag-and-drop)
• sortable (Milestone drag-and-drop)

These should not be confused with Twitter Bootstrap plugins:

//= require ./bootstrap/affix
//= require ./bootstrap/alert
//= require ./bootstrap/button
//= require ./bootstrap/carousel
//= require ./bootstrap/collapse
//= require ./bootstrap/dropdown
//= require ./bootstrap/modal
//= require ./bootstrap/scrollspy
//= require ./bootstrap/tab
//= require ./bootstrap/transition
//= require ./bootstrap/tooltip
//= require ./bootstrap/popover

Of which I think we use:

• affix (issuable sidebars, I think?)
• collapse (sidebar?)
• dropdown (throughout)
• modal (throughout)
• tab (throughout)
• tooltip (throughout)

cc @dzaporozhets @jschatz1

See !2274 (merged) as a proof of concept. CI was green with just that limited number of requirements.

@rspeicher . we use almost all JS plugins from Bootstrap in one way or another. So I rather:

• include all bootstrap js and recommend people use it
• include only necessary jquery ui like datepicker, autocomplete..

Boostrap js min is 36kb We use 50% of them. All of JQuery UI is 240kb and I think we use two of them, that's a waste to me. I agree that there is no real reason to use anything other than datepicker and maybe autocomplete. Although I just implemented auto complete in the new dropdowns without jqueryui, the same way selectize does.

There are also standalone bootstrap related datepickers if we want to rid ourselves of jquery ui completely, which I would be for. I've used https://github.com/eternicode/bootstrap-datepicker before and it was wonderful.

Milestone changed to 8.6

Status changed to closed

!2274 (merged) was merged a while ago, going to close this.