.

Author: kirjavascript

flex2.idea

@@ -23,3 +23,5 @@ logo
 analytics
 read file sync for callback
 submissions->utilities
+
+04:43:53 <%Lil-G> i mean so when you do "delete unused tiles" it doesn't delete the tiles the other object uses

modules/components/documentation/version.js

@@ -4,7 +4,7 @@ import { A } from './a.js';
 
 function semvarToInt(str) {
     // currently just a rough calculation
-    return +str.split`.`.map((d) => d.padStart(3, '0')).join``;
+    return +str.replace(/[^\d.]/g,'').split`.`.map((d) => d.padStart(3, '0')).join``;
 }
 
 export class Version extends Component {

modules/components/project/object.js

@@ -13,9 +13,26 @@ const paletteLengths = '1234'.split``.map((d) => ({label: d, value: +d}));
 @observer
 export class ObjectConfig extends Component {
 
-    state = { open: false, confirmDelete: false };
+    state = { open: false, confirmDelete: false, loading: false, saving: false };
     mounted = true;
 
+    load = () => {
+        this.setState({loading: true});
+        requestIdleCallback(() => {
+            this.props.obj.load(() => {
+                this.setState({loading: false});
+            });
+        });
+    };
+    save = () => {
+        this.setState({saving: true});
+        requestIdleCallback(() => {
+            this.props.obj.save(() => {
+                this.setState({saving: false});
+            });
+        });
+    };
+
     onToggle = () => {
         this.setState({open: !this.state.open});
     }
@@ -40,7 +57,7 @@ export class ObjectConfig extends Component {
 
     render() {
         const { obj } = this.props;
-        const { open, confirmDelete } = this.state;
+        const { open, confirmDelete, loading, saving } = this.state;
 
         return <div>
                 <div className="row object-header">
@@ -57,11 +74,11 @@ export class ObjectConfig extends Component {
                         <Item inverted color="blue" onClick={this.onToggle}>
                             {open ? 'Hide Config' : 'Show Config'}
                         </Item>
-                        <Item color="green" inverted onClick={obj.load}>
-                            Load Data
+                        <Item color="green" inverted onClick={this.load}>
+                            {loading ? 'Loading...' : 'Load Data'}
                         </Item>
-                        <Item color="orange" inverted onClick={obj.save}>
-                            Save Data
+                        <Item color="orange" inverted onClick={this.save}>
+                            {saving ? 'Saving...' : 'Save Data'}
                         </Item>
                     </div>
                 </div>

modules/root.js

@@ -13,17 +13,9 @@ render(
 document.addEventListener('dragover', (e) => {
     e.preventDefault();
     return false;
-},false);
+}, false);
 
 document.addEventListener('drop', (e) => {
     e.preventDefault();
     return false;
-},false);
-
-(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-    (i[r].q=i[r].q||[]).push(arguments);},i[r].l=1*new Date();a=s.createElement(o),
-m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m);
-})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-ga('create', 'UA-109339588-1', 'auto');
-ga('send', 'pageview');
+}, false);

modules/store/environment.js

@@ -1,4 +1,4 @@
-import { readFile, readFileSync, writeFile } from 'fs';
+import { readFileSync, writeFile } from 'fs';
 import { extname } from 'path';
 import { observable, computed, action, autorun, toJS, spy } from 'mobx';
 import range from 'lodash/range';
@@ -163,7 +163,6 @@ class Environment {
         } catch(e) {
             errorMsg('Error Reading DPLC File', e.message);
         }
-
     };
 
     @action saveObject = (obj) => {

modules/store/objectdef.js

@@ -66,12 +66,14 @@ export class ObjectDef {
         this.parent = parent;
     }
 
-    @action load = () => {
+    @action load = (callback) => {
         environment.loadObject(this);
+        callback();
     };
 
-    @action save = () => {
+    @action save = (callback) => {
         environment.saveObject(this);
+        callback();
     };
 
     @action remove = () => {