ui: only render extra content on richmedia class (#743)

packages/ui-default/components/discussion/history.page.tsx

@@ -12,7 +12,7 @@ async function historyDialog(payload, time, uid) {
   const rawHtml = await fetch(`${payload}?time=${ts}&render=1`).then((res) => res.text());
   new InfoDialog({
     $body: tpl`
-      <div class="typo">
+      <div class="typo richmedia">
         <p><div data-user>${uid}</div> ${i18n('Edited at')} <span class="time relative" data-timestamp="${ts / 1000}">${time}</span></p>
         ${{ templateRaw: true, html: rawHtml }}
       </div>`,

packages/ui-default/components/highlighter/highlighter.page.ts

@@ -17,7 +17,7 @@ const highlighterPage = new AutoloadPage('highlighterPage', () => {
       $container.find('pre code').get().forEach((code) => {
         const $code = $(code);
         const $root = $code.parent().parent();
-        const $typo = $code.closest('.typo');
+        const $typo = $code.closest('.richmedia');
         const language = ($(code).attr('class') || '').trim();
         const m = language.match(/language-input([0-9]+)/);
         if (m?.[1]) {

packages/ui-default/components/katex/katex.page.js

@@ -18,8 +18,8 @@ const katexPage = new AutoloadPage('katexPage', () => {
         ],
       }));
     }
-    runKatex($('.typo'));
-    $(document).on('vjContentNew', (e) => runKatex($(e.target).find('.typo').addBack('.typo')));
+    runKatex($('.richmedia'));
+    $(document).on('vjContentNew', (e) => runKatex($(e.target).find('.richmedia').addBack('.richmedia')));
   });
 });