Added option to snap new nodes (created using double click) to the grid

Author: Developer-Mike

src/canvas-extensions/better-default-settings-canvas-extension.ts

@@ -54,12 +54,17 @@ export default class BetterDefaultSettingsCanvasExtension  extends CanvasExtensi
     if (event.defaultPrevented || event.target !== canvas.wrapperEl || canvas.isDragging || canvas.readonly) return
     preventDefault.value = true
 
-    var pos = canvas.posFromEvt(event)
+    let pos = canvas.posFromEvt(event)
 
     switch (this.plugin.settings.getSetting('nodeTypeOnDoubleClick')) {
       case 'file':
         const file = await new FileSelectModal(this.plugin.app, undefined, true).awaitInput()
 
+        if (this.plugin.settings.getSetting('alignDoubleClickedNodeToGrid')) pos = {
+          x: Math.round((pos.x - (canvas.config.defaultFileNodeDimensions.width / 2)) / 20) * 20 + (canvas.config.defaultFileNodeDimensions.width / 2),
+          y: Math.round((pos.y - (canvas.config.defaultFileNodeDimensions.height / 2)) / 20) * 20 + (canvas.config.defaultFileNodeDimensions.height / 2)
+        }
+
         canvas.createFileNode({
           pos: pos,
           position: 'center',
@@ -68,6 +73,11 @@ export default class BetterDefaultSettingsCanvasExtension  extends CanvasExtensi
 
         break
       default:
+        if (this.plugin.settings.getSetting('alignDoubleClickedNodeToGrid')) pos = {
+          x: Math.round((pos.x - (canvas.config.defaultTextNodeDimensions.width / 2)) / 20) * 20 + (canvas.config.defaultTextNodeDimensions.width / 2),
+          y: Math.round((pos.y - (canvas.config.defaultTextNodeDimensions.height / 2)) / 20) * 20 + (canvas.config.defaultTextNodeDimensions.height / 2)
+        }
+
         canvas.createTextNode({
           pos: pos,
           position: 'center'

src/settings.ts

@@ -9,6 +9,7 @@ const NODE_TYPES_ON_DOUBLE_CLICK = {
 
 export interface AdvancedCanvasPluginSettings {
   nodeTypeOnDoubleClick: string
+  alignDoubleClickedNodeToGrid: boolean
   defaultTextNodeWidth: number
   defaultTextNodeHeight: number
   defaultFileNodeWidth: number
@@ -60,6 +61,7 @@ export interface AdvancedCanvasPluginSettings {
 
 export const DEFAULT_SETTINGS: Partial<AdvancedCanvasPluginSettings> = {
   nodeTypeOnDoubleClick: Object.keys(NODE_TYPES_ON_DOUBLE_CLICK).first(),
+  alignDoubleClickedNodeToGrid: true,
   defaultTextNodeWidth: 260,
   defaultTextNodeHeight: 60,
   defaultFileNodeWidth: 400,
@@ -171,6 +173,15 @@ export class AdvancedCanvasPluginSettingTab extends PluginSettingTab {
           .setValue(this.settingsManager.getSetting('nodeTypeOnDoubleClick'))
           .onChange(async (value) => await this.settingsManager.setSetting({ nodeTypeOnDoubleClick: value }))
         )
+
+    new Setting(containerEl)
+      .setName("Align node, created by double click, to grid")
+      .setDesc("When enabled, a node created by double clicking will be aligned to the grid.")
+      .addToggle((toggle) =>
+        toggle
+          .setValue(this.settingsManager.getSetting('alignDoubleClickedNodeToGrid'))
+          .onChange(async (value) => await this.settingsManager.setSetting({ alignDoubleClickedNodeToGrid: value }))
+      )
 
     new Setting(containerEl)
       .setName("Default text node width")