WIP compare/sort browse dialog

Author: ancientTexts-net

package.json

@@ -67,7 +67,7 @@
     "babel-loader": "^8.0.6",
     "babel-plugin-istanbul": "6.0.0",
     "coveralls": "3.0.7",
-    "cypress": "6.2.1",
+    "cypress": "^6.8.0",
     "eslint": "6.6.0",
     "eslint-config-prettier": "6.5.0",
     "eslint-plugin-chai-friendly": "0.5.0",

src/components/file/helpers.js

@@ -74,3 +74,15 @@ export const saveFile = async ({
   });
   return response;
 };
+
+export const manifestFileComparer = async({
+  repository, item1, item2,
+}) => {
+  alert(JSON.stringify(repository));
+
+  return 0;
+
+  // contentObject = await readContent({
+  //   owner, repo, ref: branch, filepath, config,
+  // });
+};

src/components/file/useFile.js

@@ -174,6 +174,8 @@ function useFile({
     if (create) {
       component = components.create;
     } else {
+      alert("!! browse\n\n" + JSON.stringify(repository));
+      console.log(repository);
       component = components.browse;
     }
   }

src/components/tree-blob/Tree.js

@@ -28,6 +28,7 @@ function Tree({
   onBlob,
   depth,
   filepath,
+  comparer,
 }) {
   const classes = useStyles();
   const [_tree, setTree] = useState(tree || []);
@@ -40,7 +41,7 @@ function Tree({
   const [selectedPath, setSelectedPath] = useState(_selectedPath);
 
   const updateTree = async () => {
-    const __tree = await fetchTree({ url, config });
+    const __tree = await fetchTree({ url, config, comparer });
     setTree(__tree);
   };
 

src/components/tree-blob/TreeObject.js

@@ -35,6 +35,7 @@ function TreeObject({
   onBlob,
   depth,
   filepath,
+  comparer,
 }) {
   const classes = useStyles();
   const _filepath = Path.join(filepath || '', path);
@@ -67,6 +68,7 @@ function TreeObject({
         onBlob={onBlob}
         depth={depth + 1}
         filepath={_filepath}
+        comparer={comparer}
       />
     </>
   );

src/components/tree-blob/TreeObject.md

@@ -37,6 +37,31 @@ import { TreeObject } from 'gitea-react-toolkit';
 </Paper>
 ```
 
+### URL + Sorting Example
+
+```js
+import { Paper } from '@material-ui/core';
+import { TreeObject } from 'gitea-react-toolkit';
+
+<Paper>
+  <TreeObject
+    path=""
+    type="tree"
+    selected
+    pathSelected="LICENSE.md"
+    url="https://qa.door43.org/api/v1/repos/unfoldingWord/en_twl/git/trees/master?recursive=true"
+    onBlob={(data) => alert(JSON.stringify(data, null, 2))}
+    comparer={(item1,item2)=>{
+      if (item1.path < item2.path)
+        return 1;
+      if ( item1.path > item2.path)
+        return -1;
+      return 0; 
+    }}
+  />
+</Paper>
+```
+
 ### Sample Data
 
 ```json

src/components/tree-blob/helpers.js

@@ -1,14 +1,20 @@
 import { get } from '../../core';
 
-export const fetchTree = async ({ url, config }) => {
+export const fetchTree = async ({ url, config, comparer }) => {
   const _config = {
     cache: {
       maxAge: 1 * 2 * 1000, // 2 sec cache override
     },
     ...config,
   };
   const response = await get({ url, config: _config });
-  const { tree } = response;
+  let { tree } = response;
+
+  if (comparer)
+  {
+    tree = tree.sort(comparer);
+  }
+
   return tree;
 };