remirror/remirror

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

Open

describe('Wysiwyg Showcase', () => {
  let $document: ElementHandle;
  let $editor: ElementHandle;

  beforeEach(async () => {

• Read up
  Read up

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

Open

describe('Wysiwyg Showcase', () => {
  let $document: ElementHandle;
  let $editor: ElementHandle;

  beforeEach(async () => {

• Read up
  Read up

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

Open

const AddIframeButton = () => {
  const { addIframe } = useCommands();
  const [href, setHref] = useState<string>('https://remirror.io');

  const handleChange: ChangeEventHandler<HTMLInputElement> = useCallback((e) => {

• Read up
  Read up

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

Open

const AddIframeButton = () => {
  const { addIframe } = useCommands();
  const [href, setHref] = useState<string>('https://remirror.io');

  const handleChange: ChangeEventHandler<HTMLInputElement> = useCallback((e) => {

• Read up
  Read up

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

Open

export const AllStyledComponent: ReturnType<typeof styled.div> = styled.div`
  ${componentsStyledCss}
  ${coreStyledCss}
  ${extensionBlockquoteStyledCss}
  ${extensionCalloutStyledCss}

• Read up
  Read up

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

Open

export const AllStyledComponent: ReturnType<typeof styled.div> = styled.div`
  ${componentsStyledCss}
  ${coreStyledCss}
  ${extensionBlockquoteStyledCss}
  ${extensionCalloutStyledCss}

• Read up
  Read up

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

Open

export const allStyledCss: ReturnType<typeof css> = css`
  ${componentsStyledCss}
  ${coreStyledCss}
  ${extensionBlockquoteStyledCss}
  ${extensionCalloutStyledCss}

• Read up
  Read up

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

Open

export const allStyledCss: ReturnType<typeof css> = css`
  ${componentsStyledCss}
  ${coreStyledCss}
  ${extensionBlockquoteStyledCss}
  ${extensionCalloutStyledCss}

• Read up
  Read up

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

Open

export const allStyledCss: ReturnType<typeof css> = css`
  ${componentsStyledCss}
  ${coreStyledCss}
  ${extensionBlockquoteStyledCss}
  ${extensionCalloutStyledCss}

• Read up
  Read up

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

Open

  @command()
  insertFile(attributes: FileAttributes, selection?: PrimitiveSelection): CommandFunction {
    return ({ tr, dispatch }) => {
      const { from, to } = getTextSelection(selection ?? tr.selection, tr.doc);
      const node = this.type.create(attributes);

• Read up
  Read up

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

Open

  @command()
  insertImage(attributes: ImageAttributes, selection?: PrimitiveSelection): CommandFunction {
    return ({ tr, dispatch }) => {
      const { from, to } = getTextSelection(selection ?? tr.selection, tr.doc);
      const node = this.type.create(attributes);

• Read up
  Read up

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

Open

    if (isOpen) {
      if (type === Type.ComboBox && refs.input.current) {
        refs.input.current.focus();
      } else if (refs.menu.current && type !== Type.ControlledMenu) {
        refs.menu.current.focus();

• Read up
  Read up

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

Open

    if (isOpen) {
      if (type === Type.ComboBox && refs.input.current) {
        refs.input.current.focus();
      } else if (refs.menu.current && type !== Type.ControlledMenu) {
        refs.menu.current.focus();

• Read up
  Read up

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

Open

  const replaceAll = useCallback((): void => {
    const { query, replacement, caseSensitive } = state;
    commands.findAndReplaceAll({ query, replacement, caseSensitive });
    find();
  }, [commands, state, find]);

• Read up
  Read up

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

Open

  const replaceAll = useCallback((): void => {
    const { query, replacement, caseSensitive } = state;
    commands.findAndReplaceAll({ query, replacement, caseSensitive });
    find();
  }, [commands, state, find]);

• Read up
  Read up

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

Open

export function usePrevious<T>(value: T): T | undefined {
  const ref = useRef<T>();
  useIsomorphicLayoutEffect(() => {
    ref.current = value;
  });

• Read up
  Read up

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

Open

export function usePrevious<T>(value: T): T | undefined {
  const ref = useRef<T>();
  useIsomorphicLayoutEffect(() => {
    ref.current = value;
  });

• Read up
  Read up

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

Open

  private updateView(tr: Transaction, dispatch?: DispatchFunction): boolean {
    this._updating = true;

    if (dispatch) {
      dispatch(tr);

• Read up
  Read up

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

Open

  private updateView(tr: Transaction, dispatch?: DispatchFunction): boolean {
    this._updating = true;

    if (dispatch) {
      dispatch(tr);

• Read up
  Read up

Consider simplifying this complex logical expression.

Open

  if (
    // Skip when the range contains an excluded mark.
    (invalidMarks && markActiveInRange({ $from, $to }, invalidMarks)) ||
    (rule.invalidMarks && markActiveInRange({ $from, $to }, rule.invalidMarks)) ||
    // Skip pure whitespace updates