prometheus/web/ui/mantine-ui/index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!--
      Placeholders replaced by Prometheus during serving:
      - CONSOLES_LINK_PLACEHOLDER is replaced and set to the consoles link if it exists.
        It will render a "Consoles" link in the navbar when it is non-empty.
      - AGENT_MODE_PLACEHOLDER is replaced by a boolean indicating if Prometheus is running in agent mode.
        It true, it will disable querying capacities in the UI and generally adapt the UI to the agent mode.
        It has to be represented as a string, because booleans can be mangled to !1 in production builds.
      - READY_PLACEHOLDER is replaced by a boolean indicating whether Prometheus was ready at the time the
        web app was served. It has to be represented as a string, because booleans can be mangled to !1 in
        production builds.
      - LOOKBACKDELTA_PLACEHOLDER is replaced by the default lookback delta duration used for queries.
    -->
    <script>
      const GLOBAL_CONSOLES_LINK='CONSOLES_LINK_PLACEHOLDER';
      const GLOBAL_AGENT_MODE='AGENT_MODE_PLACEHOLDER';
      const GLOBAL_READY='READY_PLACEHOLDER';
      const GLOBAL_LOOKBACKDELTA='LOOKBACKDELTA_PLACEHOLDER';
    </script>

    <!--
        The TITLE_PLACEHOLDER magic value is replaced during serving by Prometheus.
        We need it dynamic because it can be overridden by the command line flag `web.page-title`.
    -->
    <title>TITLE_PLACEHOLDER</title>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>
Add scaffold for new Mantine-based UI Signed-off-by: Julius Volz <julius.volz@gmail.com> 9 months ago			`<!doctype html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="UTF-8" />`
Build both old & new UI into Prometheus, allow choosing via feature flag This keeps the old "react-app" directory in its existing location (to make it easier to merge changes from the main branch), but separates it from the npm workspaces setup. Thus it now needs to be npm-installed/built/linted separately. This is a bit hacky, but should only be needed temporarily, until the old UI can be removed. Signed-off-by: Julius Volz <julius.volz@gmail.com> 7 months ago			`<link rel="icon" type="image/svg+xml" href="/favicon.svg" />`
Add scaffold for new Mantine-based UI Signed-off-by: Julius Volz <julius.volz@gmail.com> 9 months ago			`<meta name="viewport" content="width=device-width, initial-scale=1.0" />`
Implement several status pages and other general aspects Signed-off-by: Julius Volz <julius.volz@gmail.com> 9 months ago
			`<!--`
			`Placeholders replaced by Prometheus during serving:`
Mantine UI: Use actual lookback delta in explain Signed-off-by: Julien <roidelapluie@o11y.eu> 3 months ago			`- CONSOLES_LINK_PLACEHOLDER is replaced and set to the consoles link if it exists.`
Implement several status pages and other general aspects Signed-off-by: Julius Volz <julius.volz@gmail.com> 9 months ago			`It will render a "Consoles" link in the navbar when it is non-empty.`
Mantine UI: Use actual lookback delta in explain Signed-off-by: Julien <roidelapluie@o11y.eu> 3 months ago			`- AGENT_MODE_PLACEHOLDER is replaced by a boolean indicating if Prometheus is running in agent mode.`
Implement several status pages and other general aspects Signed-off-by: Julius Volz <julius.volz@gmail.com> 9 months ago			`It true, it will disable querying capacities in the UI and generally adapt the UI to the agent mode.`
			`It has to be represented as a string, because booleans can be mangled to !1 in production builds.`
Mantine UI: Use actual lookback delta in explain Signed-off-by: Julien <roidelapluie@o11y.eu> 3 months ago			`- READY_PLACEHOLDER is replaced by a boolean indicating whether Prometheus was ready at the time the`
Implement several status pages and other general aspects Signed-off-by: Julius Volz <julius.volz@gmail.com> 9 months ago			`web app was served. It has to be represented as a string, because booleans can be mangled to !1 in`
			`production builds.`
Mantine UI: Use actual lookback delta in explain Signed-off-by: Julien <roidelapluie@o11y.eu> 3 months ago			`- LOOKBACKDELTA_PLACEHOLDER is replaced by the default lookback delta duration used for queries.`
Implement several status pages and other general aspects Signed-off-by: Julius Volz <julius.volz@gmail.com> 9 months ago			`-->`
			`<script>`
			`const GLOBAL_CONSOLES_LINK='CONSOLES_LINK_PLACEHOLDER';`
			`const GLOBAL_AGENT_MODE='AGENT_MODE_PLACEHOLDER';`
			`const GLOBAL_READY='READY_PLACEHOLDER';`
Mantine UI: Use actual lookback delta in explain Signed-off-by: Julien <roidelapluie@o11y.eu> 3 months ago			`const GLOBAL_LOOKBACKDELTA='LOOKBACKDELTA_PLACEHOLDER';`
Implement several status pages and other general aspects Signed-off-by: Julius Volz <julius.volz@gmail.com> 9 months ago			`</script>`

			`<!--`
			`The TITLE_PLACEHOLDER magic value is replaced during serving by Prometheus.`
			We need it dynamic because it can be overridden by the command line flag `web.page-title`.
			`-->`
			`<title>TITLE_PLACEHOLDER</title>`
Add scaffold for new Mantine-based UI Signed-off-by: Julius Volz <julius.volz@gmail.com> 9 months ago			`</head>`
			`<body>`
			`<div id="root"></div>`
			`<script type="module" src="/src/main.tsx"></script>`
			`</body>`
			`</html>`