@omerdlw/base-framework 1.0.0 → 1.0.2

package/dist/provider.js

@@ -4,8 +4,6 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { usePathname } from 'next/navigation';
 import { Icon as Icon$1 } from '@iconify-icon/react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'clsx';
-import 'tailwind-merge';
 
 // src/error/constants.ts
 var ERROR_MESSAGES = Object.freeze({
@@ -396,6 +394,58 @@ function Button({
   );
 }
 Button.displayName = "Button";
+
+// src/kernel/constants.ts
+var DEFAULT_SOURCE = "dynamic";
+var REGISTRY_SOURCES = Object.freeze({
+  STATIC: "static",
+  DYNAMIC: "dynamic",
+  USER: "user"
+});
+var REGISTRY_LIFECYCLES = Object.freeze({
+  IMMEDIATE: "immediate",
+  GRACEFUL: "graceful",
+  PERSISTENT: "persistent",
+  ROUTE: "route"
+});
+var REGISTRY_VALIDATION_MODES = Object.freeze({
+  WARN: "warn",
+  STRICT: "strict"
+});
+var REGISTRY_METADATA_KEYS = Object.freeze([
+  "cleanup",
+  "cleanupDelayMs",
+  "instanceId",
+  "lifecycle",
+  "priority",
+  "source",
+  "scope",
+  "validation"
+]);
+var REGISTRY_SOURCE_PRIORITY = Object.freeze({
+  [REGISTRY_SOURCES.STATIC]: 100,
+  [REGISTRY_SOURCES.DYNAMIC]: 200,
+  [REGISTRY_SOURCES.USER]: 300
+});
+var REGISTRY_SOURCE_RANK = Object.freeze({
+  [REGISTRY_SOURCES.STATIC]: 10,
+  [REGISTRY_SOURCES.DYNAMIC]: 20,
+  [REGISTRY_SOURCES.USER]: 30
+});
+var REGISTRY_LIFECYCLE_VALUES = new Set(
+  Object.values(REGISTRY_LIFECYCLES)
+);
+var REGISTRY_METADATA_KEY_SET = new Set(
+  REGISTRY_METADATA_KEYS
+);
+var REGISTRY_SCOPE_KINDS = Object.freeze({
+  APP: "app",
+  SESSION: "session",
+  ROUTE: "route",
+  INSTANCE: "instance",
+  WORKSPACE: "workspace"
+});
+var DEFAULT_REGISTRY_SCOPE = REGISTRY_SCOPE_KINDS.APP;
 function getOrCreateGlobalContext(name, defaultValue) {
   const sym = /* @__PURE__ */ Symbol.for(`@omerdlw/base-framework/context/${name}`);
   const store = globalThis;
@@ -405,28 +455,6 @@ function getOrCreateGlobalContext(name, defaultValue) {
   return store[sym];
 }
 
-// src/theme.tsx
-function defineThemeSpec(id) {
-  return Object.freeze({ id });
-}
-var EMPTY = /* @__PURE__ */ new Map();
-var ThemeContext = getOrCreateGlobalContext("ThemeContext", EMPTY);
-function useTheme(spec) {
-  const config = useContext(ThemeContext).get(spec.id);
-  if (!config) {
-    throw new Error(
-      `Theme "${spec.id}" is missing. Add its theme file to src/config/ and list it in src/config/index.ts.`
-    );
-  }
-  return {
-    slots: config.slots,
-    styles: config.styles ?? {}
-  };
-}
-
-// src/error/theme.ts
-var errorTheme = defineThemeSpec("error");
-
 // src/utils/string.ts
 function trimToNull(value) {
   if (value === null || value === void 0) return null;
@@ -583,239 +611,6 @@ function createStore(initialState, { freezeSnapshots = true } = {}) {
     }
   });
 }
-var ActionButton = Button;
-function DefaultErrorFallback({
-  error,
-  message,
-  resetError,
-  title
-}) {
-  const theme = useTheme(errorTheme);
-  return /* @__PURE__ */ jsxs("div", { className: theme.slots.screen, children: [
-    /* @__PURE__ */ jsx("div", { className: theme.slots.icon, children: /* @__PURE__ */ jsx(Icon, { icon: "solar:danger-circle-bold", size: 30 }) }),
-    /* @__PURE__ */ jsx("h3", { className: theme.slots.title, children: message || toUserMessage(error, { fallback: ERROR_MESSAGES.FALLBACK_MSG }) }),
-    /* @__PURE__ */ jsx(
-      ActionButton,
-      {
-        className: theme.slots.retryButton,
-        onClick: resetError,
-        type: "button",
-        children: "Try again"
-      }
-    )
-  ] });
-}
-var ErrorBoundaryCore = class extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      error: null,
-      errorInfo: null,
-      hasError: false,
-      lastResetKey: props.resetKey
-    };
-  }
-  static getDerivedStateFromError(error) {
-    return { error, hasError: true };
-  }
-  static getDerivedStateFromProps(props, state) {
-    if (props.resetKey !== state.lastResetKey) {
-      return {
-        error: null,
-        errorInfo: null,
-        hasError: false,
-        lastResetKey: props.resetKey
-      };
-    }
-    return null;
-  }
-  componentDidCatch(error, errorInfo) {
-    this.setState({ errorInfo });
-    const { message, name, onError, silent, title, variant } = this.props;
-    const context = createErrorContext({ errorInfo, name, title, variant });
-    try {
-      onError?.(error, errorInfo, context);
-    } catch (callbackError) {
-      report("ErrorBoundary onError callback", callbackError, "warn");
-    }
-    if (!silent) {
-      globalEvents.emit(EVENT_TYPES.APP_ERROR, {
-        error,
-        errorInfo,
-        message: message || toUserMessage(error),
-        resetError: this.resetError
-      });
-    }
-    try {
-      const reporter = getErrorReporter();
-      reporter?.captureError?.(error, context);
-    } catch (reportingError) {
-      report("ErrorBoundary reporting", reportingError, "warn");
-    }
-  }
-  resetError = () => {
-    this.setState({
-      error: null,
-      errorInfo: null,
-      hasError: false
-    });
-    this.props.onReset?.();
-  };
-  render() {
-    if (!this.state.hasError) return this.props.children;
-    const { fallback, message, title } = this.props;
-    const { error } = this.state;
-    if (typeof fallback === "function") {
-      return fallback({ error, resetError: this.resetError });
-    }
-    if (fallback) {
-      return fallback;
-    }
-    return /* @__PURE__ */ jsx(
-      DefaultErrorFallback,
-      {
-        error,
-        message,
-        resetError: this.resetError,
-        title
-      }
-    );
-  }
-};
-function GlobalError({ children, fallback, onReset }) {
-  const pathname = usePathname();
-  return /* @__PURE__ */ jsx(
-    ErrorBoundaryCore,
-    {
-      fallback,
-      message: ERROR_MESSAGES.GLOBAL_MSG,
-      onReset,
-      resetKey: pathname,
-      title: ERROR_MESSAGES.GLOBAL_TITLE,
-      variant: "full",
-      children
-    }
-  );
-}
-function ModuleError({
-  children,
-  fallback,
-  name,
-  onReset
-}) {
-  return /* @__PURE__ */ jsx(
-    ErrorBoundaryCore,
-    {
-      fallback,
-      message: ERROR_MESSAGES.MODULE_MSG,
-      name,
-      onReset,
-      title: name ? `${name} Error` : ERROR_MESSAGES.MODULE_TITLE,
-      variant: "module",
-      children
-    }
-  );
-}
-function GlobalErrorListener() {
-  const lastError = useRef(0);
-  const count = useRef(0);
-  const shown = useRef(/* @__PURE__ */ new Set());
-  const handleError = useCallback((error, source = "runtime") => {
-    if (shouldIgnoreError(error)) return;
-    const now = Date.now();
-    if (count.current >= ERROR_LISTENER_CONFIG.maxErrors) return;
-    if (now - lastError.current < ERROR_LISTENER_CONFIG.throttle) return;
-    const message = getErrorMessage(error);
-    const key = message || String(error);
-    if (shown.current.has(key)) return;
-    shown.current.add(key);
-    lastError.current = now;
-    count.current += 1;
-    try {
-      const reporter = getErrorReporter();
-      reporter?.captureError?.(error, {
-        globalListener: true,
-        source
-      });
-    } catch (reportingError) {
-      report("GlobalError reporting", reportingError, "warn");
-    }
-    globalEvents.emit(EVENT_TYPES.APP_ERROR, {
-      error,
-      message: toUserMessage(error)
-    });
-  }, []);
-  useEffect(() => {
-    const removeSink = setReportSink((scope, error, level) => {
-      try {
-        getErrorReporter().captureError(error, { level, scope });
-      } catch {
-      }
-    });
-    const onError = (event) => handleError(event.error || event.message, "window.onerror");
-    const onRejection = (event) => handleError(event.reason, "unhandledrejection");
-    window.addEventListener("error", onError);
-    window.addEventListener("unhandledrejection", onRejection);
-    return () => {
-      removeSink();
-      window.removeEventListener("error", onError);
-      window.removeEventListener("unhandledrejection", onRejection);
-    };
-  }, [handleError]);
-  return null;
-}
-
-// src/kernel/constants.ts
-var DEFAULT_SOURCE = "dynamic";
-var REGISTRY_SOURCES = Object.freeze({
-  STATIC: "static",
-  DYNAMIC: "dynamic",
-  USER: "user"
-});
-var REGISTRY_LIFECYCLES = Object.freeze({
-  IMMEDIATE: "immediate",
-  GRACEFUL: "graceful",
-  PERSISTENT: "persistent",
-  ROUTE: "route"
-});
-var REGISTRY_VALIDATION_MODES = Object.freeze({
-  WARN: "warn",
-  STRICT: "strict"
-});
-var REGISTRY_METADATA_KEYS = Object.freeze([
-  "cleanup",
-  "cleanupDelayMs",
-  "instanceId",
-  "lifecycle",
-  "priority",
-  "source",
-  "scope",
-  "validation"
-]);
-var REGISTRY_SOURCE_PRIORITY = Object.freeze({
-  [REGISTRY_SOURCES.STATIC]: 100,
-  [REGISTRY_SOURCES.DYNAMIC]: 200,
-  [REGISTRY_SOURCES.USER]: 300
-});
-var REGISTRY_SOURCE_RANK = Object.freeze({
-  [REGISTRY_SOURCES.STATIC]: 10,
-  [REGISTRY_SOURCES.DYNAMIC]: 20,
-  [REGISTRY_SOURCES.USER]: 30
-});
-var REGISTRY_LIFECYCLE_VALUES = new Set(
-  Object.values(REGISTRY_LIFECYCLES)
-);
-var REGISTRY_METADATA_KEY_SET = new Set(
-  REGISTRY_METADATA_KEYS
-);
-var REGISTRY_SCOPE_KINDS = Object.freeze({
-  APP: "app",
-  SESSION: "session",
-  ROUTE: "route",
-  INSTANCE: "instance",
-  WORKSPACE: "workspace"
-});
-var DEFAULT_REGISTRY_SCOPE = REGISTRY_SCOPE_KINDS.APP;
 
 // src/kernel/utils.ts
 function hasOwnProperty(target, key) {
@@ -1933,6 +1728,209 @@ function Compose({ providers, children }) {
     createElement(Fragment$1, null, children)
   );
 }
+
+// src/theme.tsx
+function defineThemeSpec(id) {
+  return Object.freeze({ id });
+}
+var EMPTY = /* @__PURE__ */ new Map();
+var ThemeContext = getOrCreateGlobalContext("ThemeContext", EMPTY);
+function useTheme(spec) {
+  const config = useContext(ThemeContext).get(spec.id);
+  if (!config) {
+    throw new Error(
+      `Theme "${spec.id}" is missing. Ensure its theme configuration is provided to <ThemeProvider themes={[...]}> (e.g. in src/config/ or your theme setup).`
+    );
+  }
+  return {
+    slots: config.slots,
+    styles: config.styles ?? {}
+  };
+}
+
+// src/error/theme.ts
+var errorTheme = defineThemeSpec("error");
+var ActionButton = Button;
+function DefaultErrorFallback({
+  error,
+  message,
+  resetError,
+  title
+}) {
+  const theme = useTheme(errorTheme);
+  return /* @__PURE__ */ jsxs("div", { className: theme.slots.screen, children: [
+    /* @__PURE__ */ jsx("div", { className: theme.slots.icon, children: /* @__PURE__ */ jsx(Icon, { icon: "solar:danger-circle-bold", size: 30 }) }),
+    /* @__PURE__ */ jsx("h3", { className: theme.slots.title, children: message || toUserMessage(error, { fallback: ERROR_MESSAGES.FALLBACK_MSG }) }),
+    /* @__PURE__ */ jsx(
+      ActionButton,
+      {
+        className: theme.slots.retryButton,
+        onClick: resetError,
+        type: "button",
+        children: "Try again"
+      }
+    )
+  ] });
+}
+var ErrorBoundaryCore = class extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      error: null,
+      errorInfo: null,
+      hasError: false,
+      lastResetKey: props.resetKey
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return { error, hasError: true };
+  }
+  static getDerivedStateFromProps(props, state) {
+    if (props.resetKey !== state.lastResetKey) {
+      return {
+        error: null,
+        errorInfo: null,
+        hasError: false,
+        lastResetKey: props.resetKey
+      };
+    }
+    return null;
+  }
+  componentDidCatch(error, errorInfo) {
+    this.setState({ errorInfo });
+    const { message, name, onError, silent, title, variant } = this.props;
+    const context = createErrorContext({ errorInfo, name, title, variant });
+    try {
+      onError?.(error, errorInfo, context);
+    } catch (callbackError) {
+      report("ErrorBoundary onError callback", callbackError, "warn");
+    }
+    if (!silent) {
+      globalEvents.emit(EVENT_TYPES.APP_ERROR, {
+        error,
+        errorInfo,
+        message: message || toUserMessage(error),
+        resetError: this.resetError
+      });
+    }
+    try {
+      const reporter = getErrorReporter();
+      reporter?.captureError?.(error, context);
+    } catch (reportingError) {
+      report("ErrorBoundary reporting", reportingError, "warn");
+    }
+  }
+  resetError = () => {
+    this.setState({
+      error: null,
+      errorInfo: null,
+      hasError: false
+    });
+    this.props.onReset?.();
+  };
+  render() {
+    if (!this.state.hasError) return this.props.children;
+    const { fallback, message, title } = this.props;
+    const { error } = this.state;
+    if (typeof fallback === "function") {
+      return fallback({ error, resetError: this.resetError });
+    }
+    if (fallback) {
+      return fallback;
+    }
+    return /* @__PURE__ */ jsx(
+      DefaultErrorFallback,
+      {
+        error,
+        message,
+        resetError: this.resetError,
+        title
+      }
+    );
+  }
+};
+function GlobalError({ children, fallback, onReset }) {
+  const pathname = usePathname();
+  return /* @__PURE__ */ jsx(
+    ErrorBoundaryCore,
+    {
+      fallback,
+      message: ERROR_MESSAGES.GLOBAL_MSG,
+      onReset,
+      resetKey: pathname,
+      title: ERROR_MESSAGES.GLOBAL_TITLE,
+      variant: "full",
+      children
+    }
+  );
+}
+function ModuleError({
+  children,
+  fallback,
+  name,
+  onReset
+}) {
+  return /* @__PURE__ */ jsx(
+    ErrorBoundaryCore,
+    {
+      fallback,
+      message: ERROR_MESSAGES.MODULE_MSG,
+      name,
+      onReset,
+      title: name ? `${name} Error` : ERROR_MESSAGES.MODULE_TITLE,
+      variant: "module",
+      children
+    }
+  );
+}
+function GlobalErrorListener() {
+  const lastError = useRef(0);
+  const count = useRef(0);
+  const shown = useRef(/* @__PURE__ */ new Set());
+  const handleError = useCallback((error, source = "runtime") => {
+    if (shouldIgnoreError(error)) return;
+    const now = Date.now();
+    if (count.current >= ERROR_LISTENER_CONFIG.maxErrors) return;
+    if (now - lastError.current < ERROR_LISTENER_CONFIG.throttle) return;
+    const message = getErrorMessage(error);
+    const key = message || String(error);
+    if (shown.current.has(key)) return;
+    shown.current.add(key);
+    lastError.current = now;
+    count.current += 1;
+    try {
+      const reporter = getErrorReporter();
+      reporter?.captureError?.(error, {
+        globalListener: true,
+        source
+      });
+    } catch (reportingError) {
+      report("GlobalError reporting", reportingError, "warn");
+    }
+    globalEvents.emit(EVENT_TYPES.APP_ERROR, {
+      error,
+      message: toUserMessage(error)
+    });
+  }, []);
+  useEffect(() => {
+    const removeSink = setReportSink((scope, error, level) => {
+      try {
+        getErrorReporter().captureError(error, { level, scope });
+      } catch {
+      }
+    });
+    const onError = (event) => handleError(event.error || event.message, "window.onerror");
+    const onRejection = (event) => handleError(event.reason, "unhandledrejection");
+    window.addEventListener("error", onError);
+    window.addEventListener("unhandledrejection", onRejection);
+    return () => {
+      removeSink();
+      window.removeEventListener("error", onError);
+      window.removeEventListener("unhandledrejection", onRejection);
+    };
+  }, [handleError]);
+  return null;
+}
 function CoreProvider({
   children,
   modules,