@vc-shell/framework 1.2.4-beta.7 → 2.0.0-alpha.0

package/core/utilities/generateId.ts

@@ -1,3 +0,0 @@
-export function generateId() {
-  return Math.random().toString(36).substring(2, 9);
-}

package/core/utilities/index.ts

@@ -1,11 +0,0 @@
-export * from "@core/utilities/camelToSnake";
-export * from "@core/utilities/kebabToCamel";
-export * from "@core/utilities/camelize";
-export * from "@core/utilities/generateId";
-export * from "@core/utilities/logger";
-export * from "@core/utilities/errorTypes";
-export * from "@core/utilities/error";
-export * from "./date";
-// Note: pendingErrorNotifications is NOT re-exported here to avoid a circular
-// dependency (notification.ts → @core/utilities → pendingErrorNotifications → notification.ts).
-// Import directly from "@core/utilities/pendingErrorNotifications" where needed.

package/core/utilities/kebabToCamel.ts

@@ -1,7 +0,0 @@
-export const kebabToCamel = (str: string) => str.replace(/-./g, (x) => x[1].toUpperCase());
-
-export function kebabToPascal(str: string) {
-  const camelCase = kebabToCamel(str);
-  const pascalCase = camelCase[0].toUpperCase() + camelCase.substring(1);
-  return pascalCase;
-}

package/core/utilities/logger.ts

@@ -1,120 +0,0 @@
-/**
- * Logger utility for consistent logging throughout the framework.
- * Provides conditional logging based on environment and log levels.
- */
-
-export type LogLevel = "debug" | "info" | "warn" | "error" | "none";
-
-interface LoggerConfig {
-  level: LogLevel;
-  prefix: string;
-  enabled: boolean;
-}
-
-const LOG_LEVELS: Record<LogLevel, number> = {
-  debug: 0,
-  info: 1,
-  warn: 2,
-  error: 3,
-  none: 4,
-};
-
-/**
- * Default configuration - can be overridden per logger instance
- */
-const defaultConfig: LoggerConfig = {
-  level: (import.meta.env?.DEV ? "debug" : "warn") as LogLevel,
-  prefix: "@vc-shell/framework",
-  enabled: true,
-};
-
-/**
- * Creates a logger instance with optional context prefix
- * @param context - Additional context prefix for log messages
- * @returns Logger instance with log methods
- */
-export function createLogger(context?: string) {
-  const config = { ...defaultConfig };
-  const prefix = context ? `[${config.prefix}#${context}]` : `[${config.prefix}]`;
-
-  const shouldLog = (level: LogLevel): boolean => {
-    if (!config.enabled) return false;
-    return LOG_LEVELS[level] >= LOG_LEVELS[config.level];
-  };
-
-  return {
-    /**
-     * Log debug messages (only in development)
-     */
-    debug: (...args: unknown[]): void => {
-      if (shouldLog("debug")) {
-        console.debug(prefix, ...args);
-      }
-    },
-
-    /**
-     * Log info messages
-     */
-    info: (...args: unknown[]): void => {
-      if (shouldLog("info")) {
-        console.info(prefix, ...args);
-      }
-    },
-
-    /**
-     * Log warning messages
-     */
-    warn: (...args: unknown[]): void => {
-      if (shouldLog("warn")) {
-        console.warn(prefix, ...args);
-      }
-    },
-
-    /**
-     * Log error messages
-     */
-    error: (...args: unknown[]): void => {
-      if (shouldLog("error")) {
-        console.error(prefix, ...args);
-      }
-    },
-
-    /**
-     * Create a child logger with additional context
-     */
-    child: (childContext: string) => {
-      return createLogger(context ? `${context}:${childContext}` : childContext);
-    },
-
-    /**
-     * Set the log level for this logger instance
-     */
-    setLevel: (level: LogLevel): void => {
-      config.level = level;
-    },
-
-    /**
-     * Enable or disable logging
-     */
-    setEnabled: (enabled: boolean): void => {
-      config.enabled = enabled;
-    },
-  };
-}
-
-/**
- * Default logger instance for general framework logging
- */
-export const logger = createLogger();
-
-/**
- * Pre-configured loggers for common contexts
- */
-export const loggers = {
-  core: createLogger("core"),
-  ui: createLogger("ui"),
-  shared: createLogger("shared"),
-  plugins: createLogger("plugins"),
-  services: createLogger("services"),
-  composables: createLogger("composables"),
-};

package/core/utilities/pendingErrorNotifications.ts

@@ -1,64 +0,0 @@
-/**
- * Shared WeakMap that allows useAsync to register a deferred toast notification,
- * and ErrorInterceptor to cancel it when the same error is caught for blade banner display.
- *
- * This decouples the two modules — neither imports the other directly.
- *
- * IMPORTANT: This module must NOT have top-level imports from @shared/components
- * because it is transitively imported by useAsync (in the @core/composables barrel),
- * and @shared/components/notifications pulls in @ui/components which imports from
- * @core/composables — creating a circular dependency.
- */
-
-interface PendingNotification {
-  timerId: ReturnType<typeof setTimeout>;
-  notifId: string;
-}
-
-const pending = new WeakMap<object, PendingNotification>();
-
-/**
- * Register a deferred error notification for an error object.
- * Called by useAsync after scheduling a setTimeout for the toast.
- */
-export function setPendingErrorNotification(
-  error: object,
-  timerId: ReturnType<typeof setTimeout>,
-  notifId: string,
-): void {
-  pending.set(error, { timerId, notifId });
-}
-
-/**
- * Cancel a deferred error notification for an error object.
- * Called by ErrorInterceptor when it catches the error and will show a blade banner instead.
- * Returns true if a pending notification was found and cancelled.
- */
-export function cancelPendingErrorNotification(error: unknown): boolean {
-  if (error && typeof error === "object") {
-    // Try direct lookup first, then fall back to originalError.
-    // useErrorHandler wraps errors via parseError() → DisplayableError,
-    // so the watch receives a different object than what useAsync stored.
-    const directEntry = pending.get(error);
-    const originalError =
-      "originalError" in error && error.originalError && typeof error.originalError === "object"
-        ? (error.originalError as object)
-        : undefined;
-    const entry = directEntry ?? (originalError ? pending.get(originalError) : undefined);
-    const key = directEntry ? error : originalError;
-
-    if (entry && key) {
-      clearTimeout(entry.timerId);
-      // Lazy import to avoid circular dependency at module load time.
-      // In practice, clearTimeout above is sufficient since the deferred
-      // setTimeout(0) hasn't fired yet when this runs synchronously from
-      // ErrorInterceptor's onErrorCaptured. The remove() is a safety net.
-      import("@shared/components/notifications/core/notification").then(({ notification }) => {
-        notification.remove(entry.notifId);
-      });
-      pending.delete(key);
-      return true;
-    }
-  }
-  return false;
-}

package/dist/DashboardBarChart-BzfKkUke.js

@@ -1,123 +0,0 @@
-import { defineComponent as K, computed as c, openBlock as i, createBlock as n, withCtx as f, createVNode as d, unref as l, createCommentVNode as s } from "vue";
-import { w as B, S, z as A, b as F, a as m } from "./vendor-unovis-vue-C_K1g5KH.js";
-import { b as p, c as C } from "./index-tgmgQAD9.js";
-import { f as L, r as g, b as V, a as X, c as Y } from "./chart-utils-BTs6UFaZ.js";
-const G = /* @__PURE__ */ K({
-  __name: "DashboardBarChart",
-  props: {
-    data: {},
-    config: {},
-    xKey: {},
-    yKeys: {},
-    height: { default: void 0 },
-    showTooltip: { type: Boolean, default: !0 },
-    showXAxis: { type: Boolean, default: !0 },
-    showYAxis: { type: Boolean, default: !0 },
-    showGrid: { type: Boolean, default: !0 },
-    showLegend: { type: Boolean, default: !0 },
-    numXTicks: { default: void 0 },
-    numYTicks: { default: 5 },
-    rangeStart: { default: void 0 },
-    rangeEnd: { default: void 0 },
-    xTickFormat: { type: Function, default: void 0 },
-    yTickFormat: { type: Function, default: void 0 }
-  },
-  setup(t) {
-    const e = t, y = { top: 8, right: 8, bottom: 4, left: 4 }, h = (a) => a[e.xKey], k = c(
-      () => L(
-        e.data,
-        (a) => a[e.xKey],
-        e.rangeStart,
-        e.rangeEnd
-      )
-    ), x = c(
-      () => e.yKeys.map((a) => (o) => o[a])
-    ), b = c(
-      () => e.yKeys.map(
-        (a, o) => g({
-          config: e.config,
-          key: String(a),
-          index: o,
-          fallbackLabel: String(a)
-        }).color
-      )
-    ), T = c(() => ({
-      [B.bar]: (a, o) => {
-        if (!e.yKeys.length || o < 0)
-          return null;
-        const u = o % e.yKeys.length, r = e.yKeys[u];
-        if (!r)
-          return null;
-        const { label: v, color: w } = g({
-          config: e.config,
-          key: String(r),
-          index: u,
-          fallbackLabel: String(r)
-        });
-        return V({
-          title: Y(a[e.xKey], e.xTickFormat),
-          items: [
-            {
-              label: v,
-              color: w,
-              value: X(a[r], e.yTickFormat)
-            }
-          ]
-        });
-      }
-    }));
-    return (a, o) => (i(), n(p, { config: t.config }, {
-      default: f(() => [
-        d(l(S), {
-          data: k.value,
-          height: t.height,
-          margin: y
-        }, {
-          default: f(() => [
-            t.showTooltip ? (i(), n(l(A), {
-              key: 0,
-              "allow-hover": !0,
-              "class-name": "dashboard-chart-tooltip-host",
-              "vertical-shift": 8,
-              triggers: T.value
-            }, null, 8, ["triggers"])) : s("", !0),
-            d(l(F), {
-              x: h,
-              y: x.value,
-              color: b.value,
-              "rounded-corners": 4,
-              "bar-padding": 0.2
-            }, null, 8, ["y", "color"]),
-            t.showXAxis ? (i(), n(l(m), {
-              key: 1,
-              type: "x",
-              "tick-line": !1,
-              "domain-line": !1,
-              "grid-line": !1,
-              "num-ticks": t.numXTicks,
-              "tick-format": t.xTickFormat
-            }, null, 8, ["num-ticks", "tick-format"])) : s("", !0),
-            t.showYAxis ? (i(), n(l(m), {
-              key: 2,
-              type: "y",
-              "tick-line": !1,
-              "domain-line": !1,
-              "grid-line": t.showGrid,
-              "num-ticks": t.numYTicks,
-              "tick-format": t.yTickFormat
-            }, null, 8, ["grid-line", "num-ticks", "tick-format"])) : s("", !0)
-          ]),
-          _: 1
-        }, 8, ["data", "height"]),
-        t.showLegend ? (i(), n(C, {
-          key: 0,
-          config: t.config
-        }, null, 8, ["config"])) : s("", !0)
-      ]),
-      _: 1
-    }, 8, ["config"]));
-  }
-});
-export {
-  G as default
-};

package/dist/DashboardDonutChart-CWfe85Xq.js

@@ -1,89 +0,0 @@
-import { defineComponent as K, computed as f, openBlock as n, createBlock as i, withCtx as s, createVNode as g, unref as u, createCommentVNode as b } from "vue";
-import { D as L, c as w, E as k, z as C } from "./vendor-unovis-vue-C_K1g5KH.js";
-import { b as S, c as T } from "./index-tgmgQAD9.js";
-import { r as B, b as p, a as x } from "./chart-utils-BTs6UFaZ.js";
-const A = /* @__PURE__ */ K({
-  __name: "DashboardDonutChart",
-  props: {
-    data: {},
-    config: {},
-    valueKey: {},
-    colorKey: { default: void 0 },
-    height: { default: void 0 },
-    arcWidth: { default: 60 },
-    cornerRadius: { default: 4 },
-    showTooltip: { type: Boolean, default: !0 },
-    showLegend: { type: Boolean, default: !0 },
-    centralLabel: { default: void 0 },
-    centralSubLabel: { default: void 0 },
-    valueFormat: { type: Function, default: void 0 }
-  },
-  setup(a) {
-    const o = a, h = (e) => e[o.valueKey], c = f(() => Object.keys(o.config)), d = (e, t) => o.colorKey && e[o.colorKey] ? e[o.colorKey] : c.value[t] ? o.config[c.value[t]].color : void 0, v = (e, t) => {
-      const l = e.label;
-      if (typeof l == "string" && l.trim())
-        return l;
-      const r = c.value[t];
-      return r ? o.config[r]?.label ?? r : `Segment ${t + 1}`;
-    }, m = f(() => ({
-      [L.segment]: (e) => {
-        if (!e?.data)
-          return;
-        const t = e.index ?? 0, l = v(e.data, t), r = c.value[t], { color: y } = B({
-          config: o.config,
-          key: r,
-          index: t,
-          fallbackLabel: l
-        });
-        return p({
-          items: [
-            {
-              label: l,
-              color: d(e.data, t) ?? y,
-              value: x(
-                e.value ?? e.data[o.valueKey],
-                o.valueFormat
-              )
-            }
-          ]
-        });
-      }
-    }));
-    return (e, t) => (n(), i(S, { config: a.config }, {
-      default: s(() => [
-        g(u(w), {
-          data: a.data,
-          height: a.height
-        }, {
-          default: s(() => [
-            g(u(k), {
-              value: h,
-              color: d,
-              "arc-width": a.arcWidth,
-              "corner-radius": a.cornerRadius,
-              "pad-angle": 0.02,
-              "central-label": a.centralLabel,
-              "central-sub-label": a.centralSubLabel
-            }, null, 8, ["arc-width", "corner-radius", "central-label", "central-sub-label"]),
-            a.showTooltip ? (n(), i(u(C), {
-              key: 0,
-              "allow-hover": !0,
-              "class-name": "dashboard-chart-tooltip-host",
-              "vertical-shift": 8,
-              triggers: m.value
-            }, null, 8, ["triggers"])) : b("", !0)
-          ]),
-          _: 1
-        }, 8, ["data", "height"]),
-        a.showLegend ? (n(), i(T, {
-          key: 0,
-          config: a.config
-        }, null, 8, ["config"])) : b("", !0)
-      ]),
-      _: 1
-    }, 8, ["config"]));
-  }
-});
-export {
-  A as default
-};

package/dist/DashboardLineChart-kdA8VnrR.js

@@ -1,125 +0,0 @@
-import { defineComponent as b, computed as f, openBlock as i, createBlock as n, withCtx as g, createVNode as p, unref as r, createCommentVNode as u, createElementBlock as B, Fragment as F, renderList as A } from "vue";
-import { S as K, z as S, A as C, C as L, a as h } from "./vendor-unovis-vue-C_K1g5KH.js";
-import { b as V, c as X } from "./index-tgmgQAD9.js";
-import { f as Y, r as k, b as D, a as E, c as $ } from "./chart-utils-BTs6UFaZ.js";
-const H = /* @__PURE__ */ b({
-  __name: "DashboardLineChart",
-  props: {
-    data: {},
-    config: {},
-    xKey: {},
-    yKeys: {},
-    height: { default: void 0 },
-    showTooltip: { type: Boolean, default: !0 },
-    showXAxis: { type: Boolean, default: !0 },
-    showYAxis: { type: Boolean, default: !0 },
-    showGrid: { type: Boolean, default: !0 },
-    showLegend: { type: Boolean, default: !0 },
-    numXTicks: { default: void 0 },
-    numYTicks: { default: 5 },
-    rangeStart: { default: void 0 },
-    rangeEnd: { default: void 0 },
-    xTickFormat: { type: Function, default: void 0 },
-    yTickFormat: { type: Function, default: void 0 }
-  },
-  setup(e) {
-    const o = e, v = { top: 8, right: 8, bottom: 4, left: 4 }, m = (t) => t[o.xKey], x = f(
-      () => Y(
-        o.data,
-        (t) => t[o.xKey],
-        o.rangeStart,
-        o.rangeEnd
-      )
-    ), d = f(
-      () => o.yKeys.map((t) => (a) => a[t])
-    ), y = f(
-      () => o.yKeys.map(
-        (t, a) => k({
-          config: o.config,
-          key: String(t),
-          index: a,
-          fallbackLabel: String(t)
-        }).color
-      )
-    ), T = (t) => D({
-      title: $(t[o.xKey], o.xTickFormat),
-      items: o.yKeys.map((a, c) => {
-        const { label: l, color: s } = k({
-          config: o.config,
-          key: String(a),
-          index: c,
-          fallbackLabel: String(a)
-        });
-        return {
-          label: l,
-          color: s,
-          value: E(t[a], o.yTickFormat)
-        };
-      })
-    }), w = (t, a, c, l) => {
-      const s = t ?? (typeof l == "number" ? c[l] : void 0);
-      if (s)
-        return T(s);
-    };
-    return (t, a) => (i(), n(V, { config: e.config }, {
-      default: g(() => [
-        p(r(K), {
-          data: x.value,
-          height: e.height,
-          margin: v
-        }, {
-          default: g(() => [
-            e.showTooltip ? (i(), n(r(S), {
-              key: 0,
-              "allow-hover": !0,
-              "class-name": "dashboard-chart-tooltip-host",
-              "vertical-shift": 8
-            })) : u("", !0),
-            e.showTooltip ? (i(), n(r(C), {
-              key: 1,
-              x: m,
-              y: d.value,
-              color: y.value,
-              template: w
-            }, null, 8, ["y", "color"])) : u("", !0),
-            (i(!0), B(F, null, A(d.value, (c, l) => (i(), n(r(L), {
-              key: l,
-              x: m,
-              y: c,
-              color: y.value[l],
-              "curve-type": "monotoneX",
-              "line-width": 2
-            }, null, 8, ["y", "color"]))), 128)),
-            e.showXAxis ? (i(), n(r(h), {
-              key: 2,
-              type: "x",
-              "tick-line": !1,
-              "domain-line": !1,
-              "grid-line": !1,
-              "num-ticks": e.numXTicks,
-              "tick-format": e.xTickFormat
-            }, null, 8, ["num-ticks", "tick-format"])) : u("", !0),
-            e.showYAxis ? (i(), n(r(h), {
-              key: 3,
-              type: "y",
-              "tick-line": !1,
-              "domain-line": !1,
-              "grid-line": e.showGrid,
-              "num-ticks": e.numYTicks,
-              "tick-format": e.yTickFormat
-            }, null, 8, ["grid-line", "num-ticks", "tick-format"])) : u("", !0)
-          ]),
-          _: 1
-        }, 8, ["data", "height"]),
-        e.showLegend ? (i(), n(X, {
-          key: 0,
-          config: e.config
-        }, null, 8, ["config"])) : u("", !0)
-      ]),
-      _: 1
-    }, 8, ["config"]));
-  }
-});
-export {
-  H as default
-};

package/dist/GridstackDashboard-CGHYkReX.js

@@ -1,131 +0,0 @@
-import { defineComponent as B, ref as m, computed as L, onMounted as w, nextTick as z, openBlock as r, createBlock as v, withCtx as C, createElementVNode as a, createElementBlock as l, Fragment as W, renderList as P, createCommentVNode as I, resolveDynamicComponent as T, mergeProps as $, toDisplayString as G } from "vue";
-import { u as H, a as R, _ as S } from "./index-tgmgQAD9.js";
-const A = ["aria-label"], E = ["gs-id", "gs-x", "gs-y", "gs-w", "gs-h", "aria-label"], N = { class: "grid-stack-item-content" }, V = {
-  key: 0,
-  class: "vc-gridstack-dashboard__drag-handle",
-  "aria-hidden": "true"
-}, F = {
-  class: "vc-gridstack-dashboard__live-region",
-  role: "status",
-  "aria-live": "polite",
-  "aria-atomic": "true"
-}, K = /* @__PURE__ */ B({
-  __name: "GridstackDashboard",
-  props: {
-    showDragHandles: { type: Boolean, default: !1 },
-    resizable: { type: Boolean, default: !1 },
-    ariaLabel: { default: "Dashboard widgets. Drag widgets to rearrange." }
-  },
-  setup(i, { expose: _ }) {
-    const d = i, o = m(null), n = m(""), u = H(), c = L(() => u.getWidgets()), {
-      layout: f,
-      isInitialized: p,
-      initGrid: y,
-      saveLayout: b,
-      resetToDefaults: g
-    } = R(c, {
-      resizable: d.resizable,
-      autoSave: !0,
-      gridOptions: {
-        draggable: {
-          handle: d.showDragHandles ? ".vc-gridstack-dashboard__drag-handle" : ".grid-stack-item-content"
-        }
-      },
-      onLayoutChange: (t) => {
-        for (const [s, e] of t)
-          u.updateWidgetPosition(s, e);
-        x("Widget positions updated");
-      }
-    }), h = (t) => f.value.get(t), k = (t, s) => `${t.name || t.id}, widget ${s + 1} of ${c.value.length}. Drag to reorder.`, x = (t) => {
-      n.value = t, setTimeout(() => {
-        n.value = "";
-      }, 1e3);
-    };
-    return w(async () => {
-      await z(), o.value && !p.value && y(o.value);
-    }), _({
-      rearrangeWidgets: () => {
-        g();
-      },
-      recalculateLayout: () => {
-      },
-      saveLayout: b,
-      useBuiltInPositions: () => (g(), !0)
-    }), (t, s) => (r(), v(S, {
-      "no-padding": "",
-      class: "vc-gridstack-dashboard"
-    }, {
-      default: C(() => [
-        a("div", {
-          ref_key: "gridRef",
-          ref: o,
-          class: "grid-stack vc-gridstack-dashboard__grid",
-          role: "list",
-          "aria-label": i.ariaLabel
-        }, [
-          (r(!0), l(W, null, P(c.value, (e, D) => (r(), l("div", {
-            key: e.id,
-            class: "grid-stack-item",
-            "gs-id": e.id,
-            "gs-x": h(e.id)?.x ?? e.position?.x ?? 0,
-            "gs-y": h(e.id)?.y ?? e.position?.y ?? 0,
-            "gs-w": e.size.width,
-            "gs-h": e.size.height,
-            "gs-min-w": 2,
-            "gs-min-h": 2,
-            role: "listitem",
-            "aria-label": k(e, D)
-          }, [
-            a("div", N, [
-              i.showDragHandles ? (r(), l("div", V, [...s[0] || (s[0] = [
-                a("svg", {
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 16 16",
-                  fill: "currentColor"
-                }, [
-                  a("circle", {
-                    cx: "5",
-                    cy: "3",
-                    r: "1.5"
-                  }),
-                  a("circle", {
-                    cx: "11",
-                    cy: "3",
-                    r: "1.5"
-                  }),
-                  a("circle", {
-                    cx: "5",
-                    cy: "8",
-                    r: "1.5"
-                  }),
-                  a("circle", {
-                    cx: "11",
-                    cy: "8",
-                    r: "1.5"
-                  }),
-                  a("circle", {
-                    cx: "5",
-                    cy: "13",
-                    r: "1.5"
-                  }),
-                  a("circle", {
-                    cx: "11",
-                    cy: "13",
-                    r: "1.5"
-                  })
-                ], -1)
-              ])])) : I("", !0),
-              (r(), v(T(e.component), $({ ref_for: !0 }, e.props || {}, { class: "vc-gridstack-dashboard__widget-content" }), null, 16))
-            ])
-          ], 8, E))), 128))
-        ], 8, A),
-        a("div", F, G(n.value), 1)
-      ]),
-      _: 1
-    }));
-  }
-});
-export {
-  K as default
-};