How to use the @edtr-io/editor-ui.readFile function in @edtr-io/editor-ui

To help you get started, we’ve selected a few @edtr-io/editor-ui examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github edtr-io / edtr-io / packages / plugin-files / src / editor.tsx View on Github external
React.useEffect(() => {
      if (!uploading.current && state.value.files && state.value.files.length) {
        const nextFile = state.value.files[0]
        uploading.current = true
        const read = readFile(nextFile)
        const upload = uploadFile(nextFile, config, setProgress)
        read.then(readFile => {
          if (uploading) {
            handleFileLoaded(readFile)
          }
        })
        upload.then(uploadedFile => {
          uploading.current = false
          if (uploadedFile) {
            handleFileUploaded(uploadedFile)
          } else {
            //TODO: what to do on error?
          }
        })
      }
    }, [handleFileLoaded, handleFileUploaded, state])