@vef-framework/starter 1.0.134 → 2.0.1

package/dist/es/components/theme-config-provider/global-style.js

@@ -0,0 +1,16 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import '@emotion/react';
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const globalStyle = process.env.NODE_ENV === "production" ? {
+  name: "1edatjr",
+  styles: "html{&.color-scheme-transition{view-transition-name:root;&::view-transition-group(root){animation:none;mix-blend-mode:normal;}&::view-transition-old(root){z-index:2;}&::view-transition-new(root){z-index:1;}&.dark::view-transition-old(root){z-index:1;}&.dark::view-transition-new(root){z-index:2;}}}/* ::view-transition-group(sidebar) {\n    z-index: 2;\n  }\n  ::view-transition-group(main-content) {\n    z-index: 1;\n  }\n\n  ::view-transition-old(main-content) {\n    animation: page-slide-out 300ms cubic-bezier(0.2, 0, 0, 1) both;\n  }\n  ::view-transition-new(main-content) {\n    animation: page-slide-in 400ms cubic-bezier(0.2, 0, 0, 1) both;\n  }\n\n  @keyframes page-slide-in {\n    from {\n      transform: translateX(-100px);\n      opacity: 0;\n    }\n    to {\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  @keyframes page-slide-out {\n    from {\n      transform: translateX(0);\n      opacity: 1;\n    }\n    to {\n      transform: translateX(100px);\n      opacity: 0;\n    }\n  } */"
+} : {
+  name: "1edatjr",
+  styles: "html{&.color-scheme-transition{view-transition-name:root;&::view-transition-group(root){animation:none;mix-blend-mode:normal;}&::view-transition-old(root){z-index:2;}&::view-transition-new(root){z-index:1;}&.dark::view-transition-old(root){z-index:1;}&.dark::view-transition-new(root){z-index:2;}}}/* ::view-transition-group(sidebar) {\n    z-index: 2;\n  }\n  ::view-transition-group(main-content) {\n    z-index: 1;\n  }\n\n  ::view-transition-old(main-content) {\n    animation: page-slide-out 300ms cubic-bezier(0.2, 0, 0, 1) both;\n  }\n  ::view-transition-new(main-content) {\n    animation: page-slide-in 400ms cubic-bezier(0.2, 0, 0, 1) both;\n  }\n\n  @keyframes page-slide-in {\n    from {\n      transform: translateX(-100px);\n      opacity: 0;\n    }\n    to {\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  @keyframes page-slide-out {\n    from {\n      transform: translateX(0);\n      opacity: 1;\n    }\n    to {\n      transform: translateX(100px);\n      opacity: 0;\n    }\n  } *//*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy1wcm92aWRlci9nbG9iYWwtc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRThCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy1wcm92aWRlci9nbG9iYWwtc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IGdsb2JhbFN0eWxlID0gY3NzYFxuICBodG1sIHtcbiAgICAmLmNvbG9yLXNjaGVtZS10cmFuc2l0aW9uIHtcbiAgICAgIHZpZXctdHJhbnNpdGlvbi1uYW1lOiByb290O1xuXG4gICAgICAvKiAudmVmLWxheW91dC1zaWRlYmFyIHtcbiAgICAgICAgdmlldy10cmFuc2l0aW9uLW5hbWU6IG5vbmU7XG4gICAgICB9XG5cbiAgICAgIC52ZWYtbGF5b3V0LW1haW4tY29udGVudCB7XG4gICAgICAgIHZpZXctdHJhbnNpdGlvbi1uYW1lOiBub25lO1xuICAgICAgfSAqL1xuXG4gICAgICAmOjp2aWV3LXRyYW5zaXRpb24tZ3JvdXAocm9vdCkge1xuICAgICAgICBhbmltYXRpb246IG5vbmU7XG4gICAgICAgIG1peC1ibGVuZC1tb2RlOiBub3JtYWw7XG4gICAgICB9XG5cbiAgICAgICY6OnZpZXctdHJhbnNpdGlvbi1vbGQocm9vdCkge1xuICAgICAgICB6LWluZGV4OiAyO1xuICAgICAgfVxuICAgICAgJjo6dmlldy10cmFuc2l0aW9uLW5ldyhyb290KSB7XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICB9XG5cbiAgICAgICYuZGFyazo6dmlldy10cmFuc2l0aW9uLW9sZChyb290KSB7XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICB9XG4gICAgICAmLmRhcms6OnZpZXctdHJhbnNpdGlvbi1uZXcocm9vdCkge1xuICAgICAgICB6LWluZGV4OiAyO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8qIDo6dmlldy10cmFuc2l0aW9uLWdyb3VwKHNpZGViYXIpIHtcbiAgICB6LWluZGV4OiAyO1xuICB9XG4gIDo6dmlldy10cmFuc2l0aW9uLWdyb3VwKG1haW4tY29udGVudCkge1xuICAgIHotaW5kZXg6IDE7XG4gIH1cblxuICA6OnZpZXctdHJhbnNpdGlvbi1vbGQobWFpbi1jb250ZW50KSB7XG4gICAgYW5pbWF0aW9uOiBwYWdlLXNsaWRlLW91dCAzMDBtcyBjdWJpYy1iZXppZXIoMC4yLCAwLCAwLCAxKSBib3RoO1xuICB9XG4gIDo6dmlldy10cmFuc2l0aW9uLW5ldyhtYWluLWNvbnRlbnQpIHtcbiAgICBhbmltYXRpb246IHBhZ2Utc2xpZGUtaW4gNDAwbXMgY3ViaWMtYmV6aWVyKDAuMiwgMCwgMCwgMSkgYm90aDtcbiAgfVxuXG4gIEBrZXlmcmFtZXMgcGFnZS1zbGlkZS1pbiB7XG4gICAgZnJvbSB7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMHB4KTtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9XG5cbiAgQGtleWZyYW1lcyBwYWdlLXNsaWRlLW91dCB7XG4gICAgZnJvbSB7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgICB0byB7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwcHgpO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gIH0gKi9cbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export { globalStyle };

package/dist/es/components/theme-config-provider/index.js

@@ -0,0 +1,15 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { ConfigProvider } from '@vef-framework/components';
+import { useColorModeEffect } from './use-color-mode-effect.js';
+import { useThemeConfig } from './use-theme-config.js';
+
+function ThemeConfigProvider({
+  children
+}) {
+  const theme = useThemeConfig();
+  useColorModeEffect();
+  return /* @__PURE__ */ jsx(ConfigProvider, { theme, children });
+}
+
+export { ThemeConfigProvider };

package/dist/es/components/theme-config-provider/use-color-mode-effect.js

@@ -0,0 +1,31 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { useEffect } from 'react';
+import '../../stores/index.js';
+import { useThemeStore } from '../../stores/theme.js';
+
+function useColorModeEffect() {
+  const isGrayscaleMode = useThemeStore((state) => state.isGrayscaleMode);
+  const isColorBlindMode = useThemeStore((state) => state.isColorBlindMode);
+  useEffect(() => {
+    const {
+      classList
+    } = document.documentElement;
+    if (isColorBlindMode) {
+      classList.add("color-blind-mode");
+    } else {
+      classList.remove("color-blind-mode");
+    }
+  }, [isColorBlindMode]);
+  useEffect(() => {
+    const {
+      classList
+    } = document.documentElement;
+    if (isGrayscaleMode) {
+      classList.add("grayscale-mode");
+    } else {
+      classList.remove("grayscale-mode");
+    }
+  }, [isGrayscaleMode]);
+}
+
+export { useColorModeEffect };

package/dist/es/components/theme-config-provider/use-theme-config.js

@@ -0,0 +1,69 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { useShallow } from '@vef-framework/core';
+import { useState, useMemo, useEffect } from 'react';
+import '../../stores/index.js';
+import { globalStyle } from './global-style.js';
+import { useThemeStore } from '../../stores/theme.js';
+
+const prefersDarkModeQuery = "(prefers-color-scheme: dark)";
+function getSystemDarkMode() {
+  if (globalThis.window === void 0) {
+    return false;
+  }
+  return globalThis.matchMedia(prefersDarkModeQuery).matches;
+}
+function useThemeConfig() {
+  const colors = useThemeStore(useShallow((state) => state.colors));
+  const colorScheme = useThemeStore((state) => state.colorScheme);
+  const [isDark, setIsDark] = useState(() => {
+    if (colorScheme === "dark") {
+      return true;
+    }
+    if (colorScheme === "light") {
+      return false;
+    }
+    return getSystemDarkMode();
+  });
+  const isDarkMode = colorScheme === "dark" || colorScheme === "system" && isDark;
+  const theme = useMemo(() => {
+    return {
+      isDarkMode,
+      colors,
+      globalStyle
+    };
+  }, [isDarkMode, colors]);
+  useEffect(() => {
+    if (typeof document === "undefined") {
+      return;
+    }
+    const {
+      classList
+    } = document.documentElement;
+    if (isDarkMode) {
+      classList.add("dark");
+    } else {
+      classList.remove("dark");
+    }
+  }, [isDarkMode]);
+  useEffect(() => {
+    if (globalThis.window === void 0) {
+      return;
+    }
+    if (colorScheme === "system") {
+      const query = globalThis.matchMedia(prefersDarkModeQuery);
+      setIsDark(query.matches);
+      const handler = (event) => {
+        setIsDark(event.matches);
+      };
+      query.addEventListener("change", handler);
+      return () => {
+        query.removeEventListener("change", handler);
+      };
+    } else {
+      setIsDark(colorScheme === "dark");
+    }
+  }, [colorScheme]);
+  return theme;
+}
+
+export { useThemeConfig };

package/dist/es/constants/event.js

@@ -0,0 +1,4 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+const RELOAD_PAGE_EVENT = "__vef_reload_page_event";
+
+export { RELOAD_PAGE_EVENT };

package/dist/es/constants/index.js

@@ -0,0 +1,5 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+export { RELOAD_PAGE_EVENT } from './event.js';
+export { ACCESS_DENIED_ROUTE_ID, ACCESS_DENIED_ROUTE_PATH, INDEX_ROUTE_ID, INDEX_ROUTE_PATH, LOGIN_ROUTE_ID, LOGIN_ROUTE_PATH } from './router.js';
+export { STORAGE_KEY_PREFIX_STORE, STORAGE_KEY_SUFFIX_STORE } from './storage.js';
+export { SYMBOL_PAGINATION, SYMBOL_SORT } from './symbols.js';

package/dist/es/constants/router.js

@@ -0,0 +1,9 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+const LOGIN_ROUTE_PATH = "/login";
+const LOGIN_ROUTE_ID = "/_common/login";
+const INDEX_ROUTE_PATH = "/";
+const INDEX_ROUTE_ID = "/_layout";
+const ACCESS_DENIED_ROUTE_PATH = "/access-denied";
+const ACCESS_DENIED_ROUTE_ID = "/_common/access-denied";
+
+export { ACCESS_DENIED_ROUTE_ID, ACCESS_DENIED_ROUTE_PATH, INDEX_ROUTE_ID, INDEX_ROUTE_PATH, LOGIN_ROUTE_ID, LOGIN_ROUTE_PATH };

package/dist/es/constants/storage.js

@@ -0,0 +1,5 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+const STORAGE_KEY_PREFIX_STORE = "__VEF_STORE__";
+const STORAGE_KEY_SUFFIX_STORE = "__";
+
+export { STORAGE_KEY_PREFIX_STORE, STORAGE_KEY_SUFFIX_STORE };

package/dist/es/constants/symbols.js

@@ -0,0 +1,5 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+const SYMBOL_PAGINATION = Symbol.for("__vef_pagination");
+const SYMBOL_SORT = Symbol.for("__vef_sort");
+
+export { SYMBOL_PAGINATION, SYMBOL_SORT };

package/dist/es/helpers/api.js

@@ -0,0 +1,46 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { showSuccessMessage, showErrorMessage, showWarningMessage, showInfoMessage } from '@vef-framework/components';
+import { createApiClient as createApiClient$1 } from '@vef-framework/core';
+import '../constants/index.js';
+import '../stores/index.js';
+import { handleClientLogout } from './auth.js';
+import { ACCESS_DENIED_ROUTE_PATH } from '../constants/router.js';
+import { useAppStore } from '../stores/app.js';
+
+function createApiClient({
+  getRouter,
+  http,
+  query
+}) {
+  return createApiClient$1({
+    http: {
+      ...http,
+      getAuthTokens() {
+        return useAppStore.getState().authTokens;
+      },
+      setAuthTokens(tokens) {
+        useAppStore.setState((state) => {
+          state.authTokens = tokens;
+        });
+      },
+      async onUnauthenticated() {
+        await handleClientLogout(await getRouter());
+      },
+      async onAccessDenied() {
+        const router = await getRouter();
+        await router.navigate({
+          to: ACCESS_DENIED_ROUTE_PATH
+        });
+      },
+      showInfoMessage,
+      showWarningMessage,
+      showErrorMessage
+    },
+    query: {
+      ...query,
+      showSuccessMessage
+    }
+  });
+}
+
+export { createApiClient };