jeawin-astro 3.0.99 → 3.0.102

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jeawin-astro",
-    "version": "3.0.99",
+    "version": "3.0.102",
     "author": "chaegumi <chaegumi@qq.com>",
     "description": "",
     "license": "MIT",

package/src/components/share_button.astro

@@ -35,6 +35,15 @@ const medias = [
       seo_title
     )}&url=${encodeURIComponent(canonical)}`,
   },
+  {
+    icon: `<svg xmlns="http://www.w3.org/2000/svg" height="${
+      16 * multiple
+    }" width="${
+      14 * multiple
+    }" viewBox="0 0 448 512"><path d="M194.4 211.7a53.3 53.3 0 1 0 59.3 88.7a53.3 53.3 0 1 0-59.3-88.7m142.3-68.4c-5.2-5.2-11.5-9.3-18.4-12c-18.1-7.1-57.6-6.8-83.1-6.5c-4.1 0-7.9.1-11.2.1s-7.2 0-11.4-.1c-25.5-.3-64.8-.7-82.9 6.5c-6.9 2.7-13.1 6.8-18.4 12s-9.3 11.5-12 18.4c-7.1 18.1-6.7 57.7-6.5 83.2c0 4.1.1 7.9.1 11.1s0 7-.1 11.1c-.2 25.5-.6 65.1 6.5 83.2c2.7 6.9 6.8 13.1 12 18.4s11.5 9.3 18.4 12c18.1 7.1 57.6 6.8 83.1 6.5c4.1 0 7.9-.1 11.2-.1s7.2 0 11.4.1c25.5.3 64.8.7 82.9-6.5c6.9-2.7 13.1-6.8 18.4-12s9.3-11.5 12-18.4c7.2-18 6.8-57.4 6.5-83c0-4.2-.1-8.1-.1-11.4s0-7.1.1-11.4c.3-25.5.7-64.9-6.5-83c-2.7-6.9-6.8-13.1-12-18.4zm-67.1 44.5a82 82 0 1 1-91.2 136.4a82 82 0 1 1 91.1-136.4zm29.2-1.3c-3.1-2.1-5.6-5.1-7.1-8.6s-1.8-7.3-1.1-11.1s2.6-7.1 5.2-9.8s6.1-4.5 9.8-5.2s7.6-.4 11.1 1.1s6.5 3.9 8.6 7s3.2 6.8 3.2 10.6c0 2.5-.5 5-1.4 7.3s-2.4 4.4-4.1 6.2s-3.9 3.2-6.2 4.2s-4.8 1.5-7.3 1.5c-3.8 0-7.5-1.1-10.6-3.2zM448 96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64zm-91 293c-18.7 18.7-41.4 24.6-67 25.9c-26.4 1.5-105.6 1.5-132 0c-25.6-1.3-48.3-7.2-67-25.9s-24.6-41.4-25.8-67c-1.5-26.4-1.5-105.6 0-132c1.3-25.6 7.1-48.3 25.8-67s41.5-24.6 67-25.8c26.4-1.5 105.6-1.5 132 0c25.6 1.3 48.3 7.1 67 25.8s24.6 41.4 25.8 67c1.5 26.3 1.5 105.4 0 131.9c-1.3 25.6-7.1 48.3-25.8 67z"/></svg>`,
+    title: render_lang(all_langs, "share on instagram"),
+    url: `https://www.instagram.com/?url=${encodeURIComponent(canonical)}`
+  },
   {
     icon: `<svg xmlns="http://www.w3.org/2000/svg" height="${
       16 * multiple

package/src/components/slide/deepseek_swiper.astro

@@ -0,0 +1,344 @@
+---
+---
+<deepseek-swiper>
+    <div class="jw-swiper-container">
+        <div class="jw-swiper-wrapper">
+            <div class="jw-swiper-slide">
+                <img src="https://picsum.photos/1200/400?random=1" alt="Slide 1">
+                <div class="jw-slide-content">
+                    <h2>第一张幻灯片</h2>
+                    <p>这是使用纯JavaScript实现的响应式轮播图</p>
+                </div>
+            </div>
+            <div class="jw-swiper-slide">
+                <img src="https://picsum.photos/1200/400?random=2" alt="Slide 2">
+                <div class="jw-slide-content">
+                    <h2>第二张幻灯片</h2>
+                    <p>支持自动播放、导航按钮和分页指示器</p>
+                </div>
+            </div>
+            <div class="jw-swiper-slide">
+                <img src="https://picsum.photos/1200/400?random=3" alt="Slide 3">
+                <div class="jw-slide-content">
+                    <h2>第三张幻灯片</h2>
+                    <p>完全响应式，适应不同屏幕尺寸</p>
+                </div>
+            </div>
+            <div class="jw-swiper-slide">
+                <img src="https://picsum.photos/1200/400?random=4" alt="Slide 4">
+                <div class="jw-slide-content">
+                    <h2>第四张幻灯片</h2>
+                    <p>无依赖，纯JavaScript实现</p>
+                </div>
+            </div>
+        </div>
+        
+        <!-- 导航按钮 -->
+        <div class="jw-swiper-button-prev">&#10094;</div>
+        <div class="jw-swiper-button-next">&#10095;</div>
+        
+        <!-- 分页指示器 -->
+        <div class="jw-swiper-pagination">
+            <div class="jw-swiper-pagination-bullet active"></div>
+            <div class="jw-swiper-pagination-bullet"></div>
+            <div class="jw-swiper-pagination-bullet"></div>
+            <div class="jw-swiper-pagination-bullet"></div>
+        </div>
+    </div>
+</deepseek-swiper>
+<style>
+    .jw-swiper-container {
+            position: relative;
+            width: 100%;
+            /* max-width: 1200px; */
+            margin: 0 auto;
+            overflow: hidden;
+            /* border-radius: 8px; */
+            /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
+        }
+        
+        .jw-swiper-wrapper {
+            display: flex;
+            transition: transform 0.5s ease;
+            /* height: 400px; */
+        }
+        
+        .jw-swiper-slide {
+            min-width: 100%;
+            height: 100%;
+            position: relative;
+        }
+        
+        .jw-swiper-slide img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+        
+        .jw-slide-content {
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
+            color: white;
+            padding: 30px;
+        }
+        
+        .jw-slide-content h2 {
+            margin-bottom: 10px;
+            font-size: 24px;
+        }
+        
+        .jw-swiper-button-prev,
+        .jw-swiper-button-next {
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            width: 40px;
+            height: 40px;
+            background-color: rgba(255, 255, 255, 0.7);
+            border-radius: 50%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            cursor: pointer;
+            z-index: 10;
+            transition: all 0.3s ease;
+        }
+        
+        .jw-swiper-button-prev:hover,
+        .jw-swiper-button-next:hover {
+            background-color: rgba(255, 255, 255, 0.9);
+        }
+        
+        .jw-swiper-button-prev {
+            left: 20px;
+        }
+        
+        .jw-swiper-button-next {
+            right: 20px;
+        }
+        
+        .jw-swiper-pagination {
+            position: absolute;
+            bottom: 20px;
+            left: 0;
+            right: 0;
+            display: flex;
+            justify-content: center;
+            gap: 8px;
+            z-index: 10;
+        }
+        
+        .jw-swiper-pagination-bullet {
+            width: 12px;
+            height: 12px;
+            background-color: rgba(255, 255, 255, 0.5);
+            border-radius: 50%;
+            cursor: pointer;
+            transition: all 0.3s ease;
+        }
+        
+        .jw-swiper-pagination-bullet.active {
+            background-color: white;
+            transform: scale(1.2);
+        }
+        
+        @media (max-width: 768px) {
+            .jw-swiper-wrapper {
+                height: 300px;
+            }
+            
+            .jw-slide-content {
+                padding: 15px;
+            }
+            
+            .jw-slide-content h2 {
+                font-size: 18px;
+            }
+            
+            .jw-swiper-button-prev,
+            .jw-swiper-button-next {
+                width: 30px;
+                height: 30px;
+            }
+        }
+</style>
+<script>
+    class DeepseekSwiper extends HTMLElement{
+        container: any
+        wrapper: any
+        slides: any
+        prevBtn: any
+        nextBtn:any
+        pagination: any
+        bullets: any
+
+        currentIndex: number = 0
+        isTransitioning: boolean = false
+        autoPlayInterval: any
+        autoPlayDelay: number = 0
+        touchStartX: number = 0
+        touchEndX: number = 0
+
+        constructor(){
+            super();
+              this.container = this.querySelector('.jw-swiper-container');
+            this.wrapper = this.container.querySelector('.jw-swiper-wrapper');
+            this.slides = Array.from(this.container.querySelectorAll('.jw-swiper-slide'));
+            this.prevBtn = this.container.querySelector('.jw-swiper-button-prev');
+            this.nextBtn = this.container.querySelector('.jw-swiper-button-next');
+            this.pagination = this.container.querySelector('.jw-swiper-pagination');
+            
+            this.currentIndex = 0;
+            this.isTransitioning = false;
+            this.autoPlayInterval = null;
+            this.autoPlayDelay = 5000; // 5秒自动播放
+            this.touchStartX = 0;
+            this.touchEndX = 0;          
+            this.init();
+        }
+
+        init() {console.log('init');
+            // 创建分页指示器
+            this.createPagination();
+            
+            // 设置初始位置
+            this.updateSliderPosition();
+            
+            // 添加事件监听
+            this.addEventListeners();
+            
+            // 开始自动播放
+            this.startAutoPlay();
+            
+            // 响应式调整
+            window.addEventListener('resize', this.handleResize.bind(this));
+        }
+        
+        createPagination() {
+            this.slides.forEach((_: any, index: number) => {
+                const bullet = document.createElement('div');
+                bullet.classList.add('jw-swiper-pagination-bullet');
+                if (index === this.currentIndex) {
+                    bullet.classList.add('active');
+                }
+                bullet.addEventListener('click', () => {
+                    this.goToSlide(index);
+                });
+                this.pagination.appendChild(bullet);
+            });
+            
+            this.bullets = Array.from(this.pagination.querySelectorAll('.jw-swiper-pagination-bullet'));
+        }
+        
+        addEventListeners() {
+            // 导航按钮
+            this.prevBtn.addEventListener('click', this.goToPrevSlide.bind(this));
+            this.nextBtn.addEventListener('click', this.goToNextSlide.bind(this));
+            
+            // 触摸事件
+            this.container.addEventListener('touchstart', this.handleTouchStart.bind(this), { passive: true });
+            this.container.addEventListener('touchend', this.handleTouchEnd.bind(this), { passive: true });
+            
+            // 鼠标悬停暂停自动播放
+            this.container.addEventListener('mouseenter', this.stopAutoPlay.bind(this));
+            this.container.addEventListener('mouseleave', this.startAutoPlay.bind(this));
+            
+            // 过渡结束事件
+            this.wrapper.addEventListener('transitionend', () => {
+                this.isTransitioning = false;
+            });
+        }
+        
+        handleTouchStart(e: any) {
+            this.touchStartX = e.changedTouches[0].screenX;
+            this.stopAutoPlay();
+        }
+        
+        handleTouchEnd(e: any) {
+            this.touchEndX = e.changedTouches[0].screenX;
+            this.handleSwipe();
+            this.startAutoPlay();
+        }
+        
+        handleSwipe() {
+            const threshold = 50; // 滑动阈值
+            const difference = this.touchStartX - this.touchEndX;
+            
+            if (difference > threshold) {
+                // 向左滑动 - 下一张
+                this.goToNextSlide();
+            } else if (difference < -threshold) {
+                // 向右滑动 - 上一张
+                this.goToPrevSlide();
+            }
+        }
+        
+        goToPrevSlide() {
+            if (this.isTransitioning) return;
+            
+            this.currentIndex = (this.currentIndex - 1 + this.slides.length) % this.slides.length;
+            this.updateSlider();
+        }
+        
+        goToNextSlide() {
+            if (this.isTransitioning) return;
+            
+            this.currentIndex = (this.currentIndex + 1) % this.slides.length;
+            this.updateSlider();
+        }
+        
+        goToSlide(index: number) {
+            if (this.isTransitioning || index === this.currentIndex) return;
+            
+            this.currentIndex = index;
+            this.updateSlider();
+        }
+        
+        updateSlider() {
+            this.isTransitioning = true;
+            this.updateSliderPosition();
+            this.updatePagination();
+        }
+        
+        updateSliderPosition() {
+            this.wrapper.style.transform = `translateX(-${this.currentIndex * 100}%)`;
+        }
+        
+        updatePagination() {
+            this.bullets.forEach((bullet: any, index: number) => {
+                if (index === this.currentIndex) {
+                    bullet.classList.add('active');
+                } else {
+                    bullet.classList.remove('active');
+                }
+            });
+        }
+        
+        startAutoPlay() {
+            if (this.autoPlayInterval) {
+                clearInterval(this.autoPlayInterval);
+            }
+            
+            this.autoPlayInterval = setInterval(() => {
+                this.goToNextSlide();
+            }, this.autoPlayDelay);
+        }
+        
+        stopAutoPlay() {
+            if (this.autoPlayInterval) {
+                clearInterval(this.autoPlayInterval);
+                this.autoPlayInterval = null;
+            }
+        }
+        
+        handleResize() {
+            // 响应式调整
+            this.updateSliderPosition();
+        }
+    }
+
+    customElements.define('deepseek-swiper', DeepseekSwiper);
+</script>

package/src/components/slide/index.ts

@@ -1,2 +1,3 @@
 export {default as Swiper1} from "./swiper1.astro";
-export {default as Swiper3d} from "./swiper3d.astro";
+export {default as Swiper3d} from "./swiper3d.astro";
+export {default as DeepseekSwiper} from "./deepseek_swiper.astro";

package/src/integrations/jeawin-common-route/routes/rss.xml.ts

@@ -14,19 +14,21 @@ export const GET:APIRoute = async ({site, locals}) => {
     });
     // console.log(node_results);
     const site_options = locals.site_options;
+    const siteinfo = locals.siteinfo;
 
     let items: any = [];
     node_results.nodes.forEach((node: any) => {
+        let link = render_url(node.node_url, locals.base, null, locals.url_suffix);
         items.push({
             title: node.node_title,
             pubDate: dayjs.unix(node.node_created).format('YYYY-MM-DD HH:mm:ss'),
             description: node.content,
-            link: render_url(node.node_url, locals.base, null, locals.url_suffix)
+            link: link.indexOf('?') !== -1 ? `${link}&utm_source=rss` : `${link}?utm_source=rss`
         })        
     })
 
     return rss({
-        title: site_options.sitename,
+        title: site_options.sitename ? `${site_options.sitename}(${siteinfo.site_uri})` : siteinfo.site_uri,
         description: site_options.seo_description,
         site: String(site),
         items:items,