Make it easier to copy the version, revision, and OS when reporting an issue

Description

Suggestion: When reporting an issue, you’re asked (for production builds) to copy the Brave, Revision, and OS information from brave://version/ into the issue, It’s surprisingly fiddly to do that with the current layout of the version page. I suggest adding a [Copy] button or similar that grabs it to the clipboard in a form that can be easily pasted into the issue.

Steps to Reproduce

Actual result:

Expected result:

Reproduces how often:

N/A, new feature suggestion

Brave version (brave://version info)

😉

Brave | 1.0.0 Chromium: 78.0.3904.97 (Official Build) (64-bit)

Revision | 021b9028c246d820be17a10e5b393ee90f41375e-refs/branch-heads/3904@{#859}

OS | Linux

Version/Channel Information:

Other Additional Information:

N/A, new feature suggestion

[bsclifton]

@d4mr took a quick peek using Chromium’s code search and looks like the code for that page is in https://source.chromium.org/chromium/chromium/src/+/master:chrome/browser/ui/webui/version_ui.cc

There’s going to be some HTML/JavaScript (Polymer) in the Chromium side that is loaded by this Web UI code. That’s where the change you’ll need to make will be 😄 (the version_ui.cc may need edits, depending on if you add strings, etc) https://source.chromium.org/chromium/chromium/src/+/master:components/version_ui/resources/about_version.html

To get started, you can edit the Chromium code directly until you work something out and then we can figure out patching. When that time comes, we have some notes about patching in our guide (unfortunately this doesn’t cover Polymer patching, but I can help with that): https://github.com/brave/brave-browser/wiki/Patching-Chromium

[d4mr]

@bsclifton I upgraded to a new connection and PC, and I have everything working. How can I proceed with patching? Also, do I need to add a new string for the “Copy Info to Clipboard” text?

Brave: 1.32.39 Chromium: 94.0.4606.71 (Developer Build) (64-bit)
Revision: 1d32b169326531e600d836bd395efc1b53d0f6ef-refs/branch-heads/4606@{#1256}
OS: Linux
JavaScript: V8 9.4.146.18
User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.71 Safari/537.36
Command Line: /media/d4mr/SlowLFS/large-repos/brave-browser/src/out/Component/brave --enable-logging --v=0 --disable-brave-update --enable-crashpad --disable-client-side-phishing-detection --disable-domain-reliability --enable-dom-distiller --no-pings --origin-trial-public-key=bYUKPJoPnCxeNvu72j4EmPuK7tr1PAC7SHh8ld9Mw3E=,fMS4mpO6buLQ/QMd+zJmxzty/VQ6B1EUZqoCU04zoRU= --sync-url --lso-url=https://no-thanks.invalid --variations-server-url --enable-features=PrefetchPrivacyChanges,ReducedReferrerGranularity,PasswordImport,WebUIDarkMode,DnsOverHttps,LegacyTLSEnforced,AutoupgradeMixedContent,SafetyTip --disable-features=InterestCohortFeaturePolicy,ConversionMeasurement,CopyLinkToText,TabGroupsFeedback,AutofillServerCommunication,FlocIdComputedEventLogging,HandwritingRecognitionWebPlatformApiFinch,TrustTokens,DirectSockets,IdleDetection,PrivacySandboxSettings,FederatedLearningOfCohorts,FledgeInterestGroups,NotificationTriggers,WebOTP,NetworkTimeServiceQuerying,SubresourceWebBundles,SignedExchangePrefetchCacheForNavigations,InterestCohortAPIOriginTrial,FirstPartySets,FledgeInterestGroupAPI,AutofillEnableAccountWalletStorage,SignedExchangeSubresourcePrefetch,NavigatorPluginsFixed,LiveCaption,LangClientHintHeader,TextFragmentAnchor,ReadLater --flag-switches-begin --flag-switches-end
Executable Path: /media/d4mr/SlowLFS/large-repos/brave-browser/src/out/Component/brave
Profile Path: /home/d4mr/.config/BraveSoftware/Brave-Browser-Development/Default