@weavix/cli 0.1.0-dev

package/build/templates/_shared/src/reset.css

@@ -0,0 +1,55 @@
+/* Minimal CSS Reset */
+
+html {
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+}
+
+body {
+  margin: 0;
+}
+
+h1, h2, h3,
+h4, h5, h6,
+p, blockquote, pre,
+figure, dl, dd,
+ul, ol {
+  margin: 0;
+  padding: 0;
+}
+
+ul, ol {
+  list-style: none;
+}
+
+img, svg, video,
+canvas, audio, iframe,
+embed, object {
+  display: block;
+}
+
+img, video {
+  max-width: 100%;
+  height: auto;
+}
+
+button, input, optgroup,
+select, textarea {
+  font-family: inherit;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+}
+
+button {
+  cursor: pointer;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td, th {
+  padding: 0;
+}

package/build/templates/_shared/src/styles-360.scss

@@ -0,0 +1,81 @@
+@import './reset.css';
+
+@import '@gravity-ui/uikit/styles/fonts.css';
+@import '@gravity-ui/uikit/styles/styles.css';
+@import '@yandex-data-ui/gravity-themes/dist/fonts/ys-text.css';
+@import '@yandex-data-ui/gravity-themes/dist/yandex-cloud.css';
+@import '@yandex-data-ui/gravity-themes/dist/yandex-360.css';
+
+@font-face {
+    font-family: 'YS Text Wide 110';
+    src: url('../public/fonts/ys-text-display-wide-110.woff2') format('woff2'),
+    url('../public/fonts/ys-text-display-wide-110.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+}
+
+.g-root {
+    --g-font-family-sans: 'YS Text', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif;
+    --g-font-family-monospace:
+        'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Ubuntu Mono', 'DejaVu Sans Mono',
+        'Courier New', 'Courier', monospace;
+
+    --g-text-header-font-family: 'YS Text Wide 110', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif;
+    --g-text-subheader-font-family: 'YS Text Wide 110', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif;
+
+    --g-text-header-font-weight: 500;
+    --g-text-subheader-font-weight: 500;
+    --g-text-display-font-weight: 500;
+    --g-text-accent-font-weight: 500;
+
+    --g-text-body-1-font-size: 14px;
+    --g-text-body-1-line-height: 18px;
+
+    --g-text-body-2-font-size: 14px;
+    --g-text-body-2-line-height: 20px;
+
+    --g-text-body-3-font-size: 16px;
+    --g-text-body-3-line-height: 24px;
+
+    --g-text-body-short-font-size: 14px;
+    --g-text-body-short-line-height: 18px;
+
+    --g-text-caption-1-font-size: 11px;
+    --g-text-caption-1-line-height: 12px;
+
+    --g-text-caption-2-font-size: 12px;
+    --g-text-caption-2-line-height: 16px;
+
+    --g-text-subheader-1-font-size: 14px;
+    --g-text-subheader-1-line-height: 18px;
+
+    --g-text-subheader-2-font-size: 16px;
+    --g-text-subheader-2-line-height: 20px;
+
+    --g-text-subheader-3-font-size: 16px;
+    --g-text-subheader-3-line-height: 24px;
+
+    --g-text-subheader-3-font: 700
+    var(--g-text-subheader-3-font-size) / var(--g-text-subheader-3-font-size)
+    var(--g-text-subheader-font-family);
+
+    --g-border-radius-xs: 1000px;
+    --g-border-radius-s: 8px;
+    --g-border-radius-m: 10px;
+    --g-border-radius-l: 12px;
+    --g-border-radius-xl: 16px;
+    --g-border-radius-2xl: 24px;
+
+
+}
+
+.g-root_theme_light,
+.g-root_theme_light-hc {
+    --orb-elevation-sunken: rgb(237, 239, 240);
+    
+}
+
+.g-root_theme_dark,
+.g-root_theme_dark-hc {
+    --orb-elevation-sunken: rgb(20, 20, 23);
+}

package/build/templates/_shared/src/styles-gravity.scss

@@ -0,0 +1,249 @@
+@import './reset.css';
+
+@import '@gravity-ui/uikit/styles/fonts.css';
+@import '@gravity-ui/uikit/styles/styles.css';
+@import '@yandex-data-ui/gravity-themes/dist/fonts/ys-text.css';
+@import '@yandex-data-ui/gravity-themes/dist/yandex-cloud.css';
+
+:root {
+    /* Высота шапки */
+    --header-height-s: 26px;
+    --header-height-m: 44px;
+    --header-height-l: 56px;
+    --header-height: var(--header-height-m);
+
+    /** Высота текста табов на странице задачи */
+    --tab-line-height: 32px;
+
+    --yfm-tab-size-code: 4;
+
+    --g-border-radius-2xl: 16px;
+
+    /* page sticky elements top (the unit needed for calculations) */
+    // stylelint-disable-next-line length-zero-no-unit
+    --page-layout-top: 0px;
+    /* page sticky elements right (the unit needed for calculations) */
+    // stylelint-disable-next-line length-zero-no-unit
+    --page-layout-right: 0px;
+    /* page sticky elements bottom (the unit needed for calculations) */
+    // stylelint-disable-next-line length-zero-no-unit
+    --page-layout-bottom: 0px;
+}
+
+.g-root {
+    --yc-color-yandex-red: #fc3f1d;
+    // Косяк в uikit, используется старая переменная
+    --g-tooltip-max-width: var(--g-popover-max-width);
+
+    --mermaid-zoom-control-color: var(--g-color-text-primary);
+
+    /** Высота строк для многострочного текста */
+    --g-text-body-1-line-height-rel: 1.385;
+    --g-text-body-2-line-height-rel: 1.333;
+    --g-text-body-3-line-height-rel: 1.412;
+    --g-text-body-short-line-height-rel: 1.231;
+    --g-text-caption-1-line-height-rel: 1.333;
+    --g-text-caption-2-line-height-rel: 1.455;
+    --g-text-header-1-line-height-rel: 1.2;
+    --g-text-header-2-line-height-rel: 1.167;
+    --g-text-subheader-1-line-height-rel: 1.385;
+    --g-text-subheader-2-line-height-rel: 1.333;
+    --g-text-subheader-3-line-height-rel: 1.412;
+    --g-text-display-1-line-height-rel: 1.286;
+    --g-text-display-2-line-height-rel: 1.25;
+    --g-text-display-3-line-height-rel: 1.2;
+    --g-text-display-4-line-height-rel: 1.083;
+    --g-text-code-1-line-height-rel: 1.5;
+    --g-text-code-2-line-height-rel: 1.429;
+    --g-text-code-3-line-height-rel: 1.5;
+    --g-text-code-inline-1-line-height-rel: 1.167;
+    --g-text-code-inline-2-line-height-rel: 1.143;
+    --g-text-code-inline-3-line-height-rel: 1.25;
+
+    --clb-color-private-black-500: rgba(79, 78, 78, 0.7);
+    --clb-color-private-white-500: rgba(192, 192, 192, 0.7);
+
+    --g-color-base-selection-solid: #ebf4fe;
+
+    /** fix error in uikit for high contrast theme */
+    --g-color-base-modal: var(--g-color-base-background);
+
+    --g-popup-border-radius: var(--g-border-radius-s);
+    --g-modal-border-radius: var(--g-border-radius-s);
+
+    line-height: var(--g-text-body-1-line-height-rel);
+
+    // yarozhkov: STARTREK-32280: fix conflict between @yandex-cloud/uikitt and @gravity-ui/uikit
+    .g-label .g-label__icon {
+        position: absolute;
+    }
+
+    .page_name_issue,
+    .page_name_createIssue,
+    .page_name_portfolio,
+    .page_name_projects,
+    .page_name_goal,
+    .page_name_dashboard,
+    .page_name_agile-board,
+    .side-card {
+        --g-md-toolbar-sticky-inset: calc(-1 * var(--g-spacing-2));
+        --g-md-toolbar-sticky-border: none;
+    }
+
+    --status-type-new-color: var(--g-color-text-misc-heavy);
+    --status-type-new-background-color: var(--g-color-base-misc-light);
+    --status-type-new-background-color-hover: var(--g-color-base-misc-light-hover);
+    --status-type-new-bar-color: var(--g-color-base-misc-medium);
+
+    --status-type-in-progress-color: var(--g-color-text-info);
+    --status-type-in-progress-background-color: var(--g-color-base-info-light);
+    --status-type-in-progress-background-color-hover: var(--g-color-base-info-light-hover);
+    --status-type-in-progress-bar-color: var(--g-color-base-info-medium);
+
+    --status-type-paused-color: var(--g-color-text-warning-heavy);
+    --status-type-paused-background-color: var(--g-color-base-warning-light);
+    --status-type-paused-background-color-hover: var(--g-color-base-warning-light-hover);
+    --status-type-paused-bar-color: var(--g-color-base-warning-medium);
+
+    --status-type-postponed-color: var(--g-color-text-hint);
+    --status-type-postponed-background-color: var(--g-color-base-warning-light);
+    --status-type-postponed-background-color-hover: var(--g-color-base-warning-light-hover);
+    --status-type-postponed-bar-color: var(--g-color-base-warning-medium);
+
+    --status-type-blocked-color: var(--g-color-text-danger-heavy);
+    --status-type-blocked-background-color: var(--g-color-base-danger-light);
+    --status-type-blocked-background-color-hover: var(--g-color-base-danger-light-hover);
+    --status-type-blocked-bar-color: var(--g-color-base-danger-medium);
+
+    --status-type-done-color: var(--g-color-text-positive);
+    --status-type-done-background-color: var(--g-color-base-positive-light);
+    --status-type-done-background-color-hover: var(--g-color-base-positive-light-hover);
+    --status-type-done-bar-color: var(--g-color-base-positive-medium);
+
+    --status-type-exceeded-color: var(--g-color-text-utility);
+    --status-type-exceeded-background-color: var(--g-color-base-utility-light);
+    --status-type-exceeded-background-color-hover: var(--g-color-base-utility-light-hover);
+    --status-type-exceeded-bar-color: var(--g-color-base-utility-medium);
+
+    --status-type-cancelled-color: var(--g-color-text-complementary);
+    --status-type-cancelled-background-color: var(--g-color-base-generic);
+    --status-type-cancelled-background-color-hover: var(--g-color-base-generic-hover);
+    --status-type-cancelled-bar-color: var(--g-color-base-generic-medium);
+
+    --status-type-unknown-color: var(--g-color-text-misc-heavy);
+    --status-type-unknown-background-color: var(--g-color-base-misc-light);
+    --status-type-unknown-background-color-hover: var(--g-color-base-misc-light-hover);
+    --status-type-unknown-bar-color: var(--g-color-base-misc-medium);
+
+    --status-type-draft2-color: var(--g-color-text-hint);
+    --status-type-draft2-background-color: var(--g-color-base-warning-light);
+    --status-type-draft2-background-color-hover: var(--g-color-base-warning-light-hover);
+    --status-type-draft2-bar-color: var(--g-color-base-warning-medium);
+}
+
+body {
+    text-size-adjust: none;
+}
+
+body.g-root {
+    background-color: var(--g-color-base-generic-ultralight);
+}
+
+.g-button_view_flat-secondary.g-button_disabled:not(.g-button_loading)::before,
+.g-button_view_flat-secondary.g-button_disabled:not(.g-button_loading):hover::before {
+    background-color: transparent;
+}
+
+.g-button_disabled {
+    // forced `pointer-events: none` on a disabled element prevents it from
+    // showing its `title` tooltip explaining the reason of its being disabled
+    pointer-events: auto;
+}
+
+.g-dialog-btn-close[class] {
+    inset-inline-end: 20px;
+}
+
+.g-help-mark__popover {
+    max-width: 250px;
+}
+
+.user-org_billing-method_360 {
+    --nv-compact-content-max-height: none;
+}
+
+.g-user__info .g-user__name[class] {
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+}
+
+.yfm {
+    // Fix mermaid in Safari
+    .mermaid svg {
+        max-height: none;
+    }
+}
+
+.g-hotkey[class] {
+    border-radius: var(--g-border-radius-s);
+}
+
+.yc-help-center__docs[class] {
+    padding-bottom: 0;
+}
+
+.yc-help-center__footer[class] {
+    padding-top: 0;
+}
+
+.g-actions-panel__note-wrapper[class] {
+    font-family: var(--g-text-body-font-family);
+}
+
+@media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+        /* stylelint-disable-next-line declaration-no-important */
+        scroll-behavior: auto !important;
+        /* stylelint-disable-next-line declaration-no-important */
+        transition-duration: 0.001ms !important;
+        /* stylelint-disable-next-line declaration-no-important */
+        animation-duration: 0.001ms !important;
+        /* stylelint-disable-next-line declaration-no-important */
+        animation-iteration-count: 1 !important;
+    }
+}
+
+.g-root_theme_dark {
+    // text
+    --g-color-text-primary: var(--g-color-text-light-primary);
+    --g-color-text-light-primary: rgba(255, 255, 255, 0.9); // --g-color-private-white-900
+
+    --g-color-text-complementary: var(--g-color-private-white-700);
+    --g-color-text-light-complementary: rgba(255, 255, 255, 0.9); // var(--g-color-private-white-750);
+
+    --g-color-text-secondary: var(--g-color-text-light-secondary);
+    --g-color-text-light-secondary: rgba(255, 255, 255, 0.55); // var(--g-color-private-white-550);
+
+    // Семантический цвет текста в лейблах:
+    --g-color-text-info-heavy: rgba(145, 179, 255, 1); // var(--g-color-private-blue-700-solid);
+    --g-color-text-positive-heavy: rgba(124, 196, 121, 1); // var(--g-color-private-green-650-solid);
+    --g-color-text-warning-heavy: rgba(255, 203, 0, 1); // var(--g-color-private-yellow-550-solid);
+    --g-color-text-danger-heavy: rgba(239, 127, 125, 1); // var(--g-color-private-red-700-solid);
+    --g-color-text-utility-heavy: rgba(236, 129, 248, 1); // var(--g-color-private-purple-750-solid);
+    --g-color-text-misc-heavy: rgba(160, 179, 195, 1); // var(--g-color-private-cool-grey-750-solid);
+
+    // lines
+    --g-color-line-generic: rgba(255, 255, 255, 0.25); // var(--g-color-private-white-250);
+    --g-color-line-generic-hover: rgba(255, 255, 255, 0.3); // var(--g-color-private-white-300);
+    --g-color-line-generic-active: rgba(255, 255, 255, 0.4); // var(--g-color-private-white-400);
+    --g-color-line-generic-accent: var(--g-color-line-generic);
+}
+
+.g-root_theme_light {
+    --g-color-text-secondary: var(--g-color-text-dark-secondary);
+    --g-color-text-dark-secondary: rgba(0, 0, 0, 0.55); // var(--g-color-private-black-550);
+    --g-color-line-generic: rgba(0, 0, 0, 0.15); // var(--g-color-private-black-150);
+}

package/build/templates/_shared/src/vite-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference types="vite-plugin-svgr/client" />

package/build/templates/_shared/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "@gravity-ui/tsconfig/tsconfig",
+  "compilerOptions": {
+    "noEmit": true,
+
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    "types": ["vite/client", "vite-plugin-svgr/client"],
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "vite.config.ts"],
+}

package/build/templates/_shared/vite.config.ts

@@ -0,0 +1,66 @@
+import fs from 'fs';
+import type { IncomingMessage, ServerResponse } from 'http';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+import react from '@vitejs/plugin-react';
+import type { ViteDevServer } from 'vite';
+import { defineConfig } from 'vite';
+import svgr from 'vite-plugin-svgr';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export default defineConfig(() => {
+    return {
+        base: './',
+        server: {
+            cors: true,
+            headers: {
+                'Access-Control-Allow-Origin': '*',
+                'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+                'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
+            },
+        },
+        plugins: [
+            svgr(),
+            react(),
+            {
+                name: 'serve-config-from-root',
+                apply: 'serve',
+                configureServer(server: ViteDevServer) {
+                    server.middlewares.use(
+                        (req: IncomingMessage, res: ServerResponse, next: () => void) => {
+                            if (req.url === '/config.json') {
+                                const configPath = path.resolve(__dirname, 'config.json');
+                                if (fs.existsSync(configPath)) {
+                                    res.setHeader('Content-Type', 'application/json');
+                                    res.setHeader('Access-Control-Allow-Origin', '*');
+                                    res.setHeader('Access-Control-Allow-Methods', 'GET, OPTIONS');
+                                    res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
+                                    res.end(fs.readFileSync(configPath, 'utf-8'));
+                                    return;
+                                }
+                            }
+                            next();
+                        },
+                    );
+                },
+            },
+        ],
+        build: {
+            sourcemap: true,
+            cssCodeSplit: true,
+            rollupOptions: {
+                output: {
+                    sourcemapIgnoreList: () => false,
+                },
+            },
+        },
+        css: {
+            devSourcemap: true,
+            preprocessorOptions: {
+                scss: {},
+            },
+        },
+    };
+});

package/build/templates/attachment.viewer.action/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="description" content="Web site created using vite" />
+        <title>Default Plugin</title>
+    </head>
+    <body class="g-root g-root_theme_dark">
+        <noscript>You need to enable JavaScript to run this app.</noscript>
+        <div id="root"></div>
+        <script type="module" src="/src/main.tsx"></script>
+    </body>
+</html>

package/build/templates/attachment.viewer.action/src/App.tsx

@@ -0,0 +1,59 @@
+import { useCallback } from 'react';
+
+import { Card, DefinitionList, ThemeProvider, Text as Typography } from '@gravity-ui/uikit';
+import {
+    getField,
+    hostApi,
+    trackerApi,
+    useTrackerPluginContext,
+} from '@yandex-data-ui/tracker-plugin-sdk-react';
+
+const App = () => {
+    const { theme, slotContext } = useTrackerPluginContext<'attachment.viewer.action'>();
+
+    const save = useCallback(async (blob: Blob, filename: string): Promise<void> => {
+        const file = new File([blob], filename, { type: blob.type || 'image/png' });
+
+        const response = await trackerApi.v3.post['/attachments']({
+            bodyParams: { filename },
+            file,
+        });
+
+        hostApi.close({ attachments: [response.data] });
+    }, []);
+
+    if (!slotContext) {
+        return null;
+    }
+
+    const attachmentBlob = getField<string>(slotContext, 'attachmentBlob');
+
+    const id = getField<string>(slotContext, 'meta.id', 'Без идентификатора');
+    const mimetype = getField<string>(slotContext, 'meta.mimetype', 'Без типа');
+    const url = getField<string>(slotContext, 'meta.url', 'Без ссылки');
+    const name = getField<string>(slotContext, 'meta.name', 'Без названия');
+    const size = getField<number>(slotContext, 'meta.size', 0);
+    const date = getField<string>(slotContext, 'meta.date', 'Без даты');
+
+    return (
+        <ThemeProvider theme={theme}>
+            <div style={{ width: '800px', padding: '50px' }}>
+                <Card style={{ padding: '20px' }}>
+                    <Typography variant="header-1" as="div" style={{ marginBottom: '16px' }}>
+                        Текущий контекст в проде
+                    </Typography>
+                    <DefinitionList>
+                        <DefinitionList.Item name="Идентификатор">{id}</DefinitionList.Item>
+                        <DefinitionList.Item name="Название">{name}</DefinitionList.Item>
+                        <DefinitionList.Item name="Тип">{mimetype}</DefinitionList.Item>
+                        <DefinitionList.Item name="Адрес">{url}</DefinitionList.Item>
+                        <DefinitionList.Item name="Размер">{size}</DefinitionList.Item>
+                        <DefinitionList.Item name="Дата">{date}</DefinitionList.Item>
+                    </DefinitionList>
+                </Card>
+            </div>
+        </ThemeProvider>
+    );
+};
+
+export default App;

package/build/templates/default/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="description" content="Web site created using vite" />
+        <title>Default Plugin</title>
+    </head>
+    <body class="g-root g-root_theme_dark">
+        <noscript>You need to enable JavaScript to run this app.</noscript>
+        <div id="root"></div>
+        <script type="module" src="/src/main.tsx"></script>
+    </body>
+</html>

package/build/templates/default/src/App.tsx

@@ -0,0 +1,10 @@
+import { ThemeProvider } from '@gravity-ui/uikit';
+import { useTrackerPluginContext } from '@yandex-data-ui/tracker-plugin-sdk-react';
+
+const App = () => {
+    const { theme } = useTrackerPluginContext();
+
+    return <ThemeProvider theme={theme}>Write your plugin here!</ThemeProvider>;
+};
+
+export default App;

package/build/templates/goal.action/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="description" content="Web site created using vite" />
+        <title>Project Actions Plugin</title>
+    </head>
+    <body class="g-root g-root_theme_dark">
+        <noscript>You need to enable JavaScript to run this app.</noscript>
+        <div id="root"></div>
+        <script type="module" src="/src/main.tsx"></script>
+    </body>
+</html>

package/build/templates/goal.action/src/App.tsx

@@ -0,0 +1,39 @@
+import { Card, DefinitionList, ThemeProvider, Text as Typography } from '@gravity-ui/uikit';
+import { getField, useTrackerPluginContext } from '@yandex-data-ui/tracker-plugin-sdk-react';
+
+const App = () => {
+    const { theme, slotContext } = useTrackerPluginContext<'goal.action'>();
+
+    if (!slotContext) {
+        return null;
+    }
+
+    const summary = getField<string>(slotContext, 'fields.summary.value', 'Без названия');
+    const description = getField<string>(
+        slotContext,
+        'fields.description.value',
+        'Пустое описание',
+    );
+    const status = getField<string>(slotContext, 'fields.entityStatus.value', 'Не указан');
+    const progress = getField<number>(slotContext, 'fields.progressPercentage.value', 0);
+
+    return (
+        <ThemeProvider theme={theme}>
+            <div style={{ width: '800px', padding: '50px' }}>
+                <Card style={{ padding: '20px' }}>
+                    <Typography variant="header-1" as="div" style={{ marginBottom: '16px' }}>
+                        Текущий контекст в проде
+                    </Typography>
+                    <DefinitionList>
+                        <DefinitionList.Item name="Название">{summary}</DefinitionList.Item>
+                        <DefinitionList.Item name="Описание">{description}</DefinitionList.Item>
+                        <DefinitionList.Item name="Статус">{status}</DefinitionList.Item>
+                        <DefinitionList.Item name="Прогресс">{progress}</DefinitionList.Item>
+                    </DefinitionList>
+                </Card>
+            </div>
+        </ThemeProvider>
+    );
+};
+
+export default App;

package/build/templates/issue.action/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="description" content="Web site created using vite" />
+        <title>Issue Actions Plugin</title>
+    </head>
+    <body class="g-root g-root_theme_dark">
+        <noscript>You need to enable JavaScript to run this app.</noscript>
+        <div id="root"></div>
+        <script type="module" src="/src/main.tsx"></script>
+    </body>
+</html>