forked from jsnbuchanan/crowd-funder-for-time-pwa
c9536dd643
- Add logger import across multiple view components - Replace console.error/warn/log with logger methods - Update error handling to use structured logging - Improve type safety for error objects - Add crypto-browserify polyfill for browser environment The changes improve logging by: 1. Using consistent logging interface 2. Adding structured error logging 3. Improving error type safety 4. Centralizing logging configuration 5. Fixing browser compatibility issues Affected files: - Multiple view components - vite.config.ts - Build configuration
62 lines
1.8 KiB
TypeScript
62 lines
1.8 KiB
TypeScript
import { createPinia } from "pinia";
|
|
import { App as VueApp, ComponentPublicInstance, createApp } from "vue";
|
|
import App from "./App.vue";
|
|
import router from "./router";
|
|
import axios from "axios";
|
|
import VueAxios from "vue-axios";
|
|
import Notifications from "notiwind";
|
|
import "./assets/styles/tailwind.css";
|
|
import { FontAwesomeIcon } from "./lib/fontawesome";
|
|
import Camera from "simple-vue-camera";
|
|
import { logger } from "./utils/logger";
|
|
|
|
// Global Error Handler
|
|
function setupGlobalErrorHandler(app: VueApp) {
|
|
logger.log("[App Init] Setting up global error handler");
|
|
app.config.errorHandler = (
|
|
err: unknown,
|
|
instance: ComponentPublicInstance | null,
|
|
info: string,
|
|
) => {
|
|
logger.error("[App Error] Global Error Handler:", {
|
|
error: err,
|
|
info,
|
|
component: instance?.$options.name || "unknown",
|
|
});
|
|
alert(
|
|
(err instanceof Error ? err.message : "Something bad happened") +
|
|
" - Try reloading or restarting the app.",
|
|
);
|
|
};
|
|
}
|
|
|
|
// Function to initialize the app
|
|
export function initializeApp() {
|
|
logger.log("[App Init] Starting app initialization");
|
|
logger.log("[App Init] Platform:", process.env.VITE_PLATFORM);
|
|
|
|
const app = createApp(App);
|
|
logger.log("[App Init] Vue app created");
|
|
|
|
app.component("FontAwesome", FontAwesomeIcon).component("camera", Camera);
|
|
logger.log("[App Init] Components registered");
|
|
|
|
const pinia = createPinia();
|
|
app.use(pinia);
|
|
logger.log("[App Init] Pinia store initialized");
|
|
|
|
app.use(VueAxios, axios);
|
|
logger.log("[App Init] Axios initialized");
|
|
|
|
app.use(router);
|
|
logger.log("[App Init] Router initialized");
|
|
|
|
app.use(Notifications);
|
|
logger.log("[App Init] Notifications initialized");
|
|
|
|
setupGlobalErrorHandler(app);
|
|
logger.log("[App Init] App initialization complete");
|
|
|
|
return app;
|
|
}
|