improvement(cdn): add cdn for large video assets with fallback to static assets

[waleedlatif1]

• added CDN for large assets with fallback to static assets
• remove video assets from docs

Description

add cdn for large video assets with fallback to static assets, serves assets much faster in email templates and docs and is cheaper as well

Type of change

• Performance improvement

How Has This Been Tested?

Tested manually to ensure we can read assets from public blob.

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have added tests that prove my fix is effective or that my feature works
• All tests pass locally and in CI (bun run test)
• My changes generate no new warnings
• Any dependent changes have been merged and published in downstream modules
• I have updated version numbers as needed (if needed)
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

Security Considerations:

• My changes do not introduce any new security vulnerabilities
• I have considered the security implications of my changes

Additional Information:

  Main app (apps/sim/public/):
  - demo.gif: 35MB
  - Social media images: ~5MB
  - Subtotal: ~40MB

  Docs app (apps/docs/public/):
  - 20 MP4 documentation videos: ~300MB
  - Subtotal: ~300MB

  Total savings: ~340MB

  Current repository sizes:
  - apps/sim/public/: 4.5MB (down from ~44.5MB)
  - apps/docs/public/: 4.0MB (down from ~304MB)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 28, 2025 7:10pm
sim	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 28, 2025 7:10pm

[waleedlatif1]

meant to be public, just incl our assets and generic images/videos

[greptile-apps]

Greptile Summary

This PR implements a comprehensive CDN solution for large static assets to improve performance and reduce repository size. The changes introduce a new getAssetUrl utility function that provides intelligent asset delivery with fallback capabilities - assets are served from Vercel Blob Storage CDN when the NEXT_PUBLIC_BLOB_BASE_URL environment variable is configured, otherwise falling back to local static assets.

The implementation spans multiple areas of the codebase:

1. Environment Configuration: Added NEXT_PUBLIC_BLOB_BASE_URL to the environment variables in apps/sim/lib/env.ts with proper validation and runtime environment mapping

2. Security Configuration: Updated Content Security Policy (CSP) in apps/sim/lib/security/csp.ts to allow image loading from https://*.public.blob.vercel-storage.com

3. Utility Functions: Created getAssetUrl functions in both apps/sim/lib/utils.ts and apps/docs/lib/utils.ts that handle CDN URL construction with fallback logic

4. Email Templates: Updated all email components (OTP verification, workspace invitation, reset password, invitation) to use the new CDN system for logos and images

5. Landing Page Components: Modified testimonials and blog sections to serve social media images and avatars through the CDN

6. Application Layout: Updated the main app layout's social media metadata images to use CDN URLs

7. Documentation: Updated README.md to directly reference CDN URLs for the logo and demo.gif

The solution achieves significant repository size reduction - from ~44.5MB to 4.5MB for the main app and ~304MB to 4MB for docs, totaling ~340MB savings. The architecture maintains backward compatibility through fallback mechanisms, ensuring the application continues to work in environments where CDN isn't configured.

Confidence score: 3/5

• This PR introduces significant infrastructure changes that could impact asset loading across the entire application
• The score reflects concerns about incomplete implementation in some areas and potential runtime errors if environment variables aren't properly configured
• Files requiring more attention: apps/sim/components/emails/workspace-invitation.tsx and all email templates for potential runtime issues if CDN configuration fails

_{13 files reviewed, 1 comment}

_{Edit Code Review Bot Settings | Greptile}