• Adeniji Adekunle James's avatar
    feat: add copy to clipboard functionality for code blocks (#934) · e554fd96
    Adeniji Adekunle James 提交于
    ## 🚀 Feature: Copy to Clipboard for Code Blocks
    
    ### What's Changed
    - Added a copy button to all code blocks that allows users to easily
    copy code snippets
    - Implemented visual feedback showing a checkmark when code is
    successfully copied
    - Copy button automatically reverts back after 2 seconds
    
    ### Technical Details
    - Uses `navigator.clipboard.writeText()` for modern clipboard API
    - Positioned copy button in the top-right corner alongside language
    label
    - Maintains existing code highlighting functionality
    
    ### UI/UX Improvements
    - Clean, minimal copy button design that doesn't interfere with code
    readability
    - Clear visual feedback with copy and check icon transition
    - Consistent styling with existing theme system
    
    ### Video
    
    
    
    https://github.com/user-attachments/assets/8f388217-da8a-422e-9087-42cce8df68ad
    
    ---------
    Co-authored-by: 's avatarWill Chen <willchen90@gmail.com>
    e554fd96
名称
最后提交
最后更新
..
chat 正在载入提交数据...
preview_panel 正在载入提交数据...
settings 正在载入提交数据...
ui 正在载入提交数据...
AppList.tsx 正在载入提交数据...
AppUpgrades.tsx 正在载入提交数据...
AutoApproveSwitch.tsx 正在载入提交数据...
AutoFixProblemsSwitch.tsx 正在载入提交数据...
AutoUpdateSwitch.tsx 正在载入提交数据...
CapacitorControls.tsx 正在载入提交数据...
ChatInputControls.tsx 正在载入提交数据...
ChatList.tsx 正在载入提交数据...
ChatModeSelector.tsx 正在载入提交数据...
ChatPanel.tsx 正在载入提交数据...
CommunityCodeConsentDialog.tsx 正在载入提交数据...
ConfirmationDialog.tsx 正在载入提交数据...
ContextFilesPicker.tsx 正在载入提交数据...
CreateAppDialog.tsx 正在载入提交数据...
CreateCustomModelDialog.tsx 正在载入提交数据...
CreateCustomProviderDialog.tsx 正在载入提交数据...
CustomErrorToast.tsx 正在载入提交数据...
DyadProSuccessDialog.tsx 正在载入提交数据...
EditCustomModelDialog.tsx 正在载入提交数据...
ErrorBoundary.tsx 正在载入提交数据...
GitHubConnector.tsx 正在载入提交数据...
GitHubIntegration.tsx 正在载入提交数据...
HelpDialog.tsx 正在载入提交数据...
ImportAppButton.tsx 正在载入提交数据...
ImportAppDialog.tsx 正在载入提交数据...
InputRequestToast.tsx 正在载入提交数据...
MaxChatTurnsSelector.tsx 正在载入提交数据...
ModelPicker.tsx 正在载入提交数据...
NeonConnector.tsx 正在载入提交数据...
NeonDisconnectButton.tsx 正在载入提交数据...
NeonIntegration.tsx 正在载入提交数据...
PortalMigrate.tsx 正在载入提交数据...
ProModeSelector.tsx 正在载入提交数据...
ProviderSettings.tsx 正在载入提交数据...
ReleaseChannelSelector.tsx 正在载入提交数据...
SettingsList.tsx 正在载入提交数据...
SetupBanner.tsx 正在载入提交数据...
SupabaseConnector.tsx 正在载入提交数据...
SupabaseIntegration.tsx 正在载入提交数据...
TelemetryBanner.tsx 正在载入提交数据...
TelemetrySwitch.tsx 正在载入提交数据...
TemplateCard.tsx 正在载入提交数据...
ThinkingBudgetSelector.tsx 正在载入提交数据...
VercelConnector.tsx 正在载入提交数据...
VercelIntegration.tsx 正在载入提交数据...
app-sidebar.tsx 正在载入提交数据...