copy file to project

Author: kirjavascript

CHANGELOG

@@ -9,7 +9,7 @@
 - Added File menu
     - Create new files / better file selection
     - Save/Load individual assets
-    - Art offset
+    - Art offset [#15](/../../issues/15)
     - Blank entries in palette line
 - Rebuilt Project screen
     - Tree structure for projects

app/components/file/index.js

@@ -5,15 +5,24 @@ import { workspace } from '#store/workspace';
 import { Button } from '#ui';
 import { selectTab } from '#components/layout/model';
 
-// set focused tab
-// selt focused obejct
+// TODO: set focused obejct
+
 export const File = observer(() => {
     return (
         <>
             <FileObject obj={workspace.file} />
             {workspace.project && (
                 <div className="project-copy">
-                    <Button color="blue" large onClick={() => {selectTab('Project')}}>copy to project</Button>
+                    <Button
+                        color="blue"
+                        large
+                        onClick={() => {
+                            workspace.project.copyFrom(workspace.file);
+                            selectTab('Project');
+                        }}
+                    >
+                        copy to project
+                    </Button>
                 </div>
             )}
         </>

app/store/project.js

@@ -1,4 +1,4 @@
-import { observable, autorun, action, computed } from 'mobx';
+import { observable, autorun, action, computed, toJS } from 'mobx';
 import { uuid } from '#util/uuid';
 import { ObjectDef } from '#store/objectdef';
 import { promises, exists as fsExists } from 'fs';
@@ -89,4 +89,12 @@ 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);
+    };
 }