wkhandClaude Opus 5.5
e14bada114
The app becomes a Rails 8 application; the Vue frontend moves to app/frontend and is served through vite_rails. - Without an account documents stay in the browser (IndexedDB). Sign-in is by magic link or the 6-digit code from the same mail; afterwards local documents can be uploaded into the account. - Server documents (/d/<id>) with versioned saves and a single-editor lock per browser tab; others see them read-only and follow by polling. - Sharing via link (works without an account) and via e-mail invitation, roles viewer/editor; the owner manages links and people. - Store gains a read-only mode that blocks all content changes. - Solid Queue, Cache and Cable share the one PostgreSQL database. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
31 lines
774 B
TypeScript
31 lines
774 B
TypeScript
import { reactive } from 'vue';
|
|
|
|
export interface Toast {
|
|
id: number;
|
|
kind: 'info' | 'success' | 'error';
|
|
message: string;
|
|
}
|
|
|
|
const state = reactive<{ items: Toast[] }>({ items: [] });
|
|
let seq = 0;
|
|
|
|
export function useToasts() {
|
|
function push(kind: Toast['kind'], message: string, ttl = 4000) {
|
|
const id = ++seq;
|
|
state.items.push({ id, kind, message });
|
|
if (ttl > 0) setTimeout(() => dismiss(id), ttl);
|
|
return id;
|
|
}
|
|
function dismiss(id: number) {
|
|
const i = state.items.findIndex((t) => t.id === id);
|
|
if (i >= 0) state.items.splice(i, 1);
|
|
}
|
|
return {
|
|
toasts: state.items,
|
|
info: (m: string) => push('info', m),
|
|
success: (m: string) => push('success', m),
|
|
error: (m: string) => push('error', m, 6000),
|
|
dismiss,
|
|
};
|
|
}
|