Как правильно определить библиотеку, чтобы JS выполнялся после выполнения определенного условия?

Я создаю собственный модуль для выполнения некоторого JS ПОСЛЕ очистки кеша. Вот структура модуля:

Модуль -> flush.info.yml

Название: Флеш
тип: модуль
описание: Очень важный модуль.
пакет: Пользовательский
версия: 1.0
core_version_requirement: ^8 || ^9

Модуль -> flush.libraries.yml

румянец:
  версия: 1.х
  js:
    js/flush.js: {}
  зависимости:
    - ядро/jquery
    - настройки ядра/друпала

Модуль -> флеш.модуль

<?php

используйте Drupal\Core\Form\FormStateInterface;

/**
 * Реализация hook_cache_flush()
 */

  функция flush_cache_flush() {
    \Drupal::state()->set('flush_cache_cleared', TRUE);
  }

  функция flush_page_attachments (массив и $ вложения) {
    если (\Drupal::state()->get('flush_cache_cleared')) {
      $attachments['#attached']['library'][] = 'flush/flush';
     \Drupal::state()->set('flush_cache_cleared', FALSE);
    }
  }

Модуль -> JS -> flush.js

(функция ($, Drupal, drupalSettings) {
    'использовать строгий';

    Drupal.behaviors.flush = {
      /**
       * Поведение присоединения Drupal.
       */
      прикрепить: функция (контекст, настройки) {
        this.settings = this.getSettings (настройки);
        Сообщить("Смыть!");
        console.log("Привет, мир");
      },
    };
  })(jQuery, Drupal, drupalSettings);

Обе функции в flush.module работают правильно, однако JS с #attached, который просто должен использовать alert(), никогда не запускается. Я считаю, что проблема связана именно с этой строкой: $attachments['#attached']['library'][] = 'flush/flush';

Есть ли что-то очевидное, что я делаю неправильно? Я использовал page_attachments в качестве метода для прикрепления JS, потому что он не обязательно должен быть связан с определенной частью страницы или массивом рендеринга и т. д. Пожалуйста, дайте мне знать, если у вас есть какие-либо потенциальные идеи относительно того, в чем может быть проблема. быть, спасибо!

Я бы не стал использовать Drupal::state() или hook_page_attachments(), они слишком статичны. Лучше использовать значение сеанса и блок, см. мой комментарий в предыдущем вопросе.

Установите значение сеанса в хуке при очистке кеша и только в том случае, если он не запущен из командной строки:

функция flush_cache_flush() {
  если (PHP_SAPI !== 'cli') {
    \Drupal::request()->getSession()->set('run_flush_js', TRUE);
  }
}

В блоке проверьте значение сеанса и удалите его, чтобы он не сохранялся после перенаправления.

src/Плагин/Блок/FlushBlock.php

<?php

пространство имен Drupal\flush\Plugin\Block;

используйте Drupal\Core\Block\BlockBase;

/**
 * Обеспечивает флеш-блок.
 *
 * @Блокировать(
 * id = "flush_flush",
 * admin_label = @Translation("Сброс"),
 * категория = @Translation("Пользовательский")
 * )
 */
класс FlushBlock расширяет BlockBase {

  /**
   * {@inheritdoc}
   */
  общедоступная функция сборки () {
    $session = \Drupal::request()->getSession();  
    $сборка = [];
    если ($session->get('run_flush_js')) {
      $session->remove('run_flush_js');
      $сборка['контент'] = [
        '#markup' => '<div class="run-flush-js"></div>',
        '#attached' => ['library' => ['flush/flush']],
      ];
    }
    $build['#cache']['max-age'] = 0;
    вернуть $сборку;
  }
}

js/flush.js

(функция ($, Drupal, один раз) {
  'использовать строгий';

  Drupal.behaviors.flush = {
    /**
     * Поведение присоединения Drupal.
     */
    прикрепить: функция (контекст, настройки) {
      if (once('flush', '.run-flush-js', context).length) {
        Сообщить("Смыть!");
      }
    }
  };
})(jQuery, Drupal, один раз);

флеш.libraries.yml

румянец:
  js:
    js/flush.js: {}
  зависимости:
    - ядро/друпал
    - ядро/jquery
    - ядро/один раз

Изменить: обновить код js, см. Как я могу заставить этот код JavaScript выполняться, когда модуль BigPipe включен?

Я думаю, что вы должны подойти к этому по-другому. Вот что я бы сделал:

Во-первых, реализуйте hook_cache_flush() и используйте его для сохранения времени последней очистки кеша в состояние Drupal.

функция flush_cache_flush() {
  \Drupal::state()->set('flush_cache_cleared', time());
}

Затем используйте hook_page_attachments(), чтобы всегда прикреплять свой javascript на каждой странице, но передавать отметку времени очистки кеша вашему javascript.

функция flush_page_attachments (массив и $ вложения) {
  $attachments['#attached']['library'][] = 'flush/flush';
  $attachments['#attached']['drupalSettings']['flush_cache_cleared'] = \Drupal::state()->get('flush_cache_cleared');
}

Наконец, в вашем javascript проверьте, является ли новое время очистки кеша более новым, чем предыдущее (вам нужно будет сохранить это на стороне клиента через локальное хранилище или что-то в этом роде).

Если время отличается, вы знаете, что кеш был очищен.

(функция ($, Drupal, drupalSettings) {
  'использовать строгий';

  Drupal.behaviors.flush = {
    прикрепить: функция (контекст, настройки) {

      let cacheFlushedTime = drupalSettings['flush_cache_cleared'];
      // Делаем здесь что-то с cache_flushed_time, например
      // сравниваем его с ранее известным временем очистки кеша...

    },
  };
})(jQuery, Drupal, drupalSettings);