wip

Author: dblythy

src/components/BrowserCell/BrowserCell.react.js

@@ -128,8 +128,8 @@ export default class BrowserCell extends Component {
     } else if (this.props.type === 'Object' || this.props.type === 'Bytes') {
       this.copyableValue = content = JSON.stringify(this.props.value);
     } else if (this.props.type === 'File') {
-      const fileName = this.props.value.url() ? getFileName(this.props.value) : 'Uploading\u2026';
-      content = <Pill value={fileName} fileDownloadLink={this.props.value.url()} shrinkablePill />;
+      const fileName = this.props.value.url?.() ? getFileName(this.props.value) : 'Uploading\u2026';
+      content = <Pill value={fileName} fileDownloadLink={this.props.value.url?.()} shrinkablePill />;
       this.copyableValue = fileName;
     } else if (this.props.type === 'ACL') {
       let pieces = [];

src/dashboard/Data/Browser/Browser.react.js

@@ -1342,6 +1342,98 @@ class Browser extends DashboardView {
     document.body.removeChild(element);
   }
 
+  async confirmImport(file) {
+    this.setState({ showImportDialog: null });
+    const className = this.props.params.className;
+    const classColumns = this.getClassColumns(className, false);
+    const columnsObject = {};
+    classColumns.forEach((column) => {
+      columnsObject[column.name] = column;
+    });
+    const { base64, type}  = file._source;
+    if (type === 'text/csv') {
+      const csvToArray =(text) => {
+        let p = '', row = [''], ret = [row], i = 0, r = 0, s = !0, l;
+        for (l of text) {
+            if ('"' === l) {
+                if (s && l === p) row[i] += l;
+                s = !s;
+            } else if (',' === l && s) l = row[++i] = '';
+            else if ('\n' === l && s) {
+                if ('\r' === p) row[i] = row[i].slice(0, -1);
+                row = ret[++r] = [l = '']; i = 0;
+            } else row[i] += l;
+            p = l;
+        }
+        return ret;
+      };
+      const csv = atob(base64);
+      const [columns, ...rows] = csvToArray(csv);
+      await Parse.Object.saveAll(rows.filter(row => row.join() !== '').map(row => {
+        const json = {className};
+        for (let i = 1; i < row.length; i++) {
+          const column = columns[i];
+          const value = row[i];
+          if (value === 'null') {
+            continue;
+          }
+          const {type, targetClass, name} = columnsObject[column] || {};
+          if (type === 'Relation') {
+            json[column] = {
+              __type: 'Relation',
+              className: targetClass,
+            };
+            continue;
+          }
+          if (type === 'Pointer') {
+            json[column] = {
+              __type: 'Pointer',
+              className: targetClass,
+              objectId: value,
+            };
+            continue;
+          }
+          if (name === 'ACL') {
+            json.ACL = new Parse.ACL(JSON.parse(value));
+            continue;
+          }
+          if (type === 'Date') {
+            json[column] = new Date(value);
+            continue;
+          }
+          if (type === 'Boolean') {
+            json[column] = value === 'true';
+            continue;
+          }
+          if (type === 'String') {
+            json[column] = value;
+            continue;
+          }
+          if (type === 'Number') {
+            json[column] = Number(value);
+            continue;
+          }
+          try {
+            json[column] = JSON.parse(value);
+          } catch (e) {
+            /* */
+          }
+        }
+        return Parse.Object.fromJSON(json, false, true);
+      }), {useMasterKey: true});
+    }
+    this.refresh();
+
+    // Deliver to browser to download file
+    // const element = document.createElement('a');
+    // const file = new Blob([csvString], { type: 'text/csv' });
+    // element.href = URL.createObjectURL(file);
+    // element.download = `${className}.csv`;
+    // document.body.appendChild(element); // Required for this to work in FireFox
+    // element.click();
+    // document.body.removeChild(element);
+  }
+
   getClassRelationColumns(className) {
     const currentClassName = this.props.params.className;
     return this.getClassColumns(className, false)
@@ -1664,7 +1756,7 @@ class Browser extends DashboardView {
         <ImportDialog
           className={className}
           onCancel={() => this.setState({ showImportDialog: false })}
-          onConfirm={() => this.exportClass(className)} />
+          onConfirm={(file) => this.confirmImport(file)} />
       );
     }else if (this.state.showAttachRowsDialog) {
       extras = (

src/dashboard/Data/Browser/ImportDialog.react.js

@@ -66,13 +66,13 @@ export default class ImportDialog extends React.Component {
         icon='up-outline'
         iconSize={40}
         title={`Import Data into ${this.props.className}`}
-        subtitle='Note: If rows have a className, they will be imported into that class.'
+        subtitle='Note: Please make sure columns are defined in SCHEMA to import.'
         confirmText='Import'
         cancelText='Cancel'
         disabled={!this.state.file}
         buttonsInCenter={true}
         onCancel={this.props.onCancel}
-        onConfirm={this.props.onConfirm}>
+        onConfirm={() => this.props.onConfirm(this.state.file)}>
           <div style={{ padding: '25px' }}>
               {this.state.file && <Pill value={getFileName(this.state.file) }/>}
               <div style={{ cursor: 'pointer' }}>