@vef-framework/starter 1.0.63 → 1.0.64

package/es/api.js

@@ -1,3 +1,24 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.608Z, made by Venus. */
-import{createApiClient as e}from"@vef-framework/core";import{handleClientLogout as o}from"./helper.js";import{useAppStore as r}from"./store.js";function t({router:t,...n}){return e({...n,getAccessToken:()=>r.getState().token?.accessToken,onUnauthorized(){o(t)},onAccessDenied(){}})}export{t as createApiClient};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.879Z, made by Venus. */
+import { createApiClient as createApiClient$1 } from '@vef-framework/core';
+import { handleClientLogout } from './helper.js';
+import { useAppStore } from './store.js';
+
+function createApiClient({
+  router,
+  ...options
+}) {
+  return createApiClient$1({
+    ...options,
+    getAccessToken() {
+      return useAppStore.getState().token?.accessToken;
+    },
+    onUnauthorized() {
+      handleClientLogout(router);
+    },
+    onAccessDenied() {
+    }
+  });
+}
+
+export { createApiClient };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/app.js

@@ -1,3 +1,27 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.608Z, made by Venus. */
-import{createElement as e}from"react";import{createRoot as t}from"react-dom/client";import"./components/index.js";import{setCurrentFetchAuthenticatedUserApi as r}from"./helper.js";import o from"./components/vef-app/index.js";function n(){const n=t(document.getElementById("root"),{identifierPrefix:"vef-"});return{render:t=>{r(t.fetchAuthenticatedUserApi),n.render(e(o,t))},unmount:()=>n.unmount()}}export{n as createApp};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.879Z, made by Venus. */
+import { createElement } from 'react';
+import { createRoot } from 'react-dom/client';
+import './components/index.js';
+import { setCurrentFetchAuthenticatedUserApi } from './helper.js';
+import VefApp from './components/vef-app/index.js';
+
+function createApp() {
+  const root = createRoot(
+    document.getElementById("root"),
+    {
+      identifierPrefix: "vef-"
+    }
+  );
+  return {
+    render: (props) => {
+      setCurrentFetchAuthenticatedUserApi(props.fetchAuthenticatedUserApi);
+      root.render(
+        createElement(VefApp, props)
+      );
+    },
+    unmount: () => root.unmount()
+  };
+}
+
+export { createApp };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/components/index.js

@@ -1,3 +1,9 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.608Z, made by Venus. */
-export{default as VefAccessDeniedPage}from"./vef-access-denied-page/index.js";export{default as VefApp}from"./vef-app/index.js";export{default as VefDevAssistant}from"./vef-dev-assistant/index.js";export{default as VefErrorPage}from"./vef-error-page/index.js";export{default as VefLoginPage}from"./vef-login-page/index.js";export{default as VefNotFoundPage}from"./vef-not-found-page/index.js";export{default as VefRouterProvider}from"./vef-router-provider/index.js";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.879Z, made by Venus. */
+export { default as VefAccessDeniedPage } from './vef-access-denied-page/index.js';
+export { default as VefApp } from './vef-app/index.js';
+export { default as VefDevAssistant } from './vef-dev-assistant/index.js';
+export { default as VefErrorPage } from './vef-error-page/index.js';
+export { default as VefLoginPage } from './vef-login-page/index.js';
+export { default as VefNotFoundPage } from './vef-not-found-page/index.js';
+export { default as VefRouterProvider } from './vef-router-provider/index.js';
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/components/vef-access-denied-page/index.js

@@ -1,3 +1,23 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.608Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{useLocation as o,useRouterState as r,useNavigate as e}from"@tanstack/react-router";import{VefAccessDenied as m}from"@vef-framework/components";import{useCallback as a}from"react";import{INDEX_PAGE_PATH as n}from"../../constants.js";function i(i){const{pathname:c}=o(),{redirect:f}=r(),p=e(),s=a((()=>p({to:n,replace:!0})),[p]);return t(m,{uri:f?._fromLocation?.pathname??c,onNavigateHome:s,...i})}export{i as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.879Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useLocation, useRouterState, useNavigate } from '@tanstack/react-router';
+import { VefAccessDenied } from '@vef-framework/components';
+import { useCallback } from 'react';
+import { INDEX_PAGE_PATH } from '../../constants.js';
+
+function VefAccessDeniedPage(props) {
+  const { pathname } = useLocation();
+  const { redirect } = useRouterState();
+  const navigate = useNavigate();
+  const handleNavigateHome = useCallback(
+    () => navigate({
+      to: INDEX_PAGE_PATH,
+      replace: true
+    }),
+    [navigate]
+  );
+  return /* @__PURE__ */ jsx(VefAccessDenied, { uri: redirect?._fromLocation?.pathname ?? pathname, onNavigateHome: handleNavigateHome, ...props });
+}
+
+export { VefAccessDeniedPage as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/components/vef-app/index.js

@@ -1,3 +1,15 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.608Z, made by Venus. */
-import{jsx as r}from"@emotion/react/jsx-runtime";import{VefConfigProvider as o}from"@vef-framework/components";import{StrictMode as e}from"react";import t from"../vef-router-provider/index.js";function m({router:m,...i}){return r(e,{children:r(o,{...i,children:r(t,{router:m})})})}export{m as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.879Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { VefConfigProvider } from '@vef-framework/components';
+import { StrictMode } from 'react';
+import VefRouterProvider from '../vef-router-provider/index.js';
+
+function VefApp({
+  router,
+  ...configProviderProps
+}) {
+  return /* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsx(VefConfigProvider, { ...configProviderProps, children: /* @__PURE__ */ jsx(VefRouterProvider, { router }) }) });
+}
+
+export { VefApp as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/components/vef-dev-assistant/index.js

@@ -1,5 +1,14 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.608Z, made by Venus. */
-import{jsxs as e,jsx as t,Fragment as o}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{VefFloatButtonGroup as i,VefIcon as a,VefFloatButton as n,VefLoadingPlaceholder as l}from"@vef-framework/components";import{useKeyPress as s}from"@vef-framework/hooks";import{themeVariables as c,noop as d}from"@vef-framework/shared";import{CompassIcon as h,SendIcon as f}from"lucide-react";import{AnimatePresence as p,motion as u}from"motion/react";import{lazy as m,useState as v,useCallback as k,Suspense as y}from"react";const g=r`
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.879Z, made by Venus. */
+import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { VefFloatButtonGroup, VefIcon, VefFloatButton, VefLoadingPlaceholder } from '@vef-framework/components';
+import { useKeyPress } from '@vef-framework/hooks';
+import { themeVariables, noop } from '@vef-framework/shared';
+import { CompassIcon, SendIcon } from 'lucide-react';
+import { AnimatePresence, motion } from 'motion/react';
+import { lazy, useState, useCallback, Suspense } from 'react';
+
+const devtoolsContainerStyle = css`
   position: fixed;
   bottom: 0;
   width: 100%;
@@ -22,11 +31,125 @@ import{jsxs as e,jsx as t,Fragment as o}from"@emotion/react/jsx-runtime";import{
     }
 
     > div {
-      padding: ${c.paddingSm};
+      padding: ${themeVariables.paddingSm};
       scrollbar-width: thin;
       scrollbar-color: #334155 transparent;
-      box-shadow: ${c.boxShadowDrawerDown};
+      box-shadow: ${themeVariables.boxShadowDrawerDown};
+    }
+  }
+`;
+function IconCoffee(props) {
+  return /* @__PURE__ */ jsxs("svg", { height: 24, viewBox: "0 0 24 24", width: 24, xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M17 14v4c0 1.66 -1.34 3 -3 3h-6c-1.66 0 -3 -1.34 -3 -3v-4Z", fill: "currentColor", fillOpacity: 0, children: /* @__PURE__ */ jsx("animate", { attributeName: "fill-opacity", begin: "0.8s", dur: "0.5s", fill: "freeze", values: "0;1" }) }),
+    /* @__PURE__ */ jsxs("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, children: [
+      /* @__PURE__ */ jsx("path", { d: "M17 9v9c0 1.66 -1.34 3 -3 3h-6c-1.66 0 -3 -1.34 -3 -3v-9Z", strokeDasharray: 48, strokeDashoffset: 48, children: /* @__PURE__ */ jsx("animate", { attributeName: "stroke-dashoffset", dur: "0.6s", fill: "freeze", values: "48;0" }) }),
+      /* @__PURE__ */ jsx("path", { d: "M17 9h3c0.55 0 1 0.45 1 1v3c0 0.55 -0.45 1 -1 1h-3", strokeDasharray: 14, strokeDashoffset: 14, children: /* @__PURE__ */ jsx("animate", { attributeName: "stroke-dashoffset", begin: "0.6s", dur: "0.2s", fill: "freeze", values: "14;0" }) }),
+      /* @__PURE__ */ jsx("mask", { id: "lineMdCoffeeHalfEmptyFilledLoop0", children: /* @__PURE__ */ jsx("path", { d: "M8 0c0 2-2 2-2 4s2 2 2 4-2 2-2 4 2 2 2 4M12 0c0 2-2 2-2 4s2 2 2 4-2 2-2 4 2 2 2 4M16 0c0 2-2 2-2 4s2 2 2 4-2 2-2 4 2 2 2 4", stroke: "#fff", children: /* @__PURE__ */ jsx("animateMotion", { calcMode: "linear", dur: "3s", path: "M0 0v-8", repeatCount: "indefinite" }) }) }),
+      /* @__PURE__ */ jsxs("rect", { fill: "currentColor", height: 0, mask: "url(#lineMdCoffeeHalfEmptyFilledLoop0)", width: 24, y: 7, children: [
+        /* @__PURE__ */ jsx("animate", { attributeName: "y", begin: "0.8s", dur: "0.6s", fill: "freeze", values: "7;2" }),
+        /* @__PURE__ */ jsx("animate", { attributeName: "height", begin: "0.8s", dur: "0.6s", fill: "freeze", values: "0;5" })
+      ] })
+    ] })
+  ] });
+}
+const isDev = process.env.NODE_ENV === "development";
+const RouterDevtools = isDev ? lazy(() => import('@tanstack/router-devtools').then((mod) => ({
+  default: mod.TanStackRouterDevtoolsPanel
+}))) : () => null;
+const QueryDevtools = isDev ? lazy(() => import('@tanstack/react-query-devtools').then((mod) => ({
+  default: mod.ReactQueryDevtoolsPanel
+}))) : () => null;
+const variants = {
+  opened: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      type: "spring",
+      bounce: 0,
+      duration: 0.2
     }
+  },
+  closed: {
+    opacity: 0,
+    y: "50%"
   }
-`;function b(o){return e("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...o,children:[t("path",{d:"M17 14v4c0 1.66 -1.34 3 -3 3h-6c-1.66 0 -3 -1.34 -3 -3v-4Z",fill:"currentColor",fillOpacity:0,children:t("animate",{attributeName:"fill-opacity",begin:"0.8s",dur:"0.5s",fill:"freeze",values:"0;1"})}),e("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,children:[t("path",{d:"M17 9v9c0 1.66 -1.34 3 -3 3h-6c-1.66 0 -3 -1.34 -3 -3v-9Z",strokeDasharray:48,strokeDashoffset:48,children:t("animate",{attributeName:"stroke-dashoffset",dur:"0.6s",fill:"freeze",values:"48;0"})}),t("path",{d:"M17 9h3c0.55 0 1 0.45 1 1v3c0 0.55 -0.45 1 -1 1h-3",strokeDasharray:14,strokeDashoffset:14,children:t("animate",{attributeName:"stroke-dashoffset",begin:"0.6s",dur:"0.2s",fill:"freeze",values:"14;0"})}),t("mask",{id:"lineMdCoffeeHalfEmptyFilledLoop0",children:t("path",{d:"M8 0c0 2-2 2-2 4s2 2 2 4-2 2-2 4 2 2 2 4M12 0c0 2-2 2-2 4s2 2 2 4-2 2-2 4 2 2 2 4M16 0c0 2-2 2-2 4s2 2 2 4-2 2-2 4 2 2 2 4",stroke:"#fff",children:t("animateMotion",{calcMode:"linear",dur:"3s",path:"M0 0v-8",repeatCount:"indefinite"})})}),e("rect",{fill:"currentColor",height:0,mask:"url(#lineMdCoffeeHalfEmptyFilledLoop0)",width:24,y:7,children:[t("animate",{attributeName:"y",begin:"0.8s",dur:"0.6s",fill:"freeze",values:"7;2"}),t("animate",{attributeName:"height",begin:"0.8s",dur:"0.6s",fill:"freeze",values:"0;5"})]})]})]})}const w="development"===process.env.NODE_ENV,x=w?m((()=>import("@tanstack/router-devtools").then((e=>({default:e.TanStackRouterDevtoolsPanel}))))):()=>null,M=w?m((()=>import("@tanstack/react-query-devtools").then((e=>({default:e.ReactQueryDevtoolsPanel}))))):()=>null,D={opened:{opacity:1,y:0,transition:{type:"spring",bounce:0,duration:.2}},closed:{opacity:0,y:"50%"}};function C(){const[r,c]=v(null),m=k((e=>{e.stopPropagation(),c((e=>"query"===e?null:"query"))}),[]),w=k((e=>{e.stopPropagation(),c((e=>"router"===e?null:"router"))}),[]);return s("esc",(()=>{r&&c(null)})),e(o,{children:[e(i,{collapsable:!0,shape:"square",icon:t(a,{size:"huge",children:t(b,{})}),onClick:e=>e.stopPropagation(),children:[t(n,{tip:"API调试控制台",icon:t(a,{children:t(h,{})}),onClick:m}),t(n,{tip:"路由调试控制台",icon:t(a,{children:t(f,{})}),onClick:w})]}),e(p,{mode:"wait",children:["query"===r&&t(u.div,{animate:"opened",css:g,exit:"closed",initial:"closed",variants:D,children:t(y,{fallback:t(l,{}),children:t(M,{style:{height:"100%"}})})}),"router"===r&&t(u.div,{animate:"opened",css:g,exit:"closed",initial:"closed",variants:D,children:t(y,{fallback:t(l,{}),children:t(x,{isOpen:"router"===r,setIsOpen:d,style:{height:"100%"}})})})]})]})}export{C as default};
+};
+function VefDevAssistant() {
+  const [visibleDevtools, setVisibleDevtools] = useState(null);
+  const handleShowQueryDevtools = useCallback((event) => {
+    event.stopPropagation();
+    setVisibleDevtools((visible) => visible === "query" ? null : "query");
+  }, []);
+  const handleShowRouterDevtools = useCallback((event) => {
+    event.stopPropagation();
+    setVisibleDevtools((visible) => visible === "router" ? null : "router");
+  }, []);
+  useKeyPress("esc", () => {
+    if (visibleDevtools) {
+      setVisibleDevtools(null);
+    }
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      VefFloatButtonGroup,
+      {
+        collapsable: true,
+        shape: "square",
+        icon: /* @__PURE__ */ jsx(VefIcon, { size: "huge", children: /* @__PURE__ */ jsx(IconCoffee, {}) }),
+        onClick: (event) => event.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsx(
+            VefFloatButton,
+            {
+              tip: "API\u8C03\u8BD5\u63A7\u5236\u53F0",
+              icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(CompassIcon, {}) }),
+              onClick: handleShowQueryDevtools
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            VefFloatButton,
+            {
+              tip: "\u8DEF\u7531\u8C03\u8BD5\u63A7\u5236\u53F0",
+              icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(SendIcon, {}) }),
+              onClick: handleShowRouterDevtools
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(AnimatePresence, { mode: "wait", children: [
+      visibleDevtools === "query" && /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          animate: "opened",
+          css: devtoolsContainerStyle,
+          exit: "closed",
+          initial: "closed",
+          variants,
+          children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(VefLoadingPlaceholder, {}), children: /* @__PURE__ */ jsx(QueryDevtools, { style: { height: "100%" } }) })
+        }
+      ),
+      visibleDevtools === "router" && /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          animate: "opened",
+          css: devtoolsContainerStyle,
+          exit: "closed",
+          initial: "closed",
+          variants,
+          children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(VefLoadingPlaceholder, {}), children: /* @__PURE__ */ jsx(
+            RouterDevtools,
+            {
+              isOpen: visibleDevtools === "router",
+              setIsOpen: noop,
+              style: { height: "100%" }
+            }
+          ) })
+        }
+      )
+    ] })
+  ] });
+}
+
+export { VefDevAssistant as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/components/vef-error-page/index.js

@@ -1,3 +1,20 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.608Z, made by Venus. */
-import{jsx as r}from"@emotion/react/jsx-runtime";import{VefError as o}from"@vef-framework/components";import{useQueryErrorResetBoundary as e}from"@vef-framework/core";import{useEffect as t}from"react";function m({error:m,info:n,reset:f}){const{reset:c}=e();return t((()=>{c()}),[c]),r(o,{componentStack:n?.componentStack,error:m,reset:f})}export{m as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.879Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { VefError } from '@vef-framework/components';
+import { useQueryErrorResetBoundary } from '@vef-framework/core';
+import { useEffect } from 'react';
+
+function VefErrorPage({
+  error,
+  info,
+  reset
+}) {
+  const { reset: resetQueryError } = useQueryErrorResetBoundary();
+  useEffect(() => {
+    resetQueryError();
+  }, [resetQueryError]);
+  return /* @__PURE__ */ jsx(VefError, { componentStack: info?.componentStack, error, reset });
+}
+
+export { VefErrorPage as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/components/vef-login-page/index.js

@@ -1,3 +1,37 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.608Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{useRouter as t,useNavigate as o,useSearch as r}from"@tanstack/react-router";import{VefLogin as n}from"@vef-framework/components";import{LOGIN_PAGE_ROUTE as s}from"../../constants.js";import{useAppStore as a}from"../../store.js";function c(c){const i=t(),m=o(),{redirect:f}=r({from:s});return e(n,{onLoginSuccess:async({accessToken:e,refreshToken:t})=>{a.setState({isAuthenticated:!0,token:Object.freeze({accessToken:e,refreshToken:t})}),await i.invalidate(),await m({to:f,replace:!0})},...c})}export{c as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.879Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useRouter, useNavigate, useSearch } from '@tanstack/react-router';
+import { VefLogin } from '@vef-framework/components';
+import { LOGIN_PAGE_ROUTE } from '../../constants.js';
+import { useAppStore } from '../../store.js';
+
+function VefLoginPage(props) {
+  const router = useRouter();
+  const navigate = useNavigate();
+  const { redirect } = useSearch({
+    from: LOGIN_PAGE_ROUTE
+  });
+  return /* @__PURE__ */ jsx(
+    VefLogin,
+    {
+      onLoginSuccess: async ({ accessToken, refreshToken }) => {
+        useAppStore.setState({
+          isAuthenticated: true,
+          token: Object.freeze({
+            accessToken,
+            refreshToken
+          })
+        });
+        await router.invalidate();
+        await navigate({
+          to: redirect,
+          replace: true
+        });
+      },
+      ...props
+    }
+  );
+}
+
+export { VefLoginPage as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/components/vef-not-found-page/index.js

@@ -1,3 +1,22 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.608Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{useNavigate as o,useLocation as r}from"@tanstack/react-router";import{VefNotFound as e}from"@vef-framework/components";import{useCallback as m}from"react";import{INDEX_PAGE_PATH as a}from"../../constants.js";function n(){const n=o(),i=m((()=>n({to:a,replace:!0})),[n]),{pathname:c}=r();return t(e,{uri:c,onNavigateHome:i})}export{n as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.879Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useNavigate, useLocation } from '@tanstack/react-router';
+import { VefNotFound } from '@vef-framework/components';
+import { useCallback } from 'react';
+import { INDEX_PAGE_PATH } from '../../constants.js';
+
+function VefNotFoundPage() {
+  const navigate = useNavigate();
+  const handleNavigateHome = useCallback(
+    () => navigate({
+      to: INDEX_PAGE_PATH,
+      replace: true
+    }),
+    [navigate]
+  );
+  const { pathname } = useLocation();
+  return /* @__PURE__ */ jsx(VefNotFound, { uri: pathname, onNavigateHome: handleNavigateHome });
+}
+
+export { VefNotFoundPage as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/components/vef-router-provider/index.js

@@ -1,3 +1,18 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.608Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{RouterProvider as r}from"@tanstack/react-router";import{useApiContext as e}from"@vef-framework/core";import{useMemo as o}from"react";function c({router:c}){const{fetchAuthenticatedUserApi:i}=e(),m=o((()=>({fetchAuthenticatedUserApi:i})),[i]);return t(r,{context:m,router:c})}export{c as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.879Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { RouterProvider } from '@tanstack/react-router';
+import { useApiContext } from '@vef-framework/core';
+import { useMemo } from 'react';
+
+function VefRouterProvider({
+  router
+}) {
+  const { fetchAuthenticatedUserApi } = useApiContext();
+  const context = useMemo(() => ({
+    fetchAuthenticatedUserApi
+  }), [fetchAuthenticatedUserApi]);
+  return /* @__PURE__ */ jsx(RouterProvider, { context, router });
+}
+
+export { VefRouterProvider as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/constants.js

@@ -1,3 +1,10 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.608Z, made by Venus. */
-const o="/login",c="/_common/login",e="/",n="/_layout",s="/access-denied",d="/_common/access-denied";export{s as ACCESS_DENIED_PAGE_PATH,d as ACCESS_DENIED_PAGE_ROUTE,e as INDEX_PAGE_PATH,n as INDEX_PAGE_ROUTE,o as LOGIN_PAGE_PATH,c as LOGIN_PAGE_ROUTE};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.879Z, made by Venus. */
+const LOGIN_PAGE_PATH = "/login";
+const LOGIN_PAGE_ROUTE = "/_common/login";
+const INDEX_PAGE_PATH = "/";
+const INDEX_PAGE_ROUTE = "/_layout";
+const ACCESS_DENIED_PAGE_PATH = "/access-denied";
+const ACCESS_DENIED_PAGE_ROUTE = "/_common/access-denied";
+
+export { ACCESS_DENIED_PAGE_PATH, ACCESS_DENIED_PAGE_ROUTE, INDEX_PAGE_PATH, INDEX_PAGE_ROUTE, LOGIN_PAGE_PATH, LOGIN_PAGE_ROUTE };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/helper.js

@@ -1,3 +1,24 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.608Z, made by Venus. */
-import{LOGIN_PAGE_PATH as t}from"./constants.js";import{useAppStore as a}from"./store.js";let i=null;function e(t){i=t}async function n(e){await i.invalidateQueries(),a.setState({isAuthenticated:!1},!0),await e.invalidate(),await e.navigate({to:t})}export{n as handleClientLogout,e as setCurrentFetchAuthenticatedUserApi};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.879Z, made by Venus. */
+import { LOGIN_PAGE_PATH } from './constants.js';
+import { useAppStore } from './store.js';
+
+let currentFetchAuthenticatedUserApi = null;
+function setCurrentFetchAuthenticatedUserApi(fetchAuthenticatedUserApi) {
+  currentFetchAuthenticatedUserApi = fetchAuthenticatedUserApi;
+}
+async function handleClientLogout(router) {
+  await currentFetchAuthenticatedUserApi.invalidateQueries();
+  useAppStore.setState(
+    {
+      isAuthenticated: false
+    },
+    true
+  );
+  await router.invalidate();
+  await router.navigate({
+    to: LOGIN_PAGE_PATH
+  });
+}
+
+export { handleClientLogout, setCurrentFetchAuthenticatedUserApi };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/index.js

@@ -1,3 +1,20 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.608Z, made by Venus. */
-export{createApiClient}from"./api.js";export{createApp}from"./app.js";import"./components/index.js";export{ACCESS_DENIED_PAGE_PATH,ACCESS_DENIED_PAGE_ROUTE,INDEX_PAGE_PATH,INDEX_PAGE_ROUTE,LOGIN_PAGE_PATH,LOGIN_PAGE_ROUTE}from"./constants.js";export{createRouter}from"./router.js";import"./routes/index.js";export{useAppStore}from"./store.js";export{default as VefAccessDeniedPage}from"./components/vef-access-denied-page/index.js";export{default as VefApp}from"./components/vef-app/index.js";export{default as VefDevAssistant}from"./components/vef-dev-assistant/index.js";export{default as VefErrorPage}from"./components/vef-error-page/index.js";export{default as VefLoginPage}from"./components/vef-login-page/index.js";export{default as VefNotFoundPage}from"./components/vef-not-found-page/index.js";export{default as VefRouterProvider}from"./components/vef-router-provider/index.js";export{createAccessDeniedRouteOptions}from"./routes/access-denied.js";export{createLayoutRouteOptions}from"./routes/layout.js";export{createLoginRouteOptions}from"./routes/login.js";export{createRootRoute}from"./routes/root.js";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.879Z, made by Venus. */
+export { createApiClient } from './api.js';
+export { createApp } from './app.js';
+import './components/index.js';
+export { ACCESS_DENIED_PAGE_PATH, ACCESS_DENIED_PAGE_ROUTE, INDEX_PAGE_PATH, INDEX_PAGE_ROUTE, LOGIN_PAGE_PATH, LOGIN_PAGE_ROUTE } from './constants.js';
+export { createRouter } from './router.js';
+import './routes/index.js';
+export { useAppStore } from './store.js';
+export { default as VefAccessDeniedPage } from './components/vef-access-denied-page/index.js';
+export { default as VefApp } from './components/vef-app/index.js';
+export { default as VefDevAssistant } from './components/vef-dev-assistant/index.js';
+export { default as VefErrorPage } from './components/vef-error-page/index.js';
+export { default as VefLoginPage } from './components/vef-login-page/index.js';
+export { default as VefNotFoundPage } from './components/vef-not-found-page/index.js';
+export { default as VefRouterProvider } from './components/vef-router-provider/index.js';
+export { createAccessDeniedRouteOptions } from './routes/access-denied.js';
+export { createLayoutRouteOptions } from './routes/layout.js';
+export { createLoginRouteOptions } from './routes/login.js';
+export { createRootRoute } from './routes/root.js';
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/router.js

@@ -1,3 +1,67 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.608Z, made by Venus. */
-import{createRouter as e,createBrowserHistory as r}from"@tanstack/react-router";import{VefLoadingPlaceholder as t,VefText as o}from"@vef-framework/components";import{showErrorNotification as a}from"@vef-framework/shared";import n from"nprogress";import{createElement as l}from"react";const s=6e5;function i({routeTree:i}){const c=e({routeTree:i,trailingSlash:"never",caseSensitive:!0,history:r(),search:{strict:!0},notFoundMode:"root",defaultPendingComponent:()=>l(t,{size:"large"}),defaultPendingMs:500,defaultPendingMinMs:300,defaultSsr:!1,defaultStructuralSharing:!0,defaultHashScrollIntoView:{behavior:"smooth",block:"start",inline:"center"},defaultPreload:"intent",defaultPreloadDelay:50,defaultPreloadGcTime:s,defaultGcTime:s,defaultOnCatch(e,r){a(e.message||e.name,l(o,{color:"error",children:l("pre",{style:{maxHeight:"480px",overflowY:"auto",scrollbarWidth:"thin",scrollbarColor:"rgba(0, 0, 0, 0.2) transparent"},children:e.stack||r.componentStack||"No stack trace available"})}))}});return c.subscribe("onBeforeLoad",(({pathChanged:e})=>e&&n.start())),c.subscribe("onLoad",(()=>n.done())),c}export{i as createRouter};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.879Z, made by Venus. */
+import { createRouter as createRouter$1, createBrowserHistory } from '@tanstack/react-router';
+import { VefLoadingPlaceholder, VefText } from '@vef-framework/components';
+import { showErrorNotification } from '@vef-framework/shared';
+import NProgress from 'nprogress';
+import { createElement } from 'react';
+
+const defaultGcTime = 10 * 60 * 1e3;
+function createRouter({
+  routeTree
+}) {
+  const router = createRouter$1({
+    routeTree,
+    trailingSlash: "never",
+    caseSensitive: true,
+    history: createBrowserHistory(),
+    search: {
+      strict: true
+    },
+    notFoundMode: "root",
+    defaultPendingComponent: () => createElement(
+      VefLoadingPlaceholder,
+      {
+        size: "large"
+      }
+    ),
+    defaultPendingMs: 500,
+    defaultPendingMinMs: 300,
+    defaultSsr: false,
+    defaultStructuralSharing: true,
+    defaultHashScrollIntoView: {
+      behavior: "smooth",
+      block: "start",
+      inline: "center"
+    },
+    defaultPreload: "intent",
+    defaultPreloadDelay: 50,
+    defaultPreloadGcTime: defaultGcTime,
+    defaultGcTime,
+    defaultOnCatch(error, errorInfo) {
+      showErrorNotification(
+        error.message || error.name,
+        createElement(
+          VefText,
+          {
+            color: "error",
+            children: createElement("pre", {
+              style: {
+                maxHeight: "480px",
+                overflowY: "auto",
+                scrollbarWidth: "thin",
+                scrollbarColor: "rgba(0, 0, 0, 0.2) transparent"
+              },
+              children: error.stack || errorInfo.componentStack || "No stack trace available"
+            })
+          }
+        )
+      );
+    }
+  });
+  router.subscribe("onBeforeLoad", ({ pathChanged }) => pathChanged && NProgress.start());
+  router.subscribe("onLoad", () => NProgress.done());
+  return router;
+}
+
+export { createRouter };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/routes/access-denied.js

@@ -1,3 +1,12 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.608Z, made by Venus. */
-import"../components/index.js";import e from"../components/vef-access-denied-page/index.js";function n(){return{component:e}}export{n as createAccessDeniedRouteOptions};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.879Z, made by Venus. */
+import '../components/index.js';
+import VefAccessDeniedPage from '../components/vef-access-denied-page/index.js';
+
+function createAccessDeniedRouteOptions() {
+  return {
+    component: VefAccessDeniedPage
+  };
+}
+
+export { createAccessDeniedRouteOptions };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/routes/index.js

@@ -1,3 +1,6 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.608Z, made by Venus. */
-export{createAccessDeniedRouteOptions}from"./access-denied.js";export{createLayoutRouteOptions}from"./layout.js";export{createLoginRouteOptions}from"./login.js";export{createRootRoute}from"./root.js";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.879Z, made by Venus. */
+export { createAccessDeniedRouteOptions } from './access-denied.js';
+export { createLayoutRouteOptions } from './layout.js';
+export { createLoginRouteOptions } from './login.js';
+export { createRootRoute } from './root.js';
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */