fix: set Explore defaults on app load (#2268)

* fix: set Explore defaults on app load

* chore: fix types

* fix: do not allow insecure remote gateways for explore page

* chore: use ipld-explorer-components@7.0.3

package.json

@@ -67,7 +67,7 @@
     "ipfs-css": "^1.4.0",
     "ipfs-geoip": "^9.1.0",
     "ipfs-provider": "^2.1.0",
-    "ipld-explorer-components": "^7.0.2",
+    "ipld-explorer-components": "^7.0.3",
     "is-ipfs": "^8.0.1",
     "istextorbinary": "^6.0.0",
     "it-all": "^1.0.5",

src/App.js

@@ -21,6 +21,7 @@ import FilesExploreForm from './files/explore-form/FilesExploreForm.js'
 
 export class App extends Component {
   static propTypes = {
+    doSetupLocalStorage: PropTypes.func.isRequired,
     doTryInitIpfs: PropTypes.func.isRequired,
     doInitHelia: PropTypes.func.isRequired,
     doUpdateUrl: PropTypes.func.isRequired,
@@ -32,6 +33,11 @@ export class App extends Component {
     isOver: PropTypes.bool.isRequired
   }
 
+  constructor (props) {
+    super(props)
+    props.doSetupLocalStorage()
+  }
+
   componentDidMount () {
     this.props.doTryInitIpfs()
     this.props.doInitHelia()
@@ -131,6 +137,7 @@ export default connect(
   'doExploreUserProvidedPath',
   'doUpdateUrl',
   'doUpdateHash',
+  'doSetupLocalStorage',
   'doTryInitIpfs',
   'doInitHelia',
   'doFilesWrite',

src/bundles/ipfs-provider.js

@@ -315,6 +315,25 @@ const selectors = {
  */
 
 const actions = {
+
+  doSetupLocalStorage: () => async () => {
+    /** For the Explore page (i.e. ipld-explorer-components) */
+    const useRemoteGatewaysToExplore = localStorage.getItem('explore.ipld.gatewayEnabled')
+    if (useRemoteGatewaysToExplore === null) {
+      // by default, disable remote gateways for the Explore page (i.e. ipld-explorer-components)
+      await writeSetting('explore.ipld.gatewayEnabled', false)
+    }
+
+    const kuboGateway = readSetting('kuboGateway')
+    if (kuboGateway === null || typeof kuboGateway === 'string' || typeof kuboGateway === 'boolean' || typeof kuboGateway === 'number') {
+      // empty or invalid, set defaults
+      await writeSetting('kuboGateway', { trustlessBlockBrokerConfig: { init: { allowLocal: true, allowInsecure: false } } })
+    } else if (/** @type {Record<string, any>} */(kuboGateway).trustlessBlockBrokerConfig == null) {
+      // missing trustlessBlockBrokerConfig, set defaults
+      await writeSetting('kuboGateway', { ...kuboGateway, trustlessBlockBrokerConfig: { init: { allowLocal: true, allowInsecure: false } } })
+    }
+  },
+
   /**
    * @returns {function(Context):Promise<boolean>}
    */