Правила

• Запрещено использовать vh/vw css-юниты и их производные

Виджет

Сборка

yarn build:widget

Использование

<script type="module">
  import widget from "https://hbpn.link/export/pub.js";

  widget.create({
    selector: "widget-container",
    quizId: "...",
  });
</script>

Npm-пакет

Перед использованием и публикацией

npm config set //penahub.gitlab.yandexcloud.net/api/v4/packages/npm/:_authToken=INSTANCE_TOKEN
npm config set //penahub.gitlab.yandexcloud.net/api/v4/projects/43/packages/npm/:_authToken=PROJECT_TOKEN

Публикация

1. Инкрементировать версию в package.json

yarn publish

3. Нажать enter при запросе версии

Установка

Добавить в корень проекта файл .yarnrc с содержимым

"@frontend:registry" "https://penahub.gitlab.yandexcloud.net/api/v4/packages/npm/"

yarn add @frontend/squzanswerer

Peer dependencies:

yarn add @emoji-mart/data @emoji-mart/react @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-date-pickers axios emoji-mart immer moment nanoid notistack react-dom react-error-boundary react-router-dom react swr use-debounce zustand

Использование

import { QuizView } from "@frontend/squzanswerer";

export default function Component() {
    // ...
    return (
        <QuizView quizId={quizId} />
    }
}