import React, { useState, useCallback } from 'react'; import { Checkbox, RadioGroup, Paragraph } from 'evergreen-ui'; import Swal from 'sweetalert2'; import i18n from 'i18next'; import { Trans } from 'react-i18next'; import withReactContent from 'sweetalert2-react-content'; import SyntaxHighlighter from 'react-syntax-highlighter'; import { tomorrow as style } from 'react-syntax-highlighter/dist/esm/styles/hljs'; import JSON5 from 'json5'; import { parseDuration } from './util/duration'; import { parseYouTube } from './edlFormats'; import CopyClipboardButton from './components/CopyClipboardButton'; const electron = window.require('electron'); // eslint-disable-line const { dialog, app } = electron.remote; const ReactSwal = withReactContent(Swal); export async function promptTimeOffset({ initialValue, title, text }) { const { value } = await Swal.fire({ title, text, input: 'text', inputValue: initialValue || '', showCancelButton: true, inputPlaceholder: '00:00:00.000', }); if (value === undefined) { return undefined; } const duration = parseDuration(value); // Invalid, try again if (duration === undefined) return promptTimeOffset({ initialValue: value, title, text }); return duration; } export async function askForHtml5ifySpeed({ allowedOptions, showRemember, initialOption }) { const availOptions = { fastest: i18n.t('Fastest: Low playback speed (no audio)'), 'fastest-audio': i18n.t('Fastest: Low playback speed'), 'fastest-audio-remux': i18n.t('Fastest: Low playback speed (audio remux), likely to fail'), fast: i18n.t('Fast: Full quality remux (no audio), likely to fail'), 'fast-audio-remux': i18n.t('Fast: Full quality remux, likely to fail'), 'fast-audio': i18n.t('Fast: Remux video, encode audio (fails if unsupported video codec)'), slow: i18n.t('Slow: Low quality encode (no audio)'), 'slow-audio': i18n.t('Slow: Low quality encode'), slowest: i18n.t('Slowest: High quality encode'), }; const inputOptions = {}; allowedOptions.forEach((allowedOption) => { inputOptions[allowedOption] = availOptions[allowedOption]; }); let selectedOption = inputOptions[initialOption] ? initialOption : Object.keys(inputOptions)[0]; let rememberChoice = !!initialOption; const Html = () => { const [option, setOption] = useState(selectedOption); const [remember, setRemember] = useState(rememberChoice); const onOptionChange = useCallback((e) => { selectedOption = e.target.value; setOption(selectedOption); }, []); const onRememberChange = useCallback((e) => { rememberChoice = e.target.checked; setRemember(rememberChoice); }, []); return (
{i18n.t('These options will let you convert files to a format that is supported by the player. You can try different options and see which works with your file. Note that the conversion is for preview only. When you run an export, the output will still be lossless with full quality')} ({ label, value }))} value={option} onChange={onOptionChange} /> {showRemember && }
); }; const { value: response } = await ReactSwal.fire({ title: i18n.t('Convert to supported format'), html: , showCancelButton: true, }); return { selectedOption: response && selectedOption, remember: rememberChoice, }; } export async function askForYouTubeInput() { const example = i18n.t('YouTube video description\n00:00 Intro\n00:01 Chapter 2\n00:00:02.123 Chapter 3'); const { value } = await Swal.fire({ title: i18n.t('Import text chapters / YouTube'), input: 'textarea', inputPlaceholder: example, text: i18n.t('Paste or type a YouTube chapters description or textual chapter description'), showCancelButton: true, inputValidator: (v) => { if (v) { const edl = parseYouTube(v); if (edl.length > 0) return undefined; } return i18n.t('Please input a valid format.'); }, }); return parseYouTube(value); } export async function askForOutDir(defaultPath) { const { filePaths } = await dialog.showOpenDialog({ properties: ['openDirectory', 'createDirectory'], defaultPath, title: i18n.t('Where do you want to save output files?'), message: i18n.t('Where do you want to save output files? Make sure there is enough free space in this folder'), buttonLabel: i18n.t('Select output folder'), }); return (filePaths && filePaths.length === 1) ? filePaths[0] : undefined; } export async function askForFileOpenAction(inputOptions) { const { value } = await Swal.fire({ text: i18n.t('You opened a new file. What do you want to do?'), icon: 'question', input: 'radio', inputValue: 'open', showCancelButton: true, customClass: { input: 'swal2-losslesscut-radio' }, inputOptions, inputValidator: (v) => !v && i18n.t('You need to choose something!'), }); return value; } export async function showDiskFull() { await Swal.fire({ icon: 'error', text: i18n.t('You ran out of space'), }); } export async function askForImportChapters() { const { value } = await Swal.fire({ icon: 'question', text: i18n.t('This file has embedded chapters. Do you want to import the chapters as cut-segments?'), showCancelButton: true, cancelButtonText: i18n.t('Ignore chapters'), confirmButtonText: i18n.t('Import chapters'), }); return value; } const maxSegments = 300; async function askForNumSegments() { const { value } = await Swal.fire({ input: 'number', inputAttributes: { min: 0, max: maxSegments, }, showCancelButton: true, inputValue: '2', text: i18n.t('Divide timeline into a number of equal length segments'), inputValidator: (v) => { const parsed = parseInt(v, 10); if (!Number.isNaN(parsed) && parsed >= 2 && parsed <= maxSegments) return undefined; return i18n.t('Please input a valid number of segments'); }, }); if (value == null) return undefined; return parseInt(value, 10); } export async function createNumSegments(fileDuration) { const numSegments = await askForNumSegments(); if (numSegments == null) return undefined; const edl = []; const segDuration = fileDuration / numSegments; for (let i = 0; i < numSegments; i += 1) { edl.push({ start: i * segDuration, end: i === numSegments - 1 ? undefined : (i + 1) * segDuration }); } return edl; } async function askForSegmentDuration(fileDuration) { const example = '00:00:05.123'; const { value } = await Swal.fire({ input: 'text', showCancelButton: true, inputValue: '00:00:00.000', text: i18n.t('Divide timeline into a number of segments with the specified length'), inputValidator: (v) => { const duration = parseDuration(v); if (duration != null) { const numSegments = Math.ceil(fileDuration / duration); if (duration > 0 && duration < fileDuration && numSegments <= maxSegments) return undefined; } return i18n.t('Please input a valid duration. Example: {{example}}', { example }); }, }); if (value == null) return undefined; return parseDuration(value); } export async function askForMetadataKey() { const { value } = await Swal.fire({ title: i18n.t('Add metadata'), text: i18n.t('Enter metadata key'), input: 'text', showCancelButton: true, inputPlaceholder: 'metadata_key', inputValidator: (v) => v.includes('=') && i18n.t('Invalid character(s) found in key'), }); return value; } export async function confirmExtractAllStreamsDialog() { const { value } = await Swal.fire({ text: i18n.t('Please confirm that you want to extract all tracks as separate files'), showCancelButton: true, confirmButtonText: i18n.t('Extract all tracks'), }); return !!value; } const CleanupChoices = ({ cleanupChoicesInitial, onChange: onChangeProp }) => { const [choices, setChoices] = useState(cleanupChoicesInitial); const getVal = (key) => !!choices[key]; const onChange = (key, val) => setChoices((c) => { const newChoices = { ...c, [key]: val }; onChangeProp(newChoices); return newChoices; }); return (

{i18n.t('Do you want to move the original file and/or any generated files to trash?')}

onChange('tmpFiles', e.target.checked)} /> onChange('projectFile', e.target.checked)} /> onChange('sourceFile', e.target.checked)} />
onChange('dontShowAgain', e.target.checked)} />
); }; export async function showCleanupFilesDialog(cleanupChoicesIn = {}) { let cleanupChoices = cleanupChoicesIn; const { value } = await ReactSwal.fire({ title: i18n.t('Cleanup files?'), html: { cleanupChoices = newChoices; }} />, confirmButtonText: i18n.t('Confirm'), confirmButtonColor: '#d33', showCancelButton: true, cancelButtonText: i18n.t('Cancel'), }); if (value) return cleanupChoices; return undefined; } export async function createFixedDurationSegments(fileDuration) { const segmentDuration = await askForSegmentDuration(fileDuration); if (segmentDuration == null) return undefined; const edl = []; for (let start = 0; start < fileDuration; start += segmentDuration) { const end = start + segmentDuration; edl.push({ start, end: end >= fileDuration ? undefined : end }); } return edl; } export async function showCutFailedDialog({ detectedFileFormat }) { const html = (
Try one of the following before exporting again:
    {detectedFileFormat === 'mp4' &&
  1. Change output Format from MP4 to MOV
    2. }
  2. Select a different output Format (matroska and mp4 support most codecs)
  3. Disable unnecessary Tracks
  4. Try both Normal cut and Keyframe cut
  5. Set a different Working directory
  6. Try with a Different file
  7. See Help
  8. If nothing helps, you can send an Error report
); const { value } = await ReactSwal.fire({ title: i18n.t('Unable to export this file'), html, timer: null, showConfirmButton: true, showCancelButton: true, cancelButtonText: i18n.t('OK'), confirmButtonText: i18n.t('Report'), reverseButtons: true, focusCancel: true }); return value; } export function openYouTubeChaptersDialog(text) { ReactSwal.fire({ showCloseButton: true, title: i18n.t('YouTube Chapters'), html: (

{i18n.t('Copy to YouTube description/comment:')}

{text}
), }); } export async function labelSegmentDialog({ currentName, maxLength }) { const { value } = await Swal.fire({ showCancelButton: true, title: i18n.t('Label current segment'), inputValue: currentName, input: 'text', inputValidator: (v) => (v.length > maxLength ? `${i18n.t('Max length')} ${maxLength}` : undefined), }); return value; } export function openAbout() { Swal.fire({ icon: 'info', title: 'About LosslessCut', text: `You are running version ${app.getVersion()}`, }); } export async function showEditableJsonDialog({ text, title, inputLabel, inputValue, inputValidator }) { const { value } = await Swal.fire({ input: 'textarea', inputLabel, text, title, inputPlaceholder: JSON5.stringify({ exampleTag: 'Example value' }, null, 2), inputValue, showCancelButton: true, inputValidator, }); return value; } export function showJson5Dialog({ title, json }) { const html = ( {JSON5.stringify(json, null, 2)} ); ReactSwal.fire({ showCloseButton: true, title, html, }); }