@creopse/bridge 0.1.0 → 0.1.2

package/dist/index-BWhWXGj9.js

@@ -0,0 +1,13 @@
+import "/Users/arkane/Dev/Projects/Web/creopse.proj/creopse.toolkit/node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/lodash.js";
+import "/Users/arkane/Dev/Projects/Web/creopse.proj/creopse.toolkit/node_modules/.pnpm/browser-image-compression@2.0.2/node_modules/browser-image-compression/dist/browser-image-compression.mjs";
+import "/Users/arkane/Dev/Projects/Web/creopse.proj/creopse.toolkit/node_modules/.pnpm/moment@2.30.1/node_modules/moment/dist/moment.js";
+import "/Users/arkane/Dev/Projects/Web/creopse.proj/creopse.toolkit/node_modules/.pnpm/moment@2.30.1/node_modules/moment/locale/fr.js";
+function n(r) {
+  return r.replace(/[^a-z0-9\/-]/g, "").replace(/\//g, "-");
+}
+var o = "PluginDashboard", p = "PluginSettings";
+export {
+  o as D,
+  p as S,
+  n as s
+};

package/dist/react/bridge.js

@@ -0,0 +1,27 @@
+import { PageHeader as r, PageLayout as t } from "./bridge2.js";
+import { default as f } from "./bridge3.js";
+import { default as m } from "./bridge4.js";
+import { default as u } from "./bridge5.js";
+import { default as d } from "./bridge6.js";
+import { default as c } from "./bridge7.js";
+import { default as n } from "./bridge8.js";
+import { default as y } from "./bridge9.js";
+import { useAccess as T } from "./bridge10.js";
+import { useResponsive as A } from "./bridge11.js";
+import { useCoreBridge as C } from "./bridge12.js";
+import { useUserPreference as M } from "./bridge13.js";
+export {
+  f as AsyncImg,
+  c as CustomTransition,
+  m as Image,
+  y as MountedTeleport,
+  r as PageHeader,
+  t as PageLayout,
+  n as ReadMore,
+  d as StickyBottom,
+  u as StickyTop,
+  T as useAccess,
+  C as useCoreBridge,
+  A as useResponsive,
+  M as useUserPreference
+};

package/dist/react/bridge10.js

@@ -0,0 +1,24 @@
+import { AccessGuard as a, UserRole as i, Permission as o } from "@creopse/utils/enums";
+const p = () => {
+  const c = (e, s) => (e?.findIndex(
+    (n) => n.name === s
+  ) ?? -1) > -1, t = (e, s) => (e?.findIndex((n) => n.name === s) ?? -1) > -1, u = (e) => t(e, i.SUPER_ADMIN), l = (e) => Object.values(o).includes(e), r = [
+    { label: "API", value: a.API, tagType: "warning" },
+    { label: "Web", value: a.WEB, tagType: "info" },
+    { label: "Admin", value: a.ADMIN, tagType: "success" },
+    { label: "Mobile", value: a.MOBILE, tagType: "error" }
+  ];
+  return {
+    accessGuards: r,
+    getAccessGuardLabel: (e) => r.find((s) => s.value === e)?.label,
+    getAccessGuardTagType: (e) => r.find((s) => s.value === e)?.tagType || "default",
+    getRoleName: (e, s) => e?.find((n) => n.id === s)?.name || window.__creopse__.i18n.t("undefined"),
+    isPermissionNative: l,
+    userIsSuperAdmin: u,
+    userCan: c,
+    userIs: t
+  };
+};
+export {
+  p as useAccess
+};

package/dist/react/bridge11.js

@@ -0,0 +1,32 @@
+import { useState as p, useEffect as x } from "react";
+const d = (e) => window.matchMedia(e), t = (e) => {
+  const [i, o] = p(() => d(e).matches);
+  return x(() => {
+    const n = d(e), s = (c) => o(c.matches);
+    return n.addEventListener("change", s), () => n.removeEventListener("change", s);
+  }, [e]), i;
+}, S = () => {
+  const e = t("(min-width: 1536px)"), i = t(
+    "(min-width: 1280px) and (max-width: 1535px)"
+  ), o = t(
+    "(min-width: 1024px) and (max-width: 1279px)"
+  ), n = t("(min-width: 768px) and (max-width: 1023px)"), s = t("(max-width: 767px)"), c = t("(min-width: 640px)"), m = t("(min-width: 768px)"), r = t("(min-width: 1024px)"), a = t("(min-width: 1280px)"), h = t("(min-width: 1536px)");
+  return {
+    is2XlScreen: e,
+    isXlScreen: i,
+    isLgScreen: o,
+    isMdScreen: n,
+    isSmScreen: s,
+    fromSm: c,
+    fromMd: m,
+    fromLg: r,
+    fromXl: a,
+    from2Xl: h,
+    isMobile: !m,
+    isTablet: m && !r,
+    isDesktop: r
+  };
+};
+export {
+  S as useResponsive
+};

package/dist/react/bridge12.js

@@ -0,0 +1,23 @@
+import { useStore as r } from "zustand";
+const h = () => {
+  const { sharedData: e, api: o, i18n: s, router: a, helpers: n, stores: t } = window.__creopse__, i = r(
+    t.auth
+  ), u = r(
+    t.server
+  ), p = r(t.ui);
+  return {
+    locale: e?.locale,
+    env: e?.env,
+    appConfig: e?.appConfig,
+    api: o,
+    i18n: s,
+    router: a,
+    helpers: n,
+    auth: i,
+    server: u,
+    ui: p
+  };
+};
+export {
+  h as useCoreBridge
+};

package/dist/react/bridge13.js

@@ -0,0 +1,18 @@
+import { Bool as e } from "@creopse/utils/enums";
+import { useState as l, useEffect as f } from "react";
+const a = () => {
+  const [o, t] = l({
+    inAppNotifEnabled: e.TRUE,
+    emailNotifEnabled: e.TRUE,
+    locale: window.__creopse__.i18n.getLocale()
+  });
+  return f(() => {
+    t((r) => ({
+      ...r,
+      locale: window.__creopse__.i18n.getLocale()
+    }));
+  }, []), { defaultPrefs: o };
+};
+export {
+  a as useUserPreference
+};

package/dist/react/bridge2.js

@@ -0,0 +1,66 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import "react";
+import { Icon as t } from "@iconify/react";
+import { useResponsive as h } from "./bridge11.js";
+const p = ({
+  title: r,
+  extra: n,
+  header: a,
+  onBack: l,
+  children: i
+}) => /* @__PURE__ */ d("div", { className: "n-page-header", children: [
+  a && /* @__PURE__ */ e("div", { className: "n-page-header__header", children: a }),
+  /* @__PURE__ */ d("div", { className: "n-page-header__content-header", children: [
+    /* @__PURE__ */ e("div", { className: "n-page-header__back", onClick: l, role: "button", "aria-label": "Go back", children: /* @__PURE__ */ e("div", { className: "n-page-header-back", children: /* @__PURE__ */ e(t, { icon: "ic:baseline-arrow-back-ios" }) }) }),
+    r && /* @__PURE__ */ e("div", { className: "n-page-header__title", children: r }),
+    n && /* @__PURE__ */ e("div", { className: "n-page-header__extra", children: n })
+  ] }),
+  i && /* @__PURE__ */ e("div", { className: "n-page-header__content", children: i })
+] }), g = ({
+  title: r = null,
+  displayTitle: n = !0,
+  onBack: a = null,
+  header: l,
+  headerExtra: i,
+  titleSlot: c,
+  children: s
+}) => {
+  const { isMobile: o } = h();
+  return /* @__PURE__ */ d("div", { children: [
+    /* @__PURE__ */ e(
+      p,
+      {
+        header: l,
+        title: n ? c ?? /* @__PURE__ */ e(
+          "span",
+          {
+            style: {
+              display: "-webkit-box",
+              WebkitLineClamp: 2,
+              WebkitBoxOrient: "vertical",
+              overflow: "hidden",
+              wordBreak: "break-word"
+            },
+            children: r || ""
+          }
+        ) : void 0,
+        extra: i ? /* @__PURE__ */ e(
+          "div",
+          {
+            className: o ? "flex flex-col items-end gap-2" : "flex items-center gap-2",
+            children: i
+          }
+        ) : void 0,
+        onBack: () => {
+          a ? a() : window.__creopse__.router.back();
+        }
+      }
+    ),
+    s
+  ] });
+};
+export {
+  p as PageHeader,
+  g as PageLayout,
+  g as default
+};

package/dist/react/bridge3.js

@@ -0,0 +1,37 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useState as f, useEffect as u } from "react";
+const y = ({
+  load: r,
+  alt: o,
+  width: e,
+  height: s,
+  title: c,
+  loading: a,
+  style: i
+}) => {
+  const [n, l] = f("");
+  return u(() => {
+    (async () => {
+      try {
+        const t = await r();
+        l(t);
+      } catch (t) {
+        console.error("Failed to load image:", t);
+      }
+    })();
+  }, [r]), /* @__PURE__ */ m(
+    "img",
+    {
+      src: n,
+      alt: o,
+      title: c,
+      style: i,
+      width: e,
+      height: s,
+      loading: a
+    }
+  );
+};
+export {
+  y as default
+};

package/dist/react/bridge4.js

@@ -0,0 +1,20 @@
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+import p from "./bridge3.js";
+import { useCoreBridge as d } from "./bridge12.js";
+const x = (o) => {
+  const { src: t, alt: i = "", width: s, height: m, title: l, loading: n, style: a, size: g = "original", sync: c = !1 } = o, {
+    helpers: { getImage: f }
+  } = d(), e = {
+    alt: i,
+    width: s,
+    height: m,
+    title: l,
+    loading: n,
+    style: a
+  };
+  return c ? /* @__PURE__ */ r("img", { src: t, ...e }) : /* @__PURE__ */ r(p, { load: () => f(t, g), ...e });
+};
+export {
+  x as default
+};

package/dist/react/bridge5.js

@@ -0,0 +1,54 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as v, useState as c, useEffect as x } from "react";
+const y = ({
+  top: n = 0,
+  zIndex: u = 1,
+  className: f = "",
+  children: g = /* @__PURE__ */ s("div", { children: "Sticky Top" })
+}) => {
+  const e = v(null), [t, d] = c(!1), [p, l] = c("auto"), [w, r] = c("auto");
+  return x(() => {
+    const o = () => {
+      if (!e.current) return;
+      const i = e.current.getBoundingClientRect(), a = i.top <= n;
+      a && !t ? (l(i.width + "px"), r(i.height + "px"), d(!0)) : !a && t && (d(!1), l("auto"));
+    }, h = () => {
+      if (!t && e.current) {
+        const i = e.current.getBoundingClientRect();
+        r(i.height + "px");
+      }
+    };
+    if (e.current) {
+      const i = e.current.getBoundingClientRect();
+      r(i.height + "px");
+    }
+    return window.addEventListener("scroll", o), window.addEventListener("resize", h), o(), () => {
+      window.removeEventListener("scroll", o), window.removeEventListener("resize", h);
+    };
+  }, [n, t]), /* @__PURE__ */ s(
+    "div",
+    {
+      ref: e,
+      style: {
+        height: t ? w : "auto",
+        zIndex: u
+      },
+      children: /* @__PURE__ */ s(
+        "div",
+        {
+          className: f,
+          style: {
+            position: t ? "fixed" : "static",
+            top: t ? `${n}px` : "auto",
+            width: t ? p : "auto",
+            zIndex: u
+          },
+          children: g
+        }
+      )
+    }
+  );
+};
+export {
+  y as default
+};

package/dist/react/bridge6.js

@@ -0,0 +1,54 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as m, useState as c, useEffect as x } from "react";
+const R = ({
+  bottom: n = 0,
+  zIndex: d = 1,
+  className: f = "",
+  children: g = /* @__PURE__ */ s("div", { children: "Sticky Bottom" })
+}) => {
+  const e = m(null), [t, u] = c(!1), [w, l] = c("auto"), [p, o] = c("auto");
+  return x(() => {
+    const r = () => {
+      if (!e.current) return;
+      const i = e.current.getBoundingClientRect(), v = window.innerHeight, a = i.bottom <= v - n;
+      a && !t ? (l(i.width + "px"), o(i.height + "px"), u(!0)) : !a && t && (u(!1), l("auto"));
+    }, h = () => {
+      if (!t && e.current) {
+        const i = e.current.getBoundingClientRect();
+        o(i.height + "px");
+      }
+    };
+    if (e.current) {
+      const i = e.current.getBoundingClientRect();
+      o(i.height + "px");
+    }
+    return window.addEventListener("scroll", r), window.addEventListener("resize", h), r(), () => {
+      window.removeEventListener("scroll", r), window.removeEventListener("resize", h);
+    };
+  }, [n, t]), /* @__PURE__ */ s(
+    "div",
+    {
+      ref: e,
+      style: {
+        height: t ? p : "auto",
+        zIndex: d
+      },
+      children: /* @__PURE__ */ s(
+        "div",
+        {
+          className: f,
+          style: {
+            position: t ? "fixed" : "static",
+            bottom: t ? `${n}px` : "auto",
+            width: t ? w : "auto",
+            zIndex: d
+          },
+          children: g
+        }
+      )
+    }
+  );
+};
+export {
+  R as default
+};

package/dist/react/bridge7.js

@@ -0,0 +1,70 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { AnimatePresence as l, motion as s } from "framer-motion";
+const u = ({
+  name: a = "fade",
+  mode: n = "wait",
+  appear: e = !1,
+  children: o,
+  contentKey: r = "default"
+}) => {
+  const i = {
+    fade: {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      transition: { duration: 0.5, ease: "easeInOut" }
+    },
+    "slide-fade": {
+      initial: { opacity: 0, x: 20 },
+      animate: { opacity: 1, x: 0 },
+      exit: { opacity: 0, x: 20 },
+      transition: {
+        duration: 0.3,
+        ease: "easeOut"
+      },
+      // Separate exit transition
+      exitTransition: {
+        duration: 0.8,
+        ease: [0.36, 0.66, 0.04, 1]
+      }
+    },
+    bounce: {
+      initial: { scale: 0 },
+      animate: { scale: 1 },
+      exit: { scale: 0 },
+      transition: {
+        duration: 0.5,
+        type: "spring",
+        bounce: 0.4
+      }
+    }
+  }[a];
+  return n ? /* @__PURE__ */ t(l, { mode: n, initial: e, children: /* @__PURE__ */ t(
+    s.div,
+    {
+      initial: i.initial,
+      animate: i.animate,
+      exit: i.exit,
+      transition: i.transition,
+      ...a === "slide-fade" && {
+        exit: i.exit,
+        // @ts-expect-error - exitTransition is a custom property we added
+        transition: { ...i.transition, exit: i.exitTransition }
+      },
+      children: o
+    },
+    r
+  ) }) : /* @__PURE__ */ t(
+    s.div,
+    {
+      initial: e ? i.initial : !1,
+      animate: i.animate,
+      transition: i.transition,
+      children: o
+    }
+  );
+};
+export {
+  u as default
+};

package/dist/react/bridge8.js

@@ -0,0 +1,54 @@
+import { jsxs as i, jsx as l, Fragment as g } from "react/jsx-runtime";
+import { useState as m } from "react";
+const D = ({
+  moreStr: u = "Read more",
+  lessStr: a = "Read less",
+  link: d = "#",
+  maxChars: r = 100,
+  text: n,
+  className: c = "",
+  linkClassName: s = ""
+}) => {
+  const [t, o] = m(!1), h = () => !t && n.length > r ? n.substring(0, r).trim() + "..." : n, f = (e) => {
+    e.preventDefault(), o(!t);
+  };
+  if (!n)
+    return null;
+  const p = n.length > r;
+  return /* @__PURE__ */ i("div", { className: c, children: [
+    /* @__PURE__ */ l("span", { children: h() }),
+    p && /* @__PURE__ */ i(g, { children: [
+      " ",
+      t ? a && /* @__PURE__ */ l(
+        "a",
+        {
+          href: d,
+          onClick: f,
+          className: s,
+          role: "button",
+          tabIndex: 0,
+          onKeyDown: (e) => {
+            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), o(!1));
+          },
+          children: a
+        }
+      ) : /* @__PURE__ */ l(
+        "a",
+        {
+          href: d,
+          onClick: f,
+          className: s,
+          role: "button",
+          tabIndex: 0,
+          onKeyDown: (e) => {
+            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), o(!0));
+          },
+          children: u
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  D as default
+};

package/dist/react/bridge9.js

@@ -0,0 +1,37 @@
+import { useState as s, useEffect as f } from "react";
+import { createPortal as c } from "react-dom";
+const p = ({
+  to: e,
+  children: a,
+  disabled: n = !1
+}) => {
+  const [l, o] = s(!1), [u, t] = s(null);
+  return f(() => (o(!0), () => {
+    o(!1);
+  }), []), f(() => {
+    if (!l || n) {
+      t(null);
+      return;
+    }
+    let r = null;
+    if (typeof e == "string") {
+      if (r = document.querySelector(e), !r) {
+        console.warn(
+          `MountedTeleport: Target element not found for selector "${e}"`
+        ), t(null);
+        return;
+      }
+    } else if (e instanceof HTMLElement)
+      r = e;
+    else {
+      console.warn(
+        "MountedTeleport: Invalid target type. Expected string selector or HTMLElement."
+      ), t(null);
+      return;
+    }
+    t(r);
+  }, [e, l, n]), !l || n || !u ? null : c(a, u);
+};
+export {
+  p as default
+};

package/dist/vite/index.js

@@ -1,2 +1,6 @@
-export * from './vue';
-export * from './react';
+import { CreopseVuePlugin as r } from "./vue.js";
+import { CreopseReactPlugin as t } from "./react.js";
+export {
+  t as CreopseReactPlugin,
+  r as CreopseVuePlugin
+};