feat(commands): forced block swap

Author: stdword

src/app.ts

@@ -1,7 +1,7 @@
-import { BlockEntity, SettingSchemaDesc } from '@logseq/libs/dist/LSPlugin.user'
+import { BlockEntity, PageEntity, SettingSchemaDesc } from '@logseq/libs/dist/LSPlugin.user'
 
 import { splitByParagraphsCommand, toggleAutoHeadingCommand } from './commands'
-import { getChosenBlocks, p } from './utils'
+import { getChosenBlocks, p, scrollToBlock, sleep } from './utils'
 import { log } from 'console'
 
 
@@ -207,6 +207,57 @@ async function main() {
         await logseq.Editor.editBlock((nextBlock as BlockEntity).uuid, {pos: 0})
     } )
 
+
+    // Movements
+    logseq.App.registerCommandPalette({
+        label: '🪚 Move block (⤒) on top of siblings', key: 'move-block-1-on-top',
+        keybinding: {mac: 'mod+alt+shift+up', binding: 'ctrl+alt+shift+up', mode: 'global'},
+    }, async (e) => {
+        const [blocks] = await getChosenBlocks()
+        const [first] = blocks
+        if (!first)
+            return
+
+        // already on top
+        if (first.parent.id === first.left.id || first.left.id === first.page.id)
+            return
+
+        let topmost = first
+        while (true) {
+            const prev = await logseq.Editor.getPreviousSiblingBlock(topmost.uuid)
+            if (!prev)
+                break
+            topmost = prev
+        }
+
+        await logseq.Editor.moveBlock(first.uuid, topmost.uuid, {before: true, children: false})
+        await scrollToBlock(first)
+    } )
+
+    logseq.App.registerCommandPalette({
+        label: '🪚 Move block (⤓) on bottom of siblings', key: 'move-block-2-on-bottom',
+        keybinding: {mac: 'mod+alt+shift+down', binding: 'ctrl+alt+shift+down', mode: 'global'},
+    }, async (e) => {
+        const [blocks] = await getChosenBlocks()
+        const [first] = blocks
+        if (!first)
+            return
+
+        let bottommost = first
+        while (true) {
+            const next = await logseq.Editor.getNextSiblingBlock(bottommost.uuid)
+            if (!next)
+                break
+            bottommost = next
+        }
+
+        // already on bottom
+        if (first.id === bottommost.id)
+            return
+
+        await logseq.Editor.moveBlock(first.uuid, bottommost.uuid, {before: false, children: false})
+        await scrollToBlock(first)
+    } )
     await postInit()
 }
 

src/utils/logseq.ts

@@ -1,4 +1,4 @@
-import { BlockEntity } from '@logseq/libs/dist/LSPlugin.user'
+import { BlockEntity, PageEntity } from '@logseq/libs/dist/LSPlugin.user'
 
 import { f, indexOfNth, p, sleep } from './other'
 
@@ -221,3 +221,19 @@ export class PropertiesUtils {
         return propertyNames
     }
 }
+
+// scroll to block if it has disappeared from view
+export async function scrollToBlock(block: BlockEntity) {
+    const position = (await logseq.Editor.getEditingCursorPosition())?.pos  // editing mode?
+    const view = await logseq.App.queryElementRect(`.ls-block[blockid="${block.uuid}"]`)
+    if (view && (view.top < 0 || view.bottom > top!.window.innerHeight)) {
+        const page = await logseq.Editor.getPage(block.page.id) as PageEntity
+        logseq.Editor.scrollToBlockInPage(page.name, block.uuid)
+
+        // .scrollToBlockInPage exists editing mode — return to it if necessary
+        if (position) {
+            await sleep(250)
+            await logseq.Editor.editBlock(block.uuid, {pos: position})
+        }
+    }
+}