Enforce read only mode

apps/remix-ide/src/app/files/remixDProvider.js

@@ -66,6 +66,7 @@ module.exports = class RemixDProvider extends FileProvider {
       .then((result) => {
         this._isReady = true
         this._readOnlyMode = result
+        this.event.emit('readOnlyModeChanged', result)
         this._registerEvent()
         this.event.emit('connected')
         cb && cb()

libs/remix-ui/workspace/src/lib/actions/events.ts

@@ -1,7 +1,7 @@
 import { extractParentFromKey } from '@remix-ui/helper'
 import React from 'react'
 import { action } from '../types'
-import { displayNotification, displayPopUp, fileAddedSuccess, fileRemovedSuccess, fileRenamedSuccess, folderAddedSuccess, loadLocalhostError, loadLocalhostRequest, loadLocalhostSuccess, removeContextMenuItem, rootFolderChangedSuccess, setContextMenuItem, setMode } from './payload'
+import { displayNotification, displayPopUp, fileAddedSuccess, fileRemovedSuccess, fileRenamedSuccess, folderAddedSuccess, loadLocalhostError, loadLocalhostRequest, loadLocalhostSuccess, removeContextMenuItem, rootFolderChangedSuccess, setContextMenuItem, setMode, setReadOnlyMode } from './payload'
 import { addInputField, createWorkspace, fetchWorkspaceDirectory, renameWorkspace, switchToWorkspace, uploadFile } from './workspace'
 
 const queuedEvents = []
@@ -102,6 +102,10 @@ export const listenOnProviderEvents = (provider) => async (reducerDispatch: Reac
   provider.event.on('fileRenamedError', async () => {
     dispatch(displayNotification('File Renamed Failed', '', 'Ok', 'Cancel'))
   })
+
+  provider.event.on('readOnlyModeChanged', (mode: boolean) => {
+    dispatch(setReadOnlyMode(mode))
+  })
 }
 
 const registerContextMenuItem = (item: action) => {

libs/remix-ui/workspace/src/lib/actions/workspace.ts

@@ -1,6 +1,6 @@
 import { bufferToHex, keccakFromString } from 'ethereumjs-util'
 import axios, { AxiosResponse } from 'axios'
-import { addInputFieldSuccess, createWorkspaceError, createWorkspaceRequest, createWorkspaceSuccess, displayNotification, fetchWorkspaceDirectoryError, fetchWorkspaceDirectoryRequest, fetchWorkspaceDirectorySuccess, hideNotification, setCurrentWorkspace, setMode, setRenameWorkspace } from './payload'
+import { addInputFieldSuccess, createWorkspaceError, createWorkspaceRequest, createWorkspaceSuccess, displayNotification, fetchWorkspaceDirectoryError, fetchWorkspaceDirectoryRequest, fetchWorkspaceDirectorySuccess, hideNotification, setCurrentWorkspace, setMode, setReadOnlyMode, setRenameWorkspace } from './payload'
 import { checkSlash, checkSpecialChars } from '@remix-ui/helper'
 
 const examples = require('../../../../../../apps/remix-ide/src/app/editor/examples')
@@ -197,6 +197,7 @@ export const switchToWorkspace = async (name: string) => {
     await plugin.fileProviders.workspace.setWorkspace(name)
     dispatch(setMode('browser'))
     dispatch(setCurrentWorkspace(name))
+    dispatch(setReadOnlyMode(false))
     plugin.emit('setWorkspace', { name, isLocalhost: false })
   }
 }

libs/remix-ui/workspace/src/lib/components/file-explorer.tsx

@@ -287,7 +287,7 @@ export const FileExplorer = (props: FileExplorerProps) => {
   }
 
   const editModeOn = (path: string, type: string, isNew: boolean = false) => {
-    if (props.readonly) return
+    if (props.readonly) return props.toast('Cannot write/modify file system in read only mode.')
     setState(prevState => {
       return { ...prevState, focusEdit: { ...prevState.focusEdit, element: path, isNew, type } }
     })