Improve prod bundle size (#2447)

Greatly improve production build size, now prod builds are 1/3 of the size
 - Main spacedrive binary went from ~120M to ~40M
 - Add more optimize options for rust prod build
 - Improve vite settings for front-end prod build
 - Improve lossless compression of PNGs
 - Don't include videos in bundles when they are not used
 - Don't generate/bundle sourcemap for prod builds

Cargo.toml

@@ -117,3 +117,11 @@ opt-level = 3
 [profile.dev.package."*"]
 opt-level = 3
 incremental = false
+
+# Optimize release builds
+[profile.release]
+panic = "abort" # Strip expensive panic clean-up logic
+codegen-units = 1 # Compile crates one after another so the compiler can optimize better
+lto = true # Enables link to optimizations
+opt-level = "s" # Optimize for binary size
+strip = true # Remove debug symbols

apps/desktop/src-tauri/Cargo.toml

@@ -63,3 +63,11 @@ default = ["custom-protocol"]
 devtools = ["tauri/devtools"]
 ai-models = ["sd-core/ai"]
 custom-protocol = ["tauri/custom-protocol"]
+
+# Optimize release builds
+[profile.release]
+panic = "abort"   # Strip expensive panic clean-up logic
+codegen-units = 1 # Compile crates one after another so the compiler can optimize better
+lto = true        # Enables link to optimizations
+opt-level = "s"   # Optimize for binary size
+strip = true      # Remove debug symbols

apps/desktop/vite.config.ts

@@ -25,6 +25,15 @@ export default defineConfig(({ mode }) => {
 		server: {
 			port: 8001
 		},
+		build: {
+			rollupOptions: {
+				treeshake: 'recommended',
+				external: [
+					// Don't bundle Fda video for non-macOS platforms
+					process.platform !== 'darwin' && /^@sd\/assets\/videos\/Fda.mp4$/
+				].filter(Boolean)
+			}
+		},
 		plugins: [
 			devtoolsPlugin,
 			process.env.SENTRY_AUTH_TOKEN &&

apps/mobile/src/screens/onboarding/GetStarted.tsx

@@ -1,6 +1,6 @@
 import { useNavigation, useRoute } from '@react-navigation/native';
 import { AppLogo, BloomOne } from '@sd/assets/images';
-import { SdMobIntro } from '@sd/assets/videos';
+import SdMobIntro from '@sd/assets/videos/SdMobIntro.mp4';
 import { ResizeMode, Video } from 'expo-av';
 import { Image } from 'expo-image';
 import { MotiView } from 'moti';

interface/app/onboarding/full-disk.tsx

@@ -1,4 +1,4 @@
-import { Fda } from '@sd/assets/videos';
+import { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router';
 import { Button } from '@sd/ui';
 import { Icon } from '~/components';
@@ -8,18 +8,40 @@ import { usePlatform } from '~/util/Platform';
 import { OnboardingContainer, OnboardingDescription, OnboardingTitle } from './components';
 
 export const FullDisk = () => {
+	const [fdaVideo, setFdaVideo] = useState<string | null>(null);
 	const { requestFdaMacos } = usePlatform();
 	const navigate = useNavigate();
 
 	const { t } = useLocale();
 
+	useEffect(() => {
+		import('@sd/assets/videos/Fda.mp4').then(
+			(module) => {
+				setFdaVideo(module.default);
+			},
+			(err) => {
+				console.error(err);
+				navigate('../locations', { replace: true });
+			}
+		);
+	});
+
 	return (
 		<OnboardingContainer>
 			<Icon name="HDD" size={80} />
 			<OnboardingTitle>{t('full_disk_access')}</OnboardingTitle>
 			<OnboardingDescription>{t('full_disk_access_description')}</OnboardingDescription>
 			<div className="mt-5 w-full max-w-[450px]">
-				<video className="rounded-md" autoPlay loop muted controls={false} src={Fda} />
+				{fdaVideo && (
+					<video
+						className="rounded-md"
+						autoPlay
+						loop
+						muted
+						controls={false}
+						src={fdaVideo}
+					/>
+				)}
 			</div>
 			<div className="flex items-center gap-3">
 				<Button onClick={requestFdaMacos} variant="gray" size="sm" className="my-5">