в которой надо дорабоать 1. Исправить ошибки и сделать что бы работала вторая слева вкладка. ТОесть АПИ для сервера я сделал (пока они возвращают весь список сообщений целиком - всем большим списком сообщений в канал - для мвп это устраивает,и по этому только три АПИ функции добавилось) Там какието ошибки на клиенте ( я только сгенерил код - но гдето вылетает) по UI можешь исправлять переделывать - моешь оставить калечное как есть - мне пока не важно. Важно увидить что каналы и сообщения и публичная переписка в каналах блокчейна работает 2. потестировать и сделать корректное завершение сессии (там есть глюки при завершении сесии)
262 lines
6.8 KiB
JavaScript
262 lines
6.8 KiB
JavaScript
import { chatMessages, wallet } from './mock-data.js?v=20260403081123';
|
|
import { AuthService } from './services/auth-service.js?v=20260403081123';
|
|
import { clearClientAuthData } from './services/key-vault.js?v=20260403081123';
|
|
|
|
const clone = (value) => JSON.parse(JSON.stringify(value));
|
|
const SESSION_STORAGE_KEY = 'shine-ui-current-session-v1';
|
|
const INVALID_SESSION_CODES = new Set([
|
|
'NOT_AUTHENTICATED',
|
|
'SESSION_NOT_FOUND',
|
|
'SESSION_KEY_NOT_ACTUAL',
|
|
'SESSION_OF_ANOTHER_USER',
|
|
]);
|
|
|
|
function loadStoredSession() {
|
|
try {
|
|
const raw = localStorage.getItem(SESSION_STORAGE_KEY);
|
|
if (!raw) return null;
|
|
return JSON.parse(raw);
|
|
} catch {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
function persistSession(session) {
|
|
try {
|
|
localStorage.setItem(SESSION_STORAGE_KEY, JSON.stringify(session));
|
|
} catch {
|
|
// ignore quota/storage errors for prototype
|
|
}
|
|
}
|
|
|
|
function clearStoredSession() {
|
|
try {
|
|
localStorage.removeItem(SESSION_STORAGE_KEY);
|
|
} catch {
|
|
// ignore
|
|
}
|
|
}
|
|
|
|
function createInitialState({ withStoredSession = true } = {}) {
|
|
const storedSession = withStoredSession ? loadStoredSession() : null;
|
|
return {
|
|
chats: clone(chatMessages),
|
|
notificationsTab: 'replies',
|
|
pageLabelCollapsed: false,
|
|
session: {
|
|
isAuthorized: false,
|
|
login: storedSession?.login || '',
|
|
sessionId: storedSession?.sessionId || '',
|
|
storagePwdInMemory: '',
|
|
},
|
|
startHint: '',
|
|
entrySettings: {
|
|
language: 'ru',
|
|
solanaServer: 'https://api.mainnet-beta.solana.com',
|
|
shineServer: 'wss://shineup.me/ws',
|
|
arweaveServer: 'https://arweave.net',
|
|
statuses: {
|
|
solanaServer: 'idle',
|
|
shineServer: 'idle',
|
|
arweaveServer: 'idle',
|
|
},
|
|
},
|
|
registrationDraft: {
|
|
flowType: '',
|
|
login: '',
|
|
password: '',
|
|
sessionId: '',
|
|
storagePwd: '',
|
|
pendingKeyBundle: null,
|
|
pendingSessionMaterial: null,
|
|
},
|
|
loginDraft: {
|
|
login: storedSession?.login || '',
|
|
password: '',
|
|
},
|
|
registrationPayment: {
|
|
walletAddress: wallet.publicAddress,
|
|
balanceSOL: '0.0068',
|
|
},
|
|
keyStorage: {
|
|
rootKey: 'Ключ root хранится в зашифрованном виде',
|
|
blockchainKey: 'Ключ blockchain хранится в зашифрованном виде',
|
|
deviceKey: 'Ключ device хранится в зашифрованном виде',
|
|
saveRoot: false,
|
|
saveBlockchain: true,
|
|
saveDevice: true,
|
|
},
|
|
deviceConnect: {
|
|
root: true,
|
|
blockchain: true,
|
|
device: true,
|
|
},
|
|
authUi: {
|
|
busy: false,
|
|
error: '',
|
|
info: '',
|
|
},
|
|
sessions: [],
|
|
channelsFeed: null,
|
|
channelsIndex: {},
|
|
localChannelPosts: {},
|
|
};
|
|
}
|
|
|
|
export const state = createInitialState();
|
|
|
|
export const authService = new AuthService(state.entrySettings.shineServer);
|
|
let onSessionReset = null;
|
|
|
|
export function getChatMessages(chatId) {
|
|
if (!state.chats[chatId]) {
|
|
state.chats[chatId] = [];
|
|
}
|
|
return state.chats[chatId];
|
|
}
|
|
|
|
export function addChatMessage(chatId, text) {
|
|
const message = text.trim();
|
|
if (!message) return;
|
|
getChatMessages(chatId).push({ from: 'out', text: message });
|
|
}
|
|
|
|
export function togglePageLabel() {
|
|
state.pageLabelCollapsed = !state.pageLabelCollapsed;
|
|
}
|
|
|
|
export function ensureChat(chatId) {
|
|
return getChatMessages(chatId);
|
|
}
|
|
|
|
export function checkServerAvailability(address) {
|
|
const normalized = address.trim().toLowerCase();
|
|
if (!normalized) return 'unavailable';
|
|
|
|
const looksLikeUrl = /^(https?:\/\/|wss?:\/\/)[a-z0-9.-]+/i.test(normalized);
|
|
const blockedWord = /(offline|down|fail|bad|broken|invalid)/i.test(normalized);
|
|
return looksLikeUrl && !blockedWord ? 'available' : 'unavailable';
|
|
}
|
|
|
|
export async function saveEntrySettings(nextSettings) {
|
|
state.entrySettings = {
|
|
...state.entrySettings,
|
|
...nextSettings,
|
|
statuses: {
|
|
...state.entrySettings.statuses,
|
|
...(nextSettings.statuses || {}),
|
|
},
|
|
};
|
|
await authService.reconnect(state.entrySettings.shineServer);
|
|
state.startHint = 'Настройки входа сохранены, адреса серверов обновлены.';
|
|
}
|
|
|
|
export function clearStartHint() {
|
|
state.startHint = '';
|
|
}
|
|
|
|
export function setAuthBusy(flag) {
|
|
state.authUi.busy = flag;
|
|
}
|
|
|
|
export function setAuthError(message) {
|
|
state.authUi.error = message || '';
|
|
}
|
|
|
|
export function setAuthInfo(message) {
|
|
state.authUi.info = message || '';
|
|
}
|
|
|
|
export function clearAuthMessages() {
|
|
state.authUi.error = '';
|
|
state.authUi.info = '';
|
|
}
|
|
|
|
export function authorizeSession({ login, sessionId, storagePwd }) {
|
|
state.session.isAuthorized = true;
|
|
state.session.login = login;
|
|
state.session.sessionId = sessionId;
|
|
state.session.storagePwdInMemory = storagePwd;
|
|
persistSession({
|
|
isAuthorized: true,
|
|
login,
|
|
sessionId,
|
|
});
|
|
state.startHint = '';
|
|
}
|
|
|
|
export function setSessionResetHandler(handler) {
|
|
onSessionReset = typeof handler === 'function' ? handler : null;
|
|
}
|
|
|
|
export function isSessionInvalidError(error) {
|
|
return INVALID_SESSION_CODES.has(error?.code);
|
|
}
|
|
|
|
export async function refreshSessions() {
|
|
state.sessions = await authService.listSessions();
|
|
return state.sessions;
|
|
}
|
|
|
|
function resetStateForSignedOut() {
|
|
const next = createInitialState({ withStoredSession: false });
|
|
state.chats = next.chats;
|
|
state.notificationsTab = next.notificationsTab;
|
|
state.session = next.session;
|
|
state.startHint = next.startHint;
|
|
state.registrationDraft = next.registrationDraft;
|
|
state.loginDraft = next.loginDraft;
|
|
state.registrationPayment = next.registrationPayment;
|
|
state.keyStorage = next.keyStorage;
|
|
state.deviceConnect = next.deviceConnect;
|
|
state.authUi = next.authUi;
|
|
state.sessions = next.sessions;
|
|
}
|
|
|
|
export async function terminateCurrentSession({ infoMessage = '' } = {}) {
|
|
clearStoredSession();
|
|
resetStateForSignedOut();
|
|
authService.close();
|
|
try {
|
|
await clearClientAuthData();
|
|
} catch {
|
|
// ignore cleanup errors in prototype mode
|
|
}
|
|
if (infoMessage) {
|
|
state.startHint = infoMessage;
|
|
}
|
|
if (onSessionReset) {
|
|
onSessionReset();
|
|
}
|
|
}
|
|
|
|
export function refreshRegistrationBalance() {
|
|
const next = (0.005 + Math.random() * 0.03).toFixed(4);
|
|
state.registrationPayment.balanceSOL = next;
|
|
return next;
|
|
}
|
|
|
|
export function setChannelsFeed(feed, index) {
|
|
state.channelsFeed = feed || null;
|
|
state.channelsIndex = index || {};
|
|
}
|
|
|
|
export function getLocalChannelPosts(channelId) {
|
|
if (!channelId) return [];
|
|
if (!state.localChannelPosts[channelId]) {
|
|
state.localChannelPosts[channelId] = [];
|
|
}
|
|
return state.localChannelPosts[channelId];
|
|
}
|
|
|
|
export function addLocalChannelPost(channelId, post) {
|
|
if (!channelId) return;
|
|
const text = post?.body?.trim();
|
|
if (!text) return;
|
|
|
|
getLocalChannelPosts(channelId).push({
|
|
title: post.title || `${state.session.login || 'Вы'} • сейчас`,
|
|
body: text,
|
|
});
|
|
}
|