Up CanvasSpot id

src/canvas/index.ts

@@ -741,9 +741,12 @@ export default class CanvasModule extends Module<CanvasConfig> {
       return spot;
     }
 
+    const cmp = spotProps.component;
+    const frame = spotProps.frame || cmp?.frame;
+    const frameId = frame?.id || frame?.cid;
     const spot = new CanvasSpot(this, {
       ...spotProps,
-      id: spotProps.id || `cs_${spotProps.frame?.id}_${spotProps.component?.getId()}`,
+      id: spotProps.id || `cs_${frameId}_${cmp?.getId()}`,
       // TODO type should be mandatory
       type: spotProps.type || '',
     });
@@ -751,7 +754,6 @@ export default class CanvasModule extends Module<CanvasConfig> {
     this.spots.add(spot, opts);
 
     return spot;
-    // 'canvas:spot:add' | 'canvas:spot:update'
     // 'canvas:spot'
   }
 

src/canvas/model/CanvasSpot.ts

@@ -35,4 +35,8 @@ export default class CanvasSpot extends ModuleModel<CanvasModule, CanvasSpotProp
       }
     );
   }
+
+  get type() {
+    return this.get('type') || '';
+  }
 }

src/editor/model/Editor.ts

@@ -578,7 +578,6 @@ export default class EditorModel extends Model {
       selected.addComponent(model, opts);
       this.trigger('component:select', model, opts);
       this.Canvas.setSpot({
-        id: 'select',
         type: 'select',
         component: model,
       });