intraxia/wp-gistpen

File index.tsx has 483 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { useEffect, useMemo } from 'react';
import Prism from 'prismjs';
import {
  useDelta,
  EddyReducer,

Function embedReducer has 114 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const embedReducer: EddyReducer<EmbedState, RootAction> = (
  state = defaultEmbedState,
  action: RootAction,
) => {
  switch (action.type) {

Function rootDelta has 90 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const rootDelta: Delta<RootAction, State> = (action$, state$) => {
  const fetch$ = state$
    .thru(sampleByAction(action$, fetchBlob.request))
    .flatMap(state =>
      ajax$(

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

Open

  const saveMe$ = state$
    .thru(sampleByAction(action$, saveMe.request))
    .zip(
      action$.thru(ofType(saveMe.request)),
      (state, action) => [state, action] as const,

• Read up
  Read up

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

Open

  const saveSettings$ = state$
    .thru(sampleByAction(action$, saveSettings.request))
    .zip(
      action$.thru(ofType(saveSettings.request)),
      (state, action) => [state, action] as const,

• Read up
  Read up

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

Open

  const fetchMe$ = state$
    .thru(sampleByAction(action$, fetchMe.request))
    .flatMap(state =>
      ajax$(`${state.globals.root}me`, {
        headers: {

• Read up
  Read up

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

Open

  const fetchSettings$ = state$
    .thru(sampleByAction(action$, fetchSettings.request))
    .flatMap(state =>
      ajax$(`${state.globals.root}site`, {
        headers: {

• Read up
  Read up

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

Open

const preplugWidth = (e$: Observable<RootAction, never>) =>
  e$
    .thru(ofType(wpActions.change))
    .map(a => editWidthChange(Number(a.payload.value)));

• Read up
  Read up

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

Open

const preplugOffset = (e$: Observable<RootAction, never>) =>
  e$
    .thru(ofType(wpActions.change))
    .map(a => offsetChange(Number(a.payload.value)));

• Read up
  Read up

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

Open

const preplugFilename = (e$: Observable<RootAction, never>) =>
  e$
    .thru(ofType(wpActions.change))
    .map(a => editFilenameChange(a.payload.value));

• Read up
  Read up

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

Open

const preplugLanguages = (e$: Observable<RootAction, never>) =>
  e$
    .thru(ofType(wpActions.change))
    .map(a => editLanguageChange(a.payload.value));

• Read up
  Read up

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

Open

const preplugTabs = (e$: Observable<RootAction, never>) =>
  e$
    .thru(ofType(wpActions.checked))
    .map(a => editTabsChange(a.payload.isChecked));

• Read up
  Read up

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

Open

const preplugHighlight = (e$: Observable<RootAction, never>) =>
  e$.thru(ofType(wpActions.change)).map(a => highlightChange(a.payload.value));

• Read up
  Read up

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

Open

const preplugLineNumbers = (e$: Observable<RootAction, never>) =>
  e$
    .thru(ofType(wpActions.checked))
    .map(a => editLineNumbersChange(a.payload.isChecked));

• Read up
  Read up

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

Open

const preplugTheme = (e$: Observable<RootAction, never>) =>
  e$.thru(ofType(wpActions.change)).map(a => editThemeChange(a.payload.value));

• Read up
  Read up

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

Open

const preplugShowInvisibles = (e$: Observable<RootAction, never>) =>
  e$
    .thru(ofType(wpActions.checked))
    .map(a => editShowInvisiblesChange(a.payload.isChecked));

• Read up
  Read up

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

Open

const preplugSaveSite = (e$: Observable<RootAction, never>) =>
  e$.thru(ofType(wpActions.click)).map(() => saveSiteClick());

• Read up
  Read up

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

Open

const preplugSaveSnippet = (e$: Observable<RootAction, never>) =>
  e$.thru(ofType(wpActions.click)).map(() => saveSnippetClick());

• Read up
  Read up

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

Open

const preplugSaveEditor = (e$: Observable<RootAction, never>) =>
  e$.thru(ofType(wpActions.click)).map(() => saveEditorClick());

• Read up
  Read up