Files
InvoiceShelf/resources/scripts/composables/use-notification.ts
Darko Gjorgjijoski 71388ec6a5 Rename resources/scripts-v2 to resources/scripts and drop @v2 alias
Now that the legacy v1 frontend (commit 064bdf53) is gone, the v2 directory is the only frontend and the v2 suffix is just noise. Renames resources/scripts-v2 to resources/scripts via git mv (so git records the move as renames, preserving blame and log --follow), then bulk-rewrites the 152 files that imported via @v2/... to use @/scripts/... instead. The existing @ alias (resources/) covers the new path with no extra config needed.

Drops the now-unused @v2 alias from vite.config.js and points the laravel-vite-plugin entry at resources/scripts/main.ts. Updates the only blade reference (resources/views/app.blade.php) to match. The package.json test script (eslint ./resources/scripts) automatically targets the right place after the rename without any edit.

Verified: npm run build exits clean and the Vite warning lines now reference resources/scripts/plugins/i18n.ts, confirming every import resolved through the new path. git log --follow on any moved file walks back through its scripts-v2 history.
2026-04-07 12:50:16 +02:00

84 lines
2.1 KiB
TypeScript

import { ref, readonly } from 'vue'
import type { DeepReadonly, Ref } from 'vue'
import { NOTIFICATION_TYPE } from '@/scripts/config/constants'
import type { NotificationType } from '@/scripts/config/constants'
export interface Notification {
id: string
type: NotificationType
message: string
}
export interface UseNotificationReturn {
notifications: DeepReadonly<Ref<Notification[]>>
showSuccess: (message: string) => void
showError: (message: string) => void
showInfo: (message: string) => void
showWarning: (message: string) => void
showNotification: (type: NotificationType, message: string) => void
hideNotification: (id: string) => void
clearAll: () => void
}
const notifications = ref<Notification[]>([])
/**
* Generate a unique ID for a notification.
*/
function generateId(): string {
return (
Math.random().toString(36) + Date.now().toString(36)
).substring(2)
}
/**
* Composable for managing application-wide notifications.
* Provides typed helpers for success, error, info, and warning notifications.
*/
export function useNotification(): UseNotificationReturn {
function showNotification(type: NotificationType, message: string): void {
notifications.value.push({
id: generateId(),
type,
message,
})
}
function showSuccess(message: string): void {
showNotification(NOTIFICATION_TYPE.SUCCESS, message)
}
function showError(message: string): void {
showNotification(NOTIFICATION_TYPE.ERROR, message)
}
function showInfo(message: string): void {
showNotification(NOTIFICATION_TYPE.INFO, message)
}
function showWarning(message: string): void {
showNotification(NOTIFICATION_TYPE.WARNING, message)
}
function hideNotification(id: string): void {
notifications.value = notifications.value.filter(
(notification) => notification.id !== id
)
}
function clearAll(): void {
notifications.value = []
}
return {
notifications: readonly(notifications),
showSuccess,
showError,
showInfo,
showWarning,
showNotification,
hideNotification,
clearAll,
}
}