more streamline with format event handler

Author: benedikt-bartscher

reflex/.templates/web/utils/state.js

@@ -16,7 +16,7 @@ import {
   initialState,
   onLoadInternalEvent,
   state_name,
-  exception_state_name,
+  handle_frontend_exception,
   main_state_name,
   update_vars_internal,
 } from "$/utils/context";
@@ -969,7 +969,7 @@ export const useEventLoop = (
 
     window.onerror = function (msg, url, lineNo, columnNo, error) {
       addEvents([
-        ReflexEvent(`${exception_state_name}.handle_frontend_exception`, {
+        ReflexEvent(handle_frontend_exception, {
           info: error.name + ": " + error.message + "\n" + error.stack,
           component_stack: "",
         }),
@@ -981,7 +981,7 @@ export const useEventLoop = (
     //https://github.com/mknichel/javascript-errors?tab=readme-ov-file#promise-rejection-events
     window.onunhandledrejection = function (event) {
       addEvents([
-        ReflexEvent(`${exception_state_name}.handle_frontend_exception`, {
+        ReflexEvent(handle_frontend_exception, {
           info:
             event.reason?.name +
             ": " +

reflex/compiler/templates.py

@@ -288,7 +288,9 @@ def context_template(
     update_vars_internal = format_event_handler(
         UpdateVarsInternalState.update_vars_internal
     )
-    exception_state_full = FrontendEventExceptionState.get_full_name()
+    handle_frontend_exception = format_event_handler(
+        FrontendEventExceptionState.handle_frontend_exception
+    )
 
     initial_state = initial_state or {}
     state_contexts_str = "".join([
@@ -304,7 +306,7 @@ def context_template(
 
 export const update_vars_internal = "{update_vars_internal}"
 
-export const exception_state_name = "{exception_state_full}"
+export const handle_frontend_exception = "{handle_frontend_exception}"
 
 // These events are triggered on initial load and each page navigation.
 export const onLoadInternalEvent = () => {{
@@ -343,7 +345,7 @@ def context_template(
 
 export const update_vars_internal = undefined
 
-export const exception_state_name = undefined
+export const handle_frontend_exception = undefined
 
 export const onLoadInternalEvent = () => []