Function ShareButton

apps/desktop/src/routes/editor/ShareButton.tsx:23–349

()

} from "./ui";

function ShareButton() {
	const { editorInstance, meta, customDomain, editorState, setEditorState } =
		useEditorContext();
	const projectPath = editorInstance.path;

	const upload = createMutation(() => ({
		mutationFn: async () => {
			setUploadState({ type: "idle" });

			if (!navigator.onLine) {
				await commands.globalMessageDialog(
					"You appear to be offline. Please check your internet connection and try again.",
				);
				return;
			}

			console.log("Starting upload process...");

			// Check authentication first
			const existingAuth = await authStore.get();
			if (!existingAuth) {
				throw new Error("You need to sign in to share recordings");
			}

			const metadata = await commands.getVideoMetadata(projectPath);
			const plan = await commands.checkUpgradedAndUpdate();
			const canShare = {
				allowed: plan || metadata.duration < 300,
				reason: !plan && metadata.duration >= 300 ? "upgrade_required" : null,
			};

			if (!canShare.allowed) {
				if (canShare.reason === "upgrade_required") {
					await commands.showWindow("Upgrade");
					throw new Error(
						"Upgrade required to share recordings longer than 5 minutes",
					);
				}
			}

			const uploadChannel = new Channel<UploadProgress>((progress) => {
				console.log("Upload progress:", progress);
				setUploadState(
					produce((state) => {
						if (state.type !== "uploading") return;

						state.progress = Math.round(progress.progress * 100);
					}),
				);
			});

			setUploadState({ type: "starting" });

			// Setup progress listener before starting upload

			console.log("Starting actual upload...");

			await exportVideo(