Function CodeEditor

packages/components/src/components/cells/code.tsx:532–560

({ cell, extensions, codeTheme, updateCellOnServer }: CodeEditorProps)

};

function CodeEditor({ cell, extensions, codeTheme, updateCellOnServer }: CodeEditorProps) {
  const { updateCell: updateCellOnClient } = useCells();

  const updateCellOnServerOrNoop = useCallback<NonNullable<typeof updateCellOnServer>>(
    (cell, attrs) => {
      if (!updateCellOnServer) {
        return;
      }
      updateCellOnServer(cell, attrs);
    },
    [updateCellOnServer],
  );
  const updateCellOnServerDebounced = useDebouncedCallback(
    updateCellOnServerOrNoop,
    DEBOUNCE_DELAY,
  );

  return (
    <CodeMirror
      value={cell.source}
      theme={codeTheme}
      extensions={extensions}
      onChange={(source) => {
        updateCellOnClient({ ...cell, source });
        updateCellOnServerDebounced(cell, { source });
      }}
    />
  );
}

function DiffEditor({ original, modified }: { original: string; modified: string }) {
  const { codeTheme } = useTheme();