Function MediaPlayerControls has 51 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function MediaPlayerControls(props) {
  const actions = props.playerActions;
  const playerState = props.playerState;

  const onTextTracksMenuItemClick = function(value) {

Function _create has 51 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    _create: function() {
      var element = this.element;
      var scroller = this.options.scroller;
      var direction = this.options.direction;

Function render has 51 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render: function() {
    var that = this;

    this.$el.fileupload({
      type: 'POST',

File usePlayerState.js has 251 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import {useReducer, useMemo} from 'react';
import {createActions,
        PLAY, PLAYING, PLAY_FAILED, PAUSE, PAUSED, SCRUB_TO, SEEK_TO,
        FADE_OUT_AND_PAUSE, PLAY_AND_FADE_IN, CHANGE_VOLUME_FACTOR,
        PREBUFFER, PREBUFFERED, BUFFER_UNDERRUN, BUFFER_UNDERRUN_CONTINUE,

Function bandwidth has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const bandwidth = function() {
  var maxLoadTime = 5000;

  bandwidth.promise =   bandwidth.promise || new $.Deferred(function(deferred) {
    var smallFileUrl = assetUrls.smallBandwidthProbe + "?" + new Date().getTime(),

Function onRender has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  onRender: function() {
    this.ui.input.addClass(this.options.size);
    this.load();
    this.updatePlaceholder();

Function bufferUnderrunWaiting has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const bufferUnderrunWaiting = function(player) {
  var originalPause = player.pause;

  player.pause = function() {
    cancelWaiting();

Function interval has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const interval = function(player) {
  const originalVolume = player.volume;

  let fadeVolumeResolve;
  let fadeVolumeInterval;

Function configurationEditor has 49 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  configurationEditor({entry}) {
    const locale = entry.metadata.get('locale');
    this.tab('general', function() {
      this.input('targetValue', NumberInputView, {locale});
      this.input('decimalPlaces', SelectInputView, {

Function default has 49 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function(collectionName) {
  const itemScopeProperty = getItemScopeProperty(collectionName);

  return function connectInItemScope(mapStateToProps, mapDispatchToProps, mergeProps) {
    const connecter = connect(

Method build has 49 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      def build(entry)
        embedded_index_table(entry.memberships.includes(:user).references(:users),
                             blank_slate_text: I18n.t('pageflow.admin.entries.no_members')) do
          table_for_collection class: 'memberships', sortable: true, i18n: Pageflow::Membership do
            column :user, sortable: 'users.last_name', class: 'name' do |membership|

Function groupItemsByPosition has 48 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function groupItemsByPosition(items, shouldInline) {
  const groups = [];

  let lastInlineBox = null;
  let currentGroup, currentBox;

Function ExternalLink has a Cognitive Complexity of 15 (exceeds 5 allowed). Consider refactoring.

Open

export function ExternalLink(props) {
  const [hideTooltip, setHideTooltip] = useState(true);
  var {layout} = props.sectionProps;
  const {t} = useI18n({locale: 'ui'});
  const {isEditable, isSelected} = useContentElementEditorState();

• Read up
  Read up

Function classMethods has a Cognitive Complexity of 15 (exceeds 5 allowed). Consider refactoring.

Open

Base.classMethods = function(Constructor) {
  return {
    find: function(viewOrParentElement) {
      var selector = Constructor.prototype.selector;
      var parentElement = viewOrParentElement.$el || viewOrParentElement;

• Read up
  Read up

Function webAudio has a Cognitive Complexity of 15 (exceeds 5 allowed). Consider refactoring.

Open

export const webAudio = function(player, audioContext) {
  var gainNode;

  var currentResolve;
  var currentTimeout;

• Read up
  Read up

Method build has a Cognitive Complexity of 15 (exceeds 5 allowed). Consider refactoring.

Open

      def build(user)
        embedded_index_table(user.memberships.on_accounts
                               .includes(:account).references(:pageflow_accounts)
                               .accessible_by(current_ability, :index),
                             blank_slate_text: t('pageflow.admin.users.no_accounts')) do

• Read up
  Read up

Function AudioPlayer has a Cognitive Complexity of 15 (exceeds 5 allowed). Consider refactoring.

Open

export const AudioPlayer = function(sources, options) {
  options = options || {};

  var codecMapping = {
    vorbis: 'audio/ogg',

• Read up
  Read up

Method redirect_path has a Cognitive Complexity of 15 (exceeds 5 allowed). Consider refactoring.

Open

      def redirect_path
        if params[:user_id].present? && authorized?(:redirect_to_user, resource.user)
          tab = resource.entity_type == 'Pageflow::Account' ? 'accounts' : 'entries'
          admin_user_path(params[:user_id], tab: tab)
        elsif params[:user_id].present? && authorized?(:index, resource.user)

• Read up
  Read up

Function withVisibilityWatching has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function withVisibilityWatching(Component) {
  return class VisibilityWatcher extends React.Component {
    constructor(props) {
      super(props);

Function PreparedMediaPlayer has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function PreparedMediaPlayer(props){
  let playerRef = useRef();
  let previousPlayerState = useRef(props.playerState);
  let eventContextData = useEventContextData();
  let unwatchPlayer;