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

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()
  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

  @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

    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

function SaveButton() {
  const { getJSON } = useHelpers();
  const handleClick = useCallback(() => alert(JSON.stringify(getJSON())), [getJSON]);

  return <button onClick={handleClick}>Save</button>;

• Read up
  Read up

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

Open

const AddIframeButton = () => {
  const commands = useCommands();
  const handleClick = () =>
    commands.addIframe({ src: 'https://remirror.io/', height: 250, width: 500 });
  return <button onClick={handleClick}>Add iframe</button>;

• Read up
  Read up

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

Open

function SaveButton() {
  const { getJSON } = useHelpers();
  const handleClick = useCallback(() => alert(JSON.stringify(getJSON())), [getJSON]);

  return <button onClick={handleClick}>Save</button>;

• Read up
  Read up

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

Open

const AddIframeButton = () => {
  const commands = useCommands();
  const handleClick = () =>
    commands.addIframe({ src: 'https://remirror.io/', height: 250, width: 500 });
  return <button onClick={handleClick}>Add iframe</button>;

• Read up
  Read up

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

Open

function LoadButton() {
  const { setContent } = useRemirrorContext();
  const handleClick = useCallback(() => setContent(SAMPLE_DOC), [setContent]);

  return <button onClick={handleClick}>Load</button>;

• Read up
  Read up

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

Open

function LoadButton() {
  const { setContent } = useRemirrorContext();
  const handleClick = useCallback(() => setContent(SAMPLE_DOC), [setContent]);

  return <button onClick={handleClick}>Load</button>;

• 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

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

Open

    ctx.fillStyle = `rgba(${particle.color[0]},${particle.color[1]},${particle.color[2]},${particle.alpha})`;

• Read up
  Read up

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

Open

    ctx.fillStyle = `rgba(${particle.color[0]},${particle.color[1]},${particle.color[2]},${particle.alpha})`;

• Read up
  Read up