Issue #3251531: Start a 9.1.x branch for Varbase and Varbase Project to support Bootstrap 5

config/install/system.theme.yml

 admin: vartheme_claro
-default: vartheme_bs4
+default: vartheme_bs5

config/managed/block.block.vartheme_bs4_copyright.yml → config/managed/block.block.vartheme_bs5_copyright.yml

@@ -6,9 +6,9 @@ dependencies:
   module:
     - block_content
   theme:
-    - vartheme_bs4
-id: vartheme_bs4_copyright
-theme: vartheme_bs4
+    - vartheme_bs5
+id: vartheme_bs5_copyright
+theme: vartheme_bs5
 region: footer
 weight: -5
 provider: null

scripts/create-new-vartheme-bs5.sh

+#!/bin/usr/env bash
+
+################################################################################
+## Create new Vartheme BS5 Sub-Theme.
+################################################################################
+##
+## Quick tip on how to use this script command file.
+##
+## Create new Vartheme BS5 sub theme for a project.
+## By Bash:
+## -----------------------------------------------------------------------------
+## cd PROJECT_DIR_NAME/docroot/themes/contrib/vartheme_bs5/scripts
+## bash ./create-new-vartheme-bs5.sh "THEME_NAME"
+##------------------------------------------------------------------------------
+##
+##
+################################################################################
+
+# Basic yaml parser.
+parse_yaml() {
+   local s='[[:space:]]*' w='[a-zA-Z0-9_]*' fs=$(echo @|tr @ '\034')
+   sed -ne "s|^\($s\)\($w\)$s:$s\"\(.*\)\"$s\$|\1$fs\2$fs\3|p" \
+        -e "s|^\($s\)\($w\)$s:$s\(.*\)$s\$|\1$fs\2$fs\3|p"  $1 |
+   awk -F$fs '{
+      indent = length($1)/2;
+      vname[indent] = $2;
+      for (i in vname) {if (i > indent) {delete vname[i]}}
+      if (length($3) > 0) {
+         vn=""; for (i=0; i<indent; i++) {vn=(vn)(vname[i])("_")}
+         printf("%s%s%s=\"%s\"\n", "",vn, $2, $3);
+      }
+   }'
+}
+
+current_path=$(pwd);
+drupal_root="$current_path";
+
+if [[ "${drupal_root: -1}" == "/" ]]; then
+  drupal_root="${drupal_root:0:${#drupal_root}-1}";
+fi
+
+if [[ "${drupal_root: -24}" == "profiles/varbase/scripts" ]]; then
+  drupal_root="${drupal_root:0:${#drupal_root}-24}";
+fi
+
+if [[ "${drupal_root: -16}" == "profiles/varbase" ]]; then
+  drupal_root="${drupal_root:0:${#drupal_root}-16}";
+fi
+
+if [[ "${drupal_root: -8}" == "profiles" ]]; then
+  drupal_root="${drupal_root:0:${#drupal_root}-8}";
+fi
+
+if [[ "${drupal_root: -1}" == "/" ]]; then
+  drupal_root="${drupal_root:0:${#drupal_root}-1}";
+fi
+
+echo "Current path: $current_path";
+echo "Drupal root: $drupal_root";
+
+# Read scripts.settings.yml file
+eval $(parse_yaml $drupal_root/profiles/varbase/scripts/scripts.settings.yml);
+
+# Default theme name.
+theme_name=$default_theme_name;
+
+# Grape the theme name argument.
+if [ ! -z "$1" ]; then
+  arg1="$1";
+  if [[ $arg1 =~ ^[A-Za-z][A-Za-z0-9_]*$ ]]; then
+    theme_name="$arg1";
+  else
+    echo "---------------------------------------------------------------------------";
+    echo "   Theme name is not a valid theme name!                                   ";
+    echo "---------------------------------------------------------------------------";
+    exit 1;
+  fi
+else
+  echo "---------------------------------------------------------------------------";
+  echo "   Please add the name of your theme!                                      ";
+  echo "---------------------------------------------------------------------------";
+  exit 1;
+fi
+
+
+# Default themes creation path.
+theme_path=$drupal_root/$default_themes_creation_path;
+mkdir -p ${theme_path};
+
+# Create the new Vartheme BS5 subtheme if we do not have a folder with that name yet.
+if [[ ! -d "$theme_path/$theme_name" ]]; then
+
+  # 1. Copy the VARTHEME_BS5_SUBTHEME folder to your custom theme location.
+  cp -r ${drupal_root}/themes/contrib/vartheme_bs5/VARTHEME_BS5_SUBTHEME ${theme_path}/${theme_name};
+
+  # 2. Rename VARTHEME_BS5_SUBTHEME.starterkit.yml your_subtheme_name.info.yml
+  mv ${theme_path}/${theme_name}/VARTHEME_BS5_SUBTHEME.starterkit.yml ${theme_path}/${theme_name}/VARTHEME_BS5_SUBTHEME.info.yml ;
+  mv ${theme_path}/${theme_name}/VARTHEME_BS5_SUBTHEME.info.yml ${theme_path}/${theme_name}/${theme_name}.info.yml ;
+
+  # 3. Rename VARTHEME_BS5_SUBTHEME.libraries.yml your_subtheme_name.libraries.yml
+  mv ${theme_path}/${theme_name}/VARTHEME_BS5_SUBTHEME.libraries.yml ${theme_path}/${theme_name}/${theme_name}.libraries.yml ;
+
+  # 4. Rename VARTHEME_BS5_SUBTHEME.theme your_subtheme_name.theme
+  mv ${theme_path}/${theme_name}/VARTHEME_BS5_SUBTHEME.theme ${theme_path}/${theme_name}/${theme_name}.theme ;
+
+  # 5. Rename VARTHEME_BS5_SUBTHEME.settings.yml
+  mv ${theme_path}/${theme_name}/config/install/VARTHEME_BS5_SUBTHEME.settings.yml ${theme_path}/${theme_name}/config/install/${theme_name}.settings.yml ;
+
+  # 6. Rename VARTHEME_BS5_SUBTHEME.schema.yml
+  mv ${theme_path}/${theme_name}/config/schema/VARTHEME_BS5_SUBTHEME.schema.yml ${theme_path}/${theme_name}/config/schema/${theme_name}.schema.yml ;
+
+  # 7. Rename VARTHEME_BS5_SUBTHEME.base.scss and VARTHEME_BS5_SUBTHEME.base.css
+  mv ${theme_path}/${theme_name}/scss/base/VARTHEME_BS5_SUBTHEME.base.scss ${theme_path}/${theme_name}/scss/base/${theme_name}.base.scss ;
+  mv ${theme_path}/${theme_name}/css/base/VARTHEME_BS5_SUBTHEME.base.css ${theme_path}/${theme_name}/css/base/${theme_name}.base.css ;
+
+  # 8. Rename VARTHEME_BS5_SUBTHEME-rtl.base.scss and VARTHEME_BS5_SUBTHEME-rtl.base.css
+  mv ${theme_path}/${theme_name}/scss/rtl/base/VARTHEME_BS5_SUBTHEME-rtl.base.scss ${theme_path}/${theme_name}/scss/rtl/base/${theme_name}-rtl.base.scss ;
+  mv ${theme_path}/${theme_name}/css/rtl/base/VARTHEME_BS5_SUBTHEME-rtl.base.css ${theme_path}/${theme_name}/css/rtl/base/${theme_name}-rtl.base.css ;
+
+
+
+  # 9 Rename TWIG template files.
+  mv ${theme_path}/${theme_name}/templates/system/html.html.twig-VARTHEME_BS5_SUBTHEME ${theme_path}/${theme_name}/templates/system/html.html.twig
+  mv ${theme_path}/${theme_name}/templates/system/page.html.twig-VARTHEME_BS5_SUBTHEME ${theme_path}/${theme_name}/templates/system/page.html.twig
+  mv ${theme_path}/${theme_name}/templates/system/maintenance-page.html.twig-VARTHEME_BS5_SUBTHEME ${theme_path}/${theme_name}/templates/system/maintenance-page.html.twig
+  mv ${theme_path}/${theme_name}/templates/betterlogin/page--user--edit.html.twig-VARTHEME_BS5_SUBTHEME ${theme_path}/${theme_name}/templates/betterlogin/page--user--edit.html.twig
+  mv ${theme_path}/${theme_name}/templates/betterlogin/page--user--login.html.twig-VARTHEME_BS5_SUBTHEME ${theme_path}/${theme_name}/templates/betterlogin/page--user--login.html.twig
+  mv ${theme_path}/${theme_name}/templates/betterlogin/page--user--password.html.twig-VARTHEME_BS5_SUBTHEME ${theme_path}/${theme_name}/templates/betterlogin/page--user--password.html.twig
+  mv ${theme_path}/${theme_name}/templates/betterlogin/page--user--register.html.twig-VARTHEME_BS5_SUBTHEME ${theme_path}/${theme_name}/templates/betterlogin/page--user--register.html.twig
+  mv ${theme_path}/${theme_name}/templates/betterlogin/page--user--reset.html.twig-VARTHEME_BS5_SUBTHEME ${theme_path}/${theme_name}/templates/betterlogin/page--user--reset.html.twig
+  mv ${theme_path}/${theme_name}/templates/betterlogin/block--social-auth.html.twig-VARTHEME_BS5_SUBTHEME ${theme_path}/${theme_name}/templates/betterlogin/block--social-auth.html.twig
+  mv ${theme_path}/${theme_name}/templates/entity-embed/entity-embed-container.html.twig-VARTHEME_BS5_SUBTHEME ${theme_path}/${theme_name}/templates/entity-embed/entity-embed-container.html.twig
+  mv ${theme_path}/${theme_name}/templates/media/media.html.twig-VARTHEME_BS5_SUBTHEME ${theme_path}/${theme_name}/templates/media/media.html.twig
+  mv ${theme_path}/${theme_name}/templates/media/media--image.html.twig-VARTHEME_BS5_SUBTHEME ${theme_path}/${theme_name}/templates/media/media--image.html.twig
+  mv ${theme_path}/${theme_name}/templates/media/media-oembed-iframe.html.twig-VARTHEME_BS5_SUBTHEME ${theme_path}/${theme_name}/templates/media/media-oembed-iframe.html.twig
+  mv ${theme_path}/${theme_name}/templates/video-embed-field/video-embed-iframe.html.twig-VARTHEME_BS5_SUBTHEME ${theme_path}/${theme_name}/templates/video-embed-field/video-embed-iframe.html.twig
+
+  # 10 Rename config files.
+  mv ${theme_path}/${theme_name}/config/optional/block.block.VARTHEME_BS5_SUBTHEME_branding.yml ${theme_path}/${theme_name}/config/optional/block.block.${theme_name}_branding.yml
+  mv ${theme_path}/${theme_name}/config/optional/block.block.VARTHEME_BS5_SUBTHEME_breadcrumbs.yml ${theme_path}/${theme_name}/config/optional/block.block.${theme_name}_breadcrumbs.yml
+  mv ${theme_path}/${theme_name}/config/optional/block.block.VARTHEME_BS5_SUBTHEME_content.yml ${theme_path}/${theme_name}/config/optional/block.block.${theme_name}_content.yml
+  mv ${theme_path}/${theme_name}/config/optional/block.block.VARTHEME_BS5_SUBTHEME_copyright.yml ${theme_path}/${theme_name}/config/optional/block.block.${theme_name}_copyright.yml
+  mv ${theme_path}/${theme_name}/config/optional/block.block.VARTHEME_BS5_SUBTHEME_footer.yml ${theme_path}/${theme_name}/config/optional/block.block.${theme_name}_footer.yml
+  mv ${theme_path}/${theme_name}/config/optional/block.block.VARTHEME_BS5_SUBTHEME_help.yml ${theme_path}/${theme_name}/config/optional/block.block.${theme_name}_help.yml
+  mv ${theme_path}/${theme_name}/config/optional/block.block.VARTHEME_BS5_SUBTHEME_local_actions.yml ${theme_path}/${theme_name}/config/optional/block.block.${theme_name}_local_actions.yml
+  mv ${theme_path}/${theme_name}/config/optional/block.block.VARTHEME_BS5_SUBTHEME_local_tasks.yml ${theme_path}/${theme_name}/config/optional/block.block.${theme_name}_local_tasks.yml
+  mv ${theme_path}/${theme_name}/config/optional/block.block.VARTHEME_BS5_SUBTHEME_main_menu.yml ${theme_path}/${theme_name}/config/optional/block.block.${theme_name}_main_menu.yml
+  mv ${theme_path}/${theme_name}/config/optional/block.block.VARTHEME_BS5_SUBTHEME_messages.yml ${theme_path}/${theme_name}/config/optional/block.block.${theme_name}_messages.yml
+  mv ${theme_path}/${theme_name}/config/optional/block.block.VARTHEME_BS5_SUBTHEME_page_title.yml ${theme_path}/${theme_name}/config/optional/block.block.${theme_name}_page_title.yml
+  mv ${theme_path}/${theme_name}/config/optional/block.block.VARTHEME_BS5_SUBTHEME_socialauthlogin.yml ${theme_path}/${theme_name}/config/optional/block.block.${theme_name}_socialauthlogin.yml
+
+  # 11. Replace all VARTHEME_BS5_SUBTHEME with the machine name of your theme.
+  grep -rl 'VARTHEME_BS5_SUBTHEME' ${theme_path}/${theme_name} | xargs sed -i "s/VARTHEME_BS5_SUBTHEME/${theme_name}/g" ;
+
+
+  # 12. Install needed libraries
+  cd ${theme_path}/${theme_name};
+  npm install -g yarn ;
+  yarn install ;
+
+  generated_datetime="$(date '+%Y/%m/%d - %H:%M:%S')";
+  generated_log=" Generated by -- create-new-vartheme ${theme_name} ${direction} ${theme_path} -- on ${generated_datetime}";
+  echo "${generated_log}"  >> ${theme_path}/${theme_name}/README.md;
+
+  echo "---------------------------------------------------------------------------";
+  echo "   The new Vartheme BS5 Sub-Theme were created at \"${theme_path}/${theme_name} :)\" ";
+  echo "---------------------------------------------------------------------------";
+  exit 0;
+
+else
+  echo "---------------------------------------------------------------------------";
+  echo "   The folder \"${theme_path}/${theme_name}\" is already in the site!";
+  echo "---------------------------------------------------------------------------";
+  exit 1;
+fi

varbase.info.yml

@@ -22,7 +22,7 @@ install:
   - file
 themes:
   - bootstrap_barrio
-  - vartheme_bs4
+  - vartheme_bs5
   - seven
   - claro
   - vartheme_claro