@windrun-huaiin/third-ui 10.1.2 → 11.0.0

package/LICENSE

@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE. 
+SOFTWARE.

package/dist/clerk/fingerprint/fingerprint-client.js

@@ -118,7 +118,7 @@ function createFingerprintHeaders() {
     return tslib_es6.__awaiter(this, void 0, void 0, function* () {
         const fingerprintId = yield getOrGenerateFingerprintId();
         return {
-            FINGERPRINT_HEADER_NAME: fingerprintId,
+            [fingerprintShared.FINGERPRINT_HEADER_NAME]: fingerprintId,
         };
     });
 }
@@ -134,7 +134,7 @@ function useFingerprintHeaders() {
 function createFingerprintFetch() {
     return (url, init) => tslib_es6.__awaiter(this, void 0, void 0, function* () {
         const fingerprintHeaders = yield createFingerprintHeaders();
-        const headers = Object.assign(Object.assign({}, fingerprintHeaders), ((init === null || init === void 0 ? void 0 : init.headers) || {}));
+        const headers = Object.assign(Object.assign(Object.assign({}, fingerprintHeaders), { [fingerprintShared.FINGERPRINT_SOURCE_REFER]: document.referrer || '' }), ((init === null || init === void 0 ? void 0 : init.headers) || {}));
         return fetch(url, Object.assign(Object.assign({}, init), { headers }));
     });
 }

package/dist/clerk/fingerprint/fingerprint-client.mjs

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.mjs';
 import index from '../../node_modules/.pnpm/@fingerprintjs_fingerprintjs@4.6.2/node_modules/@fingerprintjs/fingerprintjs/dist/fp.esm.mjs';
-import { isValidFingerprintId, FINGERPRINT_STORAGE_KEY, FINGERPRINT_COOKIE_NAME } from './fingerprint-shared.mjs';
+import { isValidFingerprintId, FINGERPRINT_STORAGE_KEY, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_NAME, FINGERPRINT_SOURCE_REFER } from './fingerprint-shared.mjs';
 
 /**
  * Fingerprint Client Utilities
@@ -116,7 +116,7 @@ function createFingerprintHeaders() {
     return __awaiter(this, void 0, void 0, function* () {
         const fingerprintId = yield getOrGenerateFingerprintId();
         return {
-            FINGERPRINT_HEADER_NAME: fingerprintId,
+            [FINGERPRINT_HEADER_NAME]: fingerprintId,
         };
     });
 }
@@ -132,7 +132,7 @@ function useFingerprintHeaders() {
 function createFingerprintFetch() {
     return (url, init) => __awaiter(this, void 0, void 0, function* () {
         const fingerprintHeaders = yield createFingerprintHeaders();
-        const headers = Object.assign(Object.assign({}, fingerprintHeaders), ((init === null || init === void 0 ? void 0 : init.headers) || {}));
+        const headers = Object.assign(Object.assign(Object.assign({}, fingerprintHeaders), { [FINGERPRINT_SOURCE_REFER]: document.referrer || '' }), ((init === null || init === void 0 ? void 0 : init.headers) || {}));
         return fetch(url, Object.assign(Object.assign({}, init), { headers }));
     });
 }

package/dist/clerk/fingerprint/fingerprint-shared.d.ts

@@ -5,6 +5,7 @@
 export declare const FINGERPRINT_STORAGE_KEY = "__x_fingerprint_id";
 export declare const FINGERPRINT_HEADER_NAME = "x-fingerprint-id-v8";
 export declare const FINGERPRINT_COOKIE_NAME = "__x_fingerprint_id";
+export declare const FINGERPRINT_SOURCE_REFER = "x-source-ref";
 /**
  * 验证fingerprint ID格式
  * 可以在客户端和服务端使用

package/dist/clerk/fingerprint/fingerprint-shared.js

@@ -8,6 +8,7 @@
 const FINGERPRINT_STORAGE_KEY = '__x_fingerprint_id';
 const FINGERPRINT_HEADER_NAME = 'x-fingerprint-id-v8';
 const FINGERPRINT_COOKIE_NAME = '__x_fingerprint_id';
+const FINGERPRINT_SOURCE_REFER = 'x-source-ref';
 /**
  * 验证fingerprint ID格式
  * 可以在客户端和服务端使用
@@ -31,5 +32,6 @@ const FINGERPRINT_CONSTANTS = {
 exports.FINGERPRINT_CONSTANTS = FINGERPRINT_CONSTANTS;
 exports.FINGERPRINT_COOKIE_NAME = FINGERPRINT_COOKIE_NAME;
 exports.FINGERPRINT_HEADER_NAME = FINGERPRINT_HEADER_NAME;
+exports.FINGERPRINT_SOURCE_REFER = FINGERPRINT_SOURCE_REFER;
 exports.FINGERPRINT_STORAGE_KEY = FINGERPRINT_STORAGE_KEY;
 exports.isValidFingerprintId = isValidFingerprintId;

package/dist/clerk/fingerprint/fingerprint-shared.mjs

@@ -6,6 +6,7 @@
 const FINGERPRINT_STORAGE_KEY = '__x_fingerprint_id';
 const FINGERPRINT_HEADER_NAME = 'x-fingerprint-id-v8';
 const FINGERPRINT_COOKIE_NAME = '__x_fingerprint_id';
+const FINGERPRINT_SOURCE_REFER = 'x-source-ref';
 /**
  * 验证fingerprint ID格式
  * 可以在客户端和服务端使用
@@ -26,4 +27,4 @@ const FINGERPRINT_CONSTANTS = {
     COOKIE_NAME: FINGERPRINT_COOKIE_NAME,
 };
 
-export { FINGERPRINT_CONSTANTS, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_NAME, FINGERPRINT_STORAGE_KEY, isValidFingerprintId };
+export { FINGERPRINT_CONSTANTS, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_NAME, FINGERPRINT_SOURCE_REFER, FINGERPRINT_STORAGE_KEY, isValidFingerprintId };

package/dist/clerk/fingerprint/index.js

@@ -11,6 +11,7 @@ var fingerprintProvider = require('./fingerprint-provider.js');
 exports.FINGERPRINT_CONSTANTS = fingerprintShared.FINGERPRINT_CONSTANTS;
 exports.FINGERPRINT_COOKIE_NAME = fingerprintShared.FINGERPRINT_COOKIE_NAME;
 exports.FINGERPRINT_HEADER_NAME = fingerprintShared.FINGERPRINT_HEADER_NAME;
+exports.FINGERPRINT_SOURCE_REFER = fingerprintShared.FINGERPRINT_SOURCE_REFER;
 exports.FINGERPRINT_STORAGE_KEY = fingerprintShared.FINGERPRINT_STORAGE_KEY;
 exports.isValidFingerprintId = fingerprintShared.isValidFingerprintId;
 exports.clearFingerprintId = fingerprintClient.clearFingerprintId;

package/dist/clerk/fingerprint/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { FINGERPRINT_CONSTANTS, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_NAME, FINGERPRINT_STORAGE_KEY, isValidFingerprintId } from './fingerprint-shared.mjs';
+export { FINGERPRINT_CONSTANTS, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_NAME, FINGERPRINT_SOURCE_REFER, FINGERPRINT_STORAGE_KEY, isValidFingerprintId } from './fingerprint-shared.mjs';
 export { clearFingerprintId, createFingerprintFetch, createFingerprintHeaders, generateFingerprintId, getFingerprintId, getOrGenerateFingerprintId, setFingerprintId, useFingerprintHeaders } from './fingerprint-client.mjs';
 export { useFingerprint } from './use-fingerprint.mjs';
 export { FingerprintProvider, FingerprintStatus, useFingerprintContext, useFingerprintContextSafe, withFingerprint } from './fingerprint-provider.mjs';

package/dist/clerk/fingerprint/server.js

@@ -8,6 +8,7 @@ var fingerprintServer = require('./fingerprint-server.js');
 exports.FINGERPRINT_CONSTANTS = fingerprintShared.FINGERPRINT_CONSTANTS;
 exports.FINGERPRINT_COOKIE_NAME = fingerprintShared.FINGERPRINT_COOKIE_NAME;
 exports.FINGERPRINT_HEADER_NAME = fingerprintShared.FINGERPRINT_HEADER_NAME;
+exports.FINGERPRINT_SOURCE_REFER = fingerprintShared.FINGERPRINT_SOURCE_REFER;
 exports.FINGERPRINT_STORAGE_KEY = fingerprintShared.FINGERPRINT_STORAGE_KEY;
 exports.isValidFingerprintId = fingerprintShared.isValidFingerprintId;
 exports.extractFingerprintFromNextRequest = fingerprintServer.extractFingerprintFromNextRequest;

package/dist/clerk/fingerprint/server.mjs

@@ -1,2 +1,2 @@
-export { FINGERPRINT_CONSTANTS, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_NAME, FINGERPRINT_STORAGE_KEY, isValidFingerprintId } from './fingerprint-shared.mjs';
+export { FINGERPRINT_CONSTANTS, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_NAME, FINGERPRINT_SOURCE_REFER, FINGERPRINT_STORAGE_KEY, isValidFingerprintId } from './fingerprint-shared.mjs';
 export { extractFingerprintFromNextRequest, extractFingerprintFromNextStores, extractFingerprintId, generateServerFingerprintId } from './fingerprint-server.mjs';

package/dist/clerk/fingerprint/use-fingerprint.js

@@ -4,6 +4,7 @@
 var tslib_es6 = require('../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var fingerprintClient = require('./fingerprint-client.js');
+var fingerprintShared = require('./fingerprint-shared.js');
 
 /**
  * Hook for managing fingerprint ID and anonymous user data
@@ -64,7 +65,7 @@ function useFingerprint(config) {
             const fingerprintHeaders = yield fingerprintClient.createFingerprintHeaders();
             const response = yield fetch(config.apiEndpoint, {
                 method: 'POST',
-                headers: Object.assign({ 'Content-Type': 'application/json' }, fingerprintHeaders),
+                headers: Object.assign({ 'Content-Type': 'application/json', [fingerprintShared.FINGERPRINT_SOURCE_REFER]: document.referrer || '' }, fingerprintHeaders),
                 body: JSON.stringify({ fingerprintId }),
             });
             if (!response.ok) {

package/dist/clerk/fingerprint/use-fingerprint.mjs

@@ -2,6 +2,7 @@
 import { __awaiter } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.mjs';
 import { useState, useCallback, useEffect } from 'react';
 import { getOrGenerateFingerprintId, createFingerprintHeaders } from './fingerprint-client.mjs';
+import { FINGERPRINT_SOURCE_REFER } from './fingerprint-shared.mjs';
 
 /**
  * Hook for managing fingerprint ID and anonymous user data
@@ -62,7 +63,7 @@ function useFingerprint(config) {
             const fingerprintHeaders = yield createFingerprintHeaders();
             const response = yield fetch(config.apiEndpoint, {
                 method: 'POST',
-                headers: Object.assign({ 'Content-Type': 'application/json' }, fingerprintHeaders),
+                headers: Object.assign({ 'Content-Type': 'application/json', [FINGERPRINT_SOURCE_REFER]: document.referrer || '' }, fingerprintHeaders),
                 body: JSON.stringify({ fingerprintId }),
             });
             if (!response.ok) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/third-ui",
-  "version": "10.1.2",
+  "version": "11.0.0",
   "description": "Third-party integrated UI components for windrun-huaiin projects",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -81,8 +81,8 @@
     "react-medium-image-zoom": "^5.2.14",
     "swiper": "^12.0.3",
     "zod": "^4.1.12",
-    "@windrun-huaiin/base-ui": "^10.1.0",
-    "@windrun-huaiin/lib": "^10.1.0"
+    "@windrun-huaiin/base-ui": "^11.0.0",
+    "@windrun-huaiin/lib": "^11.0.0"
   },
   "peerDependencies": {
     "clsx": "^2.1.1",

package/src/clerk/fingerprint/fingerprint-client.ts

@@ -5,7 +5,7 @@
  */
 
 import FingerprintJS from '@fingerprintjs/fingerprintjs';
-import { FINGERPRINT_STORAGE_KEY, FINGERPRINT_COOKIE_NAME, isValidFingerprintId } from './fingerprint-shared';
+import { FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_NAME, FINGERPRINT_SOURCE_REFER, FINGERPRINT_STORAGE_KEY, isValidFingerprintId } from './fingerprint-shared';
 
 /**
  * 检查浏览器存储（localStorage 和 cookie）中的指纹 ID
@@ -128,7 +128,7 @@ export async function getOrGenerateFingerprintId(): Promise<string> {
 export async function createFingerprintHeaders(): Promise<Record<string, string>> {
   const fingerprintId = await getOrGenerateFingerprintId();
   return {
-    FINGERPRINT_HEADER_NAME: fingerprintId,
+    [FINGERPRINT_HEADER_NAME]: fingerprintId,
   };
 }
 
@@ -147,6 +147,7 @@ export function createFingerprintFetch() {
     const fingerprintHeaders = await createFingerprintHeaders();
     const headers = {
       ...fingerprintHeaders,
+      [FINGERPRINT_SOURCE_REFER]: document.referrer || '',
       ...(init?.headers || {}),
     };
 

package/src/clerk/fingerprint/fingerprint-shared.ts

@@ -7,6 +7,7 @@
 export const FINGERPRINT_STORAGE_KEY = '__x_fingerprint_id';
 export const FINGERPRINT_HEADER_NAME = 'x-fingerprint-id-v8';
 export const FINGERPRINT_COOKIE_NAME = '__x_fingerprint_id';
+export const FINGERPRINT_SOURCE_REFER = 'x-source-ref';
 
 /**
  * 验证fingerprint ID格式

package/src/clerk/fingerprint/use-fingerprint.ts

@@ -12,6 +12,7 @@ import type {
   XSubscription,
   XUser
 } from './types';
+import { FINGERPRINT_SOURCE_REFER } from './fingerprint-shared'
 
 /**
  * Hook for managing fingerprint ID and anonymous user data
@@ -77,6 +78,7 @@ export function useFingerprint(config: FingerprintConfig): UseFingerprintResult
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
+          [FINGERPRINT_SOURCE_REFER]: document.referrer || '',
           ...fingerprintHeaders,
         },
         body: JSON.stringify({ fingerprintId }),

package/dist/main/gallery-interactive.d.ts

@@ -1,18 +0,0 @@
-interface GalleryItem {
-    id: string;
-    url: string;
-    altMsg: string;
-}
-interface GalleryData {
-    titleL: string;
-    eyesOn: string;
-    titleR: string;
-    description: string;
-    items: GalleryItem[];
-    defaultImgUrl: string;
-    downloadPrefix: string;
-}
-export declare function GalleryInteractive({ data }: {
-    data: GalleryData;
-}): null;
-export {};

package/dist/main/gallery-interactive.js

@@ -1,138 +0,0 @@
-"use client";
-'use strict';
-
-var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
-var React = require('react');
-
-function GalleryInteractive({ data }) {
-    const [imageErrors, setImageErrors] = React.useState(new Set());
-    const [downloadingItems, setDownloadingItems] = React.useState(new Set());
-    // Get CDN proxy URL from environment
-    const cdnProxyUrl = process.env.NEXT_PUBLIC_STYLE_CDN_PROXY_URL;
-    React.useEffect(() => {
-        // Progressive enhancement: Add download functionality and error handling
-        data.items.forEach((item, index) => {
-            const downloadButton = document.querySelector(`[data-gallery-download="${item.id}"]`);
-            const imageElement = document.querySelector(`[data-gallery-image="${item.id}"]`);
-            if (downloadButton) {
-                const handleDownload = () => tslib_es6.__awaiter(this, void 0, void 0, function* () {
-                    var _a;
-                    // Prevent duplicate clicks
-                    if (downloadingItems.has(item.id)) {
-                        return;
-                    }
-                    // Set download status
-                    setDownloadingItems(prev => new Set(prev).add(item.id));
-                    try {
-                        if (!cdnProxyUrl) {
-                            throw new Error('CDN proxy URL not configured');
-                        }
-                        // Use R2 proxy to download directly
-                        const originalUrl = new URL(item.url);
-                        const filename = originalUrl.pathname.substring(1);
-                        // Build proxy download URL
-                        const proxyUrl = `${cdnProxyUrl}/${encodeURIComponent(filename)}`;
-                        // Extract file extension from URL
-                        const urlExtension = (_a = item.url.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-                        let extension = '.webp';
-                        if (urlExtension && ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg'].includes(urlExtension)) {
-                            extension = `.${urlExtension}`;
-                        }
-                        // Fetch file from proxy
-                        const response = yield fetch(proxyUrl);
-                        if (!response.ok) {
-                            throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-                        }
-                        // Convert to blob
-                        const blob = yield response.blob();
-                        const blobUrl = URL.createObjectURL(blob);
-                        // Create download link and trigger download
-                        const a = document.createElement('a');
-                        a.href = blobUrl;
-                        a.download = `${data.downloadPrefix}-${index + 1}${extension}`;
-                        a.style.display = 'none';
-                        document.body.appendChild(a);
-                        a.click();
-                        // Clean up DOM elements and blob URL
-                        setTimeout(() => {
-                            document.body.removeChild(a);
-                            URL.revokeObjectURL(blobUrl);
-                        }, 100);
-                    }
-                    catch (error) {
-                        console.error('Download failed:', error);
-                    }
-                    finally {
-                        // Clear download status
-                        setDownloadingItems(prev => {
-                            const newSet = new Set(prev);
-                            newSet.delete(item.id);
-                            return newSet;
-                        });
-                    }
-                });
-                downloadButton.addEventListener('click', handleDownload);
-            }
-            if (imageElement) {
-                const handleImageError = () => {
-                    setImageErrors(prev => new Set(prev).add(item.id));
-                    // Update image src to default
-                    imageElement.src = data.defaultImgUrl;
-                };
-                imageElement.addEventListener('error', handleImageError);
-            }
-        });
-        // Update download button states based on downloading status
-        const updateDownloadStates = () => {
-            data.items.forEach((item) => {
-                const downloadButton = document.querySelector(`[data-gallery-download="${item.id}"]`);
-                if (downloadButton) {
-                    const isDownloading = downloadingItems.has(item.id);
-                    if (isDownloading) {
-                        downloadButton.disabled = true;
-                        downloadButton.classList.add('bg-black/30', 'text-white/50');
-                        downloadButton.classList.remove('bg-black/50', 'hover:bg-black/70', 'text-white/80', 'hover:text-white');
-                        // Replace icon with spinner
-                        downloadButton.innerHTML = `
-              <svg class="h-5 w-5 text-white animate-spin" fill="none" viewBox="0 0 24 24">
-                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-              </svg>
-            `;
-                    }
-                    else {
-                        downloadButton.disabled = false;
-                        downloadButton.classList.remove('bg-black/30', 'text-white/50');
-                        downloadButton.classList.add('bg-black/50', 'hover:bg-black/70', 'text-white/80', 'hover:text-white');
-                        // Reset to download icon
-                        downloadButton.innerHTML = `
-              <svg class="h-5 w-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
-              </svg>
-            `;
-                    }
-                }
-            });
-        };
-        updateDownloadStates();
-        // Cleanup event listeners
-        return () => {
-            data.items.forEach((item) => {
-                var _a, _b;
-                const downloadButton = document.querySelector(`[data-gallery-download="${item.id}"]`);
-                const imageElement = document.querySelector(`[data-gallery-image="${item.id}"]`);
-                if (downloadButton) {
-                    const newButton = downloadButton.cloneNode(true);
-                    (_a = downloadButton.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newButton, downloadButton);
-                }
-                if (imageElement) {
-                    const newImage = imageElement.cloneNode(true);
-                    (_b = imageElement.parentNode) === null || _b === void 0 ? void 0 : _b.replaceChild(newImage, imageElement);
-                }
-            });
-        };
-    }, [data, downloadingItems, imageErrors, cdnProxyUrl]);
-    return null; // Progressive enhancement - no additional DOM rendering
-}
-
-exports.GalleryInteractive = GalleryInteractive;

package/dist/main/gallery-interactive.mjs

@@ -1,136 +0,0 @@
-"use client";
-import { __awaiter } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.mjs';
-import { useState, useEffect } from 'react';
-
-function GalleryInteractive({ data }) {
-    const [imageErrors, setImageErrors] = useState(new Set());
-    const [downloadingItems, setDownloadingItems] = useState(new Set());
-    // Get CDN proxy URL from environment
-    const cdnProxyUrl = process.env.NEXT_PUBLIC_STYLE_CDN_PROXY_URL;
-    useEffect(() => {
-        // Progressive enhancement: Add download functionality and error handling
-        data.items.forEach((item, index) => {
-            const downloadButton = document.querySelector(`[data-gallery-download="${item.id}"]`);
-            const imageElement = document.querySelector(`[data-gallery-image="${item.id}"]`);
-            if (downloadButton) {
-                const handleDownload = () => __awaiter(this, void 0, void 0, function* () {
-                    var _a;
-                    // Prevent duplicate clicks
-                    if (downloadingItems.has(item.id)) {
-                        return;
-                    }
-                    // Set download status
-                    setDownloadingItems(prev => new Set(prev).add(item.id));
-                    try {
-                        if (!cdnProxyUrl) {
-                            throw new Error('CDN proxy URL not configured');
-                        }
-                        // Use R2 proxy to download directly
-                        const originalUrl = new URL(item.url);
-                        const filename = originalUrl.pathname.substring(1);
-                        // Build proxy download URL
-                        const proxyUrl = `${cdnProxyUrl}/${encodeURIComponent(filename)}`;
-                        // Extract file extension from URL
-                        const urlExtension = (_a = item.url.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-                        let extension = '.webp';
-                        if (urlExtension && ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg'].includes(urlExtension)) {
-                            extension = `.${urlExtension}`;
-                        }
-                        // Fetch file from proxy
-                        const response = yield fetch(proxyUrl);
-                        if (!response.ok) {
-                            throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-                        }
-                        // Convert to blob
-                        const blob = yield response.blob();
-                        const blobUrl = URL.createObjectURL(blob);
-                        // Create download link and trigger download
-                        const a = document.createElement('a');
-                        a.href = blobUrl;
-                        a.download = `${data.downloadPrefix}-${index + 1}${extension}`;
-                        a.style.display = 'none';
-                        document.body.appendChild(a);
-                        a.click();
-                        // Clean up DOM elements and blob URL
-                        setTimeout(() => {
-                            document.body.removeChild(a);
-                            URL.revokeObjectURL(blobUrl);
-                        }, 100);
-                    }
-                    catch (error) {
-                        console.error('Download failed:', error);
-                    }
-                    finally {
-                        // Clear download status
-                        setDownloadingItems(prev => {
-                            const newSet = new Set(prev);
-                            newSet.delete(item.id);
-                            return newSet;
-                        });
-                    }
-                });
-                downloadButton.addEventListener('click', handleDownload);
-            }
-            if (imageElement) {
-                const handleImageError = () => {
-                    setImageErrors(prev => new Set(prev).add(item.id));
-                    // Update image src to default
-                    imageElement.src = data.defaultImgUrl;
-                };
-                imageElement.addEventListener('error', handleImageError);
-            }
-        });
-        // Update download button states based on downloading status
-        const updateDownloadStates = () => {
-            data.items.forEach((item) => {
-                const downloadButton = document.querySelector(`[data-gallery-download="${item.id}"]`);
-                if (downloadButton) {
-                    const isDownloading = downloadingItems.has(item.id);
-                    if (isDownloading) {
-                        downloadButton.disabled = true;
-                        downloadButton.classList.add('bg-black/30', 'text-white/50');
-                        downloadButton.classList.remove('bg-black/50', 'hover:bg-black/70', 'text-white/80', 'hover:text-white');
-                        // Replace icon with spinner
-                        downloadButton.innerHTML = `
-              <svg class="h-5 w-5 text-white animate-spin" fill="none" viewBox="0 0 24 24">
-                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-              </svg>
-            `;
-                    }
-                    else {
-                        downloadButton.disabled = false;
-                        downloadButton.classList.remove('bg-black/30', 'text-white/50');
-                        downloadButton.classList.add('bg-black/50', 'hover:bg-black/70', 'text-white/80', 'hover:text-white');
-                        // Reset to download icon
-                        downloadButton.innerHTML = `
-              <svg class="h-5 w-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
-              </svg>
-            `;
-                    }
-                }
-            });
-        };
-        updateDownloadStates();
-        // Cleanup event listeners
-        return () => {
-            data.items.forEach((item) => {
-                var _a, _b;
-                const downloadButton = document.querySelector(`[data-gallery-download="${item.id}"]`);
-                const imageElement = document.querySelector(`[data-gallery-image="${item.id}"]`);
-                if (downloadButton) {
-                    const newButton = downloadButton.cloneNode(true);
-                    (_a = downloadButton.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newButton, downloadButton);
-                }
-                if (imageElement) {
-                    const newImage = imageElement.cloneNode(true);
-                    (_b = imageElement.parentNode) === null || _b === void 0 ? void 0 : _b.replaceChild(newImage, imageElement);
-                }
-            });
-        };
-    }, [data, downloadingItems, imageErrors, cdnProxyUrl]);
-    return null; // Progressive enhancement - no additional DOM rendering
-}
-
-export { GalleryInteractive };

package/dist/main/gallery.d.ts

@@ -1,7 +0,0 @@
-interface GalleryProps {
-    locale: string;
-    sectionClassName?: string;
-    button?: React.ReactNode;
-}
-export declare function Gallery({ locale, sectionClassName, button }: GalleryProps): Promise<import("react/jsx-runtime").JSX.Element>;
-export {};

package/dist/main/gallery.js

@@ -1,43 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var server = require('next-intl/server');
-var utils = require('@windrun-huaiin/lib/utils');
-var Image = require('next/image');
-require('react');
-require('@windrun-huaiin/base-ui/components/server');
-require('./nprogress-bar.js');
-require('@windrun-huaiin/base-ui/ui');
-require('./rich-text-expert.js');
-require('next/navigation');
-var galleryInteractive = require('./gallery-interactive.js');
-require('@clerk/nextjs');
-require('./money-price/money-price-types.js');
-require('next/link');
-var swiperReact = require('../node_modules/.pnpm/swiper@12.0.3/node_modules/swiper/swiper-react.js');
-var pagination = require('../node_modules/.pnpm/swiper@12.0.3/node_modules/swiper/modules/pagination.js');
-var sectionLayout = require('./section-layout.js');
-
-function Gallery(_a) {
-    return tslib_es6.__awaiter(this, arguments, void 0, function* ({ locale, sectionClassName, button }) {
-        const t = yield server.getTranslations({ locale, namespace: 'gallery' });
-        const galleryItems = t.raw('prompts');
-        const data = {
-            titleL: t('titleL'),
-            eyesOn: t('eyesOn'),
-            titleR: t('titleR'),
-            description: t('description'),
-            items: galleryItems.map((item, index) => ({
-                id: `gallery-item-${index}`,
-                url: item.url,
-                altMsg: item.altMsg
-            })),
-            defaultImgUrl: t.raw('defaultImgUrl'),
-            downloadPrefix: t('downloadPrefix')
-        };
-        return (jsxRuntime.jsxs("section", { id: "gallery", className: utils.cn(sectionLayout.responsiveSection, sectionClassName), children: [jsxRuntime.jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-6", children: [data.titleL, " ", jsxRuntime.jsx("span", { className: "text-purple-500", children: data.eyesOn }), " ", data.titleR] }), jsxRuntime.jsx("p", { className: "text-center max-w-2xl mx-auto mb-16", children: data.description }), jsxRuntime.jsx("div", { className: "block sm:hidden", children: jsxRuntime.jsx(swiperReact.Swiper, { modules: [pagination], pagination: { clickable: true }, spaceBetween: 20, slidesPerView: 1, loop: true, className: "rounded-xl overflow-hidden", children: data.items.map((item, index) => (jsxRuntime.jsx(swiperReact.SwiperSlide, { children: jsxRuntime.jsxs("div", { className: "relative aspect-square bg-gray-100", children: [jsxRuntime.jsx(Image, { src: item.url, alt: item.altMsg, fill: true, className: "object-cover", "data-gallery-image": item.id }), jsxRuntime.jsx("button", { className: "absolute bottom-4 right-4 p-3 rounded-full bg-black/60 hover:bg-black/80 text-white transition-all z-10", "data-gallery-download": item.id, "aria-label": `Download ${item.altMsg}`, children: jsxRuntime.jsx("svg", { className: "h-6 w-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) })] }) }, item.id))) }) }), jsxRuntime.jsx("div", { className: "hidden sm:grid sm:grid-cols-2 lg:grid-cols-3 gap-6", children: data.items.map((item, index) => (jsxRuntime.jsxs("div", { className: "group relative overflow-hidden rounded-xl", "data-gallery-item": item.id, "data-gallery-index": index, children: [jsxRuntime.jsx(Image, { src: item.url, alt: item.altMsg, width: 600, height: 600, className: "w-full h-80 object-cover transition duration-300 group-hover:scale-105", "data-gallery-image": item.id }), jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-end justify-end p-4 opacity-0 group-hover:opacity-100 transition duration-300", children: jsxRuntime.jsx("button", { className: "p-2 rounded-full bg-black/50 hover:bg-black/70 text-white/80 hover:text-white transition-all duration-300", "data-gallery-download": item.id, "aria-label": `Download ${item.altMsg}`, children: jsxRuntime.jsx("svg", { className: "h-5 w-5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }) })] }, item.id))) }), button && (jsxRuntime.jsx("div", { className: "text-center mt-12", children: button })), jsxRuntime.jsx(galleryInteractive.GalleryInteractive, { data: data })] }));
-    });
-}
-
-exports.Gallery = Gallery;

package/dist/main/gallery.mjs

@@ -1,41 +0,0 @@
-import { __awaiter } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.mjs';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { getTranslations } from 'next-intl/server';
-import { cn } from '@windrun-huaiin/lib/utils';
-import Image from 'next/image';
-import 'react';
-import '@windrun-huaiin/base-ui/components/server';
-import './nprogress-bar.mjs';
-import '@windrun-huaiin/base-ui/ui';
-import './rich-text-expert.mjs';
-import 'next/navigation';
-import { GalleryInteractive } from './gallery-interactive.mjs';
-import '@clerk/nextjs';
-import './money-price/money-price-types.mjs';
-import 'next/link';
-import { Swiper, SwiperSlide } from '../node_modules/.pnpm/swiper@12.0.3/node_modules/swiper/swiper-react.mjs';
-import Pagination from '../node_modules/.pnpm/swiper@12.0.3/node_modules/swiper/modules/pagination.mjs';
-import { responsiveSection } from './section-layout.mjs';
-
-function Gallery(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ locale, sectionClassName, button }) {
-        const t = yield getTranslations({ locale, namespace: 'gallery' });
-        const galleryItems = t.raw('prompts');
-        const data = {
-            titleL: t('titleL'),
-            eyesOn: t('eyesOn'),
-            titleR: t('titleR'),
-            description: t('description'),
-            items: galleryItems.map((item, index) => ({
-                id: `gallery-item-${index}`,
-                url: item.url,
-                altMsg: item.altMsg
-            })),
-            defaultImgUrl: t.raw('defaultImgUrl'),
-            downloadPrefix: t('downloadPrefix')
-        };
-        return (jsxs("section", { id: "gallery", className: cn(responsiveSection, sectionClassName), children: [jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-6", children: [data.titleL, " ", jsx("span", { className: "text-purple-500", children: data.eyesOn }), " ", data.titleR] }), jsx("p", { className: "text-center max-w-2xl mx-auto mb-16", children: data.description }), jsx("div", { className: "block sm:hidden", children: jsx(Swiper, { modules: [Pagination], pagination: { clickable: true }, spaceBetween: 20, slidesPerView: 1, loop: true, className: "rounded-xl overflow-hidden", children: data.items.map((item, index) => (jsx(SwiperSlide, { children: jsxs("div", { className: "relative aspect-square bg-gray-100", children: [jsx(Image, { src: item.url, alt: item.altMsg, fill: true, className: "object-cover", "data-gallery-image": item.id }), jsx("button", { className: "absolute bottom-4 right-4 p-3 rounded-full bg-black/60 hover:bg-black/80 text-white transition-all z-10", "data-gallery-download": item.id, "aria-label": `Download ${item.altMsg}`, children: jsx("svg", { className: "h-6 w-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) })] }) }, item.id))) }) }), jsx("div", { className: "hidden sm:grid sm:grid-cols-2 lg:grid-cols-3 gap-6", children: data.items.map((item, index) => (jsxs("div", { className: "group relative overflow-hidden rounded-xl", "data-gallery-item": item.id, "data-gallery-index": index, children: [jsx(Image, { src: item.url, alt: item.altMsg, width: 600, height: 600, className: "w-full h-80 object-cover transition duration-300 group-hover:scale-105", "data-gallery-image": item.id }), jsx("div", { className: "absolute inset-0 flex items-end justify-end p-4 opacity-0 group-hover:opacity-100 transition duration-300", children: jsx("button", { className: "p-2 rounded-full bg-black/50 hover:bg-black/70 text-white/80 hover:text-white transition-all duration-300", "data-gallery-download": item.id, "aria-label": `Download ${item.altMsg}`, children: jsx("svg", { className: "h-5 w-5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }) })] }, item.id))) }), button && (jsx("div", { className: "text-center mt-12", children: button })), jsx(GalleryInteractive, { data: data })] }));
-    });
-}
-
-export { Gallery };