add model renaming

src/main/mesh.js

@@ -287,6 +287,7 @@ function space_init(data) {
                 case 'KeyV':
                     return selection.focus();
                 case 'KeyN':
+                    if (shiftKey) return estop(evt, api.tool.rename());
                     return api.normals();
                 case 'KeyW':
                     return api.wireframe();

src/mesh/api.js

@@ -330,6 +330,31 @@ let tool = {
         }
     },
 
+    rename(models) {
+        models = fallback(models, true);
+        let model = models[0];
+        if (!model) {
+            return;
+        }
+        if (models.length > 1) {
+            return api.log.emit('rename requires a single selection');
+        }
+        let onclick = onkeydown = (ev) => {
+            if (ev.code && ev.code !== 'Enter') {
+                return;
+            }
+            model.rename( $('tempedit').value.trim() );
+            selection.update();
+            api.modal.hide();
+        };
+        let { tempedit } = api.modal.show(`rename model`, h.div({ class: "rename"}, [
+            h.input({ id: "tempedit", value: model.file, onkeydown }),
+            h.button({ _: 'ok', onclick })
+        ]));
+        tempedit.setSelectionRange(0,1000);
+        tempedit.focus();
+    },
+
     analyze(models, opt = { compound: true }) {
         models = fallback(models);
         api.log.emit('analyzing mesh(es)...').pin();

src/mesh/model.js

@@ -195,6 +195,12 @@ mesh.model = class MeshModel extends mesh.object {
         this.normals({refresh: true});
     }
 
+    rename(file) {
+        this.file = file;
+        // persist in db so it can be restored on page load
+        mapp.db.space.put(this.id, { file, mesh: this.attributes.position.array });
+    }
+
     get group() {
         return this._group;
     }

web/mesh/index.css

@@ -513,7 +513,7 @@ button.selected:hover {
     color: #fff !important;
 }
 
-.tempedit {
+.tempedit, .rename {
     gap: 3px;
 }