onBlockRendererSlotted hook is not working

[jsjant]

Hi!

onBlockRendererSlotted hook is described in docs, but it's not in the code. So I wonder if it is possible to use it?

Also, could you please tell me if there's a way to change how a block is rendered using plugins (and most importantly to intercept rendering process)? I'd like to have an ability to make hyperlink from text matching certain pattern. For instance, if it says JIRA-2009, then it's a link to your JIRA installation somewhere.

[xyhp915]

Hi @jsjant Thank you for the reminder. This API was temporarily shelved for implementation at the time due to plans to support unique block types. But the block type implementation has a low priority in the near future. So I will implement this API as soon as possible to support intercepting block rendering by block UUID.

[sbenhaim]

+1 – This API hook would support a significant range of interesting plugins that are currently difficult or impossible to write cleanly. (Including the one I'm currently trying to write for embedding mini-apps into docs a la Coda.io 😉).

Obsidian's API, for instance, provides access to the relevant DOM element prior to rendering, making it very easy to manipulate it at will, for instance, by injecting React components inside of it.

[jsjant]

@xyhp915 Hi!

I saw that #7555 is merged. Does it close this one? If so, could you please provide an example usage? I tried on 0.8.13, but didn't understand how to use this new API.

Thank you in advance!

[xyhp915]

Cool @jsjant This feature is released into 0.8.14, so you can try the latest version. Also, do not forget to upgrade plugin SDK @logseq/libs to the latest (0.0.14). Here's a simple demo plugin for you :)
test-block-render-plugin.zip

[jsjant]

Cool @jsjant This feature is released into 0.8.14, so you can try the latest version. Also, do not forget to upgrade plugin SDK @logseq/libs to the latest (0.0.14). Here's a simple demo plugin for you :)
test-block-render-plugin.zip

It worked! Thank you!

[chuan137]

@xyhp915 @jsjant
is there API to remove such a block hook?

[dagron]

It returns a cleanup function. If the code is to be believed :)

onBlockRendererSlotted(
    uuid,
    callback: (payload: any) => void) {
    if (!shouldValidUUID(uuid)) return

    const pid = this.baseInfo.id
    const hook = `hook:editor:${safeSnakeCase(`slot:${uuid}`)}`

    this.caller.on(hook, callback)
    this.App._installPluginHook(pid, hook)

    return () => {
      this.caller.off(hook, callback)
      this.App._uninstallPluginHook(pid, hook)
    }
  },