@c4h/chuci 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export declare class CcSwiper extends ChuciElement {
     private divPagination?;
     private divPrevious?;
     private divNext?;
+    private isDragging;
     static get observedAttributes(): string[];
     get hasThumb(): boolean;
     get autoplay(): boolean;

package/package.json

@@ -1,19 +1,18 @@
 {
   "name": "@c4h/chuci",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Standalone multimedia swiper and viewer web components",
   "type": "module",
   "private": false,
-  "main": "./dist/chuci.cjs",
+  "main": "./dist/chuci.umd.js",
   "module": "./dist/chuci.js",
   "browser": "./dist/chuci.umd.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "browser": "./dist/chuci.umd.js",
       "import": "./dist/chuci.js",
-      "require": "./dist/chuci.cjs"
+      "require": "./dist/chuci.umd.js"
     },
     "./package.json": "./package.json",
     "./dist/*": "./dist/*"
@@ -25,42 +24,33 @@
     "CHANGELOG.md",
     "LICENSE"
   ],
-  "scripts": {
-    "dev": "vite --host='0.0.0.0'",
-    "build": "npm run typecheck && cross-env BUILD_MODE=package vite build",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "coverage": "vitest run --coverage",
-    "lint": "eslint src tests",
-    "lint:fix": "eslint src tests --fix",
-    "prepublishOnly": "npm run typecheck && npm run build"
+  "engines": {
+    "pnpm": ">=9.0.0"
   },
   "dependencies": {
-    "@photo-sphere-viewer/core": "^5.11.4",
-    "gsplat": "^1.2.4",
-    "swiper": "^11.1.15",
+    "gsplat": "^1.2.9",
+    "swiper": "^11.2.10",
     "three": "^0.171.0",
     "viewerjs": "^1.11.7"
   },
   "devDependencies": {
-    "@eslint/js": "^9.17.0",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@types/jsdom": "^21.1.6",
-    "@types/node": "^22.10.2",
+    "@eslint/js": "^9.39.2",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@types/jsdom": "^21.1.7",
+    "@types/node": "^22.19.3",
     "@types/three": "^0.171.0",
-    "@typescript-eslint/eslint-plugin": "^8.18.2",
-    "@typescript-eslint/parser": "^8.18.2",
+    "@typescript-eslint/eslint-plugin": "^8.50.1",
+    "@typescript-eslint/parser": "^8.50.1",
     "@vitest/coverage-v8": "^3.2.4",
     "cross-env": "^7.0.3",
-    "eslint": "^9.17.0",
-    "eslint-config-prettier": "^9.1.0",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^9.1.2",
     "jsdom": "^25.0.1",
-    "prettier": "^3.4.2",
-    "typescript": "^5.7.2",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.4.0",
+    "prettier": "^3.7.4",
+    "typescript": "^5.9.3",
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4",
     "vitest": "^3.2.4"
   },
   "keywords": [
@@ -73,7 +63,9 @@
     "3d"
   ],
   "author": "Code for History",
-  "contributors": ["kobakazu0429 <kobakazu10@gmail.com>"],
+  "contributors": [
+    "kobakazu0429 <kobakazu10@gmail.com>"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -82,5 +74,16 @@
   "bugs": {
     "url": "https://github.com/code4history/Chuci/issues"
   },
-  "homepage": "https://github.com/code4history/Chuci#readme"
-}
+  "homepage": "https://github.com/code4history/Chuci#readme",
+  "scripts": {
+    "dev": "vite --host",
+    "build": "npm run typecheck && cross-env BUILD_MODE=package vite build",
+    "build:demo": "vite build",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "coverage": "vitest run --coverage",
+    "lint": "eslint src tests",
+    "lint:fix": "eslint src tests --fix"
+  }
+}

package/src/components/swiper/cc-swiper-slide.ts

@@ -1,50 +1,50 @@
-import { ChuciElement } from '@/utils/base-element'
-
-export class CcSwiperSlide extends ChuciElement {
-  static get observedAttributes() {
-    return ['thumbnail-url', 'image-url', 'image-type', 'caption']
-  }
-  
-  get thumbnailUrl() {
-    return this.getAttribute('thumbnail-url') || ''
-  }
-  
-  get imageUrl() {
-    return this.getAttribute('image-url') || ''
-  }
-  
-  get imageType() {
-    return this.getAttribute('image-type') || ''
-  }
-  
-  get caption() {
-    return this.getAttribute('caption') || ''
-  }
-  
-  protected render() {
-    const styles = this.css`
-      :host {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 100%;
-        width: 100%;
-        background-size: cover !important;
-        background-repeat: no-repeat !important;
-        background-position: center !important;
-      }
-    `
-    
-    this.updateShadowRoot(styles)
-  }
-}
-
-if (!customElements.get('cc-swiper-slide')) {
-  customElements.define('cc-swiper-slide', CcSwiperSlide)
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'cc-swiper-slide': CcSwiperSlide
-  }
+import { ChuciElement } from '@/utils/base-element'
+
+export class CcSwiperSlide extends ChuciElement {
+  static get observedAttributes() {
+    return ['thumbnail-url', 'image-url', 'image-type', 'caption']
+  }
+  
+  get thumbnailUrl() {
+    return this.getAttribute('thumbnail-url') || ''
+  }
+  
+  get imageUrl() {
+    return this.getAttribute('image-url') || ''
+  }
+  
+  get imageType() {
+    return this.getAttribute('image-type') || ''
+  }
+  
+  get caption() {
+    return this.getAttribute('caption') || ''
+  }
+  
+  protected render() {
+    const styles = this.css`
+      :host {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 100%;
+        width: 100%;
+        background-size: cover !important;
+        background-repeat: no-repeat !important;
+        background-position: center !important;
+      }
+    `
+    
+    this.updateShadowRoot(styles)
+  }
+}
+
+if (!customElements.get('cc-swiper-slide')) {
+  customElements.define('cc-swiper-slide', CcSwiperSlide)
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'cc-swiper-slide': CcSwiperSlide
+  }
 }

package/src/components/swiper/cc-swiper-styles.ts

@@ -1,29 +1,29 @@
-export const swiperStyles = `
-  :host {
-    display: block;
-    --swiper-theme-color: #007aff;
-    --swiper-navigation-size: 44px;
-    --swiper-navigation-color: #007aff;
-  }
-  
-  .swiper {
-    width: 100%;
-    height: 100%;
-  }
-  
-  .swiper-slide {
-    text-align: center;
-    font-size: 18px;
-    background: #fff;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-  
-  .swiper-slide img {
-    display: block;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
+export const swiperStyles = `
+  :host {
+    display: block;
+    --swiper-theme-color: #007aff;
+    --swiper-navigation-size: 44px;
+    --swiper-navigation-color: #007aff;
+  }
+  
+  .swiper {
+    width: 100%;
+    height: 100%;
+  }
+  
+  .swiper-slide {
+    text-align: center;
+    font-size: 18px;
+    background: #fff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  
+  .swiper-slide img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
 `