copy to/from project

Author: kirjavascript

TODO

@@ -19,6 +19,7 @@ definition([
     many(art()),
 ])
 
+// fix file references when copying
 // art ffset save message / input size
 // autozoom based on sprite size for sprites tab
 
@@ -72,12 +73,8 @@ copy / paste mappings
 time travel for undo/redo
 import palette from spritesheet https://yarnpkg.com/en/package/node-vibrant
 ==
-use a repo url
-change sprite scroll speed
 drawing mode fill !
 S - scroll to sprite
-s3k sonic mapping definition / conversion tools
-create new file | newFactory={(path)=>{}}
 04:43:53 <%Lil-G> i mean so when you do "delete unused tiles" it doesn't delete the tiles the other object uses
 backdrop-filter
 Support MainMemory's macros formats

app/components/file/index.js

@@ -3,7 +3,6 @@ import { observer } from 'mobx-react';
 import { FileObject } from './file-object';
 import { workspace } from '#store/workspace';
 import { Button } from '#ui';
-import { selectTab } from '#components/layout/model';
 
 export const File = observer(() => {
     return (
@@ -14,10 +13,7 @@ export const File = observer(() => {
                     <Button
                         color="blue"
                         large
-                        onClick={() => {
-                            workspace.project.copyFrom(workspace.file);
-                            selectTab('Project');
-                        }}
+                        onClick={workspace.fileToProject}
                     >
                         copy to project
                     </Button>

app/components/project/object-menu.js

@@ -1,7 +1,6 @@
 import { remote } from 'electron';
 import { toJS } from 'mobx';
 import { uuid } from '#util/uuid';
-import { selectTab } from '#components/layout/model';
 import { workspace } from '#store/workspace';
 const { getCurrentWindow, Menu, MenuItem } = remote;
 
@@ -16,10 +15,7 @@ export default function(node) {
     if (!node.isDirectory) {
         menu.append(new MenuItem({
             label: 'copy to file menu',
-            click: () => {
-                Object.assign(workspace.file, toJS(node.ref));
-                selectTab('File');
-            },
+            click: () => workspace.projectToFile(node.ref),
         }));
     }
     menu.append(new MenuItem({

app/store/objectdef.js

@@ -23,3 +23,16 @@ export class ObjectDef {
     // turned into generic observables in project menu
     // dont add methods and shit because they wont work
 }
+
+export function editPaths(obj, lambda) {
+    for (name in obj) {
+        if (name === 'path') {
+            obj[name] = lambda(obj[name]);
+        } else {
+            const item = obj[name];
+            if (typeof item === 'object' && item !== null) {
+                editPaths(item, lambda);
+            }
+        }
+    }
+}

app/store/project.js

@@ -89,12 +89,4 @@ export class Project {
         obj.uuid = uuid();
         this.objects.unshift(obj);
     };
-
-    @action copyFrom = (obj) => {
-        const clone = toJS(obj);
-        clone.name = 'file object';
-        clone.uuid = uuid();
-        this.node = clone.uuid;
-        this.objects.unshift(clone);
-    };
 }

app/store/workspace.js

@@ -1,7 +1,9 @@
-import { observable, computed, action, autorun } from 'mobx';
+import { observable, toJS, action } from 'mobx';
 import { storage } from './storage';
 import { Project } from './project';
-import { ObjectDef } from  './objectdef';
+import { ObjectDef, editPaths } from  './objectdef';
+import { uuid } from '#util/uuid';
+import { selectTab } from '#components/layout/model';
 import path from 'path';
 
 const fileState = new ObjectDef();
@@ -33,6 +35,25 @@ class Workspace {
     @action absolutePath = (filepath) => {
         return path.resolve(path.dirname(this.projectPath), filepath);
     };
+
+    @action fileToProject = () => {
+        if (this.project) {
+            const clone = toJS(this.file);
+            editPaths(clone, this.relativePath);
+            clone.name = 'file object';
+            clone.uuid = uuid();
+            this.project.node = clone.uuid;
+            this.project.objects.unshift(clone);
+            selectTab('Project');
+        }
+    };
+
+    @action projectToFile = (node) => {
+        const clone = toJS(node);
+        editPaths(clone, this.absolutePath);
+        Object.assign(this.file, clone);
+        selectTab('File');
+    };
 }
 
 const workspace = new Workspace();