|
|
@ -17,6 +17,50 @@ import './css/file-explorer.css' |
|
|
|
|
|
|
|
|
|
|
|
const queryParams = new QueryParams() |
|
|
|
const queryParams = new QueryParams() |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const initialActions = [{ |
|
|
|
|
|
|
|
id: 'newFile', |
|
|
|
|
|
|
|
name: 'New File', |
|
|
|
|
|
|
|
type: ['folder'], |
|
|
|
|
|
|
|
path: [], |
|
|
|
|
|
|
|
extension: [], |
|
|
|
|
|
|
|
pattern: [] |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
id: 'newFolder', |
|
|
|
|
|
|
|
name: 'New Folder', |
|
|
|
|
|
|
|
type: ['folder'], |
|
|
|
|
|
|
|
path: [], |
|
|
|
|
|
|
|
extension: [], |
|
|
|
|
|
|
|
pattern: [] |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
id: 'rename', |
|
|
|
|
|
|
|
name: 'Rename', |
|
|
|
|
|
|
|
type: ['file', 'folder'], |
|
|
|
|
|
|
|
path: [], |
|
|
|
|
|
|
|
extension: [], |
|
|
|
|
|
|
|
pattern: [] |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
id: 'delete', |
|
|
|
|
|
|
|
name: 'Delete', |
|
|
|
|
|
|
|
type: ['file', 'folder'], |
|
|
|
|
|
|
|
path: [], |
|
|
|
|
|
|
|
extension: [], |
|
|
|
|
|
|
|
pattern: [] |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
id: 'pushChangesToGist', |
|
|
|
|
|
|
|
name: 'Push changes to gist', |
|
|
|
|
|
|
|
type: [], |
|
|
|
|
|
|
|
path: [], |
|
|
|
|
|
|
|
extension: [], |
|
|
|
|
|
|
|
pattern: ['^browser/gists/([0-9]|[a-z])*$'] |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
id: 'run', |
|
|
|
|
|
|
|
name: 'Run', |
|
|
|
|
|
|
|
type: [], |
|
|
|
|
|
|
|
path: [], |
|
|
|
|
|
|
|
extension: ['.js'], |
|
|
|
|
|
|
|
pattern: [] |
|
|
|
|
|
|
|
}] |
|
|
|
|
|
|
|
|
|
|
|
export const FileExplorer = (props: FileExplorerProps) => { |
|
|
|
export const FileExplorer = (props: FileExplorerProps) => { |
|
|
|
const { name, registry, plugin, focusRoot, contextMenuItems, displayInput, externalUploads } = props |
|
|
|
const { name, registry, plugin, focusRoot, contextMenuItems, displayInput, externalUploads } = props |
|
|
|
const [state, setState] = useState({ |
|
|
|
const [state, setState] = useState({ |
|
|
|