ipfs
diff --git a/‎@types/ipfs/index.d.ts
Copy file name to clipboard
+4-3Lines changed: 4 additions & 3 deletions b/‎@types/ipfs/index.d.ts
Copy file name to clipboard
+4-3Lines changed: 4 additions & 3 deletions
diff --git a/‎config-overrides.js
Copy file name to clipboard
+10-1Lines changed: 10 additions & 1 deletion b/‎config-overrides.js
Copy file name to clipboard
+10-1Lines changed: 10 additions & 1 deletion
diff --git a/‎public/locales/en/files.json
Copy file name to clipboard
+33-1Lines changed: 33 additions & 1 deletion b/‎public/locales/en/files.json
Copy file name to clipboard
+33-1Lines changed: 33 additions & 1 deletion
diff --git a/‎src/bundles/files/actions.js
Copy file name to clipboard
+13Lines changed: 13 additions & 0 deletions b/‎src/bundles/files/actions.js
Copy file name to clipboard
+13Lines changed: 13 additions & 0 deletions
diff --git a/‎src/bundles/files/consts.js
Copy file name to clipboard
+3-1Lines changed: 3 additions & 1 deletion b/‎src/bundles/files/consts.js
Copy file name to clipboard
+3-1Lines changed: 3 additions & 1 deletion
diff --git a/‎src/components/checkbox/Checkbox.js
Copy file name to clipboard
+14-2Lines changed: 14 additions & 2 deletions b/‎src/components/checkbox/Checkbox.js
Copy file name to clipboard
+14-2Lines changed: 14 additions & 2 deletions
diff --git a/‎src/components/text-input-modal/TextInputModal.js
Copy file name to clipboard
+1-1Lines changed: 1 addition & 1 deletion b/‎src/components/text-input-modal/TextInputModal.js
Copy file name to clipboard
+1-1Lines changed: 1 addition & 1 deletion
@@ -16,6 +16,7 @@ declare module 'ipfs' {
   }
 
   declare export interface CoreService {
+    // TODO: cat returns AsyncIterable<Uint8Array>. see https://github.com/ipfs/js-kubo-rpc-client/blob/1ab7941819dd1a48df653ee159e6983608e72132/src/index.ts#L353C50-L353C75
     cat(pathOrCID: string | CID, options?: CatOptions): AsyncIterable<Buffer>;
     ls(pathOrCID: string | CID, options?: ListOptions): AsyncIterable<ListEntry>;
     add(file: FileContent | FileObject, options?: AddOptions): Promise<UnixFSEntry>;
@@ -94,9 +95,9 @@ declare module 'ipfs' {
   }
 
   declare export type PinType =
-    | "recursive"
-    | "direct"
-    | "indirect"
+    | 'recursive'
+    | 'direct'
+    | 'indirect'
 
   declare export type PinEntry = {
     cid: CID,
 
@@ -121,7 +121,16 @@ function webpackOverride (config) {
       fullySpecified: false
     }
   })
-  config.resolve.extensions = ['.js', '.jsx', '.tsx', '.ts', '...']
+
+  // Make sure .tsx and .ts extensions are properly prioritized
+  // This ordering allows imports like './file.js' to resolve to './file.ts' or './file.tsx'
+  config.resolve.extensions = ['.js', '.jsx', '.ts', '.tsx', '...']
+
+  // Enable resolving .js imports to .ts/.tsx files without specific aliases
+  config.resolve.extensionAlias = {
+    '.js': ['.js', '.ts', '.tsx'],
+    '.jsx': ['.jsx', '.tsx']
+  }
 
   // Instrument for code coverage in development mode
   const REACT_APP_ENV = process.env.REACT_APP_ENV ?? process.env.NODE_ENV ?? 'development'
 
@@ -17,7 +17,10 @@
   "addByCar": "From CAR",
   "bulkImport": "Bulk import",
   "newFolder": "New folder",
+  "viewList": "Show items in list",
+  "viewGrid": "Show items in grid",
   "generating": "Generating…",
+  "dropHere": "Drop here to move",
   "actions": {
     "copyHash": "Copy CID",
     "share": "Share link",
@@ -46,6 +49,28 @@
     "checkboxRemoveLocalPin": "Also remove local pin (recommended)",
     "checkboxUnpinFromServices": "Unpin from all pinning services"
   },
+  "shortcutModal": {
+    "title": "Keyboard Shortcuts",
+    "description": "The following keyboard shortcuts are available in the Files section:",
+    "navigation": "Navigation",
+    "selection": "Selection",
+    "actions": "Actions",
+    "other": "Other",
+    "moveDown": "Move down",
+    "moveUp": "Move up",
+    "moveLeft": "Move left",
+    "moveRight": "Move right",
+    "navigate": "Navigate to selected item",
+    "rename": "Rename selected item",
+    "delete": "Delete selected item(s)",
+    "toggleSelection": "Toggle selection",
+    "selectAll": "Select all items",
+    "deselectAll": "Deselect all items",
+    "copy": "Copy selected item(s)",
+    "paste": "Paste item(s)",
+    "cut": "Cut selected item(s)",
+    "showShortcuts": "Show keyboard shortcuts"
+  },
   "pinningModal": {
     "title": "Select where you would like to pin these items.",
     "complianceLabel": "🔍 Check pinning services' compliance",
@@ -81,6 +106,7 @@
     "description": "Insert the name of the folder you want to create."
   },
   "filesListLabel": "Files list",
+  "filesGridLabel": "Files grid",
   "filesList": {
     "noFiles": "<0>No files in this directory. Click the “Import” button to add some.</0>"
   },
@@ -117,6 +143,11 @@
       "paragraph1": "Finally, the listing where you can find your files and folders. Drag and drop files or folders to add them.",
       "paragraph2": "You can share or download files, inspect them in the IPLD Explorer, rename or remove them!",
       "paragraph3": "Pro tip: drag and drop a file from any other page of the Web UI to add them to the root of your MFS."
+    },
+    "step6": {
+      "title": "Files grid",
+      "paragraph1": "The grid view displays your files and folders as thumbnails, making it easy to visually browse your content.",
+      "paragraph2": "You can share or download files, inspect them in the IPLD Explorer, rename or remove them!"
     }
   },
   "previewLimitReached": "This preview is limited to 10 KiB. Click the download button to access the full file.",
@@ -153,5 +184,6 @@
     "pleaseWait": "Please wait while the initial 20 copies of the updated IPNS record are stored with the help of DHT peers…"
   },
   "noPinsInProgress": "All done, no remote pins in progress.",
-  "remotePinningInProgress": "Remote pinning in progress:"
+  "remotePinningInProgress": "Remote pinning in progress:",
+  "selectAllEntries": "Select all entries"
 }
@@ -185,6 +185,19 @@ const actions = () => ({
     }
   },
 
+  /**
+   * Reads data from a CID with optional offset and length.
+   * @param {import('multiformats/cid').CID} cid - The CID to read from
+   * @param {number} [offset] - The starting point to read from
+   * @param {number} [length] - The number of bytes to read
+  */
+  doRead: (cid, offset = 0, length) => perform(ACTIONS.READ_FILE, async (ipfs) => {
+    if (!ipfs) {
+      throw new Error('IPFS is not available')
+    }
+    return ipfs.cat(cid, { offset, length })
+  }),
+
   /**
    * Fetches conten for the currently selected path. And updates
    * `state.pageContent` on succesful completion.
 
@@ -42,7 +42,9 @@ export const ACTIONS = {
   /** @type {'FILES_WRITE_UPDATED'} */
   WRITE_UPDATED: ('FILES_WRITE_UPDATED'),
   /** @type {'FILES_UPDATE_SORT'} */
-  UPDATE_SORT: ('FILES_UPDATE_SORT')
+  UPDATE_SORT: ('FILES_UPDATE_SORT'),
+  /** @type {'FILES_READ'} */
+  READ_FILE: ('FILES_READ')
 }
 
 export const SORTING = {
 
@@ -3,12 +3,24 @@ import PropTypes from 'prop-types'
 import Tick from '../../icons/GlyphSmallTick.js'
 import './Checkbox.css'
 
+/**
+ * @param {Object} props
+ * @param {string} [props.className]
+ * @param {React.ReactNode} [props.label]
+ * @param {boolean} [props.disabled]
+ * @param {boolean} [props.checked]
+ * @param {function(boolean): void} props.onChange
+ * @returns {React.ReactElement}
+ */
 const Checkbox = ({ className, label, disabled, checked, onChange, ...props }) => {
   className = `Checkbox dib sans-serif ${className}`
   if (!disabled) {
     className += ' pointer'
   }
 
+  /**
+   * @param {React.ChangeEvent<HTMLInputElement>} event
+   */
   const change = (event) => {
     onChange(event.target.checked)
   }
@@ -19,9 +31,9 @@ const Checkbox = ({ className, label, disabled, checked, onChange, ...props }) =
       <span className='dib v-mid br1 w1 h1 pointer'>
         <Tick className='w1 h1 o-0 fill-aqua' viewBox='25 25 50 50' />
       </span>
-      <span className='v-mid pl2'>
+      {Boolean(label) && <span className='v-mid pl2'>
         {label}
-      </span>
+      </span>}
     </label>
   )
 }
 
@@ -123,7 +123,7 @@ class TextInputModal extends React.Component {
             onKeyPress={this.onKeyPress}
             value={this.state.value}
             required
-            className={`input-reset charcoal ba b--black-20 br1 pa2 mb2 db w-90 center focus-outline ${this.inputClass}`}
+            className={`input-reset charcoal ba b--black-20 br1 pa2 mb2 db w-90 center focus-outline modal-input ${this.inputClass}`}
             type='text' />
         </ModalBody>