@creopse/bridge 0.1.0 → 0.1.1

package/dist/react/hooks/access.js

@@ -1,41 +0,0 @@
-import { AccessGuard, Permission, UserRole } from '@creopse/utils/enums';
-export const useAccess = () => {
-    // ── Permissions ───────────────────────────────────────────────────────────
-    const userCan = (permissions, permissionName) => {
-        return ((permissions?.findIndex((permission) => permission.name === permissionName) ?? -1) > -1);
-    };
-    const userIs = (roles, roleName) => {
-        return (roles?.findIndex((role) => role.name === roleName) ?? -1) > -1;
-    };
-    const userIsSuperAdmin = (roles) => {
-        return userIs(roles, UserRole.SUPER_ADMIN);
-    };
-    const isPermissionNative = (name) => {
-        return Object.values(Permission).includes(name);
-    };
-    // ── Access Guards ─────────────────────────────────────────────────────────
-    const accessGuards = [
-        { label: 'API', value: AccessGuard.API, tagType: 'warning' },
-        { label: 'Web', value: AccessGuard.WEB, tagType: 'info' },
-        { label: 'Admin', value: AccessGuard.ADMIN, tagType: 'success' },
-        { label: 'Mobile', value: AccessGuard.MOBILE, tagType: 'error' },
-    ];
-    const getAccessGuardLabel = (value) => accessGuards.find((guard) => guard.value === value)?.label;
-    const getAccessGuardTagType = (value) => (accessGuards.find((guard) => guard.value === value)?.tagType ||
-        'default');
-    // ── Roles ─────────────────────────────────────────────────────────────────
-    const getRoleName = (roles, id) => {
-        return (roles?.find((r) => r.id === id)?.name ||
-            window.__creopse__.i18n.t('undefined'));
-    };
-    return {
-        accessGuards,
-        getAccessGuardLabel,
-        getAccessGuardTagType,
-        getRoleName,
-        isPermissionNative,
-        userIsSuperAdmin,
-        userCan,
-        userIs,
-    };
-};

package/dist/react/hooks/core-bridge.d.ts

@@ -1,13 +0,0 @@
-import { BridgeAuthState, BridgeServerState, UserInterfaceState } from '@creopse/utils';
-export declare const useCoreBridge: () => {
-    locale: string | undefined;
-    env: Readonly<import("@creopse/utils").EnvData> | undefined;
-    appConfig: Readonly<import("@creopse/utils").AppConfig> | undefined;
-    api: import("@creopse/utils").Api;
-    i18n: import("@creopse/utils").BridgeI18n;
-    router: import("@creopse/utils").BridgeRouter;
-    helpers: import("@creopse/utils").BridgeHelpers;
-    auth: BridgeAuthState;
-    server: BridgeServerState;
-    ui: UserInterfaceState;
-};

package/dist/react/hooks/core-bridge.js

@@ -1,19 +0,0 @@
-import { useStore } from 'zustand';
-export const useCoreBridge = () => {
-    const { sharedData, api, i18n, router, helpers, stores } = window.__creopse__;
-    const authState = useStore(stores.auth);
-    const serverState = useStore(stores.server);
-    const uiState = useStore(stores.ui);
-    return {
-        locale: sharedData?.locale,
-        env: sharedData?.env,
-        appConfig: sharedData?.appConfig,
-        api,
-        i18n,
-        router,
-        helpers,
-        auth: authState,
-        server: serverState,
-        ui: uiState,
-    };
-};

package/dist/react/hooks/responsive.d.ts

@@ -1,15 +0,0 @@
-export declare const useResponsive: () => {
-    is2XlScreen: boolean;
-    isXlScreen: boolean;
-    isLgScreen: boolean;
-    isMdScreen: boolean;
-    isSmScreen: boolean;
-    fromSm: boolean;
-    fromMd: boolean;
-    fromLg: boolean;
-    fromXl: boolean;
-    from2Xl: boolean;
-    isMobile: boolean;
-    isTablet: boolean;
-    isDesktop: boolean;
-};

package/dist/react/hooks/responsive.js

@@ -1,42 +0,0 @@
-import { useEffect, useState } from 'react';
-const query = (q) => window.matchMedia(q);
-const useMediaQuery = (q) => {
-    const [matches, setMatches] = useState(() => query(q).matches);
-    useEffect(() => {
-        const mq = query(q);
-        const handler = (e) => setMatches(e.matches);
-        mq.addEventListener('change', handler);
-        return () => mq.removeEventListener('change', handler);
-    }, [q]);
-    return matches;
-};
-export const useResponsive = () => {
-    const is2XlScreen = useMediaQuery('(min-width: 1536px)');
-    const isXlScreen = useMediaQuery('(min-width: 1280px) and (max-width: 1535px)');
-    const isLgScreen = useMediaQuery('(min-width: 1024px) and (max-width: 1279px)');
-    const isMdScreen = useMediaQuery('(min-width: 768px) and (max-width: 1023px)');
-    const isSmScreen = useMediaQuery('(max-width: 767px)');
-    const fromSm = useMediaQuery('(min-width: 640px)');
-    const fromMd = useMediaQuery('(min-width: 768px)');
-    const fromLg = useMediaQuery('(min-width: 1024px)');
-    const fromXl = useMediaQuery('(min-width: 1280px)');
-    const from2Xl = useMediaQuery('(min-width: 1536px)');
-    const isMobile = !fromMd;
-    const isTablet = fromMd && !fromLg;
-    const isDesktop = fromLg;
-    return {
-        is2XlScreen,
-        isXlScreen,
-        isLgScreen,
-        isMdScreen,
-        isSmScreen,
-        fromSm,
-        fromMd,
-        fromLg,
-        fromXl,
-        from2Xl,
-        isMobile,
-        isTablet,
-        isDesktop,
-    };
-};

package/dist/react/hooks/user-preference.d.ts

@@ -1,4 +0,0 @@
-import type { UserPrefs } from '@creopse/utils/types';
-export declare const useUserPreference: () => {
-    defaultPrefs: UserPrefs;
-};

package/dist/react/hooks/user-preference.js

@@ -1,17 +0,0 @@
-import { Bool } from '@creopse/utils/enums';
-import { useEffect, useState } from 'react';
-export const useUserPreference = () => {
-    const [defaultPrefs, setDefaultPrefs] = useState({
-        inAppNotifEnabled: Bool.TRUE,
-        emailNotifEnabled: Bool.TRUE,
-        locale: window.__creopse__.i18n.getLocale(),
-    });
-    useEffect(() => {
-        // Resync if the locale changes on the host
-        setDefaultPrefs((prev) => ({
-            ...prev,
-            locale: window.__creopse__.i18n.getLocale(),
-        }));
-    }, []);
-    return { defaultPrefs };
-};

package/dist/utils/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const DASHBOARD_MODULE_NAME = "PluginDashboard";
-export declare const SETTINGS_MODULE_NAME = "PluginSettings";

package/dist/utils/constants.js

@@ -1,3 +0,0 @@
-// Modules
-export const DASHBOARD_MODULE_NAME = 'PluginDashboard';
-export const SETTINGS_MODULE_NAME = 'PluginSettings';

package/dist/utils/functions.d.ts

@@ -1,33 +0,0 @@
-/**
- * Returns the base URL of the current window location.
- *
- * @return {string} The base URL of the current window location.
- */
-export declare const getBaseUrl: () => string;
-/**
- * Returns the URL of the current page by appending the base URL with the pathname.
- *
- * @return {string} The URL of the current page.
- */
-export declare const getPageUrl: () => string;
-/**
- * Removes the trailing slash from a given path.
- *
- * @param {string} path - The path to remove the trailing slash from.
- * @return {string} The path without the trailing slash.
- */
-export declare const removeTrailingSlash: (path: string) => string;
-/**
- * Determines if a given string is a valid JSON string representing an object.
- *
- * @param {string} str - The string to be checked.
- * @return {boolean} Returns true if the string is a valid JSON string of an object, false otherwise.
- */
-export declare const isStringifiedObject: (str: string) => boolean;
-/**
- * Sanitizes an ID by removing any characters that are not a letter, number, slash, or dash and replacing any slashes with dashes.
- *
- * @param {string} id - The ID to be sanitized.
- * @return {string} The sanitized ID.
- */
-export declare const sanitizeId: (id: string) => string;

package/dist/utils/functions.js

@@ -1,53 +0,0 @@
-/**
- * Returns the base URL of the current window location.
- *
- * @return {string} The base URL of the current window location.
- */
-export const getBaseUrl = () => {
-    const { protocol, hostname, port } = window.location;
-    return protocol + '//' + hostname + (port ? `:${port}` : '');
-};
-/**
- * Returns the URL of the current page by appending the base URL with the pathname.
- *
- * @return {string} The URL of the current page.
- */
-export const getPageUrl = () => {
-    return getBaseUrl() + window.location.pathname;
-};
-/**
- * Removes the trailing slash from a given path.
- *
- * @param {string} path - The path to remove the trailing slash from.
- * @return {string} The path without the trailing slash.
- */
-export const removeTrailingSlash = (path) => {
-    if (path.length > 1 && path.charAt(path.length - 1) === '/') {
-        return path.substring(0, path.length - 1);
-    }
-    return path;
-};
-/**
- * Determines if a given string is a valid JSON string representing an object.
- *
- * @param {string} str - The string to be checked.
- * @return {boolean} Returns true if the string is a valid JSON string of an object, false otherwise.
- */
-export const isStringifiedObject = (str) => {
-    try {
-        const parsed = JSON.parse(str);
-        return (typeof parsed === 'object' && parsed !== null && !Array.isArray(parsed));
-    }
-    catch (e) {
-        return false;
-    }
-};
-/**
- * Sanitizes an ID by removing any characters that are not a letter, number, slash, or dash and replacing any slashes with dashes.
- *
- * @param {string} id - The ID to be sanitized.
- * @return {string} The sanitized ID.
- */
-export const sanitizeId = (id) => {
-    return id.replace(/[^a-z0-9\/-]/g, '').replace(/\//g, '-');
-};

package/dist/vite/index.d.ts

@@ -1,2 +0,0 @@
-export * from './vue';
-export * from './react';

package/dist/vite/react.d.ts

@@ -1,45 +0,0 @@
-import type { Plugin } from 'vite';
-export interface CreopseReactPluginOptions {
-    /**
-     * Path to the manifest.jsonc file, relative to the project root.
-     * @default './manifest.jsonc'
-     */
-    manifestPath?: string;
-    /**
-     * Source directory, relative to the project root.
-     * @default './src'
-     */
-    srcDir?: string;
-    /**
-     * Output directory for the build.
-     * @default 'frontend'
-     */
-    outDir?: string;
-    /**
-     * Path to the i18n locales directory, relative to the project root.
-     * @default './src/i18n/locales'
-     */
-    i18nLocalesPath?: string;
-    /**
-     * Directories to scan for auto-imports, relative to the project root.
-     * @default ['src/hooks']
-     */
-    hooksDirs?: string[];
-    /**
-     * Shared modules for Module Federation.
-     * 'react', 'react-dom' and 'zustand' are always included.
-     * @default []
-     */
-    shared?: string[];
-    /**
-     * Whether to enable UnoCSS.
-     * @default false
-     */
-    unocss?: boolean;
-    /**
-     * Whether to generate an eslint auto-import config file.
-     * @default false
-     */
-    eslintAutoImport?: boolean;
-}
-export declare function CreopseReactPlugin(options?: CreopseReactPluginOptions): Plugin;

package/dist/vite/vue.d.ts

@@ -1,40 +0,0 @@
-import type { Plugin } from 'vite';
-export interface CreopseVuePluginOptions {
-    /**
-     * Path to the manifest.jsonc file, relative to the project root.
-     * @default './manifest.jsonc'
-     */
-    manifestPath?: string;
-    /**
-     * Source directory, relative to the project root.
-     * @default './src'
-     */
-    srcDir?: string;
-    /**
-     * Output directory for the build.
-     * @default 'frontend'
-     */
-    outDir?: string;
-    /**
-     * Path to the i18n locales directory, relative to the project root.
-     * @default './src/i18n/locales'
-     */
-    i18nLocalesPath?: string;
-    /**
-     * Directories to scan for auto-imports, relative to the project root.
-     * @default ['src/composables']
-     */
-    composablesDirs?: string[];
-    /**
-     * Shared modules for Module Federation.
-     * The 'vue' and 'pinia' are always included.
-     * @default []
-     */
-    shared?: string[];
-    /**
-     * Whether to enable UnoCSS.
-     * @default false
-     */
-    unocss?: boolean;
-}
-export declare function CreopseVuePlugin(options?: CreopseVuePluginOptions): Plugin;

package/dist/vue/composables/access.d.ts

@@ -1,25 +0,0 @@
-import { AccessGuard } from '@creopse/utils/enums';
-import type { NTagType } from '@creopse/utils/types';
-export declare const useAccess: () => {
-    accessGuards: {
-        label: string;
-        value: AccessGuard;
-        tagType: string;
-    }[];
-    getAccessGuardLabel: (value: AccessGuard) => string | undefined;
-    getAccessGuardTagType: (value: AccessGuard) => NTagType;
-    getRoleName: (roles: {
-        id: number;
-        name: string;
-    }[], id: number) => string;
-    isPermissionNative: (name: string) => boolean;
-    userIsSuperAdmin: (roles: {
-        name: string;
-    }[]) => boolean;
-    userCan: (permissions: {
-        name: string;
-    }[], permissionName: string) => boolean;
-    userIs: (roles: {
-        name: string;
-    }[], roleName: string) => boolean;
-};

package/dist/vue/composables/access.js

@@ -1,58 +0,0 @@
-import { AccessGuard, Permission, UserRole } from '@creopse/utils/enums';
-import { useI18n } from 'vue-i18n';
-export const useAccess = () => {
-    const { t } = useI18n();
-    // ── Permissions ───────────────────────────────────────────────────────────
-    const userCan = (permissions, permissionName) => {
-        return ((permissions?.findIndex((permission) => permission.name === permissionName) ?? -1) > -1);
-    };
-    const userIs = (roles, roleName) => {
-        return (roles?.findIndex((role) => role.name === roleName) ?? -1) > -1;
-    };
-    const userIsSuperAdmin = (roles) => {
-        return userIs(roles, UserRole.SUPER_ADMIN);
-    };
-    const isPermissionNative = (name) => {
-        return Object.values(Permission).includes(name);
-    };
-    // ── Access Guards ─────────────────────────────────────────────────────────
-    const accessGuards = [
-        {
-            label: 'API',
-            value: AccessGuard.API,
-            tagType: 'warning',
-        },
-        {
-            label: 'Web',
-            value: AccessGuard.WEB,
-            tagType: 'info',
-        },
-        {
-            label: 'Admin',
-            value: AccessGuard.ADMIN,
-            tagType: 'success',
-        },
-        {
-            label: 'Mobile',
-            value: AccessGuard.MOBILE,
-            tagType: 'error',
-        },
-    ];
-    const getAccessGuardLabel = (value) => accessGuards.find((guard) => guard.value === value)?.label;
-    const getAccessGuardTagType = (value) => (accessGuards.find((guard) => guard.value === value)?.tagType ||
-        'default');
-    // ── Roles ─────────────────────────────────────────────────────────────────
-    const getRoleName = (roles, id) => {
-        return roles?.find((r) => r.id === id)?.name || t('undefined');
-    };
-    return {
-        accessGuards,
-        getAccessGuardLabel,
-        getAccessGuardTagType,
-        getRoleName,
-        isPermissionNative,
-        userIsSuperAdmin,
-        userCan,
-        userIs,
-    };
-};

package/dist/vue/composables/core-bridge.d.ts

@@ -1,12 +0,0 @@
-export declare const useCoreBridge: () => {
-    locale: string | undefined;
-    env: Readonly<import("@creopse/utils").EnvData> | undefined;
-    appConfig: Readonly<import("@creopse/utils").AppConfig> | undefined;
-    api: import("@creopse/utils").Api;
-    i18n: import("@creopse/utils").BridgeI18n;
-    router: import("@creopse/utils").BridgeRouter;
-    helpers: import("@creopse/utils").BridgeHelpers;
-    auth: import("@creopse/utils").BridgeStore<import("@creopse/utils").BridgeAuthState>;
-    server: import("@creopse/utils").BridgeStore<import("@creopse/utils").BridgeServerState>;
-    ui: import("@creopse/utils").BridgeStore<import("@creopse/utils").UserInterfaceState>;
-};

package/dist/vue/composables/core-bridge.js

@@ -1,15 +0,0 @@
-export const useCoreBridge = () => {
-    const { sharedData, api, i18n, router, helpers, stores } = window.__creopse__;
-    return {
-        locale: sharedData?.locale,
-        env: sharedData?.env,
-        appConfig: sharedData?.appConfig,
-        api,
-        i18n,
-        router,
-        helpers,
-        auth: stores.auth,
-        server: stores.server,
-        ui: stores.ui,
-    };
-};

package/dist/vue/composables/responsive.d.ts

@@ -1,15 +0,0 @@
-export declare const useResponsive: () => {
-    is2XlScreen: import("vue").Ref<boolean, boolean>;
-    isXlScreen: import("vue").Ref<boolean, boolean>;
-    isLgScreen: import("vue").Ref<boolean, boolean>;
-    isMdScreen: import("vue").Ref<boolean, boolean>;
-    isSmScreen: import("vue").Ref<boolean, boolean>;
-    fromSm: import("vue").Ref<boolean, boolean>;
-    fromMd: import("vue").Ref<boolean, boolean>;
-    fromLg: import("vue").Ref<boolean, boolean>;
-    fromXl: import("vue").Ref<boolean, boolean>;
-    from2Xl: import("vue").Ref<boolean, boolean>;
-    isMobile: import("vue").ComputedRef<boolean>;
-    isTablet: import("vue").ComputedRef<boolean>;
-    isDesktop: import("vue").ComputedRef<boolean>;
-};

package/dist/vue/composables/responsive.js

@@ -1,35 +0,0 @@
-import { useMediaQuery } from '@vueuse/core';
-import { computed } from 'vue';
-export const useResponsive = () => {
-    // ── Approach (closed ranks) ─────────────────────────────
-    const is2XlScreen = useMediaQuery('(min-width: 1536px)');
-    const isXlScreen = useMediaQuery('(min-width: 1280px) and (max-width: 1535px)');
-    const isLgScreen = useMediaQuery('(min-width: 1024px) and (max-width: 1279px)');
-    const isMdScreen = useMediaQuery('(min-width: 768px) and (max-width: 1023px)');
-    const isSmScreen = useMediaQuery('(max-width: 767px)');
-    // ── Approach (min-width, mobile-first) ────────────────────
-    const fromSm = useMediaQuery('(min-width: 640px)');
-    const fromMd = useMediaQuery('(min-width: 768px)');
-    const fromLg = useMediaQuery('(min-width: 1024px)');
-    const fromXl = useMediaQuery('(min-width: 1280px)');
-    const from2Xl = useMediaQuery('(min-width: 1536px)');
-    // ── Semantic aliases  ────────
-    const isMobile = computed(() => !fromMd.value);
-    const isTablet = computed(() => fromMd.value && !fromLg.value);
-    const isDesktop = computed(() => fromLg.value);
-    return {
-        is2XlScreen,
-        isXlScreen,
-        isLgScreen,
-        isMdScreen,
-        isSmScreen,
-        fromSm,
-        fromMd,
-        fromLg,
-        fromXl,
-        from2Xl,
-        isMobile,
-        isTablet,
-        isDesktop,
-    };
-};

package/dist/vue/composables/user-preference.d.ts

@@ -1,12 +0,0 @@
-import { Bool, UserPrefs } from '@creopse/utils';
-export declare const useUserPreference: () => {
-    defaultPrefs: import("vue").Ref<{
-        inAppNotifEnabled?: Bool | undefined;
-        emailNotifEnabled?: Bool | undefined;
-        locale?: string | undefined;
-    }, UserPrefs | {
-        inAppNotifEnabled?: Bool | undefined;
-        emailNotifEnabled?: Bool | undefined;
-        locale?: string | undefined;
-    }>;
-};

package/dist/vue/composables/user-preference.js

@@ -1,14 +0,0 @@
-import { Bool } from '@creopse/utils';
-import { ref } from 'vue';
-import { useI18n } from 'vue-i18n';
-export const useUserPreference = () => {
-    const { locale } = useI18n();
-    const defaultPrefs = ref({
-        inAppNotifEnabled: Bool.TRUE,
-        emailNotifEnabled: Bool.TRUE,
-        locale: locale.value,
-    });
-    return {
-        defaultPrefs,
-    };
-};