@moontra/moonui-pro 2.18.4 → 2.18.6

package/dist/index.mjs

@@ -61469,7 +61469,7 @@ async function fetchUserRepositories(username, token, options) {
     data: repos,
     timestamp: Date.now(),
     expiresAt: Date.now() + getCacheDuration(3e5)
-    // Docs modunda 30 dakika
+    // 30 minutes in docs mode
   });
   return repos;
 }
@@ -61485,7 +61485,7 @@ async function fetchRepository(owner, repo, token) {
     data: repository,
     timestamp: Date.now(),
     expiresAt: Date.now() + getCacheDuration(3e5)
-    // Docs modunda 30 dakika
+    // 30 minutes in docs mode
   });
   return repository;
 }
@@ -61509,7 +61509,7 @@ async function fetchContributorsCount(owner, repo, token) {
           data: count4,
           timestamp: Date.now(),
           expiresAt: Date.now() + getCacheDuration(36e5)
-          // Docs modunda 30 dakika
+          // 30 minutes in docs mode
         });
         return count4;
       }
@@ -61520,7 +61520,7 @@ async function fetchContributorsCount(owner, repo, token) {
       data: count3,
       timestamp: Date.now(),
       expiresAt: Date.now() + getCacheDuration(36e5)
-      // Docs modunda 30 dakika
+      // 30 minutes in docs mode
     });
     return count3;
   } catch (error) {
@@ -61684,7 +61684,8 @@ function useGitHubData({
   onMilestoneReached,
   milestones = [10, 50, 100, 500, 1e3, 5e3, 1e4],
   docsMode = false,
-  mockDataFallback = true
+  mockDataFallback = true,
+  forceMockData = false
 }) {
   const isDocsMode2 = docsMode || typeof window !== "undefined" && (window.location.pathname.includes("/docs/") || window.location.pathname.includes("/components/"));
   const effectiveAutoRefresh = isDocsMode2 ? false : autoRefresh;
@@ -61728,6 +61729,16 @@ function useGitHubData({
     });
   }, []);
   const fetchData = useCallback(async () => {
+    if (forceMockData) {
+      console.log("[Mock Mode] Using mock data");
+      const mockData = getMockGitHubData(username, repository, repositories);
+      setRepos(mockData);
+      const calculatedStats = calculateStats(mockData);
+      setStats(calculatedStats);
+      setError(null);
+      setLoading(false);
+      return;
+    }
     if (isDocsMode2 && hasInitialFetchedRef.current && docsDataCacheRef.current) {
       console.log("[Docs Mode] Returning cached data, skipping API request");
       setRepos(docsDataCacheRef.current);
@@ -61868,16 +61879,17 @@ function useGitHubData({
     username,
     repository,
     repositories?.join(","),
-    // Array'i string'e çevir ki referans değişmesin
+    // Convert array to string to keep reference stable
     token,
     sortBy,
     maxItems,
     checkMilestones,
-    // Artık stable
+    // Now stable
     onDataUpdate,
     onError,
     isDocsMode2,
-    mockDataFallback
+    mockDataFallback,
+    forceMockData
   ]);
   useEffect(() => {
     const hasValidInput = username && repository || username && repositories && repositories.length > 0 || repositories && repositories.length > 0 && repositories.every((r2) => r2.includes("/")) || username;
@@ -62498,6 +62510,7 @@ var GitHubStarsInternal = ({
   repository,
   repositories,
   token,
+  useMockData = false,
   variant = "card",
   layout = "grid",
   showDescription = true,
@@ -62534,6 +62547,10 @@ var GitHubStarsInternal = ({
   size: size4 = "md",
   customColors
 }) => {
+  const hasValidProps = useMockData || username || repositories && repositories.length > 0;
+  if (!useMockData && !hasValidProps) {
+    return null;
+  }
   const isDocsMode2 = typeof window !== "undefined" && (window.location.pathname.includes("/docs/") || window.location.pathname.includes("/components/"));
   const effectiveAutoRefresh = isDocsMode2 ? false : autoRefresh;
   const effectiveNotifications = isDocsMode2 ? false : enableNotifications;
@@ -62576,8 +62593,10 @@ var GitHubStarsInternal = ({
     milestones,
     docsMode: isDocsMode2,
     // Docs mode flag'ini gönder
-    mockDataFallback: true
-    // Docs modunda mock data kullan
+    mockDataFallback: true,
+    // Use mock data in docs mode
+    forceMockData: useMockData
+    // Force mock data if true
   });
   const handleExport = t__default.useCallback((format7) => {
     if (!enableExport)
@@ -62732,7 +62751,7 @@ var GitHubStarsInternal = ({
           " requests remaining.",
           token ? "" : " Consider adding a GitHub token for higher limits."
         ] }) }),
-        isDocsMode2 && true && /* @__PURE__ */ jsx("div", { className: "mt-2 text-xs text-muted-foreground text-center", children: "\u{1F4DA} Docs Mode: API istekleri optimize edildi" })
+        isDocsMode2 && true && /* @__PURE__ */ jsx("div", { className: "mt-2 text-xs text-muted-foreground text-center", children: "\u{1F4DA} Docs Mode: API requests optimized" })
       ]
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.18.4",
+  "version": "2.18.6",
   "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
   "type": "module",
   "main": "dist/index.mjs",

package/src/components/github-stars/github-api.ts

@@ -12,8 +12,8 @@ const isDocsMode = () => {
 
 // Get cache duration based on mode
 const getCacheDuration = (defaultDuration: number) => {
-  // Docs modunda cache süresini 30 dakikaya çıkar
-  return isDocsMode() ? 1800000 : defaultDuration // 30 dakika : default
+  // Increase cache duration to 30 minutes in docs mode
+  return isDocsMode() ? 1800000 : defaultDuration // 30 minutes : default
 }
 
 // Language colors
@@ -134,7 +134,7 @@ export async function fetchUserRepositories(
   cache.set(cacheKey, {
     data: repos,
     timestamp: Date.now(),
-    expiresAt: Date.now() + getCacheDuration(300000), // Docs modunda 30 dakika
+    expiresAt: Date.now() + getCacheDuration(300000), // 30 minutes in docs mode
   })
 
   return repos
@@ -159,7 +159,7 @@ export async function fetchRepository(
   cache.set(cacheKey, {
     data: repository,
     timestamp: Date.now(),
-    expiresAt: Date.now() + getCacheDuration(300000), // Docs modunda 30 dakika
+    expiresAt: Date.now() + getCacheDuration(300000), // 30 minutes in docs mode
   })
 
   return repository
@@ -193,7 +193,7 @@ export async function fetchContributorsCount(
         cache.set(cacheKey, {
           data: count,
           timestamp: Date.now(),
-          expiresAt: Date.now() + getCacheDuration(3600000), // Docs modunda 30 dakika
+          expiresAt: Date.now() + getCacheDuration(3600000), // 30 minutes in docs mode
         })
         return count
       }
@@ -206,7 +206,7 @@ export async function fetchContributorsCount(
     cache.set(cacheKey, {
       data: count,
       timestamp: Date.now(),
-      expiresAt: Date.now() + getCacheDuration(3600000), // Docs modunda 30 dakika
+      expiresAt: Date.now() + getCacheDuration(3600000), // 30 minutes in docs mode
     })
     
     return count
@@ -246,7 +246,7 @@ export async function fetchStarHistory(
     cache.set(cacheKey, {
       data: history,
       timestamp: Date.now(),
-      expiresAt: Date.now() + getCacheDuration(3600000), // Docs modunda 30 dakika
+      expiresAt: Date.now() + getCacheDuration(3600000), // 30 minutes in docs mode
     })
     
     return history

package/src/components/github-stars/hooks.ts

@@ -29,9 +29,10 @@ interface UseGitHubDataOptions {
   onDataUpdate?: (stats: GitHubStats) => void
   onMilestoneReached?: (milestone: Milestone) => void
   milestones?: number[]
-  // Docs mode optimizasyonları için
+  // For docs mode optimizations
   docsMode?: boolean
   mockDataFallback?: boolean
+  forceMockData?: boolean // Force mock data instead of API
 }
 
 export function useGitHubData({
@@ -49,13 +50,14 @@ export function useGitHubData({
   milestones = [10, 50, 100, 500, 1000, 5000, 10000],
   docsMode = false,
   mockDataFallback = true,
+  forceMockData = false,
 }: UseGitHubDataOptions) {
-  // Docs mode tespiti
+  // Docs mode detection
   const isDocsMode = docsMode || (typeof window !== "undefined" && 
     (window.location.pathname.includes("/docs/") || 
      window.location.pathname.includes("/components/")))
   
-  // Docs modunda autoRefresh'i devre dışı bırak
+  // Disable autoRefresh in docs mode
   const effectiveAutoRefresh = isDocsMode ? false : autoRefresh
   const [repos, setRepos] = useState<GitHubRepository[]>([])
   const [stats, setStats] = useState<GitHubStats | null>(null)
@@ -67,11 +69,11 @@ export function useGitHubData({
   const refreshTimeoutRef = useRef<NodeJS.Timeout>()
   const previousStarsRef = useRef<Map<string, number>>(new Map())
   const errorCountRef = useRef<number>(0) // Hata sayısını takip et
-  const maxErrorCount = isDocsMode ? 1 : 2 // Docs modunda daha az deneme
+  const maxErrorCount = isDocsMode ? 1 : 2 // Fewer retries in docs mode
   const hasInitialFetchedRef = useRef(false) // İlk fetch yapıldı mı?
   const docsDataCacheRef = useRef<GitHubRepository[] | null>(null) // Docs mode cache
 
-  // checkMilestones fonksiyonunu ref olarak sakla - bu şekilde her render'da yeniden oluşturulmaz
+  // Store checkMilestones function as ref - this way it won't be recreated on every render
   const milestonesRef = useRef(milestones)
   const onMilestoneReachedRef = useRef(onMilestoneReached)
   
@@ -107,6 +109,18 @@ export function useGitHubData({
   }, []) // Boş dependency array - fonksiyon asla yeniden oluşturulmaz
 
   const fetchData = useCallback(async () => {
+    // If forceMockData is true, always return mock data
+    if (forceMockData) {
+      console.log("[Mock Mode] Using mock data")
+      const mockData = getMockGitHubData(username, repository, repositories)
+      setRepos(mockData)
+      const calculatedStats = calculateStats(mockData)
+      setStats(calculatedStats)
+      setError(null)
+      setLoading(false)
+      return
+    }
+
     // Docs modunda ve daha önce fetch yapıldıysa, cache'den döndür
     if (isDocsMode && hasInitialFetchedRef.current && docsDataCacheRef.current) {
       console.log("[Docs Mode] Returning cached data, skipping API request")
@@ -121,7 +135,7 @@ export function useGitHubData({
     if (errorCountRef.current >= maxErrorCount) {
       console.warn("Maximum error count reached. Stopping requests.")
       
-      // Docs modunda ve mockDataFallback aktifse mock data göster
+      // Show mock data if in docs mode and mockDataFallback is active
       if (isDocsMode && mockDataFallback) {
         const mockData = getMockGitHubData(username, repository, repositories)
         setRepos(mockData)
@@ -136,7 +150,7 @@ export function useGitHubData({
       return
     }
 
-    // Gerekli bilgiler yoksa istek yapma
+    // Don't make requests if required info is missing
     const hasValidInput = 
       (username && repository) || // Tek repository modu
       (username && repositories && repositories.length > 0) || // Çoklu repository modu
@@ -255,10 +269,10 @@ export function useGitHubData({
       }
       
       setLastUpdated(new Date())
-      // Başarılı olduğunda hata sayacını sıfırla
+      // Reset error counter on success
       errorCountRef.current = 0
       
-      // Docs modunda başarılı veriyi cache'le
+      // Cache successful data in docs mode
       if (isDocsMode) {
         hasInitialFetchedRef.current = true
         docsDataCacheRef.current = enhancedRepos
@@ -271,7 +285,7 @@ export function useGitHubData({
       errorCountRef.current += 1
       console.error(`GitHub API error (${errorCountRef.current}/${maxErrorCount}):`, errorMessage)
       
-      // Docs modunda ve mockDataFallback aktifse mock data göster
+      // Show mock data if in docs mode and mockDataFallback is active
       if (isDocsMode && mockDataFallback && !hasInitialFetchedRef.current) {
         console.warn("[Docs Mode] API failed, using mock data")
         const mockData = getMockGitHubData(username, repository, repositories)
@@ -290,20 +304,21 @@ export function useGitHubData({
   }, [
     username,
     repository,
-    repositories?.join(','), // Array'i string'e çevir ki referans değişmesin
+    repositories?.join(','), // Convert array to string to keep reference stable
     token,
     sortBy,
     maxItems,
-    checkMilestones, // Artık stable
+    checkMilestones, // Now stable
     onDataUpdate,
     onError,
     isDocsMode,
     mockDataFallback,
+    forceMockData,
   ])
 
   // Initial fetch
   useEffect(() => {
-    // Sadece geçerli input varsa fetch yap
+    // Only fetch if there's valid input
     const hasValidInput = 
       (username && repository) || 
       (username && repositories && repositories.length > 0) || 
@@ -319,7 +334,7 @@ export function useGitHubData({
 
   // Auto-refresh
   useEffect(() => {
-    // Docs modunda auto-refresh'i tamamen devre dışı bırak
+    // Completely disable auto-refresh in docs mode
     if (!effectiveAutoRefresh) return
 
     const scheduleRefresh = () => {
@@ -339,7 +354,7 @@ export function useGitHubData({
   }, [effectiveAutoRefresh, refreshInterval, fetchData])
 
   const refresh = useCallback(() => {
-    // Docs modunda refresh'i sınırla
+    // Limit refresh in docs mode
     if (isDocsMode && hasInitialFetchedRef.current) {
       console.warn("[Docs Mode] Refresh disabled after initial fetch")
       return Promise.resolve()

package/src/components/github-stars/index.tsx

@@ -24,6 +24,7 @@ const GitHubStarsInternal: React.FC<GitHubStarsProps> = ({
   repository,
   repositories,
   token,
+  useMockData = false,
   variant = "card",
   layout = "grid",
   showDescription = true,
@@ -61,14 +62,22 @@ const GitHubStarsInternal: React.FC<GitHubStarsProps> = ({
   customColors,
 }) => {
   // Docs mode tespiti
+  // Check if component has valid props to render
+  const hasValidProps = useMockData || username || (repositories && repositories.length > 0)
+  
+  // If useMockData is false and no valid data props, don't render
+  if (!useMockData && !hasValidProps) {
+    return null
+  }
+
   const isDocsMode = typeof window !== "undefined" && 
     (window.location.pathname.includes("/docs/") || 
      window.location.pathname.includes("/components/"))
   
-  // Docs modunda bazı özellikleri override et
+  // Override some features in docs mode
   const effectiveAutoRefresh = isDocsMode ? false : autoRefresh
   const effectiveNotifications = isDocsMode ? false : enableNotifications
-  const effectiveRefreshInterval = isDocsMode ? 3600000 : refreshInterval // Docs modunda 1 saat
+  const effectiveRefreshInterval = isDocsMode ? 3600000 : refreshInterval // 1 hour in docs mode
   const { notify } = useGitHubNotifications(effectiveNotifications)
 
   // onMilestoneReached callback'ini memoize et
@@ -114,7 +123,8 @@ const GitHubStarsInternal: React.FC<GitHubStarsProps> = ({
     onMilestoneReached: handleMilestoneReached,
     milestones,
     docsMode: isDocsMode, // Docs mode flag'ini gönder
-    mockDataFallback: true, // Docs modunda mock data kullan
+    mockDataFallback: true, // Use mock data in docs mode
+    forceMockData: useMockData, // Force mock data if true
   })
 
   const handleExport = React.useCallback((format: "json" | "csv") => {
@@ -307,7 +317,7 @@ const GitHubStarsInternal: React.FC<GitHubStarsProps> = ({
     >
       {renderVariant()}
       
-      {/* Rate limit warning - Docs modunda gösterme */}
+      {/* Rate limit warning - Don't show in docs mode */}
       {!isDocsMode && rateLimitInfo && rateLimitInfo.remaining < 10 && (
         <div className="mt-4 p-3 bg-yellow-50 dark:bg-yellow-900/20 rounded-md text-sm">
           <p className="text-yellow-800 dark:text-yellow-200">
@@ -317,10 +327,10 @@ const GitHubStarsInternal: React.FC<GitHubStarsProps> = ({
         </div>
       )}
       
-      {/* Docs mode indicator - sadece development modunda göster */}
+      {/* Docs mode indicator - only show in development mode */}
       {isDocsMode && process.env.NODE_ENV === "development" && (
         <div className="mt-2 text-xs text-muted-foreground text-center">
-          📚 Docs Mode: API istekleri optimize edildi
+          📚 Docs Mode: API requests optimized
         </div>
       )}
     </motion.div>

package/src/components/github-stars/types.ts

@@ -83,6 +83,7 @@ export interface GitHubStarsProps {
   repository?: string // For single repo mode
   repositories?: string[] // For multiple repos
   token?: string // GitHub token for higher rate limits
+  useMockData?: boolean // Force mock data instead of API requests
   
   // Display options
   variant?: DisplayVariant