@topvisor/ui 1.0.41-dialog.1 → 1.1.0-date.0

package/.gitlab-ci/.gitlab-ci.yml

@@ -0,0 +1,27 @@
+variables:
+  FF_USE_FASTZIP: "true"
+  CACHE_COMPRESSION_LEVEL: "fast"
+  GIT_STRATEGY: fetch
+  GITLAB_IP: 10.100.17.43
+  GITLAB_PROJECT_URL: ssh://git@$GITLAB_IP:$CI_SERVER_SHELL_SSH_PORT/$CI_PROJECT_PATH
+
+cache:
+  key: "$CI_COMMIT_REF_SLUG"  # Кэшировать зависимости для конкретной ветки
+
+include:
+  - /.gitlab-ci/common/install.yml
+  - /.gitlab-ci/common/lint.yml
+  - /.gitlab-ci/common/redmine.yml
+#  - /.gitlab-ci/common/version.yml
+  - /.gitlab-ci/storybook/build.yml
+  - /.gitlab-ci/storybook/deploy.yml
+  - /.gitlab-ci/ui/build.yml
+  - /.gitlab-ci/ui/deploy.yml
+#  - /.gitlab-ci/ui/deploy-dist.yml
+
+stages:
+  - install
+  - lint
+#  - version
+  - build
+  - deploy

package/.gitlab-ci/README.md

@@ -0,0 +1,59 @@
+# UI CI/CD Pipelines
+
+## Обзор
+
+Этот репозиторий содержит несколько конвейеров GitLab CI/CD для управления процессами сборки и развертывания проекта. Ниже представлен обзор различных
+этапов и их назначения.
+
+## Этапы конвейера
+
+### 1. Установка зависимостей (Install)
+
+- Устанавливает зависимости с помощью `npm ci`.
+- Кэширует `node_modules/` для ускорения будущих сборок.
+- Запускается только при изменении `package-lock.json`.
+
+### 2. Линтинг кода (Lint)
+
+- Проверяет, соответствует ли имя ветки требуемому шаблону `[a-z0-9\-]*`.
+- Если имя ветки некорректно, оно автоматически удаляется.
+
+### 3. Управление версиями (Versioning)
+
+- Управляет обновлениями версий и генерацией `changelog`.
+- Автоматическое управление версиями отключено, требуется ручное тегирование.
+
+### 4. Сборка (Build)
+
+- **Storybook:** Выполняет `npx storybook build` и сохраняет результат в `storybook-static/`.
+- **UI:** Выполняет `npm run ci-cd-build` и сохраняет результат в `dist/`.
+
+### 5. Развертывание (Deploy)
+
+- **Storybook:** Использует `rsync` для развертывания артефактов Storybook.
+- **UI:**
+    - Публикует релиз (`npm run ci-cd-publish-latest`), если тег является стабильным.
+    - Публикует предварительный релиз (`npm run ci-cd-publish-dev`), если тег содержит `-`.
+
+## Схема выполнения конвейера
+
+### Примечание
+
+- Изменения в `package-lock.json` влияют только на этап `Установка зависимостей`, так как это файл, фиксирующий версии зависимостей. Поэтому, если он
+  изменяется, необходимо повторно выполнить `npm ci`, чтобы убедиться, что используются правильные версии пакетов.
+
+```mermaid
+graph TD
+;
+    A[Коммит] -->|Запуск конвейера| B[Установка зависимостей];
+    B --> C[Линтинг кода];
+    B -->|Переустановить, если изменения в package-lock.json| B[Установка зависимостей];
+    C -->|Если имя ветки некорректно| D[Удаление ветки];
+    C --> E[Управление версиями];
+    E -->|Если тег существует| F[Сборка UI];
+    E -->|Если изменения в package.json| G[Сборка Storybook];
+    F --> H[Развертывание UI];
+    G --> I[Развертывание Storybook];
+    H -->|Если стабильный релиз| J[Публикация Latest];
+    H -->|Если предварительный релиз| K[Публикация Dev];
+```

package/.gitlab-ci/common/install.yml

@@ -0,0 +1,21 @@
+install:npm:
+  stage: install
+  script:
+    - npm ci
+  cache:
+    paths:
+      - node_modules/
+  rules:
+    - changes:
+        - package-lock.json
+
+install:npm-force:
+  stage: install
+  needs:
+    - job: install:npm
+      optional: true  # Возможно install npm уже был выполнен ранее
+  script: |
+    [ ! -d "node_modules" ] && npm ci || echo "npm ci уже выполен"
+  cache:
+    paths:
+      - node_modules/

package/.gitlab-ci/common/lint.yml

@@ -0,0 +1,11 @@
+lint:branch-name:
+  stage: lint
+  script: |
+    if [[ ! $CI_COMMIT_BRANCH =~ ^[a-z0-9\-]*$ ]]; then
+      echo "Не соблюдено правило именования веток, ветка $CI_COMMIT_BRANCH будет удалена"
+      echo "Имя ветки должно содержать только маленькие латинские буквы, цифры и знак '-'"
+    
+      git push -d "https://gitlab-ci-token:$WRITE_REPOSITORY_TOKEN@gitlab.topvisor.com/$CI_PROJECT_PATH" $CI_COMMIT_BRANCH
+    
+      exit 1
+    fi

package/.gitlab-ci/common/redmine.yml

@@ -0,0 +1,10 @@
+include:
+  - project: 'topvisor/gitlab-jobs'
+    file: 'redmine-related-commits.yml'
+
+build:redmine-related-commits:
+  stage: build
+  interruptible: true
+  extends: .redmine-related-commits
+  rules:
+    - if: $CI_PIPELINE_SOURCE == 'push' && $CI_COMMIT_TAG == null

package/.gitlab-ci/common/version.yml

@@ -0,0 +1,34 @@
+# Автоматика отключена, так как создание тега делает разработчик самостоятельно
+
+## Релиза (ветка master)
+## - смена версии
+## - генерация changelog
+#version:release:
+#  stage: version
+#  variables:
+#    GIT_STRATEGY: clone
+#  script: |
+#    git switch $CI_COMMIT_BRANCH
+#
+#    npm run npm-release
+#
+#    git push -o ci.skip $GITLAB_PROJECT_URL $CI_COMMIT_BRANCH
+#    git push $GITLAB_PROJECT_URL --tags
+#  rules:
+#    - if: $CI_COMMIT_BRANCH && $CI_COMMIT_BRANCH == "master"
+#
+## Пре-релиз (другие ветки)
+## - смена версии
+#version:prerelease:
+#  stage: version
+#  variables:
+#    GIT_STRATEGY: clone
+#  script: |
+#    git switch $CI_COMMIT_BRANCH
+#
+#    npm run npm-release-dev
+#
+#    git push -o ci.skip $GITLAB_PROJECT_URL $CI_COMMIT_BRANCH
+#    git push $GITLAB_PROJECT_URL --tags
+#  rules:
+#    - if: $CI_COMMIT_BRANCH && $CI_COMMIT_BRANCH != "master"

package/.gitlab-ci/storybook/build.yml

@@ -0,0 +1,18 @@
+build:storybook:
+  stage: build
+  script: |
+    npx storybook build -o storybook-static
+
+    echo "JOB_BUILD_ID=$CI_JOB_ID" > build.env
+  cache:
+    paths:
+      - node_modules/
+  artifacts:
+    paths:
+      - storybook-static/
+    reports:
+      dotenv: build.env
+  rules:
+    - if: "$CI_PIPELINE_SOURCE == 'push' && $CI_COMMIT_TAG == null"
+      changes:
+        - package.json

package/.gitlab-ci/storybook/deploy.yml

@@ -0,0 +1,50 @@
+include:
+  - project: 'topvisor/gitlab-jobs'
+    file: 'generate-job.yml'
+
+deploy:storybook-rsync-generate:
+  extends: .generate-job
+  stage: deploy
+  dependencies:
+    - build:storybook
+  variables:
+    parentJobFilePath: 'rsync.yml'
+    hostGroupsNames: 'topvisor_ui'
+    append_yaml: |-
+      load-artifacts:
+        stage: .pre
+        script: |
+          # Скачиваем артефакты
+          # JOB_BUILD_ID объявляется в джобе storybook в dotenv файле
+          curl --header "JOB-TOKEN: $$CI_JOB_TOKEN" --output artifacts.zip "https://gitlab.topvisor.com/api/v4/projects/$CI_PROJECT_ID/jobs/$JOB_BUILD_ID/artifacts"
+
+          # unzip ломает кодировку, используется 7z
+          7z x artifacts.zip
+        artifacts:
+          paths:
+            - storybook-static/
+    generated_job_variables: |-
+      user: "www-data"
+      destDir: "/topvisor/local/topvisor-ui/src/$CI_COMMIT_BRANCH"
+      srcDir: "./storybook-static/"
+      excludePaths: ".git"
+  artifacts:
+    paths:
+      - generated-jobs.yml
+  rules:
+    - if: "$CI_PIPELINE_SOURCE == 'push' && $CI_COMMIT_TAG == null"
+      changes:
+        - package.json
+
+deploy:storybook-rsync-run-generated:
+  stage: deploy
+  needs: [ "deploy:storybook-rsync-generate" ]
+  trigger:
+    include:
+      - artifact: 'generated-jobs.yml'
+        job: deploy:storybook-rsync-generate
+    strategy: depend
+  rules:
+    - if: "$CI_PIPELINE_SOURCE == 'push' && $CI_COMMIT_TAG == null"
+      changes:
+        - package.json

package/.gitlab-ci/ui/build.yml

@@ -0,0 +1,12 @@
+build:ui:
+  stage: build
+  script: |
+    npm run ci-cd-build
+  cache:
+    paths:
+      - node_modules/
+  artifacts:
+    paths:
+      - dist/
+  rules:
+    - if: $CI_COMMIT_TAG

package/.gitlab-ci/ui/deploy-dist.yml

@@ -0,0 +1,89 @@
+# Добавляет файл в проект dist на нужные серверы
+# Лучше вызывать в topvisor.com-dist, но это надо делать не после, а до изменения package.json
+
+include:
+  - project: 'topvisor/gitlab-jobs'
+    file: 'generate-job.yml'
+
+# Делается через шаблон, так как данные dist на проде и dev хранятся в разных местах
+.deploy-dist:ui-rsync-generate:
+  extends: .generate-job
+  stage: deploy
+  needs:
+    - job: deploy:ui-release
+      optional: true
+    - job: deploy:ui-prerelease
+      optional: true
+  variables: &common-variables
+    parentJobFilePath: 'rsync.yml'
+    hostGroupsNames: 'topvisor_com_dev'
+    resource_group: 'true'
+    generated_job_before_script: |-
+      currentDir=$(pwd)
+      
+      # Пауза 10 секунд, чтобы версия успела обновиться на севрерах npm
+      sleep 10
+      
+      mkdir -p $$srcDir
+      cd $$srcDir
+      
+      if ! npm show "@topvisor/ui@$CI_COMMIT_TAG" version > /dev/null 2>&1; then
+        echo "Error: Version $CI_COMMIT_TAG of @topvisor/ui does not exist."
+        exit 1
+      fi
+      
+      npm pack @topvisor/ui@$CI_COMMIT_TAG && tar -xzf *.tgz && rm *.tgz && mv package/* package/.[^.]*  . && rmdir package
+      
+      # для работы относительных путей в rsync.yml
+      cd $$currentDir
+    generated_job_variables: |-
+      user: "www-data"
+      srcDir: "./npm/@topvisor/ui/$CI_COMMIT_TAG/"
+      destDir: "/topvisor/local/topvisor-com/dist/src/npm/@topvisor/ui/$CI_COMMIT_TAG"
+  artifacts:
+    paths:
+      - generated-jobs.yml
+  rules:
+    - if: $CI_COMMIT_TAG
+
+deploy-dist-dev:ui-rsync-generate:
+  extends: .deploy-dist:ui-rsync-generate
+  variables:
+    <<: *common-variables
+    hostGroupsNames: 'topvisor_com_dev'
+    generated_job_variables: |-
+      user: "www-data"
+      srcDir: "./npm/@topvisor/ui/$CI_COMMIT_TAG/"
+      destDir: "/topvisor/local/topvisor-com/dist/src/npm/@topvisor/ui/$CI_COMMIT_TAG"
+
+deploy-dist-prod:ui-rsync-generate:
+  extends: .deploy-dist:ui-rsync-generate
+  variables:
+    <<: *common-variables
+    hostGroupsNames: 'topvisor_com'
+    generated_job_variables: |-
+      user: "www-data"
+      srcDir: "./npm/@topvisor/ui/$CI_COMMIT_TAG/"
+      destDir: "/topvisor/topvisor-com/dist/src/npm/@topvisor/ui/$CI_COMMIT_TAG"
+
+deploy-dist-dev:ui-rsync-run-generated:
+  stage: deploy
+  needs: [ "deploy-dist-dev:ui-rsync-generate" ]
+  trigger:
+    include:
+      - artifact: 'generated-jobs.yml'
+        job: deploy-dist-dev:ui-rsync-generate
+    strategy: depend
+  rules:
+    - if: $CI_COMMIT_TAG
+
+deploy-dist-prod:ui-rsync-run-generated:
+  stage: deploy
+  needs: [ "deploy-dist-prod:ui-rsync-generate" ]
+  trigger:
+    include:
+      - artifact: 'generated-jobs.yml'
+        job: deploy-dist-prod:ui-rsync-generate
+    strategy: depend
+  rules:
+    - if: $CI_COMMIT_TAG

package/.gitlab-ci/ui/deploy.yml

@@ -0,0 +1,19 @@
+deploy:ui-release:
+  stage: deploy
+  dependencies:
+    - build:ui
+  script: |
+    echo "//registry.npmjs.org/:_authToken=${NPM_TOPVISOR_TOKEN}" > .npmrc
+    npm run ci-cd-publish-latest
+  rules:
+    - if: $CI_COMMIT_TAG && $CI_COMMIT_TAG !~ "/-/"
+
+deploy:ui-prerelease:
+  stage: deploy
+  dependencies:
+    - build:ui
+  script: |
+    echo "//registry.npmjs.org/:_authToken=${NPM_TOPVISOR_TOKEN}" > .npmrc
+    npm run ci-cd-publish-dev
+  rules:
+    - if: $CI_COMMIT_TAG && $CI_COMMIT_TAG =~ "/-/"

package/.idea/.gitignore

@@ -0,0 +1,11 @@
+/*
+!/.gitignore
+!/codeStyles/
+!/externalDependencies.xml
+!/icon.svg
+!/inspectionProfiles/
+!/php.xml
+!/ui.iml
+!/modules.xml
+!/vcs.xml
+!/webServers.xml

package/.idea/codeStyles/Project.xml

@@ -0,0 +1,205 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <option name="LINE_SEPARATOR" value="&#10;" />
+    <option name="RIGHT_MARGIN" value="150" />
+    <option name="WRAP_WHEN_TYPING_REACHES_RIGHT_MARGIN" value="true" />
+    <CssCodeStyleSettings>
+      <option name="BLANK_LINES_BETWEEN_BLOCKS" value="0" />
+      <option name="KEEP_SINGLE_LINE_BLOCKS" value="true" />
+      <option name="ENFORCE_QUOTES_ON_FORMAT" value="true" />
+    </CssCodeStyleSettings>
+    <HTMLCodeStyleSettings>
+      <option name="HTML_ATTRIBUTE_WRAP" value="4" />
+      <option name="HTML_KEEP_BLANK_LINES" value="1" />
+      <option name="HTML_ALIGN_ATTRIBUTES" value="false" />
+      <option name="HTML_NEWLINE_BEFORE_FIRST_ATTRIBUTE" value="When multiline" />
+      <option name="HTML_NEWLINE_AFTER_LAST_ATTRIBUTE" value="When multiline" />
+    </HTMLCodeStyleSettings>
+    <JSCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_GENERATOR_MULT" value="true" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
+      <option name="OBJECT_LITERAL_WRAP" value="0" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </JSCodeStyleSettings>
+    <PHPCodeStyleSettings>
+      <option name="COMMA_AFTER_LAST_ARRAY_ELEMENT" value="true" />
+      <option name="COMMA_AFTER_LAST_PARAMETER" value="true" />
+      <option name="COMMA_AFTER_LAST_CLOSURE_USE_VAR" value="true" />
+      <option name="COMMA_AFTER_LAST_ARGUMENT" value="true" />
+      <option name="COMMA_AFTER_LAST_MATCH_ARM" value="true" />
+      <option name="PHPDOC_BLANK_LINE_BEFORE_TAGS" value="true" />
+      <option name="PHPDOC_BLANK_LINES_AROUND_PARAMETERS" value="true" />
+      <option name="PHPDOC_WRAP_LONG_LINES" value="true" />
+      <option name="BLANK_LINES_BETWEEN_IMPORTS" value="1" />
+      <option name="LOWER_CASE_BOOLEAN_CONST" value="true" />
+      <option name="LOWER_CASE_NULL_CONST" value="true" />
+      <option name="ELSE_IF_STYLE" value="COMBINE" />
+      <option name="VARIABLE_NAMING_STYLE" value="CAMEL_CASE" />
+      <option name="BLANK_LINES_BEFORE_RETURN_STATEMENT" value="1" />
+      <option name="BLANK_LINES_AFTER_OPENING_TAG" value="1" />
+      <option name="KEEP_BLANK_LINES_AFTER_LBRACE" value="0" />
+      <option name="SPACES_WITHIN_SHORT_ECHO_TAGS" value="false" />
+      <option name="FORCE_SHORT_DECLARATION_ARRAY_STYLE" value="true" />
+      <option name="NEW_LINE_AFTER_PHP_OPENING_TAG" value="true" />
+      <option name="FORCE_EMPTY_METHODS_IN_ONE_LINE" value="true" />
+      <option name="FORCE_EMPTY_CLASSES_IN_ONE_LINE" value="true" />
+      <option name="MULTILINE_CHAINED_CALLS_FIRST_CALL_ON_NEW_LINE" value="true" />
+      <option name="HEREDOC_ON_SAME_LINE" value="true" />
+      <option name="IF_LPAREN_ON_NEXT_LINE" value="true" />
+      <option name="IF_RPAREN_ON_NEXT_LINE" value="true" />
+    </PHPCodeStyleSettings>
+    <TypeScriptCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_GENERATOR_MULT" value="true" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
+      <option name="VAR_DECLARATION_WRAP" value="2" />
+      <option name="OBJECT_LITERAL_WRAP" value="0" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </TypeScriptCodeStyleSettings>
+    <codeStyleSettings language="CSS">
+      <option name="KEEP_BLANK_LINES_IN_CODE" value="1" />
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="4" />
+        <option name="USE_TAB_CHARACTER" value="true" />
+      </indentOptions>
+      <arrangement>
+        <rules>
+          <section>
+            <rule>
+              <match>
+                <NAME>.*</NAME>
+              </match>
+              <order>BY_NAME</order>
+            </rule>
+          </section>
+        </rules>
+      </arrangement>
+    </codeStyleSettings>
+    <codeStyleSettings language="HTML">
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="4" />
+        <option name="USE_TAB_CHARACTER" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JSON">
+      <option name="KEEP_BLANK_LINES_IN_CODE" value="1" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="4" />
+        <option name="USE_TAB_CHARACTER" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="KEEP_FIRST_COLUMN_COMMENT" value="false" />
+      <option name="KEEP_BLANK_LINES_IN_CODE" value="1" />
+      <option name="ALIGN_MULTILINE_PARAMETERS" value="false" />
+      <option name="ALIGN_MULTILINE_FOR" value="false" />
+      <option name="CALL_PARAMETERS_WRAP" value="5" />
+      <option name="METHOD_PARAMETERS_WRAP" value="5" />
+      <option name="METHOD_PARAMETERS_LPAREN_ON_NEXT_LINE" value="true" />
+      <option name="METHOD_CALL_CHAIN_WRAP" value="5" />
+      <option name="BINARY_OPERATION_WRAP" value="1" />
+      <option name="TERNARY_OPERATION_WRAP" value="5" />
+      <option name="TERNARY_OPERATION_SIGNS_ON_NEXT_LINE" value="true" />
+      <option name="KEEP_SIMPLE_BLOCKS_IN_ONE_LINE" value="true" />
+      <option name="KEEP_SIMPLE_METHODS_IN_ONE_LINE" value="true" />
+      <option name="ARRAY_INITIALIZER_WRAP" value="5" />
+      <option name="ARRAY_INITIALIZER_LBRACE_ON_NEXT_LINE" value="true" />
+      <option name="ARRAY_INITIALIZER_RBRACE_ON_NEXT_LINE" value="true" />
+      <option name="IF_BRACE_FORCE" value="1" />
+      <option name="DOWHILE_BRACE_FORCE" value="3" />
+      <option name="WHILE_BRACE_FORCE" value="3" />
+      <option name="FOR_BRACE_FORCE" value="3" />
+      <indentOptions>
+        <option name="USE_TAB_CHARACTER" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="PHP">
+      <option name="KEEP_BLANK_LINES_IN_DECLARATIONS" value="1" />
+      <option name="KEEP_BLANK_LINES_IN_CODE" value="1" />
+      <option name="KEEP_BLANK_LINES_BEFORE_RBRACE" value="0" />
+      <option name="BLANK_LINES_BEFORE_PACKAGE" value="0" />
+      <option name="BLANK_LINES_AFTER_PACKAGE" value="1" />
+      <option name="BLANK_LINES_AFTER_CLASS_HEADER" value="1" />
+      <option name="BLANK_LINES_BEFORE_CLASS_END" value="1" />
+      <option name="CLASS_BRACE_STYLE" value="1" />
+      <option name="METHOD_BRACE_STYLE" value="1" />
+      <option name="SPECIAL_ELSE_IF_TREATMENT" value="true" />
+      <option name="ALIGN_MULTILINE_PARAMETERS" value="false" />
+      <option name="ALIGN_MULTILINE_FOR" value="false" />
+      <option name="SPACE_AFTER_TYPE_CAST" value="true" />
+      <option name="CALL_PARAMETERS_WRAP" value="5" />
+      <option name="CALL_PARAMETERS_LPAREN_ON_NEXT_LINE" value="true" />
+      <option name="CALL_PARAMETERS_RPAREN_ON_NEXT_LINE" value="true" />
+      <option name="METHOD_PARAMETERS_WRAP" value="5" />
+      <option name="METHOD_PARAMETERS_LPAREN_ON_NEXT_LINE" value="true" />
+      <option name="METHOD_PARAMETERS_RPAREN_ON_NEXT_LINE" value="true" />
+      <option name="EXTENDS_LIST_WRAP" value="5" />
+      <option name="METHOD_CALL_CHAIN_WRAP" value="5" />
+      <option name="BINARY_OPERATION_WRAP" value="5" />
+      <option name="TERNARY_OPERATION_SIGNS_ON_NEXT_LINE" value="true" />
+      <option name="KEEP_SIMPLE_METHODS_IN_ONE_LINE" value="true" />
+      <option name="KEEP_SIMPLE_CLASSES_IN_ONE_LINE" value="true" />
+      <option name="FOR_STATEMENT_WRAP" value="1" />
+      <option name="ARRAY_INITIALIZER_WRAP" value="5" />
+      <option name="ARRAY_INITIALIZER_LBRACE_ON_NEXT_LINE" value="true" />
+      <option name="ARRAY_INITIALIZER_RBRACE_ON_NEXT_LINE" value="true" />
+      <option name="ASSIGNMENT_WRAP" value="5" />
+      <option name="IF_BRACE_FORCE" value="1" />
+      <option name="DOWHILE_BRACE_FORCE" value="3" />
+      <option name="WHILE_BRACE_FORCE" value="3" />
+      <option name="FOR_BRACE_FORCE" value="3" />
+      <indentOptions>
+        <option name="USE_TAB_CHARACTER" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="Shell Script">
+      <indentOptions>
+        <option name="INDENT_SIZE" value="4" />
+        <option name="TAB_SIZE" value="4" />
+        <option name="USE_TAB_CHARACTER" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="TypeScript">
+      <option name="KEEP_FIRST_COLUMN_COMMENT" value="false" />
+      <option name="KEEP_BLANK_LINES_IN_CODE" value="1" />
+      <option name="ALIGN_MULTILINE_PARAMETERS" value="false" />
+      <option name="ALIGN_MULTILINE_FOR" value="false" />
+      <option name="CALL_PARAMETERS_WRAP" value="5" />
+      <option name="CALL_PARAMETERS_LPAREN_ON_NEXT_LINE" value="true" />
+      <option name="CALL_PARAMETERS_RPAREN_ON_NEXT_LINE" value="true" />
+      <option name="METHOD_PARAMETERS_WRAP" value="5" />
+      <option name="METHOD_PARAMETERS_LPAREN_ON_NEXT_LINE" value="true" />
+      <option name="METHOD_PARAMETERS_RPAREN_ON_NEXT_LINE" value="true" />
+      <option name="METHOD_CALL_CHAIN_WRAP" value="5" />
+      <option name="BINARY_OPERATION_WRAP" value="1" />
+      <option name="TERNARY_OPERATION_WRAP" value="5" />
+      <option name="TERNARY_OPERATION_SIGNS_ON_NEXT_LINE" value="true" />
+      <option name="KEEP_SIMPLE_BLOCKS_IN_ONE_LINE" value="true" />
+      <option name="KEEP_SIMPLE_METHODS_IN_ONE_LINE" value="true" />
+      <option name="ARRAY_INITIALIZER_WRAP" value="5" />
+      <option name="ARRAY_INITIALIZER_LBRACE_ON_NEXT_LINE" value="true" />
+      <option name="ARRAY_INITIALIZER_RBRACE_ON_NEXT_LINE" value="true" />
+      <option name="IF_BRACE_FORCE" value="1" />
+      <option name="DOWHILE_BRACE_FORCE" value="3" />
+      <option name="WHILE_BRACE_FORCE" value="3" />
+      <option name="FOR_BRACE_FORCE" value="3" />
+      <indentOptions>
+        <option name="USE_TAB_CHARACTER" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="Vue">
+      <indentOptions>
+        <option name="INDENT_SIZE" value="4" />
+        <option name="TAB_SIZE" value="4" />
+        <option name="USE_TAB_CHARACTER" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+  </code_scheme>
+</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

package/.idea/externalDependencies.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ExternalDependencies">
+    <plugin id="com.intellij.mermaid" />
+  </component>
+</project>

package/.idea/icon.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
+<path d="M4.28626 21.0001C3.01134 21.0001 2 21.967 2 23.2855C2 23.8134 2.10257 24.286 2.42384 24.6257L7.18067 29.588C7.50527 29.9276 8.11992 30 8.60465 30C9.85955 30 11 28.9002 11 27.5852V23.1693C10.9992 21.851 9.74911 21 8.49571 21C7.09989 21.0001 5.68296 21.0001 4.28626 21.0001Z" fill="#ff1493" />
+<path d="M22 15.9992C22 12.6833 19.3165 10 15.9996 10C12.6827 10 10 12.6815 10 15.9992C10 19.3168 12.6827 22 15.9996 22C19.3157 21.9991 22 19.3149 22 15.9992ZM17.7491 12.5C18.7234 12.5 19.5 13.2753 19.5 14.25C19.5 15.2247 18.7251 16 17.7491 16C16.7748 16 16 15.2239 16 14.25C15.9991 13.2752 16.7731 12.5 17.7491 12.5Z" fill="#ff1493" />
+<path d="M16.09 0C7.32226 0 0 7.30159 0 16.0498V16.5244C0 18.0677 1.50742 19.3384 3.05544 19.3384C4.60439 19.3384 6.11087 18.0694 6.11087 16.5244V16.0498C6.11087 10.4422 10.2291 5.88186 15.8496 5.88186C21.4694 5.88186 26.0001 10.2873 26.0001 15.8943C26.0001 21.5012 21.3871 25.905 15.7673 25.905H15.2907C13.7434 25.905 12.8386 27.4093 12.8386 28.9533C12.8386 30.4973 14.1127 32 15.6607 32H16.1373C24.9058 32 32 24.7483 32 16.0001C32 7.25335 24.9058 0 16.1373 0H16.09Z" fill="#ff1493" />
+</svg>