loading and saving

Author: kirjavascript

modules/components/project/object.js

@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import { extname } from 'path';
 import { observer } from 'mobx-react';
 import {Collapse} from 'react-collapse';
 import { Item, Input, File, Select, Editor } from '#ui';
@@ -130,6 +131,15 @@ export class ObjectConfig extends Component {
                                         />
                                     </div>
                                 )}
+                                {extname(obj.mappings.path) == '.asm' && (
+                                    <Input
+                                        containerClass="row-input"
+                                        label="Label"
+                                        store={obj.mappings}
+                                        accessor="label"
+                                        placeholder="Label Name"
+                                    />
+                               )}
                                 <File
                                     store={obj.mappings}
                                     accessor="path"
@@ -182,6 +192,15 @@ export class ObjectConfig extends Component {
                                                 />
                                             </div>
                                         )}
+                                        {extname(obj.dplcs.path) == '.asm' && (
+                                            <Input
+                                                containerClass="row-input"
+                                                label="Label"
+                                                store={obj.dplcs}
+                                                accessor="label"
+                                                placeholder="Label Name"
+                                            />
+                                       )}
                                         <File
                                             store={obj.dplcs}
                                             accessor="path"

modules/components/ui/input/index.js

@@ -53,10 +53,11 @@ export class Input extends Component {
             assert,
             isNumber,
             onChange,
+            containerClass,
             ...otherProps,
         } = this.props;
 
-        return <div>
+        return <div className={containerClass}>
             {label && <span>
                 {label}
                 &emsp;

modules/formats/asm.js

@@ -1,3 +1,5 @@
+import chunk from 'lodash/chunk';
+
 const sizeLookup = {
     'b': 1,
     'w': 2,
@@ -76,6 +78,58 @@ export function asmToBin(buffer) {
     return bytes;
 }
 
-export function stuffToAsm(headers, frames, name) {
-    return '';
+export function stuffToAsm(frames, name, isMapping = false) {
+    // get real mapping name
+    const startLabel = name.replace(/[^\w]/g, '');
+
+    let output = `; ${'='.repeat(80)}
+; Sprite ${isMapping?'Mappings' : 'DPLCs'} - generated by Flex 2 ${new Date()}
+; ${'='.repeat(80)}
+
+`;
+    if (startLabel) {
+        output += startLabel + ':\n';
+    }
+
+    let mainLabel = startLabel || 'DATA' + Math.random().toString(36).slice(2).toUpperCase();
+
+    let dataOutput = '';
+    let labels = [];
+
+    frames.forEach((arrays, index) => {
+        let label;
+        if (arrays.length == 0) {
+            label = 0;
+        }
+        else {
+            label = `${mainLabel}_${index.toString(16).toUpperCase()}`;
+            const [header, ...data] = arrays;
+            // header
+            dataOutput += `${label}: dc.b ${to68kByteStr(header)}\n`;
+            // pieces
+            data.forEach((piece) => {
+                piece.forEach((datum) => {
+                    dataOutput += `\tdc.b ${to68kByteStr(datum)}\n`;
+                });
+            });
+        }
+        labels.push(label);
+    });
+
+    dataOutput += '\teven';
+
+    // draw headers
+    chunk(labels, 2)
+        .forEach((words) => {
+            output += `\tdc.w ${words.map((word) => (
+                word == 0 ? '$0' : `${word}-${mainLabel}`
+            )).join`, `}\n`;
+        });
+
+    output += dataOutput;
+    return output;
+}
+
+function to68kByteStr(arr) {
+    return arr.map((d) => '$' + d.toString(16).toUpperCase()).join`, `;
 }

modules/formats/dplc.js

@@ -109,7 +109,6 @@ export function DPLCsToBuffer(dplcs, format) {
 
     return {
         chunk: new Buffer(Uint8Array.from(bytes)),
-        headers: headerWords,
         frames: framesArray,
     };
 

modules/formats/mapping.js

@@ -172,7 +172,6 @@ export function mappingsToBuffer(mappings, format) {
 
     return {
         chunk: new Buffer(Uint8Array.from(bytes)),
-        headers: headerWords,
         frames: framesArray,
     };
 

modules/store/environment.js

@@ -198,8 +198,8 @@ class Environment {
             const mappingPath = workspace.absolutePath(obj.mappings.path);
             const isAsm = extname(obj.mappings.path) == '.asm';
 
-            const { chunk, headers, frames } = mappingsToBuffer(this.mappings, obj.mappingDefinition);
-            const out = isAsm ? stuffToAsm(headers, frames, obj.name) : chunk;
+            const { chunk, frames } = mappingsToBuffer(this.mappings, obj.mappingDefinition);
+            const out = isAsm ? stuffToAsm(frames, obj.mappings.label, true) : chunk;
             writeFile(mappingPath, out, (err, success) => {
                 err && errorMsg('Error Saving Mappings', err.message);
             });
@@ -210,8 +210,8 @@ class Environment {
             const dplcPath = workspace.absolutePath(obj.dplcs.path);
             const isAsm = extname(obj.dplcs.path) == '.asm';
 
-            const { chunk, headers, frames } = DPLCsToBuffer(this.dplcs, obj.dplcDefinition);
-            const out = isAsm ? stuffToAsm(headers, frames, obj.name) : chunk;
+            const { chunk, frames } = DPLCsToBuffer(this.dplcs, obj.dplcDefinition);
+            const out = isAsm ? stuffToAsm(frames, obj.dplcs.label) : chunk;
             writeFile(dplcPath, out, (err, success) => {
                 err && errorMsg('Error Saving DPLCs', err.message);
             });

modules/store/objectdef.js

@@ -14,12 +14,14 @@ export class ObjectDef {
         path: '',
         format: 'Sonic 1',
         customDefinition: '',
+        label: '',
     };
     @observable dplcs = {
         enabled: false,
         path: '',
         format: 'Sonic 1',
         customDefinition: '',
+        label: '',
     };
 
     @computed get key() {

styles/components/project-config.scss

@@ -10,6 +10,14 @@
         margin: 30px 0 40px 0;
     }
 
+    .row-input {
+        @extend .row;
+        padding-bottom: 15px;
+        input {
+            width: 147.5px;
+        }
+    }
+
     .panel {
         margin: 10px 0;
         padding: 5px 5px 0 5px;