v0.5.0

2026-03-20 — Package Modernization

Build & Distribution

建構與發佈

• Per-module ESM output — import { Navigation } from 'drift-slider/modules/navigation'
• 獨立模組 ESM 輸出 — import { Navigation } from 'drift-slider/modules/navigation'
• Complete exports map for all subpath imports (JS, CSS, types)
• 完整的 exports map，支援所有子路徑匯入（JS、CSS、型別）
• Per-module CSS — import 'drift-slider/css/navigation'
• 獨立模組 CSS — import 'drift-slider/css/navigation'
• Per-module TypeScript definitions for better IDE support
• 獨立模組 TypeScript 型別定義，提升 IDE 支援
• type: "module" and sideEffects: ["*.css"] for tree-shaking
• type: "module" 與 sideEffects: ["*.css"] 支援 tree-shaking
• Added publint quality gate to prepublish
• 新增 publint 品質檢查至 prepublish
• Removed CJS output (ESM + UMD only)
• 移除 CJS 輸出（僅保留 ESM + UMD）

v0.4.0

2026-03-18 — Creative Effect, Ticker & Thumbs

New Modules

新增模組

• EffectCreative — Declarative transform-based transitions with 8 presets
• EffectCreative — 宣告式 transform 轉場，內建 8 種預設效果
• Thumbs — Sync module for main/thumbnail slider linking
• Thumbs — 主圖/縮圖滑塊同步模組

Enhancements

功能增強

• Ticker mode for Autoplay — continuous scroll marquee effect
• Autoplay Ticker 模式 — 持續捲動跑馬燈效果
• Updated TypeScript definitions for Creative, Ticker, and Thumbs
• 更新 TypeScript 型別定義，涵蓋 Creative、Ticker、Thumbs

Docs

文件

• New demos: Creative presets, Ticker marquee, Product gallery, Vertical thumbs
• 新增範例：Creative 預設效果、Ticker 跑馬燈、產品圖庫、垂直縮圖

v0.3.1

2026-03-17

Bug Fixes

錯誤修正

• Fix EffectCoverflow image vanishing on loop cycle in Mobile Safari
• 修正 EffectCoverflow 在 Mobile Safari 循環切換時圖片消失的問題

v0.3.0

2026-03-16 — EffectShowcase

New Modules

新增模組

• EffectShowcase — Spotlight showcase effect with scaling and depth
• EffectShowcase — 聚光燈展示效果，含縮放與景深

Bug Fixes

錯誤修正

• Fix Mobile Safari rendering issues for effect modules
• 修正效果模組在 Mobile Safari 的渲染問題
• Fix loop transition bugs in several effect modules
• 修正多個效果模組的循環轉場錯誤

v0.2.0

2026-03-15 — Quality & Testing

Improvements

改善

• Agentic optimization loop for automated test coverage and bundle size improvements
• 自動化代理優化迴圈，提升測試覆蓋率與 bundle 大小
• Comprehensive test suite (425 tests) with strong assertions
• 完整測試套件（425 個測試），強化斷言
• Code review fixes (H1/H2/M1-M7 issues resolved)
• 程式碼審查修正（H1/H2/M1-M7 問題已解決）
• Lighthouse accessibility and performance optimizations
• Lighthouse 無障礙與效能優化

v0.1.0

2025-03-14 — Initial Release

Core

核心

• Physics-based touch interaction with velocity tracking, friction, and bounce
• 物理慣性觸控，包含速度追蹤、摩擦力、回彈
• Horizontal and vertical slider directions
• 水平與垂直滑動方向
• Configurable slidesPerView, spaceBetween, centeredSlides
• 可設定 slidesPerView、spaceBetween、centeredSlides
• Infinite loop mode with clone slides
• 支援無限循環模式（clone slides）
• Responsive breakpoint system
• 響應式斷點系統
• Event system with on, once, off, emit
• 事件系統（on、once、off、emit）
• 20 built-in events for full lifecycle control
• 20 個內建事件，完整掌握生命週期

Modules

模組

• Navigation — Prev/next arrow buttons with custom styling support
• Navigation — 上下頁箭頭按鈕，支援自訂樣式
• Pagination — Bullets, fraction, and progressbar types with custom rendering
• Pagination — 圓點、分數、進度條三種類型，支援自訂渲染
• Autoplay — Automatic slide advance with pause on hover/interaction
• Autoplay — 自動播放，支援滑鼠懸停/互動暫停
• EffectFade — Cross-fade transition effect
• EffectFade — 交叉淡入淡出效果
• EffectCoverflow — 3D cover flow with depth, rotation, scale, cropSides, staggerY, visibleSides
• EffectCoverflow — 3D 封面流效果（depth、rotation、scale、cropSides、staggerY、visibleSides）
• EffectCards — Card stack, diagonal, and flip modes with overlay and shadow
• EffectCards — 卡片堆疊、對角、翻轉模式，含覆蓋層與陰影
• Keyboard — Arrow key navigation with viewport-only option
• Keyboard — 方向鍵導航，支援僅在 viewport 內啟用
• A11y — ARIA labels, roles, live regions, screen reader support
• A11y — ARIA 標籤、角色、即時區域、螢幕閱讀器支援
• ScrollAos — AOS (Animate on Scroll) integration for scroll-triggered animations
• ScrollAos — AOS（滾動動畫）整合，支援滾動觸發動畫

Build & Distribution

建構與發佈

• ESM, CJS, and UMD builds via Rollup
• 透過 Rollup 產出 ESM、CJS、UMD 建構
• jQuery plugin build with all modules bundled
• jQuery 插件建構（含所有模組）
• Core CSS + bundled CSS with module styles
• 核心 CSS + 模組樣式打包 CSS
• Full TypeScript type definitions
• 完整 TypeScript 型別定義
• Zero production dependencies
• 零生產依賴
• MIT License
• MIT 授權