rails/rails

File rails-ujs.js has 623 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/*
Unobtrusive JavaScript
https://github.com/rails/rails/blob/main/actionview/app/javascript
Released under the MIT license
 */

Function handleRemoteWithRails has 68 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const handleRemoteWithRails = rails => function(e) {
    let data, method, url;
    const element = this;
    if (!isRemote(element)) {
      return true;

Function start has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const start = function() {
    if (window._rails_loaded) {
      throw new Error("rails-ujs has already been loaded!");
    }
    window.addEventListener("pageshow", (function() {

Function serializeElement has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const serializeElement = (element, additionalParam) => {
    let inputs = [ element ];
    if (matches(element, "form")) {
      inputs = toArray(element.elements);
    }

Avoid too many return statements within this function.

Open

      return enableFormElements(element);

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  const handleRemoteWithRails = rails => function(e) {
    let data, method, url;
    const element = this;
    if (!isRemote(element)) {
      return true;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const start = function() {
    if (window._rails_loaded) {
      throw new Error("rails-ujs has already been loaded!");
    }
    window.addEventListener("pageshow", (function() {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const serializeElement = (element, additionalParam) => {
    let inputs = [ element ];
    if (matches(element, "form")) {
      inputs = toArray(element.elements);
    }

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  const handleMethodWithRails = rails => function(e) {
    const link = this;
    const method = link.getAttribute("data-method");
    if (!method) {
      return;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const ajax = options => {
    options = prepareOptions(options);
    var xhr = createXHR(options, (function() {
      const response = processResponse(xhr.response != null ? xhr.response : xhr.responseText, xhr.getResponseHeader("Content-Type"));
      if (Math.floor(xhr.status / 100) === 2) {

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  var processResponse = function(response, type) {
    if (typeof response === "string" && typeof type === "string") {
      if (type.match(/\bjson\b/)) {
        try {
          response = JSON.parse(response);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  var prepareOptions = function(options) {
    options.url = options.url || location.href;
    options.type = options.type.toUpperCase();
    if (options.type === "GET" && options.data) {
      if (options.url.indexOf("?") < 0) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  if (typeof CustomEvent !== "function") {
    CustomEvent = function(event, params) {
      const evt = document.createEvent("CustomEvent");
      evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
      return evt;

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  var createXHR = function(options, done) {
    const xhr = new XMLHttpRequest;
    xhr.open(options.type, options.url, true);
    xhr.setRequestHeader("Accept", options.accept);
    if (typeof options.data === "string") {

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  const Rails = {
    $: $,
    ajax: ajax,
    buttonClickSelector: buttonClickSelector,
    buttonDisableSelector: buttonDisableSelector,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const isCrossDomain = function(url) {
    const originAnchor = document.createElement("a");
    originAnchor.href = location.href;
    const urlAnchor = document.createElement("a");
    try {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const preventInsignificantClick = function(e) {
    const link = this;
    const method = (link.getAttribute("data-method") || "GET").toUpperCase();
    const data = link.getAttribute("data-params");
    const metaClick = e.metaKey || e.ctrlKey;

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  const enableElement = e => {
    let element;
    if (e instanceof Event) {
      if (isXhrRedirect(e)) {
        return;

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  var disableFormElement = function(element) {
    if (getData(element, "ujs:disabled")) {
      return;
    }
    const replacement = element.getAttribute("data-disable-with");

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  const formSubmitButtonClick = function(e) {
    const button = this;
    const {form: form} = button;
    if (!form) {
      return;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const delegate = (element, selector, eventType, handler) => element.addEventListener(eventType, (function(e) {
    let {target: target} = e;
    while (!!(target instanceof Element) && !matches(target, selector)) {
      target = target.parentNode;
    }

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  var allowAction = function(element, rails) {
    let callback;
    const message = element.getAttribute("data-confirm");
    if (!message) {
      return true;

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  const disableElement = e => {
    const element = e instanceof Event ? e.target : e;
    if (isContentEditable(element)) {
      return;
    }

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  var enableFormElement = function(element) {
    const originalText = getData(element, "ujs:enable-with");
    if (originalText != null) {
      if (matches(element, "button")) {
        element.innerHTML = originalText;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

(function(global, factory) {
  typeof exports === "object" && typeof module !== "undefined" ? module.exports = factory() : typeof define === "function" && define.amd ? define(factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, 
  global.Rails = factory());
})(this, (function() {
  "use strict";

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  var disableLinkElement = function(element) {
    if (getData(element, "ujs:disabled")) {
      return;
    }
    const replacement = element.getAttribute("data-disable-with");

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  if (typeof jQuery !== "undefined" && jQuery && jQuery.ajax) {
    if (jQuery.rails) {
      throw new Error("If you load both jquery_ujs and rails-ujs, use rails-ujs only.");
    }
    jQuery.rails = Rails;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const refreshCSRFTokens = () => {
    const token = csrfToken();
    const param = csrfParam();
    if (token && param) {
      return $('form input[name="' + param + '"]').forEach((input => input.value = token));

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  var enableLinkElement = function(element) {
    const originalText = getData(element, "ujs:enable-with");
    if (originalText != null) {
      element.innerHTML = originalText;
      setData(element, "ujs:enable-with", null);

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  const matches = function(element, selector) {
    if (selector.exclude) {
      return m.call(element, selector.selector) && !m.call(element, selector.exclude);
    } else {
      return m.call(element, selector);

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  const m = Element.prototype.matches || Element.prototype.matchesSelector || Element.prototype.mozMatchesSelector || Element.prototype.msMatchesSelector || Element.prototype.oMatchesSelector || Element.prototype.webkitMatchesSelector;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const formElements = (form, selector) => {
    if (matches(form, "form")) {
      return toArray(form.elements).filter((el => matches(el, selector)));
    } else {
      return toArray(form.querySelectorAll(selector));

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  const fire = (obj, name, data) => {
    const event = new CustomEvent(name, {
      bubbles: true,
      cancelable: true,
      detail: data

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  const isContentEditable = function(element) {
    var isEditable = false;
    do {
      if (element.isContentEditable) {
        isEditable = true;

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  const setData = function(element, key, value) {
    if (!element[EXPANDO]) {
      element[EXPANDO] = {};
    }
    return element[EXPANDO][key] = value;

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  const stopEverything = e => {
    fire(e.target, "ujs:everythingStopped");
    e.preventDefault();
    e.stopPropagation();
    e.stopImmediatePropagation();

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  var isXhrRedirect = function(event) {
    const xhr = event.detail ? event.detail[0] : undefined;
    return xhr && xhr.getResponseHeader("X-Xhr-Redirect");
  };

• Read up
  Read up