Gitenberg

[bangank36]

Summary

• Development notes on the gutenberge everywhere modification for github compatibility
• Currently the block checking mechanism it not working well with github comment < ! - - ... - - >, as it expect to turn these into block, we may need to improve the checking with < ! - - wp ?
  • Copied the markdown here into the attached editor to see the issue

Notes

• Save: using turndown
• Load: using markdown-it
  • State of save: turndown did not support table out of box, we need to use some gfm plugin to support tables
• https://github.com/mixmark-io/turndown-plugin-gfm/issues/28
• https://github.com/laurent22/joplin/tree/dev/packages/turndown-plugin-gfm
• All those plugins is intended for node env, so I made a dirty es module from there
  • State of load:
  • Need to update the block detection
  • State of code block
  • The 3 backticks are ignored
  • State of table block
  • Colon is ignore in the parser
  • ISO default settings https://github.com/Automattic/isolated-block-editor/blob/fca1871c106f68f3926c479afda6b0aa1c6551a0/src/components/default-settings/index.js#L27
  • All allowed block type in gutenberge

Reference

• Cf7 blocks
• Current github parser
• Emoji toolbar https://wordpress.org/plugins/emoji-toolbar/

[bangank36]

Update

• turndown with gfm plugin support
• nit: the table auto convert the header, should we keep it?

[bangank36]

26 May 2023

• Gif selector for github
• Auto reload Extension npm package

  new RunChromeExtension({
          extensionPath: path.resolve( __dirname ),
      })

  • Get chrome profile
  • Got trouble with userDataDir, it display the Application Support as separate words ?!
  • nit: userDataDir creates the dir inside the root folder

[bangank36]

28 May 2023

• Diagram for input/ouput from of Isolated Block Gutenberg

[bangank36]

29 May 2023

• Some other Gutenberg blocks plugin for reference
  • Kadence Blocks with Prebuilt library
  • Getwid blocks with additional blocks
  • Otter blocks: button groups and global block settings (with navigator), icon selector in inspector

[bangank36]

03 June 2023

• We should add the selector of the markdown textarea in Github project view