@rynt/sdk 0.9.53

package/src/shared/types/invite-payloads.ts

@@ -0,0 +1,60 @@
+/**
+ * Содержимое `Invite.config` для лаунчер-инвайтов — тот же shape, что payload
+ * специальных сообщений чата (`sendMessageRaw` / `Message.vue`).
+ */
+
+export type InvitePayloadInviteServer = {
+  type: 'invite_server';
+  serverId: string;
+  name: string;
+  image: string;
+};
+
+export type InvitePayloadBuild = {
+  type: 'build';
+  buildId: string;
+  name: string;
+  image: string;
+  minecraftVersion: string;
+  version?: string;
+};
+
+export type InvitePayloadMap = {
+  type: 'map';
+  mapId: string;
+  name: string;
+  image: string;
+  minecraftVersion?: string;
+};
+
+export type InvitePayloadLocalBuild = {
+  type: 'local_build';
+  /** Полный манифест, как в чате (размер ограничивается тем же путём, что и сообщения). */
+  manifest: Record<string, unknown>;
+};
+
+export type InvitePayloadRequestJoinLocal = {
+  type: 'request_join_local';
+};
+
+/** Локальная сборка + адрес play-туннеля для присоединения к открытому миру. */
+export type InvitePayloadLocalGame = {
+  type: 'local_game';
+  manifest: Record<string, unknown>;
+  name: string;
+  image?: string;
+  minecraftVersion: string;
+  localServer: {
+    host: string;
+    port: number;
+    hostManifestUuid?: string;
+  };
+};
+
+export type InviteLauncherConfigPayload =
+  | InvitePayloadInviteServer
+  | InvitePayloadBuild
+  | InvitePayloadMap
+  | InvitePayloadLocalBuild
+  | InvitePayloadRequestJoinLocal
+  | InvitePayloadLocalGame;

package/src/shared/types/navigation.ts

@@ -0,0 +1,16 @@
+import type { ComputedRef, Ref } from 'vue';
+
+export interface NavigationSection {
+  link: string;
+  label: string;
+  icon: string;
+  /** Бейдж для пункта меню (в т.ч. из расширений). */
+  badgeCount?: Ref<number> | ComputedRef<number>;
+}
+
+export interface MenuItem {
+  id: string;
+  label: string;
+  icon: string;
+}
+

package/src/shared/types/running-build.ts

@@ -0,0 +1,51 @@
+export type RunningBuildStatus =
+  | 'preparing'
+  | 'downloading'
+  | 'launching'
+  | 'running'
+  | 'stopping'
+  | 'cancelled'
+  | 'error'
+  | 'completed';
+
+export type RunningBuildPipelineStageStatus = 'pending' | 'running' | 'success' | 'error' | 'cancelled';
+
+export interface RunningBuildPipelineStage {
+  key: string;
+  title: string;
+  status: RunningBuildPipelineStageStatus;
+  progress: {
+    current: number;
+    total: number;
+    text?: string;
+  };
+  logs: string[];
+}
+
+export type RunningBuildTunnelState =
+  | 'off'
+  | 'connecting'
+  | 'connected'
+  | 'error';
+
+export interface RunningBuild {
+  /** Локальный id сборки в runningBuildsMap */
+  buildId: string;
+  uuid: string;
+  name: string;
+  version: string;
+  playTime: string;
+  status: RunningBuildStatus;
+  image?: string;
+  logs?: string[];
+  canStop?: boolean;
+  error?: string;
+  pipeline?: RunningBuildPipelineStage[];
+  currentStageKey?: string;
+  /** Порт integrated server из логов Minecraft */
+  lanPort?: number;
+  shareForFriends?: boolean;
+  tunnelState?: RunningBuildTunnelState;
+  tunnelError?: string;
+}
+

package/src/shared/types/serverMember.ts

@@ -0,0 +1,17 @@
+export type ServerMemberRole = 'player' | 'moderator' | 'admin';
+
+export interface ServerMember {
+  id: string;
+  user: {
+    id: string;
+    username: string;
+    avatar?: string;
+  };
+  role: ServerMemberRole;
+  joinedAt: string;
+  invitedBy?: {
+    id: string;
+    username: string;
+  };
+}
+

package/src/shared/types/user.ts

@@ -0,0 +1,55 @@
+export type UserStatus = 'online' | 'offline' | 'away' | 'busy';
+
+/**
+ * Детали статуса пользователя: во что играет (сборка или сервер) или пусто.
+ * В API приходит как JSON; пустой объект или отсутствие = null.
+ */
+export type UserStatusDetail = UserStatusDetailBuild | UserStatusDetailServer | null;
+
+/** Играет в сборку (локальную или облачную) */
+export interface UserStatusDetailBuild {
+  type: 'build';
+  /** URL изображения сборки */
+  image?: string;
+  /** Название сборки */
+  name: string;
+  /** Версия Minecraft */
+  minecraftVersion: string;
+  /** Время начала игры (ISO 8601) */
+  startedAt: string;
+  /** Публичный ID сборки (только для публичных облачных; у приватных и локальных нет) */
+  buildId?: string;
+  /** Локальная пользовательская сборка — друзья могут запросить присоединение без buildId */
+  local?: boolean;
+  /** Хост включил «Для друзей» и туннель активен */
+  shareForFriends?: boolean;
+  /** Публичный адрес локального integrated server для друзей */
+  localServer?: {
+    host: string;
+    port: number;
+    localPort?: number;
+    /** UUID сборки хоста — друг ищет совпадение локально */
+    hostManifestUuid?: string;
+  };
+}
+
+/** Играет на сервере */
+export interface UserStatusDetailServer {
+  type: 'server';
+  /** URL изображения сервера */
+  image?: string;
+  /** Название сервера */
+  name: string;
+  /** Время начала игры (ISO 8601) */
+  startedAt: string;
+  /** ID сервера (только для публичных; у приватных нет) */
+  serverId?: string;
+}
+
+export interface User {
+  username: string;
+  avatar?: string;
+  status: UserStatus;
+  level: number;
+}
+

package/src/shared/ui/base/Avatar.vue

@@ -0,0 +1,262 @@
+<template>
+  <div :class="avatarClasses" :style="avatarMergedStyle">
+    <!-- Minecraft голова из скина -->
+    <template v-if="skin">
+      <!-- Слой 1: Лицо -->
+      <div
+        :class="[
+          'w-full h-full absolute inset-0 rounded',
+          rounded ? 'rounded-full' : '',
+        ]"
+        :style="{
+          backgroundImage: `url(${skin})`,
+          backgroundSize: '800%',
+          backgroundPosition: '14.28% 14.28%',
+          backgroundRepeat: 'no-repeat',
+          'image-rendering': 'pixelated',
+        }"
+      />
+      <!-- Слой 2: Шлем -->
+      <div
+        :class="[
+          'w-full h-full absolute inset-0 rounded',
+          rounded ? 'rounded-full' : '',
+        ]"
+        :style="{
+          backgroundImage: `url(${skin})`,
+          backgroundSize: '800%',
+          backgroundPosition: '71.42% 14.28%',
+          backgroundRepeat: 'no-repeat',
+          'image-rendering': 'pixelated',
+        }"
+      />
+    </template>
+    <!-- Обычный аватар -->
+    <div
+      v-else-if="src"
+      :class="[
+        'w-full h-full rounded border-zinc-400',
+        rounded ? 'rounded-full' : '',
+      ]"
+      :style="{
+        backgroundImage: `url(${src})`,
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+        backgroundRepeat: 'no-repeat',
+      }"
+    />
+    <!-- Сокращённое наименование из title -->
+    <div
+      v-else-if="title"
+      :class="[
+        'w-full h-full flex items-center justify-center text-primary-foreground font-semibold rounded',
+        rounded ? 'rounded-full' : '',
+      ]"
+    >
+      <span :class="titleTextSize">{{ initials }}</span>
+    </div>
+    <div
+      v-else
+      :class="[
+        'w-full h-full flex items-center justify-center rounded',
+        rounded ? 'rounded-full' : '',
+      ]"
+    >
+      <slot>
+        <Icon name="user" :size="iconSize" class="text-primary-foreground" />
+      </slot>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue';
+  import { cn } from '../../utils/cn';
+  import Icon from './Icon.vue';
+
+  interface Props {
+    src?: string;
+    skin?: string; // URL скина Minecraft для отображения головы
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    status?: 'online' | 'offline';
+    angular?: boolean;
+    rounded?: boolean;
+    title?: string; // Текст для отображения инициалов
+  }
+
+  const props = withDefaults(defineProps<Props>(), {
+    size: 'md',
+    angular: true,
+    rounded: false,
+  });
+
+  /** Размеры инлайном: утилиты w-* из SDK могут отсутствовать в билде; xxl был с опечаткой w-42. */
+  const avatarBoxPx = {
+    sm: '1.5rem',
+    md: '2rem',
+    lg: '2.5rem',
+    xl: '3rem',
+    xxl: '8.5rem',
+  } as const satisfies Record<NonNullable<Props['size']>, string>;
+
+  const avatarBoxStyle = computed(() => {
+    const s = avatarBoxPx[props.size];
+    return {
+      width: s,
+      height: s,
+      minWidth: s,
+      minHeight: s,
+      flexShrink: 0,
+      boxSizing: 'border-box' as const,
+    };
+  });
+
+  const avatarMergedStyle = computed(() => ({
+    ...avatarGradientStyle.value,
+    ...avatarBoxStyle.value,
+  }));
+
+  const iconSizeMap = {
+    sm: 'xs',
+    md: 'sm',
+    lg: 'md',
+    xl: 'lg',
+    xxl: 'xxl',
+  } as const;
+
+  const avatarClasses = computed(() => {
+    return cn(
+      'relative overflow-hidden rounded',
+      props.rounded && 'rounded-full',
+      !props.src &&
+        !props.skin &&
+        !props.title &&
+        'bg-gradient-to-br from-primary to-accent-secondary',
+    );
+  });
+
+  const iconSize = computed(() => iconSizeMap[props.size]);
+
+  // Палитра красивых градиентов для аватаров (RGB значения из Tailwind)
+  const gradientPalette = [
+    { from: 'rgb(99, 102, 241)', to: 'rgb(147, 51, 234)' }, // indigo-500 to purple-600
+    { from: 'rgb(59, 130, 246)', to: 'rgb(6, 182, 212)' }, // blue-500 to cyan-500
+    { from: 'rgb(236, 72, 153)', to: 'rgb(244, 63, 94)' }, // pink-500 to rose-500
+    { from: 'rgb(16, 185, 129)', to: 'rgb(20, 184, 166)' }, // emerald-500 to teal-500
+    { from: 'rgb(245, 158, 11)', to: 'rgb(249, 115, 22)' }, // amber-500 to orange-500
+    { from: 'rgb(139, 92, 246)', to: 'rgb(217, 70, 239)' }, // violet-500 to fuchsia-500
+    { from: 'rgb(239, 68, 68)', to: 'rgb(236, 72, 153)' }, // red-500 to pink-500
+    { from: 'rgb(34, 197, 94)', to: 'rgb(16, 185, 129)' }, // green-500 to emerald-500
+    { from: 'rgb(234, 179, 8)', to: 'rgb(245, 158, 11)' }, // yellow-500 to amber-500
+    { from: 'rgb(37, 99, 235)', to: 'rgb(79, 70, 229)' }, // blue-600 to indigo-600
+    { from: 'rgb(168, 85, 247)', to: 'rgb(236, 72, 153)' }, // purple-500 to pink-500
+    { from: 'rgb(6, 182, 212)', to: 'rgb(59, 130, 246)' }, // cyan-500 to blue-500
+    { from: 'rgb(20, 184, 166)', to: 'rgb(34, 197, 94)' }, // teal-500 to green-500
+    { from: 'rgb(249, 115, 22)', to: 'rgb(239, 68, 68)' }, // orange-500 to red-500
+    { from: 'rgb(244, 63, 94)', to: 'rgb(236, 72, 153)' }, // rose-500 to pink-500
+    { from: 'rgb(14, 165, 233)', to: 'rgb(59, 130, 246)' }, // sky-500 to blue-500
+  ];
+
+  // Простая хеш-функция для генерации числа из строки
+  const hashString = (str: string): number => {
+    let hash = 0;
+    for (let i = 0; i < str.length; i++) {
+      const char = str.charCodeAt(i);
+      hash = (hash << 5) - hash + char;
+      hash = hash & hash; // Конвертируем в 32-битное число
+    }
+    return Math.abs(hash);
+  };
+
+  // Генерируем градиент на основе title
+  const avatarGradientStyle = computed(() => {
+    if (props.src || props.skin || !props.title) {
+      return {};
+    }
+
+    const hash = hashString(props.title);
+    const gradientIndex = hash % gradientPalette.length;
+    const gradient = gradientPalette[gradientIndex];
+
+    return {
+      background: `linear-gradient(to bottom right, ${gradient.from}, ${gradient.to})`,
+    };
+  });
+
+  // Функция для получения инициалов из title
+  const getInitials = (text: string): string => {
+    if (!text) return '';
+
+    const trimmed = text.trim();
+    if (!trimmed) return '';
+
+    // 1. По пробелу (если есть минимум 2 слова - первые буквы)
+    const words = trimmed.split(/\s+/).filter((w) => w.length > 0);
+    if (words.length >= 2) {
+      const first = words[0][0] || '';
+      const second = words[1][0] || '';
+      if (first && second) {
+        return (first + second).toUpperCase();
+      }
+    }
+
+    // 2. По "-"
+    const dashParts = trimmed.split('-').filter((p) => p.length > 0);
+    if (dashParts.length >= 2) {
+      const first = dashParts[0][0] || '';
+      const second = dashParts[1][0] || '';
+      if (first && second) {
+        return (first + second).toUpperCase();
+      }
+    }
+
+    // 3. По "_"
+    const underscoreParts = trimmed.split('_').filter((p) => p.length > 0);
+    if (underscoreParts.length >= 2) {
+      const first = underscoreParts[0][0] || '';
+      const second = underscoreParts[1][0] || '';
+      if (first && second) {
+        return (first + second).toUpperCase();
+      }
+    }
+
+    // 4. По CamelCase (заглавные буквы) - ищем заглавные буквы
+    const camelCaseMatches = trimmed.match(/[A-ZА-ЯЁ]/g);
+    if (camelCaseMatches && camelCaseMatches.length >= 2) {
+      return camelCaseMatches.slice(0, 2).join('').toUpperCase();
+    }
+
+    // Если есть хотя бы одна заглавная буква, берем её и следующую букву после неё
+    const firstCapital = trimmed.match(/[A-ZА-ЯЁ]/);
+    if (firstCapital && firstCapital.index !== undefined) {
+      const index = firstCapital.index;
+      if (index + 1 < trimmed.length) {
+        return (trimmed[index] + trimmed[index + 1]).toUpperCase();
+      }
+    }
+
+    // 5. В крайнем случае первые 2 символа
+    if (trimmed.length >= 2) {
+      return trimmed.substring(0, 2).toUpperCase();
+    }
+
+    // Если только один символ, возвращаем его
+    return trimmed.substring(0, 1).toUpperCase();
+  };
+
+  const initials = computed(() => {
+    if (!props.title) return '';
+    return getInitials(props.title);
+  });
+
+  const titleTextSize = computed(() => {
+    const sizeMap = {
+      sm: 'text-xs',
+      md: 'text-sm',
+      lg: 'text-base',
+      xl: 'text-lg',
+      xxl: 'text-4xl',
+    };
+    return sizeMap[props.size];
+  });
+</script>

package/src/shared/ui/base/Badge.vue

@@ -0,0 +1,47 @@
+<template>
+  <span :class="badgeClasses" :style="angularStyle">
+    <slot />
+  </span>
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue';
+  import { cn } from '../../utils/cn';
+
+  interface Props {
+    variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
+    size?: 'sm' | 'md';
+    angular?: boolean;
+  }
+
+  const props = withDefaults(defineProps<Props>(), {
+    variant: 'default',
+    size: 'md',
+    angular: false,
+  });
+
+  const badgeClasses = computed(() => {
+    const baseClasses = 'inline-flex items-center font-medium';
+
+    const variantClasses = {
+      default: 'bg-muted text-muted-foreground',
+      success: 'bg-success/15 text-success',
+      warning: 'bg-warning/15 text-warning',
+      error: 'bg-destructive/15 text-destructive',
+      info: 'bg-accent-secondary/18 text-accent-secondary',
+    };
+
+    const sizeClasses = {
+      sm: 'px-1.5 py-0.5 text-xs',
+      md: 'px-2 py-0.5 text-xs',
+    };
+
+    return cn(baseClasses, variantClasses[props.variant], sizeClasses[props.size]);
+  });
+
+  const angularStyle = computed(() => {
+    // Убрали clip-path для бейджей
+    return '';
+  });
+</script>
+

package/src/shared/ui/base/Button.vue

@@ -0,0 +1,78 @@
+<template>
+  <button
+    :class="buttonClasses"
+    :style="angularStyle"
+    :disabled="disabled"
+    @click="$emit('click', $event)"
+  >
+    <slot />
+  </button>
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue';
+  import { cn } from '../../utils/cn';
+
+  interface Props {
+    variant?:
+      | 'primary'
+      | 'secondary'
+      | 'danger'
+      | 'ghost'
+      | 'success'
+      | 'warning'
+      /** Только базовый layout без rnt-btn-* цветов (под утилиты вроде активного звонка в сайдбаре). */
+      | 'plain';
+    size?: 'sm' | 'md' | 'lg';
+    angular?: boolean;
+    disabled?: boolean;
+    fullWidth?: boolean;
+  }
+
+  const props = withDefaults(defineProps<Props>(), {
+    variant: 'primary',
+    size: 'md',
+    angular: true,
+    disabled: false,
+    fullWidth: false,
+  });
+
+  const emit = defineEmits<{
+    click: [event: MouseEvent];
+  }>();
+
+  const buttonClasses = computed(() => {
+    const baseClasses =
+      'relative overflow-hidden transition-all duration-200 flex items-center justify-center rounded gap-1.5 cursor-pointer';
+
+    const variantClasses = {
+      primary: 'rnt-btn-primary',
+      secondary: 'rnt-btn-secondary',
+      danger: 'rnt-btn-danger',
+      ghost: 'rnt-btn-ghost',
+      success: 'rnt-btn-success',
+      warning: 'rnt-btn-warning',
+      plain: '',
+    };
+
+    const sizeClasses = {
+      sm: 'px-2 py-1 text-xs',
+      md: 'px-3 py-1.5 text-xs',
+      lg: 'px-4 py-2 text-sm',
+    };
+
+    return cn(
+      baseClasses,
+      variantClasses[props.variant],
+      sizeClasses[props.size],
+      props.disabled && 'opacity-50 cursor-not-allowed',
+      props.fullWidth && 'w-full',
+      props.variant === 'primary' && props.angular && 'group/btn',
+    );
+  });
+
+  const angularStyle = computed(() => {
+    // Убрали clip-path для кнопок
+    return {};
+  });
+</script>

package/src/shared/ui/base/Divider.vue

@@ -0,0 +1,42 @@
+<template>
+  <div :class="dividerClasses" :style="angularStyle" />
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue';
+  import { cn } from '../../utils/cn';
+
+  interface Props {
+    variant?: 'default' | 'gradient';
+    size?: 'sm' | 'md' | 'lg';
+    orientation?: 'horizontal' | 'vertical';
+  }
+
+  const props = withDefaults(defineProps<Props>(), {
+    variant: 'gradient',
+    size: 'md',
+    orientation: 'horizontal',
+  });
+
+  const sizeMap = {
+    sm: props.orientation === 'horizontal' ? 'h-[1px] w-6' : 'w-[1px] h-6',
+    md: props.orientation === 'horizontal' ? 'h-[2px] w-8' : 'w-[2px] h-8',
+    lg: props.orientation === 'horizontal' ? 'h-[2px] w-12' : 'w-[2px] h-12',
+  };
+
+  const variantClasses = {
+    default: 'bg-border',
+    gradient: 'bg-gradient-to-r from-transparent via-primary/70 to-transparent',
+  };
+
+  const dividerClasses = computed(() => {
+    return cn(sizeMap[props.size], variantClasses[props.variant]);
+  });
+
+  const angularStyle = computed(() => {
+    return {};
+  });
+</script>
+
+
+