Issue #3289578 by samuel.mortenson, Project Update Bot: Automated Drupal 10 compatibility fixes

In Drupal, JavaScript that binds behavior to elements is supposed to do so

inside a behavior attachment, using the context passed to it, and is then even

expected to use the jQuery.once plugin to prevent common problems like double

binding event handlers.

expected to use the once plugin to prevent common problems like double binding

event handlers.

This can become quite monotonous, so as an alternative to using `<script>` to

define global JS, you can instead provide `<script data-type"attach">` and

render of the component.

Drupal Core has recently started moving away from jQuery, so if you'd like to

use vanilla JS with your attachments (wrapping them in "once()" instead of

"jQuery.once()") you can add the "data-vanilla" attribute to your script tag.

use vanilla JS with your attachments you can add the "data-vanilla" attribute

to your script tag.

Note that when using vanilla JS, "element" refers to your current element, not

"this". For example:

   */

  Drupal.behaviors.sfcDevPollChanges = {

    attach: function (context, settings) {

      $(window).once('sfc-dev-poll-changes').each(function () {

      $(once('sfc-dev-poll-changes', 'body')).each(function () {

        setInterval(function () {

          var $checkbox = $('.js-component-auto-preview');

          if (!$checkbox.length) {

name: Single File Components Development Tools

type: module

description: Contains useful development tools for SFC. Do not enable in production.

core: 8.x

core_version_requirement: ^8 || ^9 || ^10

core_version_requirement: ^9 || ^10

dependencies:

- sfc:sfc

    js/sfc_dev.js: {}

  dependencies:

  - core/drupal.ajax

  - core/jquery.once

  - core/once

      $plugin_id,

      $plugin_definition,

      static::getDebugParameter($container),

      $container->get('app.root'),

      $container->getParameter('app.root'),

      $container->get('file_system'),

      $container->get('form_builder')

    );