@gofreego/tsutils 0.1.11 → 0.1.13

package/dist/index.d.mts

@@ -120,6 +120,7 @@ interface ReadmeViewerProps {
     content: string;
     className?: string;
     isDark?: boolean;
+    muiTheme?: any;
 }
 declare const ReadmeViewer: React.FC<ReadmeViewerProps>;
 
@@ -510,6 +511,15 @@ interface HttpResponse<T = any> {
     statusText: string;
     headers: Headers;
 }
+interface ErrorData {
+    code: number;
+    message: string;
+}
+interface HttpError extends Error {
+    status?: number;
+    statusText?: string;
+    data?: ErrorData;
+}
 
 declare class HttpClient {
     private baseURL;
@@ -518,12 +528,16 @@ declare class HttpClient {
     constructor(config?: HttpClientConfig);
     private buildURL;
     private request;
+    setDefaultHeader(key: string, value: string): void;
+    removeDefaultHeader(key: string): void;
+    getDefaultHeaders(): Record<string, string>;
     get<T = any>(url: string, config?: RequestConfig): Promise<HttpResponse<T>>;
     post<T = any>(url: string, data?: any, config?: RequestConfig): Promise<HttpResponse<T>>;
     put<T = any>(url: string, data?: any, config?: RequestConfig): Promise<HttpResponse<T>>;
     patch<T = any>(url: string, data?: any, config?: RequestConfig): Promise<HttpResponse<T>>;
     delete<T = any>(url: string, config?: RequestConfig): Promise<HttpResponse<T>>;
 }
+declare function extractErrorMessage(error: any): string;
 
 /**
  * Merges class names together
@@ -650,4 +664,4 @@ declare class PermissionManager {
     static hasPermission(permission: string): boolean;
 }
 
-export { type AuthContextType, AuthProvider, type AuthProviderProps, ConfirmDialog, type ConfirmDialogProps, HttpClient, type HttpClientConfig, type HttpResponse, LocalStorage, type MenuItem, type Notification, type NotificationContextType, NotificationProvider, type NotificationProviderProps, PermissionManager, ReadmeViewer, type RequestConfig, type ResolvedThemeMode, SidebarLayout, type SidebarLayoutProps, type Theme, type ThemeContextValue, type ThemeMode, ThemeProvider, ThemeToggle, borderRadius, cn, darkTheme, debounce, elevation, fontSize, fontWeight, formatDate, getHighlighter, lightTheme, lineHeight, spacing, throttle, tokens, transition, useAuth, useNotification, useTheme, zIndex };
+export { type AuthContextType, AuthProvider, type AuthProviderProps, ConfirmDialog, type ConfirmDialogProps, type ErrorData, HttpClient, type HttpClientConfig, type HttpError, type HttpResponse, LocalStorage, type MenuItem, type Notification, type NotificationContextType, NotificationProvider, type NotificationProviderProps, PermissionManager, ReadmeViewer, type RequestConfig, type ResolvedThemeMode, SidebarLayout, type SidebarLayoutProps, type Theme, type ThemeContextValue, type ThemeMode, ThemeProvider, ThemeToggle, borderRadius, cn, darkTheme, debounce, elevation, extractErrorMessage, fontSize, fontWeight, formatDate, getHighlighter, lightTheme, lineHeight, spacing, throttle, tokens, transition, useAuth, useNotification, useTheme, zIndex };

package/dist/index.d.ts

@@ -120,6 +120,7 @@ interface ReadmeViewerProps {
     content: string;
     className?: string;
     isDark?: boolean;
+    muiTheme?: any;
 }
 declare const ReadmeViewer: React.FC<ReadmeViewerProps>;
 
@@ -510,6 +511,15 @@ interface HttpResponse<T = any> {
     statusText: string;
     headers: Headers;
 }
+interface ErrorData {
+    code: number;
+    message: string;
+}
+interface HttpError extends Error {
+    status?: number;
+    statusText?: string;
+    data?: ErrorData;
+}
 
 declare class HttpClient {
     private baseURL;
@@ -518,12 +528,16 @@ declare class HttpClient {
     constructor(config?: HttpClientConfig);
     private buildURL;
     private request;
+    setDefaultHeader(key: string, value: string): void;
+    removeDefaultHeader(key: string): void;
+    getDefaultHeaders(): Record<string, string>;
     get<T = any>(url: string, config?: RequestConfig): Promise<HttpResponse<T>>;
     post<T = any>(url: string, data?: any, config?: RequestConfig): Promise<HttpResponse<T>>;
     put<T = any>(url: string, data?: any, config?: RequestConfig): Promise<HttpResponse<T>>;
     patch<T = any>(url: string, data?: any, config?: RequestConfig): Promise<HttpResponse<T>>;
     delete<T = any>(url: string, config?: RequestConfig): Promise<HttpResponse<T>>;
 }
+declare function extractErrorMessage(error: any): string;
 
 /**
  * Merges class names together
@@ -650,4 +664,4 @@ declare class PermissionManager {
     static hasPermission(permission: string): boolean;
 }
 
-export { type AuthContextType, AuthProvider, type AuthProviderProps, ConfirmDialog, type ConfirmDialogProps, HttpClient, type HttpClientConfig, type HttpResponse, LocalStorage, type MenuItem, type Notification, type NotificationContextType, NotificationProvider, type NotificationProviderProps, PermissionManager, ReadmeViewer, type RequestConfig, type ResolvedThemeMode, SidebarLayout, type SidebarLayoutProps, type Theme, type ThemeContextValue, type ThemeMode, ThemeProvider, ThemeToggle, borderRadius, cn, darkTheme, debounce, elevation, fontSize, fontWeight, formatDate, getHighlighter, lightTheme, lineHeight, spacing, throttle, tokens, transition, useAuth, useNotification, useTheme, zIndex };
+export { type AuthContextType, AuthProvider, type AuthProviderProps, ConfirmDialog, type ConfirmDialogProps, type ErrorData, HttpClient, type HttpClientConfig, type HttpError, type HttpResponse, LocalStorage, type MenuItem, type Notification, type NotificationContextType, NotificationProvider, type NotificationProviderProps, PermissionManager, ReadmeViewer, type RequestConfig, type ResolvedThemeMode, SidebarLayout, type SidebarLayoutProps, type Theme, type ThemeContextValue, type ThemeMode, ThemeProvider, ThemeToggle, borderRadius, cn, darkTheme, debounce, elevation, extractErrorMessage, fontSize, fontWeight, formatDate, getHighlighter, lightTheme, lineHeight, spacing, throttle, tokens, transition, useAuth, useNotification, useTheme, zIndex };

package/dist/index.js

@@ -415,8 +415,10 @@ var getHighlighter = async () => {
 var ReadmeViewer = ({
   content,
   className = "",
-  isDark = false
+  isDark: propIsDark,
+  muiTheme
 }) => {
+  const isDark = propIsDark !== void 0 ? propIsDark : muiTheme?.palette?.mode === "dark";
   const [highlighter, setHighlighter] = react.useState(null);
   const [copiedBlocks, setCopiedBlocks] = react.useState(/* @__PURE__ */ new Set());
   react.useEffect(() => {
@@ -437,74 +439,85 @@ var ReadmeViewer = ({
       console.error("Failed to copy text: ", err);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `readme-viewer markdown-body ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx(
-    ReactMarkdown__default.default,
-    {
-      remarkPlugins: [remarkGfm__default.default, remarkMath__default.default],
-      rehypePlugins: [rehypeKatex__default.default],
-      components: {
-        code({ className: className2, children, ...props }) {
-          const match = /language-(\w+)/.exec(className2 || "");
-          if (match && highlighter) {
-            const codeText = String(children).replace(/\n$/, "");
-            const blockId = `code-${Math.random().toString(36).substr(2, 9)}`;
-            let highlightedHtml = "";
-            try {
-              highlightedHtml = highlighter.codeToHtml(codeText, {
-                lang: match[1],
-                theme: isDark ? "github-dark" : "github-light"
-              });
-            } catch (e) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `readme-viewer markdown-body ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+        .shiki-wrapper pre.shiki {
+          padding: 16px !important;
+          border-radius: 8px !important;
+          overflow-x: auto;
+          margin-bottom: 16px;
+          border: 1px solid var(--md-sys-color-outline-variant, #e0e0e0);
+        }
+      ` }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ReactMarkdown__default.default,
+      {
+        remarkPlugins: [remarkGfm__default.default, remarkMath__default.default],
+        rehypePlugins: [rehypeKatex__default.default],
+        components: {
+          code({ className: className2, children, ...props }) {
+            const match = /language-(\w+)/.exec(className2 || "");
+            if (match && highlighter) {
+              const codeText = String(children).replace(/\n$/, "");
+              const blockId = `code-${Math.random().toString(36).substr(2, 9)}`;
+              let highlightedHtml = "";
               try {
                 highlightedHtml = highlighter.codeToHtml(codeText, {
-                  lang: "text",
+                  lang: match[1],
                   theme: isDark ? "github-dark" : "github-light"
                 });
-              } catch (fallbackError) {
-                highlightedHtml = `<pre><code>${codeText}</code></pre>`;
+              } catch (e) {
+                try {
+                  highlightedHtml = highlighter.codeToHtml(codeText, {
+                    lang: "text",
+                    theme: isDark ? "github-dark" : "github-light"
+                  });
+                } catch (fallbackError) {
+                  highlightedHtml = `<pre><code>${codeText}</code></pre>`;
+                }
               }
+              return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative" }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shiki-wrapper", dangerouslySetInnerHTML: { __html: highlightedHtml } }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    onClick: () => copyToClipboard(codeText, blockId),
+                    style: {
+                      position: "absolute",
+                      top: "8px",
+                      right: "8px",
+                      backgroundColor: "var(--md-sys-color-surface-container-high)",
+                      border: "1px solid var(--md-sys-color-outline-variant)",
+                      borderRadius: "4px",
+                      padding: "6px",
+                      fontSize: "14px",
+                      cursor: "pointer",
+                      color: "var(--md-sys-color-on-surface-variant)",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      transition: "all 0.2s ease",
+                      width: "32px",
+                      height: "32px"
+                    },
+                    onMouseEnter: (e) => {
+                      e.currentTarget.style.backgroundColor = isDark ? "var(--md-sys-color-surface-container-highest)" : "var(--md-sys-color-surface-container-high)";
+                    },
+                    onMouseLeave: (e) => {
+                      e.currentTarget.style.backgroundColor = isDark ? "var(--md-sys-color-surface-container-high)" : "var(--md-sys-color-surface-container-highest)";
+                    },
+                    title: copiedBlocks.has(blockId) ? "Copied!" : "Copy code",
+                    children: copiedBlocks.has(blockId) ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon__default.default, { style: { fontSize: "16px" } }) : /* @__PURE__ */ jsxRuntime.jsx(ContentCopyIcon__default.default, { style: { fontSize: "16px" } })
+                  }
+                )
+              ] });
             }
-            return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: highlightedHtml } }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  onClick: () => copyToClipboard(codeText, blockId),
-                  style: {
-                    position: "absolute",
-                    top: "8px",
-                    right: "8px",
-                    backgroundColor: "var(--md-sys-color-surface-container-high)",
-                    border: "1px solid var(--md-sys-color-outline-variant)",
-                    borderRadius: "4px",
-                    padding: "6px",
-                    fontSize: "14px",
-                    cursor: "pointer",
-                    color: "var(--md-sys-color-on-surface-variant)",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    transition: "all 0.2s ease",
-                    width: "32px",
-                    height: "32px"
-                  },
-                  onMouseEnter: (e) => {
-                    e.currentTarget.style.backgroundColor = isDark ? "var(--md-sys-color-surface-container-highest)" : "var(--md-sys-color-surface-container-high)";
-                  },
-                  onMouseLeave: (e) => {
-                    e.currentTarget.style.backgroundColor = isDark ? "var(--md-sys-color-surface-container-high)" : "var(--md-sys-color-surface-container-highest)";
-                  },
-                  title: copiedBlocks.has(blockId) ? "Copied!" : "Copy code",
-                  children: copiedBlocks.has(blockId) ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon__default.default, { style: { fontSize: "16px" } }) : /* @__PURE__ */ jsxRuntime.jsx(ContentCopyIcon__default.default, { style: { fontSize: "16px" } })
-                }
-              )
-            ] });
+            return /* @__PURE__ */ jsxRuntime.jsx("code", { className: className2, ...props, children });
           }
-          return /* @__PURE__ */ jsxRuntime.jsx("code", { className: className2, ...props, children });
-        }
-      },
-      children: content
-    }
-  ) });
+        },
+        children: content
+      }
+    )
+  ] });
 };
 var ReadmeViewer_default = ReadmeViewer;
 var NotificationContext = react.createContext(void 0);
@@ -1174,7 +1187,7 @@ var HttpClient = class {
         try {
           error.data = await response.json();
         } catch {
-          error.data = await response.text();
+          error.data = { code: response.status, message: await response.text() };
         }
         throw error;
       }
@@ -1193,6 +1206,15 @@ var HttpClient = class {
       throw error;
     }
   }
+  setDefaultHeader(key, value) {
+    this.defaultHeaders[key] = value;
+  }
+  removeDefaultHeader(key) {
+    delete this.defaultHeaders[key];
+  }
+  getDefaultHeaders() {
+    return { ...this.defaultHeaders };
+  }
   get(url, config) {
     return this.request(url, { ...config, method: "GET" });
   }
@@ -1209,6 +1231,16 @@ var HttpClient = class {
     return this.request(url, { ...config, method: "DELETE" });
   }
 };
+function extractErrorMessage(error) {
+  if (error instanceof Error) {
+    const httpError = error;
+    if (httpError.data) {
+      return httpError.data.message;
+    }
+    return error.message;
+  }
+  return "An unexpected error occurred";
+}
 
 // src/utils/cn.ts
 function cn(...classes) {
@@ -1420,6 +1452,7 @@ exports.cn = cn;
 exports.darkTheme = darkTheme;
 exports.debounce = debounce;
 exports.elevation = elevation;
+exports.extractErrorMessage = extractErrorMessage;
 exports.fontSize = fontSize;
 exports.fontWeight = fontWeight;
 exports.formatDate = formatDate;