Skip to content

Latest commit

 

History

History
161 lines (116 loc) · 5.44 KB

development.md

File metadata and controls

161 lines (116 loc) · 5.44 KB
Raw

CivicTheme Drupal theme development

This document provides instructions on how to interact with this development repository.

Please refer to the primary README.md for detailed information on setting up your local development environment.

Before starting, ensure you have reviewed the documentation for UI kit and Drupal theme.

Local environment setup

  • Make sure that you have latest versions of all required software installed:
  • Make sure that all local web development services are shut down (Apache/Nginx, Mysql, MAMP etc).
  • Checkout project repository (in one of the supported Docker directories).
  • pygmy up
  • ahoy build

Apple M1 adjustments

Copy docker-compose.override.default.yml to docker-compose.override.yml.

Build process

The following steps outline the build process:

  1. Construct a fresh Drupal 10 site from the GovCMS Drupal profile. Utilize ahoy provision for a rebuild.
  2. Activate additional modules needed for development by installing the civictheme_dev module.
  3. Enable the civictheme theme and import its configuration.
  4. Generate a civictheme_demo sub-theme using the provided scaffolding script and set it as the default theme.
  5. Activate the civictheme_admin module for enhancements in the admin UI.
  6. Activate the civictheme_govcms module to discard pre-configured GovCMS content types.
  7. Enable the civictheme_content module to incorporate default content into the installation.

Custom Drupal Site Building Scripts

Scripts located in scripts/custom execute after the site installation from the profile, following the order of their numbering.

By default, the site:

  • Installs Drupal 10.
  • Installs the govcms profile.
  • Installs the CivicTheme Drupal theme.
  • Creates and installs the CivicTheme Demo sub-theme.
  • Provides demo content.

Override the default behavior using these environment variables:

  • DRUPAL_PROFILE=minimal - Uses the minimal profile for installation. For Drupal 10, this becomes the enforced default.
  • CIVICTHEME_SUBTHEME_ACTIVATION_SKIP=1 - Omits activation of the demo sub-theme.
  • CIVICTHEME_GENERATED_CONTENT_CREATE_SKIP=1 - Skips the creation of demo content.

These variables can be set prior to the ahoy provision command or added to .env.local file to preserve this behavior (run ahoy up to apply without full rebuild).

Example:

# Install Drupal site using `minimal` profile with CivicTheme.
# Do not create a sub-theme and do not provision demo content.
CIVICTHEME_SUBTHEME_ACTIVATION_SKIP=1 CIVICTHEME_GENERATED_CONTENT_CREATE_SKIP=1 ahoy provision

Compiling theme assets

To compile all assets in all themes: ahoy fe

# UI kit
cd web/themes/contrib/civictheme/lib/uikit
npm run build

# CivicTheme Drupal theme
cd web/themes/contrib/civictheme
npm run build

# CivicTheme Drupal Demo theme
cd web/themes/custom/civictheme_demo
npm run build

Working with configurations

Configuration is captured using Config Devel module for:

  • CivicTheme theme into config/install and config/optional directories.
  • Development civictheme_dev module's config/install and config/optional directories.

Exporting configurations

ahoy export-config

To add new configuration to the export, add configuration name to civictheme.info.yml.

Tip: You can get the configuration name by exporting configuration with drush cex -y to config/default and using file names without .yml extension. Do not forget to remove all exported configuration files from config/default or the next site install will fail. But this all is already handled in ahoy export-config.

Note: Configuration for blocks in civictheme will be copied to civictheme_demo on installation of civictheme_demo. We do not capture configuration for civictheme_demo.

Exclude certain configuration from automatically be added to civictheme.info.yml by adding records to theme_excluded_configs.txt. Note that wildcards are supported.

Validating configurations

Configuration validation allows to ensure that all configuration is captured correctly and that there is no conflicting or duplicating configuration was added to the codebase.

ahoy lint-config

Working with content profiles

Content profiles are used to capture content for the industry-specific demo sites. Each content profile is a separate submodule of civictheme_content module that contains content and configuration required to build a demo site.

See main README.md for a list of demo site URLs.

Updating content

The workflow to update the content within a content profile consists of 3 steps:

  1. Install a site with the desired content profile.
  2. Making changes
  3. Exporting content and configuration.

These steps are captured below:

# Step 1: Install a site with the desired content profile.
export CIVICTHEME_CONTENT_PROFILE=default
DRUPAL_PROFILE=minimal CIVICTHEME_SUBTHEME_ACTIVATION_SKIP=1 CIVICTHEME_GENERATED_CONTENT_CREATE_SKIP=1 ahoy provision

# Step 2: Make changes.
# ...

# Step 3: Export content and configuration.
ahoy export-content