pybricks-code/src/sagas/editor.ts

// SPDX-License-Identifier: MIT
// Copyright (c) 2020 The Pybricks Authors

import { Ace } from 'ace-builds';
import FileSaver from 'file-saver';
import { select, takeEvery } from 'redux-saga/effects';
import {
    EditorActionType,
    EditorOpenAction,
    EditorReloadProgramAction,
    EditorSaveAsAction,
} from '../actions/editor';
import { RootState } from '../reducers';

const decoder = new TextDecoder();

function* open(action: EditorOpenAction): Generator {
    const editor = (yield select(
        (s: RootState) => s.editor.current,
    )) as Ace.EditSession | null;

    // istanbul ignore next: it is a bug to dispatch this action with no current editor
    if (editor === null) {
        console.error('open: No current editor');
        return;
    }

    const text = decoder.decode(action.data);
    editor.setValue(text);
}

function* saveAs(_action: EditorSaveAsAction): Generator {
    const editor = (yield select(
        (s: RootState) => s.editor.current,
    )) as Ace.EditSession | null;

    // istanbul ignore next: it is a bug to dispatch this action with no current editor
    if (editor === null) {
        console.error('saveAs: No current editor');
        return;
    }

    const data = editor.getValue();
    const blob = new Blob([data], { type: 'text/x-python;charset=utf-8' });
    FileSaver.saveAs(blob, 'main.py');
}

function* reloadProgram(_action: EditorReloadProgramAction): Generator {
    const editor = (yield select(
        (s: RootState) => s.editor.current,
    )) as Ace.EditSession | null;

    // istanbul ignore next: it is a bug to dispatch this action with no current editor
    if (editor === null) {
        console.error('reloadProgram: No current editor');
        return;
    }

    editor.setValue(localStorage.getItem('program') || '');
}

export default function* (): Generator {
    yield takeEvery(EditorActionType.Open, open);
    yield takeEvery(EditorActionType.SaveAs, saveAs);
    yield takeEvery(EditorActionType.ReloadProgram, reloadProgram);
}