Made isASM computed

Author: kirjavascript

TODO

@@ -5,6 +5,7 @@ custom mapping formats / screen mappings
 export spritesheet
 rotsprite
 animation editor
+spritesmind
 ==
 BUGS
 show/hide collapse config state

app/components/file/index.js

@@ -4,18 +4,20 @@ import { Item, Input, File as FileInput, Select, Editor } from '#ui';
 import { listing, load } from '#formats/scripts';
 
 export const File = observer(() => {
-
     // useEffect(() => {
 
-
     // }, []);
     if (listing.length) {
         console.log('script');
-        load(listing[0].value);
+        // load(listing[0].value);
     }
-    return <div>
-        left align
-        <FileInput />
-        {JSON.stringify(listing)}
-    </div>;
+    return (
+        <div>
+            left align
+            <FileInput />
+            {JSON.stringify(listing)}
+        </div>
+    );
 });
+
+// make fileinput allowed to edit text

app/components/import/color-match.js

@@ -17,8 +17,7 @@ function nearestColor(line = 0) {
 
         if (preCalculated) {
             return preCalculated.result;
-        }
-        else {
+        } else {
             const result = closest(color, palette);
 
             cache.push({color, result});

app/store/environment.js

@@ -1,5 +1,4 @@
 import { readFileSync, writeFileSync } from 'fs';
-import { extname } from 'path';
 import { observable, computed, action, autorun } from 'mobx';
 import range from 'lodash/range';
 import unique from 'lodash/uniq';
@@ -114,11 +113,10 @@ class Environment {
         // load mappings
         if (obj.mappings.path) {
             const mappingPath = workspace.absolutePath(obj.mappings.path);
-            const isAsm = extname(obj.mappings.path) == '.asm';
             try {
                 const buffer = readFileSync(mappingPath);
                 const newMappings = bufferToMappings(
-                    isAsm ? asmToBin(buffer) : buffer,
+                    obj.mappingsASM ? asmToBin(buffer) : buffer,
                     obj.mappingDefinition,
                 );
                 this.mappings.replace(newMappings);
@@ -134,11 +132,10 @@ class Environment {
         this.config.dplcsEnabled = obj.dplcs.enabled == true && obj.dplcs.path;
         if (this.config.dplcsEnabled && obj.dplcs.path) {
             const dplcPath = workspace.absolutePath(obj.dplcs.path);
-            const isAsm = extname(obj.dplcs.path) == '.asm';
             try {
                 const buffer = readFileSync(dplcPath);
                 const newDPLCs = bufferToDPLCs(
-                    isAsm ? asmToBin(buffer) : buffer,
+                    obj.dplcsASM ? asmToBin(buffer) : buffer,
                     obj.dplcDefinition,
                 );
                 this.dplcs.replace(newDPLCs);
@@ -200,10 +197,9 @@ class Environment {
         // mappings
         if (obj.mappings.path) {
             const mappingPath = workspace.absolutePath(obj.mappings.path);
-            const isAsm = extname(obj.mappings.path) == '.asm';
 
             const { chunk, frames } = mappingsToBuffer(this.mappings, obj.mappingDefinition);
-            const out = isAsm ? stuffToAsm(frames, obj.mappings.label, true) : chunk;
+            const out = obj.mappingsASM ? stuffToAsm(frames, obj.mappings.label, true) : chunk;
             try {
                 writeFileSync(mappingPath, out);
             }
@@ -215,10 +211,9 @@ class Environment {
         // dplcs
         if (obj.dplcs.enabled && obj.dplcs.path) {
             const dplcPath = workspace.absolutePath(obj.dplcs.path);
-            const isAsm = extname(obj.dplcs.path) == '.asm';
 
             const { chunk, frames } = DPLCsToBuffer(this.dplcs, obj.dplcDefinition);
-            const out = isAsm ? stuffToAsm(frames, obj.dplcs.label) : chunk;
+            const out = obj.dplcsASM ? stuffToAsm(frames, obj.dplcs.label) : chunk;
             try {
                 writeFileSync(dplcPath, out);
             }

app/store/objectdef.js

@@ -1,6 +1,7 @@
-import { observable, computed, action, autorun, toJS } from 'mobx';
+import { observable, computed, action } from 'mobx';
 import { environment } from '#store/environment';
 import { mappingFormats, dplcFormats } from '#formats/definitions';
+import { extname } from 'path';
 
 export class ObjectDef {
 
@@ -24,6 +25,14 @@ export class ObjectDef {
         label: '',
     };
 
+    @computed get mappingsASM() {
+        return extname(this.mappings.path) === '.asm';
+    }
+
+    @computed get dplcsASM() {
+        return extname(this.dplcs.path) === '.asm';
+    }
+
     @computed get key() {
         return Math.random().toString(35).slice(2);
     }