theme_breakpoints_js.module

<?php

/**
 * @file
 * Theme Breakpoints for Javascript module file.
 */

use Drupal\Component\Serialization\Json;

/**
 * Implements hook_page_attachments().
 */
function theme_breakpoints_js_page_attachments(array &$page) {
  $breakpoints = [];
  /** @var \Drupal\theme_breakpoints_js\ThemeBreakpointsJs $theme_breakpoints_js */
  $theme_breakpoints_js = \Drupal::service('theme_breakpoints_js');

  /** @var \Drupal\breakpoint\BreakpointInterface[] $theme_breakpoints */
  $theme_breakpoints = $theme_breakpoints_js->getBreakpointsForActiveTheme();

  foreach ($theme_breakpoints as $name => $definition) {
    $breakpoints[] = [
      'name' => $name,
      'mediaQuery' => $definition->getMediaQuery(),
      'multipliers' => $definition->getMultipliers(),
    ];
  }

  $page['#attached']['drupalSettings']['theme_breakpoints'] = Json::encode($breakpoints);
  $page['#attached']['library'][] = 'theme_breakpoints_js/breakpointsLoader';
}