SHS-5963: FE performance refactor theme javascript

.gitignore

@@ -62,8 +62,9 @@ docroot/themes/humsci/humsci_colorful/css/humsci_colorful-ckeditor.css
 docroot/themes/humsci/humsci_traditional/css/humsci_traditional-ckeditor.css
 docroot/themes/humsci/humsci_colorful/css/humsci_colorful-preview.css
 docroot/themes/humsci/humsci_traditional/css/humsci_traditional-preview.css
-docroot/themes/humsci/humsci_traditional/js/index.js
-docroot/themes/humsci/humsci_colorful/js/index.js
+docroot/themes/humsci/humsci_basic/dist/js
+docroot/themes/humsci/humsci_traditional/js
+docroot/themes/humsci/humsci_colorful/js
 # Ignore build artifacts
 deployment_identifier
 /deploy

docroot/modules/humsci/hs_layouts/hs_layouts.libraries.yml

@@ -2,10 +2,12 @@ three_column_w_image:
   css:
     layout:
       css/three-column-w-image.css: {}
+
 news_style:
   css:
     layout:
       css/news-style.css: {}
+
 layout_builder_admin:
   css:
     theme:
@@ -20,3 +22,8 @@ images_loaded:
   dependencies:
     - core/jquery
 
+layout-builder-vertical-tabs:
+  js:
+    js/layout-builder-vertical-tabs.js: {}
+  dependencies:
+    - core/drupal

docroot/modules/humsci/hs_layouts/hs_layouts.module

@@ -35,6 +35,16 @@ function hs_layouts_plugin_filter_block__layout_builder_alter(&$definitions, &$e
   }
 }
 
+/**
+ * Implements hook_preprocess_HOOK().
+ */
+function hs_layouts_preprocess_page(&$variables) {
+  // Load layout-builder-vertical-tabs lib in the layout builder override form.
+  if (\Drupal::routeMatch()->getRouteName() == 'layout_builder.overrides.node.view') {
+    $variables['#attached']['library'][] = 'hs_layouts/layout-builder-vertical-tabs';
+  }
+}
+
 /**
  * Implements hook_preprocess().
  */

docroot/themes/humsci/humsci_basic/src/js/shared/vertical-tabs/vertical-tabs.js → docroot/modules/humsci/hs_layouts/js/layout-builder-vertical-tabs.js

@@ -1,5 +1,5 @@
 function closeDetails() {
-  // Close Revision Information Details element in Layout Builder by default.
+// Close Revision Information Details element in Layout Builder by default.
   if (document.querySelector('.layout-builder-form')) {
     const details = document.querySelector('.layout-builder-form details');
     if (details) {

docroot/themes/humsci/humsci_basic/.eslintrc.json

@@ -7,7 +7,9 @@
     "node": true
   },
   "globals": {
-    "Drupal": "readonly"
+    "Drupal": "readonly",
+    "jQuery": "readonly",
+    "once": "readonly"
   },
   "rules": {
     "no-restricted-globals": 0,

docroot/themes/humsci/humsci_basic/humsci_basic.info.yml

@@ -4,7 +4,9 @@ description: A base for visually distinctive HumSci themes.
 package: 'Humanities & Sciences'
 core_version_requirement: ^9.4 || ^10
 'base theme': stable9
-# libraries: Libraries are loaded via sub-themes
+libraries:
+  - humsci_basic/main-content-fallback
+  - humsci_basic/editoria11y
 
 regions:
   page_top: 'Page top'
@@ -27,9 +29,3 @@ libraries-override:
     css:
       layout:
         css/three-column-w-image.css: false
-
-#  we_megamenu/form.we-mega-menu-frontend:
-#    css:
-#      theme:
-#        assets/css/we_megamenu_backend.css: false
-#        assets/includes/bootstrap/css/bootstrap.min.css: false

docroot/themes/humsci/humsci_basic/humsci_basic.libraries.yml

@@ -1,3 +1,132 @@
+accordion:
+  js:
+    dist/js/accordion.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+addtocal:
+  js:
+    dist/js/addtocal.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+carousel-slides-height:
+  js:
+    dist/js/carousel-slides-height.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+colorbox:
+  js:
+    dist/js/colorbox.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+editoria11y:
+  js:
+    dist/js/editoria11y.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+equal-height-grid:
+  js:
+    dist/js/equal-height-grid.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+linked-cards:
+  js:
+    dist/js/linked-cards.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+main-content-fallback:
+  js:
+    dist/js/main-content-fallback.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+main-menu:
+  js:
+    dist/js/main-menu.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+megamenu:
+  js:
+    dist/js/megamenu.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+page-scroll-animations:
+  js:
+    dist/js/page-scroll-animations.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+prefered-reduced-motion:
+  js:
+    dist/js/prefered-reduced-motion.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
 search:
   js:
-    src/js/shared/search/search-expand.js: {}
+    dist/js/search.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+secondary-menu:
+  js:
+    dist/js/secondary-toggler.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+table-pattern:
+  js:
+    dist/js/table-pattern.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+table-scope:
+  js:
+    dist/js/table-scope.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+table-wrap:
+  js:
+    dist/js/table-wrap.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+timeline:
+  js:
+    dist/js/timeline.js: {}
+  dependencies:
+    - core/drupal
+    - core/once
+
+video-with-caption:
+  js:
+    dist/js/video-with-caption.js: {}
+  dependencies:
+    - core/drupal
+    - core/once

docroot/themes/humsci/humsci_basic/humsci_basic.theme

@@ -174,7 +174,6 @@ function _humsci_basic_check_link_access(array &$link_items) {
   }
 }
 
-
 /**
  * Implements hook_preprocess_HOOK() for we_megamenu li.
  */
@@ -220,7 +219,6 @@ function humsci_basic_preprocess_we_megamenu_frontend(&$vars) {
  */
 function humsci_basic_preprocess_views_view(&$variables) {
   $view = $variables['view'];
-
   switch ($view->id()) {
     case 'hs_default_search':
       $variables['#attached']['library'][] = 'humsci_basic/search';
@@ -250,3 +248,22 @@ function humsci_basic_preprocess_paragraph(&$variables) {
   }
   $variables['content']['field_hs_view'][0]['#heading_tag'] = $heading_tag;
 }
+
+/**
+ * Implements hook_preprocess_HOOK().
+ */
+function humsci_basic_preprocess_field(&$variables) {
+  $wysiwyg_types = ['text_long', 'text_with_summary'];
+  if (in_array($variables['field_type'], $wysiwyg_types)) {
+    $variables['#attached']['library'][] = 'humsci_basic/table-wrap';
+    $variables['#attached']['library'][] = 'humsci_basic/table-scope';
+    $variables['#attached']['library'][] = 'humsci_basic/page-scroll-animations';
+  }
+}
+
+/**
+ * Implements hook_preprocess_ENTITY__BUNDLE().
+ */
+function humsci_basic_preprocess_node__hs_event(&$variables) {
+  $variables['#attached']['library'][] = 'humsci_basic/addtocal';
+}

docroot/themes/humsci/humsci_basic/src/js/colorful/colorful.js

@@ -1,3 +1 @@
-import '../shared/index';
-
 // Add Colorful and Airy specific JS below