@gofreego/tsutils 0.1.9 → 0.1.11

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import React, { ReactNode, CSSProperties } from 'react';
 import { AlertColor, IconButtonProps } from '@mui/material';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Highlighter } from 'shiki';
 
 /**
@@ -193,6 +194,18 @@ declare const NotificationProvider: React.FC<NotificationProviderProps>;
  */
 declare const useNotification: () => NotificationContextType;
 
+interface ConfirmDialogProps {
+    open: boolean;
+    title: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    confirmColor?: 'primary' | 'error' | 'warning' | 'success';
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+declare const ConfirmDialog: ({ open, title, message, confirmText, cancelText, confirmColor, onConfirm, onCancel, }: ConfirmDialogProps) => react_jsx_runtime.JSX.Element;
+
 /**
  * Theme mode options
  * - 'light': Always use light theme
@@ -637,4 +650,4 @@ declare class PermissionManager {
     static hasPermission(permission: string): boolean;
 }
 
-export { type AuthContextType, AuthProvider, type AuthProviderProps, 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, 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 };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode, CSSProperties } from 'react';
 import { AlertColor, IconButtonProps } from '@mui/material';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Highlighter } from 'shiki';
 
 /**
@@ -193,6 +194,18 @@ declare const NotificationProvider: React.FC<NotificationProviderProps>;
  */
 declare const useNotification: () => NotificationContextType;
 
+interface ConfirmDialogProps {
+    open: boolean;
+    title: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    confirmColor?: 'primary' | 'error' | 'warning' | 'success';
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+declare const ConfirmDialog: ({ open, title, message, confirmText, cancelText, confirmColor, onConfirm, onCancel, }: ConfirmDialogProps) => react_jsx_runtime.JSX.Element;
+
 /**
  * Theme mode options
  * - 'light': Always use light theme
@@ -637,4 +650,4 @@ declare class PermissionManager {
     static hasPermission(permission: string): boolean;
 }
 
-export { type AuthContextType, AuthProvider, type AuthProviderProps, 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, 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 };

package/dist/index.js

@@ -7,16 +7,23 @@ var reactRouterDom = require('react-router-dom');
 var jsxRuntime = require('react/jsx-runtime');
 var ReactMarkdown = require('react-markdown');
 var remarkGfm = require('remark-gfm');
+var remarkMath = require('remark-math');
+var rehypeKatex = require('rehype-katex');
+require('katex/dist/katex.min.css');
 var ContentCopyIcon = require('@mui/icons-material/ContentCopy');
 var CheckIcon = require('@mui/icons-material/Check');
 var shiki = require('shiki');
+var WarningAmberIcon = require('@mui/icons-material/WarningAmber');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
 var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
+var remarkMath__default = /*#__PURE__*/_interopDefault(remarkMath);
+var rehypeKatex__default = /*#__PURE__*/_interopDefault(rehypeKatex);
 var ContentCopyIcon__default = /*#__PURE__*/_interopDefault(ContentCopyIcon);
 var CheckIcon__default = /*#__PURE__*/_interopDefault(CheckIcon);
+var WarningAmberIcon__default = /*#__PURE__*/_interopDefault(WarningAmberIcon);
 
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -398,7 +405,7 @@ var getHighlighter = async () => {
   }
   highlighterPromise = shiki.createHighlighter({
     themes: ["github-light", "github-dark"],
-    langs: ["js", "ts", "go", "json", "bash", "yaml", "md", "python", "java", "cpp", "c", "html", "css", "sql"]
+    langs: ["js", "ts", "go", "json", "bash", "yaml", "md", "python", "java", "cpp", "c", "html", "css", "sql", "http", "text"]
   }).then((highlighter) => {
     highlighterInstance = highlighter;
     return highlighter;
@@ -433,28 +440,32 @@ var ReadmeViewer = ({
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `readme-viewer markdown-body ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx(
     ReactMarkdown__default.default,
     {
-      remarkPlugins: [remarkGfm__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) {
+              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",
-                {
-                  dangerouslySetInnerHTML: {
-                    __html: highlighter.codeToHtml(
-                      codeText,
-                      {
-                        lang: match[1],
-                        theme: isDark ? "github-dark" : "github-light"
-                      }
-                    )
-                  }
-                }
-              ),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: highlightedHtml } }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
@@ -572,6 +583,28 @@ var useNotification = () => {
   }
   return context;
 };
+var ConfirmDialog = ({
+  open,
+  title,
+  message,
+  confirmText = "Confirm",
+  cancelText = "Cancel",
+  confirmColor = "primary",
+  onConfirm,
+  onCancel
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Dialog, { open, onClose: onCancel, maxWidth: "xs", fullWidth: true, slotProps: { paper: { sx: { borderRadius: 4 } } }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(WarningAmberIcon__default.default, { color: confirmColor }),
+      title
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", children: message }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.DialogActions, { sx: { px: 3, pb: 2 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: onCancel, variant: "outlined", children: cancelText }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: onConfirm, variant: "contained", color: confirmColor, autoFocus: true, children: confirmText })
+    ] })
+  ] });
+};
 
 // src/theme/tokens.ts
 var tokens_exports = {};
@@ -1373,6 +1406,7 @@ var PermissionManager = class {
 PermissionManager.cachedPermissions = null;
 
 exports.AuthProvider = AuthProvider;
+exports.ConfirmDialog = ConfirmDialog;
 exports.HttpClient = HttpClient;
 exports.LocalStorage = LocalStorage;
 exports.NotificationProvider = NotificationProvider;