@vef-framework/starter 1.0.121 → 1.0.123

package/cjs/api.cjs

@@ -0,0 +1,17 @@
+"use strict";
+'use strict';
+
+var core = require('@vef-framework/core');
+var store = require('./store.cjs');
+
+"use strict";
+function createApiClient(options) {
+  return core.createApiClient({
+    ...options,
+    getAccessToken() {
+      return store.useAppStore.getState().token?.accessToken;
+    }
+  });
+}
+
+exports.createApiClient = createApiClient;

package/cjs/app.cjs

@@ -0,0 +1,27 @@
+"use strict";
+'use strict';
+
+var react = require('react');
+var client = require('react-dom/client');
+require('./components/index.cjs');
+var index = require('./components/vef-app/index.cjs');
+
+"use strict";
+function createApp() {
+  const root = client.createRoot(
+    document.getElementById("root"),
+    {
+      identifierPrefix: "vef-"
+    }
+  );
+  return {
+    render: (props) => {
+      root.render(
+        react.createElement(index.default, props)
+      );
+    },
+    unmount: () => root.unmount()
+  };
+}
+
+exports.createApp = createApp;

package/cjs/components/index.cjs

@@ -0,0 +1,20 @@
+"use strict";
+'use strict';
+
+var index = require('./vef-access-denied-page/index.cjs');
+var index$1 = require('./vef-app/index.cjs');
+var index$2 = require('./vef-dev-assistant/index.cjs');
+var index$3 = require('./vef-error-page/index.cjs');
+var index$4 = require('./vef-login-page/index.cjs');
+var index$5 = require('./vef-not-found-page/index.cjs');
+var index$6 = require('./vef-router-provider/index.cjs');
+
+"use strict";
+
+exports.VefAccessDeniedPage = index.default;
+exports.VefApp = index$1.default;
+exports.VefDevAssistant = index$2.default;
+exports.VefErrorPage = index$3.default;
+exports.VefLoginPage = index$4.default;
+exports.VefNotFoundPage = index$5.default;
+exports.VefRouterProvider = index$6.default;

package/cjs/components/vef-access-denied-page/index.cjs

@@ -0,0 +1,27 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var reactRouter = require('@tanstack/react-router');
+var components = require('@vef-framework/components');
+var react = require('react');
+var constants = require('../../constants.cjs');
+
+"use strict";
+function VefAccessDeniedPage(props) {
+  const { pathname } = reactRouter.useLocation();
+  const { redirect } = reactRouter.useRouterState();
+  const navigate = reactRouter.useNavigate();
+  const handleNavigateHome = react.useCallback(
+    () => navigate({
+      to: constants.INDEX_PAGE_PATH,
+      replace: true
+    }),
+    [navigate]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(components.VefAccessDenied, { uri: redirect?._fromLocation?.pathname ?? pathname, onNavigateHome: handleNavigateHome, ...props });
+}
+
+exports.default = VefAccessDeniedPage;

package/cjs/components/vef-access-denied-page/props.cjs

@@ -0,0 +1,4 @@
+"use strict";
+'use strict';
+
+"use strict";

package/cjs/components/vef-app/index.cjs

@@ -0,0 +1,19 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var components = require('@vef-framework/components');
+var react = require('react');
+var index = require('../vef-router-provider/index.cjs');
+
+"use strict";
+function VefApp({
+  router,
+  ...configProviderProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.StrictMode, { children: /* @__PURE__ */ jsxRuntime.jsx(components.VefConfigProvider, { ...configProviderProps, children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { router }) }) });
+}
+
+exports.default = VefApp;

package/cjs/components/vef-app/props.cjs

@@ -0,0 +1,4 @@
+"use strict";
+'use strict';
+
+"use strict";

package/cjs/components/vef-dev-assistant/index.cjs

@@ -0,0 +1,159 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var react = require('@emotion/react');
+var components = require('@vef-framework/components');
+var hooks = require('@vef-framework/hooks');
+var shared = require('@vef-framework/shared');
+var lucideReact = require('lucide-react');
+var react$2 = require('motion/react');
+var react$1 = require('react');
+
+"use strict";
+const devtoolsContainerStyle = react.css`
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  height: 600px;
+  z-index: 2;
+
+  .tsqd-text-logo-container {
+    display: none;
+  }
+
+  .TanStackRouterDevtoolsPanel {
+    > button {
+      display: none;
+    }
+
+    > div:first-of-type {
+      > div:first-of-type {
+        display: none;
+      }
+    }
+
+    > div {
+      padding: ${shared.themeVariables.paddingSm};
+      scrollbar-width: thin;
+      scrollbar-color: #334155 transparent;
+      box-shadow: ${shared.themeVariables.boxShadowDrawerDown};
+    }
+  }
+`;
+function IconCoffee(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { height: 24, viewBox: "0 0 24 24", width: 24, xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("animate", { attributeName: "fill-opacity", begin: "0.8s", dur: "0.5s", fill: "freeze", values: "0;1" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, children: [
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("animate", { attributeName: "stroke-dashoffset", dur: "0.6s", fill: "freeze", values: "48;0" }) }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("animate", { attributeName: "stroke-dashoffset", begin: "0.6s", dur: "0.2s", fill: "freeze", values: "14;0" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "lineMdCoffeeHalfEmptyFilledLoop0", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("animateMotion", { calcMode: "linear", dur: "3s", path: "M0 0v-8", repeatCount: "indefinite" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("rect", { fill: "currentColor", height: 0, mask: "url(#lineMdCoffeeHalfEmptyFilledLoop0)", width: 24, y: 7, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "y", begin: "0.8s", dur: "0.6s", fill: "freeze", values: "7;2" }),
+        /* @__PURE__ */ jsxRuntime.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 ? react$1.lazy(() => import('@tanstack/router-devtools').then((mod) => ({
+  default: mod.TanStackRouterDevtoolsPanel
+}))) : () => null;
+const QueryDevtools = isDev ? react$1.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 VefDevAssistant() {
+  const [visibleDevtools, setVisibleDevtools] = react$1.useState(null);
+  const handleShowQueryDevtools = react$1.useCallback((event) => {
+    event.stopPropagation();
+    setVisibleDevtools((visible) => visible === "query" ? null : "query");
+  }, []);
+  const handleShowRouterDevtools = react$1.useCallback((event) => {
+    event.stopPropagation();
+    setVisibleDevtools((visible) => visible === "router" ? null : "router");
+  }, []);
+  hooks.useKeyPress("esc", () => {
+    if (visibleDevtools) {
+      setVisibleDevtools(null);
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      components.VefFloatButtonGroup,
+      {
+        collapsable: true,
+        shape: "square",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(components.VefIcon, { size: "huge", children: /* @__PURE__ */ jsxRuntime.jsx(IconCoffee, {}) }),
+        onClick: (event) => event.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            components.VefFloatButton,
+            {
+              tip: "API调试控制台",
+              icon: /* @__PURE__ */ jsxRuntime.jsx(components.VefIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CompassIcon, {}) }),
+              onClick: handleShowQueryDevtools
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            components.VefFloatButton,
+            {
+              tip: "路由调试控制台",
+              icon: /* @__PURE__ */ jsxRuntime.jsx(components.VefIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SendIcon, {}) }),
+              onClick: handleShowRouterDevtools
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(react$2.AnimatePresence, { mode: "wait", children: [
+      visibleDevtools === "query" && /* @__PURE__ */ jsxRuntime.jsx(
+        react$2.motion.div,
+        {
+          animate: "opened",
+          css: devtoolsContainerStyle,
+          exit: "closed",
+          initial: "closed",
+          variants,
+          children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(components.VefLoadingPlaceholder, {}), children: /* @__PURE__ */ jsxRuntime.jsx(QueryDevtools, { style: { height: "100%" } }) })
+        }
+      ),
+      visibleDevtools === "router" && /* @__PURE__ */ jsxRuntime.jsx(
+        react$2.motion.div,
+        {
+          animate: "opened",
+          css: devtoolsContainerStyle,
+          exit: "closed",
+          initial: "closed",
+          variants,
+          children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(components.VefLoadingPlaceholder, {}), children: /* @__PURE__ */ jsxRuntime.jsx(
+            RouterDevtools,
+            {
+              isOpen: visibleDevtools === "router",
+              setIsOpen: shared.noop,
+              style: { height: "100%" }
+            }
+          ) })
+        }
+      )
+    ] })
+  ] });
+}
+
+exports.default = VefDevAssistant;

package/cjs/components/vef-dev-assistant/props.cjs

@@ -0,0 +1,4 @@
+"use strict";
+'use strict';
+
+"use strict";

package/cjs/components/vef-error-page/index.cjs

@@ -0,0 +1,24 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var components = require('@vef-framework/components');
+var core = require('@vef-framework/core');
+var react = require('react');
+
+"use strict";
+function VefErrorPage({
+  error,
+  info,
+  reset
+}) {
+  const { reset: resetQueryError } = core.useQueryErrorResetBoundary();
+  react.useEffect(() => {
+    resetQueryError();
+  }, [resetQueryError]);
+  return /* @__PURE__ */ jsxRuntime.jsx(components.VefError, { componentStack: info?.componentStack, error, reset });
+}
+
+exports.default = VefErrorPage;

package/cjs/components/vef-error-page/props.cjs

@@ -0,0 +1,4 @@
+"use strict";
+'use strict';
+
+"use strict";

package/cjs/components/vef-login-page/index.cjs

@@ -0,0 +1,41 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var reactRouter = require('@tanstack/react-router');
+var components = require('@vef-framework/components');
+var constants = require('../../constants.cjs');
+var store = require('../../store.cjs');
+
+"use strict";
+function VefLoginPage(props) {
+  const router = reactRouter.useRouter();
+  const navigate = reactRouter.useNavigate();
+  const { redirect } = reactRouter.useSearch({
+    from: constants.LOGIN_PAGE_ROUTE
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.VefLogin,
+    {
+      onLoginSuccess: async ({ accessToken, refreshToken }) => {
+        store.useAppStore.setState({
+          isAuthenticated: true,
+          token: Object.freeze({
+            accessToken,
+            refreshToken
+          })
+        });
+        await router.invalidate();
+        await navigate({
+          to: redirect,
+          replace: true
+        });
+      },
+      ...props
+    }
+  );
+}
+
+exports.default = VefLoginPage;

package/cjs/components/vef-login-page/props.cjs

@@ -0,0 +1,4 @@
+"use strict";
+'use strict';
+
+"use strict";

package/cjs/components/vef-not-found-page/index.cjs

@@ -0,0 +1,26 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var reactRouter = require('@tanstack/react-router');
+var components = require('@vef-framework/components');
+var react = require('react');
+var constants = require('../../constants.cjs');
+
+"use strict";
+function VefNotFoundPage() {
+  const navigate = reactRouter.useNavigate();
+  const handleNavigateHome = react.useCallback(
+    () => navigate({
+      to: constants.INDEX_PAGE_PATH,
+      replace: true
+    }),
+    [navigate]
+  );
+  const { pathname } = reactRouter.useLocation();
+  return /* @__PURE__ */ jsxRuntime.jsx(components.VefNotFound, { uri: pathname, onNavigateHome: handleNavigateHome });
+}
+
+exports.default = VefNotFoundPage;

package/cjs/components/vef-not-found-page/props.cjs

@@ -0,0 +1,4 @@
+"use strict";
+'use strict';
+
+"use strict";

package/cjs/components/vef-router-provider/index.cjs

@@ -0,0 +1,22 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var reactRouter = require('@tanstack/react-router');
+var core = require('@vef-framework/core');
+var react = require('react');
+
+"use strict";
+function VefRouterProvider({
+  router
+}) {
+  const { fetchAuthenticatedUserApi } = core.useApiContext();
+  const context = react.useMemo(() => ({
+    fetchAuthenticatedUserApi
+  }), [fetchAuthenticatedUserApi]);
+  return /* @__PURE__ */ jsxRuntime.jsx(reactRouter.RouterProvider, { context, router });
+}
+
+exports.default = VefRouterProvider;

package/cjs/components/vef-router-provider/props.cjs

@@ -0,0 +1,4 @@
+"use strict";
+'use strict';
+
+"use strict";

package/cjs/constants.cjs

@@ -0,0 +1,17 @@
+"use strict";
+'use strict';
+
+"use strict";
+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";
+
+exports.ACCESS_DENIED_PAGE_PATH = ACCESS_DENIED_PAGE_PATH;
+exports.ACCESS_DENIED_PAGE_ROUTE = ACCESS_DENIED_PAGE_ROUTE;
+exports.INDEX_PAGE_PATH = INDEX_PAGE_PATH;
+exports.INDEX_PAGE_ROUTE = INDEX_PAGE_ROUTE;
+exports.LOGIN_PAGE_PATH = LOGIN_PAGE_PATH;
+exports.LOGIN_PAGE_ROUTE = LOGIN_PAGE_ROUTE;

package/cjs/helper.cjs

@@ -0,0 +1,22 @@
+"use strict";
+'use strict';
+
+var constants = require('./constants.cjs');
+var store = require('./store.cjs');
+
+"use strict";
+async function handleClientLogout(router, fetchAuthenticatedUserApi) {
+  await fetchAuthenticatedUserApi.invalidateQueries();
+  store.useAppStore.setState(
+    {
+      isAuthenticated: false
+    },
+    true
+  );
+  await router.invalidate();
+  await router.navigate({
+    to: constants.LOGIN_PAGE_PATH
+  });
+}
+
+exports.handleClientLogout = handleClientLogout;

package/cjs/index.cjs

@@ -0,0 +1,47 @@
+"use strict";
+'use strict';
+
+var api = require('./api.cjs');
+var app = require('./app.cjs');
+require('./components/index.cjs');
+var constants = require('./constants.cjs');
+var helper = require('./helper.cjs');
+var router = require('./router.cjs');
+require('./routes/index.cjs');
+var store = require('./store.cjs');
+var index = require('./components/vef-access-denied-page/index.cjs');
+var index$1 = require('./components/vef-app/index.cjs');
+var index$2 = require('./components/vef-dev-assistant/index.cjs');
+var index$3 = require('./components/vef-error-page/index.cjs');
+var index$4 = require('./components/vef-login-page/index.cjs');
+var index$5 = require('./components/vef-not-found-page/index.cjs');
+var index$6 = require('./components/vef-router-provider/index.cjs');
+var accessDenied = require('./routes/access-denied.cjs');
+var layout = require('./routes/layout.cjs');
+var login = require('./routes/login.cjs');
+var root = require('./routes/root.cjs');
+
+"use strict";
+
+exports.createApiClient = api.createApiClient;
+exports.createApp = app.createApp;
+exports.ACCESS_DENIED_PAGE_PATH = constants.ACCESS_DENIED_PAGE_PATH;
+exports.ACCESS_DENIED_PAGE_ROUTE = constants.ACCESS_DENIED_PAGE_ROUTE;
+exports.INDEX_PAGE_PATH = constants.INDEX_PAGE_PATH;
+exports.INDEX_PAGE_ROUTE = constants.INDEX_PAGE_ROUTE;
+exports.LOGIN_PAGE_PATH = constants.LOGIN_PAGE_PATH;
+exports.LOGIN_PAGE_ROUTE = constants.LOGIN_PAGE_ROUTE;
+exports.handleClientLogout = helper.handleClientLogout;
+exports.createRouter = router.createRouter;
+exports.useAppStore = store.useAppStore;
+exports.VefAccessDeniedPage = index.default;
+exports.VefApp = index$1.default;
+exports.VefDevAssistant = index$2.default;
+exports.VefErrorPage = index$3.default;
+exports.VefLoginPage = index$4.default;
+exports.VefNotFoundPage = index$5.default;
+exports.VefRouterProvider = index$6.default;
+exports.createAccessDeniedRouteOptions = accessDenied.createAccessDeniedRouteOptions;
+exports.createLayoutRouteOptions = layout.createLayoutRouteOptions;
+exports.createLoginRouteOptions = login.createLoginRouteOptions;
+exports.createRootRoute = root.createRootRoute;

package/cjs/router.cjs

@@ -0,0 +1,72 @@
+"use strict";
+'use strict';
+
+var reactRouter = require('@tanstack/react-router');
+var components = require('@vef-framework/components');
+var shared = require('@vef-framework/shared');
+var NProgress = require('nprogress');
+var react = require('react');
+
+"use strict";
+const defaultGcTime = 10 * 60 * 1e3;
+function createRouter({
+  routeTree,
+  history
+}) {
+  const router = reactRouter.createRouter({
+    routeTree,
+    trailingSlash: "never",
+    caseSensitive: true,
+    history: history === "hash" ? reactRouter.createHashHistory() : reactRouter.createBrowserHistory(),
+    search: {
+      strict: true
+    },
+    notFoundMode: "root",
+    defaultPendingComponent: () => react.createElement(
+      components.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) {
+      shared.showErrorNotification(
+        error.message || error.name,
+        react.createElement(
+          components.VefText,
+          {
+            color: "error",
+            children: react.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;
+}
+
+exports.createRouter = createRouter;

package/cjs/routes/access-denied.cjs

@@ -0,0 +1,14 @@
+"use strict";
+'use strict';
+
+require('../components/index.cjs');
+var index = require('../components/vef-access-denied-page/index.cjs');
+
+"use strict";
+function createAccessDeniedRouteOptions() {
+  return {
+    component: index.default
+  };
+}
+
+exports.createAccessDeniedRouteOptions = createAccessDeniedRouteOptions;

package/cjs/routes/index.cjs

@@ -0,0 +1,14 @@
+"use strict";
+'use strict';
+
+var accessDenied = require('./access-denied.cjs');
+var layout = require('./layout.cjs');
+var login = require('./login.cjs');
+var root = require('./root.cjs');
+
+"use strict";
+
+exports.createAccessDeniedRouteOptions = accessDenied.createAccessDeniedRouteOptions;
+exports.createLayoutRouteOptions = layout.createLayoutRouteOptions;
+exports.createLoginRouteOptions = login.createLoginRouteOptions;
+exports.createRootRoute = root.createRootRoute;