How to call macro from ast? What is the implementation of macro invocation?

[linonetwo]

I'm trying to render macro in WYSIWYG editor, but I can't find how core do this:

// <<alert primary "primary alert" width:60%>>
{
      type: 'macrocall',
      start: 0,
      params: [
        {
          type: 'macro-parameter',
          start: 7,
          value: 'primary',
          end: 15,
        },
        {
          type: 'macro-parameter',
          start: 15,
          value: 'primary alert',
          end: 31,
        },
        {
          type: 'macro-parameter',
          start: 31,
          value: '60%',
          name: 'width',
          end: 41,
        },
      ],
      name: 'alert',
      end: 43,
      isBlock: true,
    }

How to render this macro? The only macro related code I found is core/modules/widgets/macrocall.js, but it only works on macrocell widget, not << >> style macro.

And it requires attributes exists in the ast, which the above example doesn't;

https://github.com/Jermolene/TiddlyWiki5/blob/1a377a485b225ce9dce186e8f45f8a7da8477f36/core/modules/widgets/macrocall.js#L45

And I tried getVariableInfo it doesn't work

[Jermolene]

Hi @linonetwo the "macrocall" widget can either take its parameters from the parse tree or from the widget attributes. It's generally clearer to use the widget formulation but as you've discovered the parse tree rule generates a non-standard parse tree.

[linonetwo]

Thanks, so you mean I can still use macrocall widget to render this parse tree node?

AFAIK there are two types of parse tree node with the type "macrocall", one is the example above, another is like

{
      type: 'element',
      tag: 'p',
      children: [
        {
          type: 'macrocall',
          start: 0,
          attributes: {
            $name: {
              start: 11,
              name: '$name',
              type: 'string',
              value: 'rpn',
              end: 23,
            },
            a: {
              start: 23,
              name: 'a',
              type: 'macro',
              value: {
                type: 'macrocall',
                start: 26,
                params: [
                  {
                    type: 'macro-parameter',
                    start: 31,
                    value: '2',
                    end: 33,
                  },
                  {
                    type: 'macro-parameter',
                    start: 33,
                    value: '2',
                    end: 35,
                  },
                  {
                    type: 'macro-parameter',
                    start: 35,
                    value: '*',
                    end: 37,
                  },
                ],
                name: 'rpn',
                end: 39,
              },
              end: 39,
            },
            b: {
              start: 39,
              name: 'b',
              type: 'string',
              value: 'pi',
              end: 46,
            },
            operation: {
              start: 46,
              name: 'operation',
              type: 'string',
              value: '*',
              end: 60,
            },
            decimals: {
              start: 60,
              name: 'decimals',
              type: 'string',
              value: '4',
              end: 73,
            },
          },
          orderedAttributes: [
            {
              start: 11,
              name: '$name',
              type: 'string',
              value: 'rpn',
              end: 23,
            },
            {
              start: 23,
              name: 'a',
              type: 'macro',
              value: {
                type: 'macrocall',
                start: 26,
                params: [
                  {
                    type: 'macro-parameter',
                    start: 31,
                    value: '2',
                    end: 33,
                  },
                  {
                    type: 'macro-parameter',
                    start: 33,
                    value: '2',
                    end: 35,
                  },
                  {
                    type: 'macro-parameter',
                    start: 35,
                    value: '*',
                    end: 37,
                  },
                ],
                name: 'rpn',
                end: 39,
              },
              end: 39,
            },
            {
              start: 39,
              name: 'b',
              type: 'string',
              value: 'pi',
              end: 46,
            },
            {
              start: 46,
              name: 'operation',
              type: 'string',
              value: '*',
              end: 60,
            },
            {
              start: 60,
              name: 'decimals',
              type: 'string',
              value: '4',
              end: 73,
            },
          ],
          tag: '$macrocall',
          isSelfClosing: true,
          end: 75,
          isBlock: false,
        },
      ],
      start: 0,
      end: 75,
    }

[linonetwo]

I see, they are the same, I can just use the same technique that I render the widget AST node to render the macro AST node. Simply pass it to makeChildWidget as pretending it is a widget node...

And I think core/modules/widgets/macrocall.js handles it properly, despite this AST node lacks many information it needs.

const newWidgetNode = parentWidget.makeChildWidget(parseTreeNode, {});

https://github.com/tiddly-gittly/tw-react/blob/0fc61bf542d46203b11e6304ba86d8cde7d877a4/src/hooks/useWidget.ts#L16-L19