mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-15 09:14:08 +00:00
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.
84 lines
2.1 KiB
TypeScript
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,
|
|
}
|
|
}
|