wip: import car

License: MIT
Signed-off-by: Henrique Dias <hacdias@gmail.com>

public/locales/en/files.json

@@ -13,6 +13,7 @@
  "downloadInstead": "Try <1>downloading</1> it instead.",
  "cantBePreviewed": "Sorry, this file can’t be previewed",
  "addByPath": "From IPFS",
+ "fromDagCar": "From CAR Archive",
  "newFolder": "New folder",
  "generating": "Generating…",
  "actions": {

src/bundles/files/consts.js

@@ -82,6 +82,7 @@ export const cliCmdKeys = {
  ADD_DIRECTORY: 'addNewDirectory',
  CREATE_NEW_DIRECTORY: 'createNewDirectory',
  FROM_IPFS: 'fromIpfs',
+ FROM_DAG_CAR: 'fromDagCar',
  ADD_NEW_PEER: 'addNewPeer'
 }
 
@@ -128,5 +129,6 @@ export const cliCommandList = {
  * @param {string} path
  */
  [cliCmdKeys.FROM_IPFS]: (path) => `ipfs cp /ipfs/<cid> "${path}/<dest-name>"`,
+ [cliCmdKeys.FROM_DAG_CAR]: () => 'ipfs dag import <car-file>',
  [cliCmdKeys.ADD_NEW_PEER]: () => 'ipfs swarm connect <peer-multiaddr>'
 }

src/files/file-input/FileInput.js

@@ -7,6 +7,7 @@ import { normalizeFiles } from '../../lib/files'
 import DocumentIcon from '../../icons/StrokeDocument'
 import FolderIcon from '../../icons/StrokeFolder'
 import NewFolderIcon from '../../icons/StrokeNewFolder'
+import DataIcon from '../../icons/StrokeData'
 import DecentralizationIcon from '../../icons/StrokeDecentralization'
 // Components
 import { Dropdown, DropdownMenu, Option } from '../dropdown/Dropdown'
@@ -50,6 +51,11 @@ class FileInput extends React.Component {
  this.toggleDropdown()
  }
 
+ onAddByCar = () => {
+ window.alert('TODO')
+ // TODO
+ }
+
  onNewFolder = () => {
  this.props.onNewFolder()
  this.toggleDropdown()
@@ -87,6 +93,11 @@ class FileInput extends React.Component {
  <DecentralizationIcon className='fill-aqua w2 mr1' />
  {t('addByPath')}
  </Option>
+ <Option onClick={this.onAddByCar} id='add-by-car' onCliTutorMode={() => this.onCliTutorMode(cliCmdKeys.FROM_DAG_CAR)}
+ isCliTutorModeEnabled={isCliTutorModeEnabled}>
+ <DataIcon className='fill-aqua w2 mr1' />
+ {t('fromDagCar')}
+ </Option>
  <Option onClick={this.onNewFolder} id='add-new-folder' onCliTutorMode={() => this.onCliTutorMode(cliCmdKeys.CREATE_NEW_DIRECTORY)}
  isCliTutorModeEnabled={isCliTutorModeEnabled}>
  <NewFolderIcon className='fill-aqua w2 h2 mr1' />