@perses-dev/markdown-plugin 0.13.0-beta.4 → 0.13.0-beta.6

package/lib/MarkdownPanel.js

@@ -17,6 +17,27 @@ import { useReplaceVariablesInString } from "@perses-dev/plugin-system";
 import DOMPurify from "dompurify";
 import { marked } from "marked";
 import React, { useMemo } from "react";
+// Isolated DOMPurify instance so afterSanitizeAttributes does not affect other plugins
+// that import the default DOMPurify singleton (review: jgbernalp / shahrokni on #815).
+// Default export is a factory: DOMPurify(window) returns a separate purifier.
+const markdownPurifier = typeof window !== 'undefined' ? DOMPurify(window) : DOMPurify;
+/**
+ * Ensure markdown links open safely (markdown plugin only):
+ * - absolute http(s) URLs → target=_blank + rel=noopener noreferrer
+ * - explicit target=_blank kept / reinforced
+ * - relative in-app paths (e.g. /explore) stay same-tab unless target=_blank was set
+ */ markdownPurifier.addHook('afterSanitizeAttributes', (node)=>{
+    if (!(node instanceof Element) || node.tagName !== 'A') {
+        return;
+    }
+    const href = node.getAttribute('href') ?? '';
+    const isAbsoluteHttp = /^https?:\/\//i.test(href) || href.startsWith('//');
+    const wantsBlank = node.getAttribute('target') === '_blank' || isAbsoluteHttp;
+    if (wantsBlank) {
+        node.setAttribute('target', '_blank');
+        node.setAttribute('rel', 'noopener noreferrer');
+    }
+});
 function createMarkdownPanelStyles(theme, chartsTheme) {
     return {
         padding: `${chartsTheme.container.padding.default}px`,
@@ -70,8 +91,13 @@ function markdownToHTML(text) {
     });
 }
 // Prevent XSS attacks by removing the vectors for attacks
-function sanitizeHTML(html) {
-    return DOMPurify.sanitize(html);
+export function sanitizeHTML(html) {
+    return markdownPurifier.sanitize(html, {
+        ADD_ATTR: [
+            'target',
+            'rel'
+        ]
+    });
 }
 export function MarkdownPanel(props) {
     const { spec: { text } } = props;

package/lib/MarkdownPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/MarkdownPanel.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { Theme } from '@mui/material';\nimport { Box } from '@mui/material';\nimport type { PersesChartsTheme } from '@perses-dev/components';\nimport { useChartsTheme } from '@perses-dev/components';\nimport type { PanelProps } from '@perses-dev/plugin-system';\nimport { useReplaceVariablesInString } from '@perses-dev/plugin-system';\nimport DOMPurify from 'dompurify';\nimport { marked } from 'marked';\nimport type { ReactElement } from 'react';\nimport React, { useMemo } from 'react';\n\nimport type { MarkdownPanelOptions } from './markdown-panel-model';\n\nexport type MarkdownPanelProps = PanelProps<MarkdownPanelOptions>;\n\nfunction createMarkdownPanelStyles(theme: Theme, chartsTheme: PersesChartsTheme): Record<string, unknown> {\n  return {\n    padding: `${chartsTheme.container.padding.default}px`,\n    // Make the content scrollable\n    height: '100%',\n    overflowY: 'auto',\n    // Ignore top margin on the first element.\n    '& :first-of-type': {\n      marginTop: 0,\n    },\n    // Styles for headers\n    '& h1': {\n      fontSize: '2em',\n    },\n    // Styles for <code>\n    '& code': { fontSize: '0.85em' },\n    '& :not(pre) code': {\n      padding: '0.2em 0.4em',\n      backgroundColor: theme.palette.grey[100],\n      borderRadius: '4px',\n    },\n    '& pre': {\n      padding: '1.2em',\n      backgroundColor: theme.palette.grey[100],\n      borderRadius: '4px',\n    },\n    // Styles for <table>\n    '& table, & th, & td': {\n      padding: '0.6em',\n      border: `1px solid ${theme.palette.grey[300]}`,\n      borderCollapse: 'collapse',\n    },\n    // Styles for <li>\n    '& li + li': {\n      marginTop: '0.25em',\n    },\n    // Styles for <a>\n    '& a': {\n      color: theme.palette.primary.main,\n    },\n  };\n}\n\n// Convert markdown to HTML\n// Supports original markdown and GitHub Flavored markdown\nfunction markdownToHTML(text: string): string {\n  return marked.parse(text, { gfm: true, async: false });\n}\n\n// Prevent XSS attacks by removing the vectors for attacks\nfunction sanitizeHTML(html: string): string {\n  return DOMPurify.sanitize(html);\n}\n\nexport function MarkdownPanel(props: MarkdownPanelProps): ReactElement {\n  const {\n    spec: { text },\n  } = props;\n  const chartsTheme = useChartsTheme();\n\n  const textAfterVariableReplacement = useReplaceVariablesInString(text);\n\n  const html = useMemo(() => markdownToHTML(textAfterVariableReplacement ?? ''), [textAfterVariableReplacement]);\n  const sanitizedHTML = useMemo(() => sanitizeHTML(html), [html]);\n\n  return (\n    <Box\n      sx={(theme) => createMarkdownPanelStyles(theme, chartsTheme)}\n      dangerouslySetInnerHTML={{ __html: sanitizedHTML }}\n    />\n  );\n}\n"],"names":["Box","useChartsTheme","useReplaceVariablesInString","DOMPurify","marked","React","useMemo","createMarkdownPanelStyles","theme","chartsTheme","padding","container","default","height","overflowY","marginTop","fontSize","backgroundColor","palette","grey","borderRadius","border","borderCollapse","color","primary","main","markdownToHTML","text","parse","gfm","async","sanitizeHTML","html","sanitize","MarkdownPanel","props","spec","textAfterVariableReplacement","sanitizedHTML","sx","dangerouslySetInnerHTML","__html"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,SAASC,cAAc,QAAQ,yBAAyB;AAExD,SAASC,2BAA2B,QAAQ,4BAA4B;AACxE,OAAOC,eAAe,YAAY;AAClC,SAASC,MAAM,QAAQ,SAAS;AAEhC,OAAOC,SAASC,OAAO,QAAQ,QAAQ;AAMvC,SAASC,0BAA0BC,KAAY,EAAEC,WAA8B;IAC7E,OAAO;QACLC,SAAS,GAAGD,YAAYE,SAAS,CAACD,OAAO,CAACE,OAAO,CAAC,EAAE,CAAC;QACrD,8BAA8B;QAC9BC,QAAQ;QACRC,WAAW;QACX,0CAA0C;QAC1C,oBAAoB;YAClBC,WAAW;QACb;QACA,qBAAqB;QACrB,QAAQ;YACNC,UAAU;QACZ;QACA,oBAAoB;QACpB,UAAU;YAAEA,UAAU;QAAS;QAC/B,oBAAoB;YAClBN,SAAS;YACTO,iBAAiBT,MAAMU,OAAO,CAACC,IAAI,CAAC,IAAI;YACxCC,cAAc;QAChB;QACA,SAAS;YACPV,SAAS;YACTO,iBAAiBT,MAAMU,OAAO,CAACC,IAAI,CAAC,IAAI;YACxCC,cAAc;QAChB;QACA,qBAAqB;QACrB,uBAAuB;YACrBV,SAAS;YACTW,QAAQ,CAAC,UAAU,EAAEb,MAAMU,OAAO,CAACC,IAAI,CAAC,IAAI,EAAE;YAC9CG,gBAAgB;QAClB;QACA,kBAAkB;QAClB,aAAa;YACXP,WAAW;QACb;QACA,iBAAiB;QACjB,OAAO;YACLQ,OAAOf,MAAMU,OAAO,CAACM,OAAO,CAACC,IAAI;QACnC;IACF;AACF;AAEA,2BAA2B;AAC3B,0DAA0D;AAC1D,SAASC,eAAeC,IAAY;IAClC,OAAOvB,OAAOwB,KAAK,CAACD,MAAM;QAAEE,KAAK;QAAMC,OAAO;IAAM;AACtD;AAEA,0DAA0D;AAC1D,SAASC,aAAaC,IAAY;IAChC,OAAO7B,UAAU8B,QAAQ,CAACD;AAC5B;AAEA,OAAO,SAASE,cAAcC,KAAyB;IACrD,MAAM,EACJC,MAAM,EAAET,IAAI,EAAE,EACf,GAAGQ;IACJ,MAAM1B,cAAcR;IAEpB,MAAMoC,+BAA+BnC,4BAA4ByB;IAEjE,MAAMK,OAAO1B,QAAQ,IAAMoB,eAAeW,gCAAgC,KAAK;QAACA;KAA6B;IAC7G,MAAMC,gBAAgBhC,QAAQ,IAAMyB,aAAaC,OAAO;QAACA;KAAK;IAE9D,qBACE,KAAChC;QACCuC,IAAI,CAAC/B,QAAUD,0BAA0BC,OAAOC;QAChD+B,yBAAyB;YAAEC,QAAQH;QAAc;;AAGvD"}
+{"version":3,"sources":["../../src/MarkdownPanel.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { Theme } from '@mui/material';\nimport { Box } from '@mui/material';\nimport type { PersesChartsTheme } from '@perses-dev/components';\nimport { useChartsTheme } from '@perses-dev/components';\nimport type { PanelProps } from '@perses-dev/plugin-system';\nimport { useReplaceVariablesInString } from '@perses-dev/plugin-system';\nimport DOMPurify from 'dompurify';\nimport { marked } from 'marked';\nimport type { ReactElement } from 'react';\nimport React, { useMemo } from 'react';\n\nimport type { MarkdownPanelOptions } from './markdown-panel-model';\n\nexport type MarkdownPanelProps = PanelProps<MarkdownPanelOptions>;\n\n// Isolated DOMPurify instance so afterSanitizeAttributes does not affect other plugins\n// that import the default DOMPurify singleton (review: jgbernalp / shahrokni on #815).\n// Default export is a factory: DOMPurify(window) returns a separate purifier.\nconst markdownPurifier = typeof window !== 'undefined' ? DOMPurify(window) : DOMPurify;\n\n/**\n * Ensure markdown links open safely (markdown plugin only):\n * - absolute http(s) URLs → target=_blank + rel=noopener noreferrer\n * - explicit target=_blank kept / reinforced\n * - relative in-app paths (e.g. /explore) stay same-tab unless target=_blank was set\n */\nmarkdownPurifier.addHook('afterSanitizeAttributes', (node) => {\n  if (!(node instanceof Element) || node.tagName !== 'A') {\n    return;\n  }\n  const href = node.getAttribute('href') ?? '';\n  const isAbsoluteHttp = /^https?:\\/\\//i.test(href) || href.startsWith('//');\n  const wantsBlank = node.getAttribute('target') === '_blank' || isAbsoluteHttp;\n  if (wantsBlank) {\n    node.setAttribute('target', '_blank');\n    node.setAttribute('rel', 'noopener noreferrer');\n  }\n});\n\nfunction createMarkdownPanelStyles(theme: Theme, chartsTheme: PersesChartsTheme): Record<string, unknown> {\n  return {\n    padding: `${chartsTheme.container.padding.default}px`,\n    // Make the content scrollable\n    height: '100%',\n    overflowY: 'auto',\n    // Ignore top margin on the first element.\n    '& :first-of-type': {\n      marginTop: 0,\n    },\n    // Styles for headers\n    '& h1': {\n      fontSize: '2em',\n    },\n    // Styles for <code>\n    '& code': { fontSize: '0.85em' },\n    '& :not(pre) code': {\n      padding: '0.2em 0.4em',\n      backgroundColor: theme.palette.grey[100],\n      borderRadius: '4px',\n    },\n    '& pre': {\n      padding: '1.2em',\n      backgroundColor: theme.palette.grey[100],\n      borderRadius: '4px',\n    },\n    // Styles for <table>\n    '& table, & th, & td': {\n      padding: '0.6em',\n      border: `1px solid ${theme.palette.grey[300]}`,\n      borderCollapse: 'collapse',\n    },\n    // Styles for <li>\n    '& li + li': {\n      marginTop: '0.25em',\n    },\n    // Styles for <a>\n    '& a': {\n      color: theme.palette.primary.main,\n    },\n  };\n}\n\n// Convert markdown to HTML\n// Supports original markdown and GitHub Flavored markdown\nfunction markdownToHTML(text: string): string {\n  return marked.parse(text, { gfm: true, async: false });\n}\n\n// Prevent XSS attacks by removing the vectors for attacks\nexport function sanitizeHTML(html: string): string {\n  return markdownPurifier.sanitize(html, {\n    ADD_ATTR: ['target', 'rel'],\n  });\n}\n\nexport function MarkdownPanel(props: MarkdownPanelProps): ReactElement {\n  const {\n    spec: { text },\n  } = props;\n  const chartsTheme = useChartsTheme();\n\n  const textAfterVariableReplacement = useReplaceVariablesInString(text);\n\n  const html = useMemo(() => markdownToHTML(textAfterVariableReplacement ?? ''), [textAfterVariableReplacement]);\n  const sanitizedHTML = useMemo(() => sanitizeHTML(html), [html]);\n\n  return (\n    <Box\n      sx={(theme) => createMarkdownPanelStyles(theme, chartsTheme)}\n      dangerouslySetInnerHTML={{ __html: sanitizedHTML }}\n    />\n  );\n}\n"],"names":["Box","useChartsTheme","useReplaceVariablesInString","DOMPurify","marked","React","useMemo","markdownPurifier","window","addHook","node","Element","tagName","href","getAttribute","isAbsoluteHttp","test","startsWith","wantsBlank","setAttribute","createMarkdownPanelStyles","theme","chartsTheme","padding","container","default","height","overflowY","marginTop","fontSize","backgroundColor","palette","grey","borderRadius","border","borderCollapse","color","primary","main","markdownToHTML","text","parse","gfm","async","sanitizeHTML","html","sanitize","ADD_ATTR","MarkdownPanel","props","spec","textAfterVariableReplacement","sanitizedHTML","sx","dangerouslySetInnerHTML","__html"],"mappings":"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"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "Markdown",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.13.0-beta.4",
+      "buildVersion": "0.13.0-beta.6",
       "buildName": "@perses-dev/markdown-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/Markdown.c29e8854.js",
+      "name": "__mf/js/Markdown.2353f3e7.js",
       "path": "",
       "type": "global"
     },
@@ -19,9 +19,9 @@
       "zip": "",
       "api": ""
     },
-    "globalName": "Markdown_0_13_0_beta_4",
+    "globalName": "Markdown_0_13_0_beta_6",
     "pluginVersion": "2.6.0",
-    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/Markdown~0.13.0-beta.4/\"; }"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/Markdown~0.13.0-beta.6/\"; }"
   },
   "shared": [
     {
@@ -34,7 +34,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.24434e45.js"
+            "__mf/js/async/274.3cbeb38c.js"
           ]
         },
         "css": {
@@ -54,9 +54,9 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.69aef8df.js",
-            "__mf/js/async/616.32f0b77a.js",
-            "__mf/js/async/854.1cd17418.js"
+            "__mf/js/async/235.7202b6d7.js",
+            "__mf/js/async/616.15c484c7.js",
+            "__mf/js/async/854.a1b16797.js"
           ]
         },
         "css": {
@@ -76,8 +76,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.67dc8dc7.js",
-            "__mf/js/async/968.356843c7.js"
+            "__mf/js/async/587.36be7c2b.js",
+            "__mf/js/async/968.11144231.js"
           ]
         },
         "css": {
@@ -90,20 +90,20 @@
     {
       "id": "Markdown:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.55.0-beta.10",
+      "version": "0.55.0-beta.13",
       "singleton": true,
-      "requiredVersion": "^0.55.0-beta.10",
+      "requiredVersion": "^0.55.0-beta.13",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/126.53916e5a.js"
+            "__mf/js/async/839.c82522f9.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/126.85c2cbf6.css"
+            "__mf/css/async/839.85c2cbf6.css"
           ]
         }
       },
@@ -112,14 +112,14 @@
     {
       "id": "Markdown:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.55.0-beta.10",
+      "version": "0.55.0-beta.13",
       "singleton": true,
-      "requiredVersion": "^0.55.0-beta.10",
+      "requiredVersion": "^0.55.0-beta.13",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/868.d3a0ef1c.js"
+            "__mf/js/async/540.f4a271ef.js"
           ]
         },
         "css": {
@@ -139,7 +139,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.bea61610.js"
+            "__mf/js/async/192.b78f936a.js"
           ]
         },
         "css": {
@@ -159,7 +159,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.eda2b1f3.js"
+            "__mf/js/async/873.0abd862c.js"
           ]
         },
         "css": {
@@ -179,7 +179,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.5bb06cfb.js"
+            "__mf/js/async/392.8ac7248c.js"
           ]
         },
         "css": {
@@ -199,7 +199,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.84ed2d0c.js"
+            "__mf/js/async/470.2bcfb11f.js"
           ]
         },
         "css": {
@@ -219,7 +219,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.01d967ad.js"
+            "__mf/js/async/121.5031d55f.js"
           ]
         },
         "css": {
@@ -239,7 +239,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/978.3b3c259c.js"
+            "__mf/js/async/978.ad38acce.js"
           ]
         },
         "css": {
@@ -258,26 +258,26 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/94.7446af3c.js",
-            "__mf/js/async/680.c5326ee5.js",
-            "__mf/js/async/__federation_expose_Markdown.5d981ce0.js"
+            "__mf/js/async/94.9d4f2b41.js",
+            "__mf/js/async/680.5b3b7dc3.js",
+            "__mf/js/async/__federation_expose_Markdown.6c142cf7.js"
           ],
           "async": [
-            "__mf/js/async/588.7f2da94d.js",
-            "__mf/js/async/71.1431bd3b.js",
-            "__mf/js/async/43.834b02a4.js",
-            "__mf/js/async/725.9321670a.js",
-            "__mf/js/async/lib-router.6a5263c1.js",
-            "__mf/js/async/356.fabbaa87.js",
-            "__mf/js/async/936.ba4a8595.js",
-            "__mf/js/async/77.28089daa.js",
-            "__mf/js/async/496.7bd6871e.js"
+            "__mf/js/async/588.894b15a5.js",
+            "__mf/js/async/71.a265a7c8.js",
+            "__mf/js/async/43.aa71dbdf.js",
+            "__mf/js/async/725.15493c5f.js",
+            "__mf/js/async/lib-router.3c291856.js",
+            "__mf/js/async/356.d0587429.js",
+            "__mf/js/async/936.531ff191.js",
+            "__mf/js/async/77.0ef8c92c.js",
+            "__mf/js/async/496.c4276cfa.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/126.85c2cbf6.css"
+            "__mf/css/async/839.85c2cbf6.css"
           ]
         }
       },

package/mf-stats.json

@@ -5,11 +5,11 @@
     "name": "Markdown",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.13.0-beta.4",
+      "buildVersion": "0.13.0-beta.6",
       "buildName": "@perses-dev/markdown-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/Markdown.c29e8854.js",
+      "name": "__mf/js/Markdown.2353f3e7.js",
       "path": "",
       "type": "global"
     },
@@ -19,9 +19,9 @@
       "zip": "",
       "api": ""
     },
-    "globalName": "Markdown_0_13_0_beta_4",
+    "globalName": "Markdown_0_13_0_beta_6",
     "pluginVersion": "2.6.0",
-    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/Markdown~0.13.0-beta.4/\"; }"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/Markdown~0.13.0-beta.6/\"; }"
   },
   "shared": [
     {
@@ -36,7 +36,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.24434e45.js"
+            "__mf/js/async/274.3cbeb38c.js"
           ]
         },
         "css": {
@@ -60,9 +60,9 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.69aef8df.js",
-            "__mf/js/async/616.32f0b77a.js",
-            "__mf/js/async/854.1cd17418.js"
+            "__mf/js/async/235.7202b6d7.js",
+            "__mf/js/async/616.15c484c7.js",
+            "__mf/js/async/854.a1b16797.js"
           ]
         },
         "css": {
@@ -86,8 +86,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.67dc8dc7.js",
-            "__mf/js/async/968.356843c7.js"
+            "__mf/js/async/587.36be7c2b.js",
+            "__mf/js/async/968.11144231.js"
           ]
         },
         "css": {
@@ -101,23 +101,23 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.55.0-beta.10",
+      "requiredVersion": "^0.55.0-beta.13",
       "shareScope": "default",
       "name": "@perses-dev/components",
-      "version": "0.55.0-beta.10",
+      "version": "0.55.0-beta.13",
       "eager": false,
       "id": "Markdown:@perses-dev/components",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/126.53916e5a.js"
+            "__mf/js/async/839.c82522f9.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/126.85c2cbf6.css"
+            "__mf/css/async/839.85c2cbf6.css"
           ]
         }
       },
@@ -129,17 +129,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.55.0-beta.10",
+      "requiredVersion": "^0.55.0-beta.13",
       "shareScope": "default",
       "name": "@perses-dev/plugin-system",
-      "version": "0.55.0-beta.10",
+      "version": "0.55.0-beta.13",
       "eager": false,
       "id": "Markdown:@perses-dev/plugin-system",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/868.d3a0ef1c.js"
+            "__mf/js/async/540.f4a271ef.js"
           ]
         },
         "css": {
@@ -165,7 +165,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.bea61610.js"
+            "__mf/js/async/192.b78f936a.js"
           ]
         },
         "css": {
@@ -189,7 +189,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.eda2b1f3.js"
+            "__mf/js/async/873.0abd862c.js"
           ]
         },
         "css": {
@@ -213,7 +213,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.5bb06cfb.js"
+            "__mf/js/async/392.8ac7248c.js"
           ]
         },
         "css": {
@@ -237,7 +237,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.84ed2d0c.js"
+            "__mf/js/async/470.2bcfb11f.js"
           ]
         },
         "css": {
@@ -261,7 +261,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.01d967ad.js"
+            "__mf/js/async/121.5031d55f.js"
           ]
         },
         "css": {
@@ -287,7 +287,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/978.3b3c259c.js"
+            "__mf/js/async/978.ad38acce.js"
           ]
         },
         "css": {
@@ -315,26 +315,26 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/94.7446af3c.js",
-            "__mf/js/async/680.c5326ee5.js",
-            "__mf/js/async/__federation_expose_Markdown.5d981ce0.js"
+            "__mf/js/async/94.9d4f2b41.js",
+            "__mf/js/async/680.5b3b7dc3.js",
+            "__mf/js/async/__federation_expose_Markdown.6c142cf7.js"
           ],
           "async": [
-            "__mf/js/async/588.7f2da94d.js",
-            "__mf/js/async/71.1431bd3b.js",
-            "__mf/js/async/43.834b02a4.js",
-            "__mf/js/async/725.9321670a.js",
-            "__mf/js/async/lib-router.6a5263c1.js",
-            "__mf/js/async/356.fabbaa87.js",
-            "__mf/js/async/936.ba4a8595.js",
-            "__mf/js/async/77.28089daa.js",
-            "__mf/js/async/496.7bd6871e.js"
+            "__mf/js/async/588.894b15a5.js",
+            "__mf/js/async/71.a265a7c8.js",
+            "__mf/js/async/43.aa71dbdf.js",
+            "__mf/js/async/725.15493c5f.js",
+            "__mf/js/async/lib-router.3c291856.js",
+            "__mf/js/async/356.d0587429.js",
+            "__mf/js/async/936.531ff191.js",
+            "__mf/js/async/77.0ef8c92c.js",
+            "__mf/js/async/496.c4276cfa.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/126.85c2cbf6.css"
+            "__mf/css/async/839.85c2cbf6.css"
           ]
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/markdown-plugin",
-  "version": "0.13.0-beta.4",
+  "version": "0.13.0-beta.6",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/plugins/blob/main/README.md",
   "repository": {
@@ -32,9 +32,9 @@
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@hookform/resolvers": "^5.9.1",
-    "@perses-dev/components": "^0.55.0-beta.10",
-    "@perses-dev/plugin-system": "^0.55.0-beta.10",
-    "@perses-dev/spec": "^0.3.0-beta.8",
+    "@perses-dev/components": "^0.55.0-beta.13",
+    "@perses-dev/plugin-system": "^0.55.0-beta.13",
+    "@perses-dev/spec": "^0.3.0-beta.9",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "echarts": "5.5.0",

package/__mf/js/async/__federation_expose_Markdown.5d981ce0.js

@@ -1 +0,0 @@
-"use strict";(self.chunk_Markdown_0_13_0_beta_4=self.chunk_Markdown_0_13_0_beta_4||[]).push([["360"],{11849(e,n,r){r.r(n),r.d(n,{Markdown:()=>g});var t=r(62540),a=r(74628),o=r(81315),l=r(98873),i=r(91264),d=r(19385),p=r(70451),s=r(315),u=r(57438),c=r(93648);let g={PanelComponent:function(e){let{spec:{text:n}}=e,r=(0,o.useChartsTheme)(),s=(0,l.useReplaceVariablesInString)(n),u=(0,p.useMemo)(()=>{var e;return e=s??"",d.xI.parse(e,{gfm:!0,async:!1})},[s]),c=(0,p.useMemo)(()=>i.A.sanitize(u),[u]);return(0,t.jsx)(a.A,{sx:e=>({padding:`${r.container.padding.default}px`,height:"100%",overflowY:"auto","& :first-of-type":{marginTop:0},"& h1":{fontSize:"2em"},"& code":{fontSize:"0.85em"},"& :not(pre) code":{padding:"0.2em 0.4em",backgroundColor:e.palette.grey[100],borderRadius:"4px"},"& pre":{padding:"1.2em",backgroundColor:e.palette.grey[100],borderRadius:"4px"},"& table, & th, & td":{padding:"0.6em",border:`1px solid ${e.palette.grey[300]}`,borderCollapse:"collapse"},"& li + li":{marginTop:"0.25em"},"& a":{color:e.palette.primary.main}}),dangerouslySetInnerHTML:{__html:c}})},supportedQueryTypes:[],panelOptionsEditorComponents:[{label:"Markdown",content:function(e){let{onChange:n,value:{text:r}}=e;return(0,t.jsxs)(s.A,{spacing:1,children:[(0,t.jsx)(u.A,{sx:{alignSelf:"end",textDecoration:"none"},href:"https://commonmark.org/help/",target:"_blank",rel:"noopener",children:"Markdown Guide"}),(0,t.jsx)(c.A,{label:"Text",multiline:!0,rows:20,value:r,onChange:e=>{n({text:e.target.value})}})]})}}],createInitialOptions:function(){return{text:""}},hideQueryEditor:!0}}}]);