Annotation Transformers

type AnnotationTransformer = {
  transform: (params: {
    text: string;           // The text to transform
    annotations?: Record<string, boolean>;  // All annotations on this text
    metadata?: any;         // Additional context if needed
  }) => Promise<string>;
}

const annotationTransformers = {
  // Makes text bold using **text**
  bold: {
    transform: async ({ text }) => `**${text}**`
  },

  // Makes text italic using *text*
  italic: {
    transform: async ({ text }) => `*${text}*`
  },

  // Creates inline code using `text`
  code: {
    transform: async ({ text }) => `\`${text}\``
  }
};

// Transformer that can output either Markdown or HTML
const boldTransformer = {
  transform: async ({ text, metadata }) => {
    // Use HTML when specified in metadata
    if (metadata?.html) {
      return `<strong>${text}</strong>`;
    }
    // Default to Markdown
    return `**${text}**`;
  }
};

const linkTransformer = {
  transform: async ({ text, link }) => {
    if (!link?.url) return text;
    return `[${text}](${link.url})`;
  }
};

const equationTransformer = {
  transform: async ({ text }) => {
    return `$${text}$`;  // Inline LaTeX format
  }
};

class MyRenderer extends BaseRendererPlugin {
  constructor() {
    super();

    // Register annotation transformers
    this.createAnnotationTransformers({
      bold: {
        transform: async ({ text }) => `**${text}**`
      },
      italic: {
        transform: async ({ text }) => `*${text}*`
      },
      code: {
        transform: async ({ text }) => `\`${text}\``
      },
      // NOTE: must include it's transformer if you since it's not considered as a annotation by the notion but
      // to make sure that people have the control over the links transformation we allow them to add link as annotation transformer.
      link: {
        transform: async ({ text, link }) =>
          link?.url ? `[${text}](${link.url})` : text
      }
    });
  }
}