Cum definesc corect o bibliotecă, astfel încât JS să se execute după ce o anumită condiție este îndeplinită?

Creez un modul personalizat pentru a executa niște JS DUPĂ ștergerea memoriei cache. Iată structura modulului:

Modul -> flush.info.yml

nume: Flush
tip: modul
descriere: Un modul foarte important.
pachet: Personalizat
versiune: 1.0
cerinta_versiune_core: ^8 || ^9

Modul -> flush.libraries.yml

culoare:
  versiunea: 1.x
  js:
    js/flush.js: {}
  dependențe:
    - core/jquery
    - core/drupalSettings

Modul -> flush.module

<?php

utilizați Drupal\Core\Form\FormStateInterface;

/**
 * Implementarea hook_cache_flush()
 */

  funcția flush_cache_flush() {
    \Drupal::state()->set('flush_cache_cleared', TRUE);
  }

  funcția flush_page_attachments(array &$attachments) {
    if (\Drupal::state()->get('flush_cache_cleared')) {
      $attachments['#attached']['library'][] = 'spașare/încărcare';
     \Drupal::state()->set('flush_cache_cleared', FALSE);
    }
  }

Modul -> JS -> flush.js

(funcție ($, Drupal, drupalSettings) {
    „utilizați strict”;

    Drupal.behaviors.flush = {
      /**
       * Comportamentul de ataşare Drupal.
       */
      atașați: funcție (context, setări) {
        this.settings = this.getSettings(setari);
        alert("bush!");
        console.log („Bună ziua, lume”);
      },
    };
  })(jQuery, Drupal, drupalSettings);

Ambele funcții din flush.module funcționează corect, totuși JS-ul care este # atașat și care pur și simplu ar trebui să folosească un alert() nu rulează niciodată. Cred că problema este legată în special de această linie: $attachments['#attached']['library'][] = 'spașare/încărcare';

Este ceva evident că fac greșit? Am folosit page_attachments ca metodă de atașare a JS, deoarece nu trebuie neapărat asociat cu o anumită parte a paginii sau cu o matrice de randare etc. Vă rugăm să-mi spuneți dacă aveți idei potențiale cu privire la problema. fii, multumesc!

Nu aș folosi Drupal::state() sau hook_page_attachments(), acestea sunt prea statice. Mai bine folosiți o valoare de sesiune și un bloc, vedeți comentariul meu în întrebarea anterioară.

Setați valoarea sesiunii în hook când memoria cache este șters și numai dacă nu rulează din linia de comandă:

funcția flush_cache_flush() {
  if (PHP_SAPI !== 'cli') {
    \Drupal::request()->getSession()->set('run_flush_js', TRUE);
  }
}

În bloc, verificați valoarea sesiunii și eliminați-o pentru a nu persista după redirecționare.

src/Plugin/Block/FlushBlock.php

<?php

spațiu de nume Drupal\flush\Plugin\Block;

utilizați Drupal\Core\Block\BlockBase;

/**
 * Oferă un bloc de spălare.
 *
 * @Bloc(
 * id = "flush_flush",
 * admin_label = @Translation("Flush"),
 * categorie = @Translation(„Personalizat”)
 * )
 */
clasa FlushBlock extinde BlockBase {

  /**
   * {@inheritdoc}
   */
  public function build() {
    $session = \Drupal::request()->getSession();  
    $build = [];
    dacă ($session->get('run_flush_js')) {
      $session->remove('run_flush_js');
      $build['conținut'] = [
        '#markup' => '<div class="run-flush-js"></div>',
        '#attached' => ['library' => ['flush/flush']],
      ];
    }
    $build['#cache']['max-age'] = 0;
    returnează $build;
  }
}

js/flush.js

(funcție ($, Drupal, o dată) {
  „utilizați strict”;

  Drupal.behaviors.flush = {
    /**
     * Comportamentul de ataşare Drupal.
     */
    atașați: funcție (context, setări) {
      if (o dată('flush', '.run-flush-js', context).length) {
        alert("bush!");
      }
    }
  };
})(jQuery, Drupal, o dată);

flush.libraries.yml

culoare:
  js:
    js/flush.js: {}
  dependențe:
    - miez/drupal
    - core/jquery
    - miez/o dată

Editare: Actualizați codul js, vedeți Cum pot face ca acest cod JavaScript să fie executat când modulul BigPipe este activat?

Cred că ar trebui să abordezi asta altfel. Iată ce aș face:

Mai întâi, implementați hook_cache_flush() și utilizați-l pentru a stoca ultimul timp de spălare a cache-ului în starea Drupal.

funcția flush_cache_flush() {
  \Drupal::state()->set('flush_cache_cleared', time());
}

Apoi, utilizați hook_page_attachments() pentru a atașa întotdeauna javascript-ul pe fiecare pagină, dar transmiteți marca temporală golită din cache la javascript.

funcția flush_page_attachments(array &$attachments) {
  $attachments['#attached']['library'][] = 'spașare/încărcare';
  $attachments['#attached']['drupalSettings']['flush_cache_cleared'] = \Drupal::state()->get('flush_cache_cleared');
}

În sfârșit, în javascript, verificați dacă noua oră de golire a memoriei cache este mai recentă decât cea anterioară (va trebui să o stocați pe partea clientului prin stocare locală sau ceva).

Dacă orele sunt diferite, știți că memoria cache a fost șters.

(funcție ($, Drupal, drupalSettings) {
  „utilizați strict”;

  Drupal.behaviors.flush = {
    atașați: funcție (context, setări) {

      let cacheFlushedTime = drupalSettings['flush_cache_cleared'];
      // Faceți chestii cu cache_flushed_time aici, cum ar fi
      // comparați-l cu un timp de golire a cache-ului cunoscut anterior...

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