proteger invoke de Tauri con safeInvoke + warning cuando no esta disponible
This commit is contained in:
+34
-26
@@ -1,5 +1,13 @@
|
||||
import { invoke } from '@tauri-apps/api/core'
|
||||
|
||||
function safeInvoke<T>(cmd: string, args?: Record<string, unknown>): Promise<T> {
|
||||
if (typeof invoke !== 'function') {
|
||||
console.warn(`[Alpha] Tauri invoke no disponible (${cmd}). ¿Estás en un navegador externo? Usá la ventana de Tauri.`)
|
||||
return Promise.resolve(null as unknown as T)
|
||||
}
|
||||
return safeInvoke(cmd, args)
|
||||
}
|
||||
|
||||
export interface ProjectRecord {
|
||||
id: number
|
||||
name: string
|
||||
@@ -126,99 +134,99 @@ export interface PerformanceRecord {
|
||||
export const tauriDb = {
|
||||
// Projects
|
||||
getProjects(): Promise<ProjectRecord[]> {
|
||||
return invoke('get_projects')
|
||||
return safeInvoke('get_projects')
|
||||
},
|
||||
saveProject(project: ProjectRecord): Promise<number> {
|
||||
return invoke('save_project', { project })
|
||||
return safeInvoke('save_project', { project })
|
||||
},
|
||||
deleteProject(id: number): Promise<void> {
|
||||
return invoke('delete_project', { id })
|
||||
return safeInvoke('delete_project', { id })
|
||||
},
|
||||
|
||||
// Work Items
|
||||
getWorkItems(projectId: number): Promise<WorkItemRecord[]> {
|
||||
return invoke('get_work_items', { projectId })
|
||||
return safeInvoke('get_work_items', { projectId })
|
||||
},
|
||||
saveWorkItem(item: WorkItemRecord): Promise<number> {
|
||||
return invoke('save_work_item', { item })
|
||||
return safeInvoke('save_work_item', { item })
|
||||
},
|
||||
deleteWorkItem(id: number): Promise<void> {
|
||||
return invoke('delete_work_item', { id })
|
||||
return safeInvoke('delete_work_item', { id })
|
||||
},
|
||||
|
||||
// Epics
|
||||
getEpics(initiativeId: number): Promise<EpicRecord[]> {
|
||||
return invoke('get_epics', { initiativeId })
|
||||
return safeInvoke('get_epics', { initiativeId })
|
||||
},
|
||||
saveEpic(epic: EpicRecord): Promise<number> {
|
||||
return invoke('save_epic', { epic })
|
||||
return safeInvoke('save_epic', { epic })
|
||||
},
|
||||
deleteEpic(id: number): Promise<void> {
|
||||
return invoke('delete_epic', { id })
|
||||
return safeInvoke('delete_epic', { id })
|
||||
},
|
||||
|
||||
// User Stories
|
||||
getUserStories(initiativeId: number, epicId?: number): Promise<UserStoryRecord[]> {
|
||||
return invoke('get_user_stories', { initiativeId, epicId: epicId ?? null })
|
||||
return safeInvoke('get_user_stories', { initiativeId, epicId: epicId ?? null })
|
||||
},
|
||||
saveUserStory(story: UserStoryRecord): Promise<number> {
|
||||
return invoke('save_user_story', { story })
|
||||
return safeInvoke('save_user_story', { story })
|
||||
},
|
||||
deleteUserStory(id: number): Promise<void> {
|
||||
return invoke('delete_user_story', { id })
|
||||
return safeInvoke('delete_user_story', { id })
|
||||
},
|
||||
|
||||
// Users
|
||||
getUsers(): Promise<AlphaUserRecord[]> {
|
||||
return invoke('get_users')
|
||||
return safeInvoke('get_users')
|
||||
},
|
||||
saveUser(user: AlphaUserRecord): Promise<number> {
|
||||
return invoke('save_user', { user })
|
||||
return safeInvoke('save_user', { user })
|
||||
},
|
||||
updateUserFields(id: number, role: string | null, seniority: string | null, cell_id: number | null): Promise<void> {
|
||||
return invoke('update_user_fields', { id, role, seniority, cellId: cell_id })
|
||||
return safeInvoke('update_user_fields', { id, role, seniority, cellId: cell_id })
|
||||
},
|
||||
|
||||
// Cells
|
||||
getCells(): Promise<CellRecord[]> {
|
||||
return invoke('get_cells')
|
||||
return safeInvoke('get_cells')
|
||||
},
|
||||
saveCell(cell: CellRecord): Promise<number> {
|
||||
return invoke('save_cell', { cell })
|
||||
return safeInvoke('save_cell', { cell })
|
||||
},
|
||||
|
||||
// Project Members
|
||||
getProjectMembers(userId: number): Promise<ProjectMemberRecord[]> {
|
||||
return invoke('get_project_members', { userId })
|
||||
return safeInvoke('get_project_members', { userId })
|
||||
},
|
||||
saveProjectMembers(userId: number, members: ProjectMemberRecord[]): Promise<void> {
|
||||
return invoke('save_project_members', { userId, members })
|
||||
return safeInvoke('save_project_members', { userId, members })
|
||||
},
|
||||
|
||||
// Absences
|
||||
getAbsences(userId: number): Promise<AbsenceRecord[]> {
|
||||
return invoke('get_absences', { userId })
|
||||
return safeInvoke('get_absences', { userId })
|
||||
},
|
||||
saveAbsence(absence: AbsenceRecord): Promise<number> {
|
||||
return invoke('save_absence', { absence })
|
||||
return safeInvoke('save_absence', { absence })
|
||||
},
|
||||
deleteAbsence(id: number): Promise<void> {
|
||||
return invoke('delete_absence', { id })
|
||||
return safeInvoke('delete_absence', { id })
|
||||
},
|
||||
|
||||
// Daily Logs
|
||||
getDailyLogs(userId: number, initiativeId?: number): Promise<DailyLogRecord[]> {
|
||||
return invoke('get_daily_logs', { userId, initiativeId: initiativeId ?? null })
|
||||
return safeInvoke('get_daily_logs', { userId, initiativeId: initiativeId ?? null })
|
||||
},
|
||||
saveDailyLog(log: DailyLogRecord): Promise<number> {
|
||||
return invoke('save_daily_log', { log })
|
||||
return safeInvoke('save_daily_log', { log })
|
||||
},
|
||||
|
||||
// Performance
|
||||
getPerformance(userId: number, initiativeId?: number): Promise<PerformanceRecord[]> {
|
||||
return invoke('get_performance', { userId, initiativeId })
|
||||
return safeInvoke('get_performance', { userId, initiativeId })
|
||||
},
|
||||
savePerformance(snap: PerformanceRecord): Promise<number> {
|
||||
return invoke('save_performance', { snap })
|
||||
return safeInvoke('save_performance', { snap })
|
||||
},
|
||||
}
|
||||
|
||||
+22
-20
@@ -1,5 +1,6 @@
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted } from 'vue'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import { useSchedulerStore } from '@/stores/scheduler'
|
||||
import { DAY_LABELS, computeNextRun, type ScheduleAction } from '@/services/scheduler'
|
||||
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
|
||||
@@ -10,6 +11,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@
|
||||
import { Switch } from '@/components/ui/switch'
|
||||
import { Plus, XCircle, CheckCircle2, Clock } from 'lucide-vue-next'
|
||||
|
||||
const { t } = useI18n()
|
||||
const store = useSchedulerStore()
|
||||
const showForm = ref(false)
|
||||
|
||||
@@ -49,17 +51,17 @@ function fmtNextRun(date: Date | null | undefined): string {
|
||||
}
|
||||
|
||||
function fmtLastRun(iso: string | null): string {
|
||||
if (!iso) return 'Nunca'
|
||||
if (!iso) return t('scheduler.never')
|
||||
const d = new Date(iso)
|
||||
return d.toLocaleDateString('es-CO', { month: 'short', day: 'numeric' })
|
||||
+ ` ${d.toLocaleTimeString('es-CO', { hour:'2-digit', minute:'2-digit' })}`
|
||||
}
|
||||
|
||||
const actionLabels: Record<ScheduleAction['type'], string> = {
|
||||
generate_progress_report: 'Informe semanal',
|
||||
check_hus: 'Revisión HUs',
|
||||
daily_prep: 'Daily prep',
|
||||
reminder: 'Recordatorio',
|
||||
generate_progress_report: t('scheduler.report'),
|
||||
check_hus: t('scheduler.checkHus'),
|
||||
daily_prep: t('scheduler.dailyPrep'),
|
||||
reminder: t('scheduler.reminder'),
|
||||
}
|
||||
|
||||
onMounted(async () => {
|
||||
@@ -74,16 +76,16 @@ onMounted(async () => {
|
||||
<div class="space-y-6">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<h1 class="text-2xl font-bold tracking-tight">Recetas automáticas</h1>
|
||||
<p class="text-sm text-muted-foreground mt-1">Tareas programadas que se ejecutan al abrir la app</p>
|
||||
<h1 class="text-2xl font-bold tracking-tight">{{ t('scheduler.title') }}</h1>
|
||||
<p class="text-sm text-muted-foreground mt-1">{{ t('scheduler.subtitle') }}</p>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<Badge :variant="store.running ? 'default' : 'secondary'" class="text-[11px]">
|
||||
{{ store.running ? 'Activo' : 'Pausado' }}
|
||||
{{ store.running ? t('scheduler.running') : t('scheduler.paused') }}
|
||||
</Badge>
|
||||
<Button size="sm" @click="showForm = !showForm">
|
||||
<Plus class="size-4 mr-1" />
|
||||
{{ showForm ? 'Cancelar' : 'Nueva receta' }}
|
||||
{{ showForm ? t('scheduler.cancel') : t('scheduler.newRecipe') }}
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -92,15 +94,15 @@ onMounted(async () => {
|
||||
<CardContent class="p-4 space-y-4">
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div class="space-y-1.5 col-span-2">
|
||||
<label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">Nombre</label>
|
||||
<Input v-model="form.name" placeholder="Ej: Informe semanal de avance" />
|
||||
<label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">{{ t('scheduler.name') }}</label>
|
||||
<Input v-model="form.name" :placeholder="t('scheduler.namePlaceholder')" />
|
||||
</div>
|
||||
<div class="space-y-1.5 col-span-2">
|
||||
<label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">Descripción</label>
|
||||
<Input v-model="form.description" placeholder="Opcional" />
|
||||
<label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">{{ t('scheduler.description') }}</label>
|
||||
<Input v-model="form.description" :placeholder="t('scheduler.descriptionPlaceholder')" />
|
||||
</div>
|
||||
<div class="space-y-1.5 col-span-2">
|
||||
<label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">Días</label>
|
||||
<label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">{{ t('scheduler.days') }}</label>
|
||||
<div class="flex gap-1.5 flex-wrap">
|
||||
<button v-for="(l, i) in DAY_LABELS" :key="i" type="button"
|
||||
:class="['px-3 py-1 text-xs rounded-full border transition-colors',
|
||||
@@ -113,7 +115,7 @@ onMounted(async () => {
|
||||
</div>
|
||||
<div class="grid grid-cols-3 gap-4">
|
||||
<div class="space-y-1.5">
|
||||
<label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">Hora</label>
|
||||
<label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">{{ t('scheduler.time') }}</label>
|
||||
<div class="flex items-center gap-1">
|
||||
<Input type="number" v-model.number="form.hour" min="0" max="23" class="w-16 text-center" />
|
||||
<span class="text-muted-foreground">:</span>
|
||||
@@ -121,16 +123,16 @@ onMounted(async () => {
|
||||
</div>
|
||||
</div>
|
||||
<div class="space-y-1.5 col-span-2">
|
||||
<label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">Acción</label>
|
||||
<label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">{{ t('scheduler.action') }}</label>
|
||||
<Select v-model="form.actionType">
|
||||
<SelectTrigger>
|
||||
<SelectValue />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="generate_progress_report">Generar informe de avance</SelectItem>
|
||||
<SelectItem value="check_hus">Revisar estado de HUs</SelectItem>
|
||||
<SelectItem value="daily_prep">Daily prep</SelectItem>
|
||||
<SelectItem value="reminder">Recordatorio personalizado</SelectItem>
|
||||
<SelectItem value="generate_progress_report">{{ t('scheduler.actionReport') }}</SelectItem>
|
||||
<SelectItem value="check_hus">{{ t('scheduler.actionCheckHus') }}</SelectItem>
|
||||
<SelectItem value="daily_prep">{{ t('scheduler.actionDailyPrep') }}</SelectItem>
|
||||
<SelectItem value="reminder">{{ t('scheduler.actionReminder') }}</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user