onlook icon indicating copy to clipboard operation
onlook copied to clipboard

feat: implement code download functionality - Add download code funct…

Open Rish-it opened this issue 6 months ago • 5 comments

feat: implement code download functionality

Add download code functionality to project breadcrumb, Update editor sandbox to support code export, Add localization strings for download feature. Resolves #1983

Description

This PR implements the code download functionality that allows users to download their project code directly from the Onlook interface. The feature adds a download button to the project breadcrumb component and integrates with the editor sandbox to export the current project state as downloadable code.

Key changes:

  • Added download button and functionality to the project breadcrumb component
  • Enhanced the editor sandbox to support code export capabilities
  • Added proper localization strings for the download feature to support internationalization
  • Implemented proper error handling and user feedback for the download process

Related Issues

Closes #1983

Type of Change

  • [ ] Bug fix
  • [x] New feature
  • [ ] Documentation update
  • [ ] Release
  • [ ] Refactor
  • [ ] Other (please describe):

Testing

  • Verified download button appears in project breadcrumb
  • Tested download functionality triggers properly
  • Confirmed localization strings are properly loaded
  • Verified editor sandbox integration works correctly
  • Tested with different project states and configurations
  • Ensured no regressions in existing functionality

Manual testing steps:

  1. Open a project in Onlook
  2. Navigate to the project breadcrumb area
  3. Click the download button
  4. Verify code is properly exported and downloaded
  5. Check that all UI text displays correctly (localization)

Screenshots (if applicable)

https://github.com/user-attachments/assets/8d328bc6-dcff-4627-a3b4-8ff6a3df6ca6

Additional Notes

  • This feature enhances the developer experience by providing easy access to export project code
  • The implementation follows existing patterns in the codebase for consistency
  • Localization support ensures the feature works across different languages
  • The download functionality integrates seamlessly with the existing editor workflow

Rish-it avatar Jun 05 '25 08:06 Rish-it

@Rish-it is attempting to deploy a commit to the Onlook Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] avatar Jun 05 '25 08:06 vercel[bot]