Use full page explainer for unconfigured ipfs:// loads instead of loading content with an infobar

[bbondy]

Description

For new IPFS users that load ipfs:// or ipns:// URLs, show a webui page that gives an explainer instead of loading content through a gateway with an infobar.

The infobar is pretty packed, and we'd rather not use the gateway by default without user consent.

We currently load the content + have this infobar:

Instead we should show a full page webui explainer page. If the user goes in settings and selects Ask we'd just show this page again.

Designs

• Learn more link goes to https://support.brave.com/hc/en-us/sections/360010974932-InterPlanetary-File-System-IPFS-
• Settings links goes to brave://settings, scrolled to the IPFS section

When the user clicks "Use local node", show a loading spinner to indicate the node is being installed before redirecting to the requested content:

Assets

Figma: https://www.figma.com/file/tLXWGCpNoiJxDZDdpfordj/?node-id=94%3A7772

[PrivacyMatters]

That's very helpful

[jessicaschilling]

Commenting to follow this issue - and would be happy to help with language etc when you start working on this one, particularly so we can be sure to remain consistent with other IPFS tools like Companion. Thanks! 🙏

[lidel]

Yes! Quick thought:

We should account for tyranny of small decisions and if we want true decentralization, we should promote running local nodes.
Perhaps we reorder options so that the local node is the first one + the option has slight tint/color accent to indicate "pick this for best outcome"?

[karenkliu]

Designs added!

[bbondy]

Awesome work, thank you @karenkliu!

[jessicaschilling]

This is awesome! Would love to request a few text changes just for consistency with IPFS-land in general?

• In the explanatory graf, InterPlanetary File System (IPFS) is the public network -> IPFS (InterPlanetary File System) is the public network
• First option text: and content you're requesting -> and any content you're requesting
• First option text: Content is verified -> Content you request over IPFS is verified
• First option text: before being served. -> before being served to you.
• Second option text: from everyone else -> from potential third-party observers
• Second option text: The operator is responsible for serving you the correct requested content. -> The gateway operator is responsible for ensuring that the content served to you over a gateway is the content you requested.
• Second option text: to the public network -> to the public IPFS network

[jessicaschilling]

Also - @autonome, would appreciate your eyes on this as well. Thanks!

[ryanml]

Front end work will pushed to this branch: https://github.com/brave/brave-core/tree/feature-13655 cc: @spylogsster

[stephendonner]

Verified FIXED using nightly on macOS Big Sur (11.2.1) with:

Brave	1.22.39 Chromium: 89.0.4389.58 (Official Build) nightly (x86_64)
Revision	1a139f28ecc27719439e37c6b1533cee999cb802-refs/branch-heads/4389@{#1134}
OS	macOS Version 11.2.1 (Build 20D74)

Verified that the links go to the correct URLs, that brave://settings/ipfs options are present and work, and that the text from #13655 (comment) was updated and reflected in the UI.

The spinner on the "Installing..." orange button isn't present; will file a new bug for that and cross-reference it here.

---

Verification passed on

Brave | 1.22.56 Chromium: 89.0.4389.72 (Official Build) dev (64-bit)
-- | --
Revision | 3f345f156bfd157bd1bea06310e55f3fb2490359-refs/branch-heads/4389@{#1393}
OS | Windows 10 OS Version 2004 (Build 19041.804)

• Verified the description from the issue Use full page explainer for unconfigured ipfs:// loads instead of loading content with an infobar #13655 (comment)
• Ensured Learn more and settings links redirected to correct pages
• Verified the Figma doc and ensured that IPFS content page content is as per the Figma doc specifications

---

Verification passed on

Brave	1.22.58 Chromium: 89.0.4389.86 (Official Build) beta (64-bit)
Revision	0c2dac31bc21e806a791641316e99920f84ea52c-refs/branch-heads/4389@{#1472}
OS	Ubuntu 18.04 LTS

Verified test plan from the description