multi_embed_player 3.0.1 → 3.1.0

package/.github/workflows/build-and-deploy.yml

@@ -0,0 +1,44 @@
+name: Build and Deploy TypeScript
+
+on:
+  push:
+    branches: [ main ]
+    tags:
+      - 'v*'
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      id-token: write
+    
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v4
+      with:
+        fetch-depth: 0
+    
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '22'
+        cache: 'npm'
+        registry-url: 'https://registry.npmjs.org'
+    
+    - name: Install dependencies
+      run: npm ci
+    
+    - name: Build TypeScript
+      run: npm run build
+    
+    - name: Run tests (if any)
+      run: npm test --if-present
+    
+    - name: Publish to npm
+      if: startsWith(github.ref, 'refs/tags/v')
+      run: npm publish
+      env:
+        NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} 

package/.gitmodules

@@ -0,0 +1,3 @@
+[submodule "documents/themes/lotusdocs"]
+	path = documents/themes/lotusdocs
+	url = https://github.com/bonjinnorenka/lotusdocs.git

package/CLAUDE.md

@@ -0,0 +1,92 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Development Commands
+
+```bash
+# Install dependencies
+npm install
+
+# Build TypeScript files to dist/
+npm run build
+
+# Development mode with file watching
+npm run dev
+
+# Lint TypeScript files
+npm run lint
+
+# Fix linting issues automatically
+npm run lint:fix
+```
+
+## Architecture
+
+This is a TypeScript multi-service video player library that supports:
+- YouTube
+- Bilibili  
+- SoundCloud
+- Niconico
+
+### Key Files Structure
+
+- `multi_embed_player.ts` - Main player class and core functionality
+- `types.ts` - Shared TypeScript type definitions
+- `iframe_api/` - Service-specific iframe API implementations
+  - `youtube.ts`, `bilibili.ts`, `soundcloud.ts`, `niconico.ts`
+  - `index.ts` - Exports all player classes and types
+- `dist/` - Compiled JavaScript output directory
+- `player_api_gate/` - API gateway services (Cloudflare Workers)
+- `browserExtention/` - Browser extension implementations
+
+### Build System
+
+- TypeScript compilation outputs to `dist/` directory
+- Main entry point: `dist/multi_embed_player.js`
+- Type definitions: `dist/multi_embed_player.d.ts`
+- Source maps and declaration maps are generated
+- Module system: ES2020 with Node.js resolution
+
+### Development Workflow
+
+Always run `npm run build` after TypeScript changes to update the compiled output. The library is published with the compiled JavaScript files, not the TypeScript source.
+
+## TypeScript コンパイル時のクラス名保持について
+
+TypeScript コンパイル時に `multi_embed_player.iframe_api_class[this.service]` が `_a.iframe_api_class[this.service]` になる問題への対処法：
+
+### 問題
+- `tsconfig.json` で `"module": "none"` 設定の場合、TypeScript コンパイラがクラス名を最小化
+- `multi_embed_player` が `_a` に変換され、実行時にクラス参照が失われる
+
+### 解決方法
+1. グローバル変数へのクラス参照保存：
+   ```typescript
+   // ファイル末尾に追加
+   (window as any).multi_embed_player = multi_embed_player;
+   ```
+
+2. コード内でのグローバル参照使用：
+   ```typescript
+   // 修正前
+   this.player = new multi_embed_player.iframe_api_class[this.service](...);
+   
+   // 修正後  
+   this.player = new (window as any).multi_embed_player.iframe_api_class[this.service](...);
+   ```
+
+3. iframe_api_loader内でも同様に修正：
+   ```typescript
+   // 修正前
+   multi_embed_player.iframe_api_class["youtube"] = mep_youtube;
+   
+   // 修正後
+   (window as any).multi_embed_player.iframe_api_class["youtube"] = mep_youtube;
+   ```
+
+これによりコンパイル後も `multi_embed_player.iframe_api_class` の形でクラス名が保持される。
+
+## Memories
+
+- moduleを使わないこと

package/README.md

@@ -7,30 +7,6 @@ support service list of multi embed player
 - SoundCloud
 - Niconico(**temporarily unavailable if your site not accepted by niconico**)
 
-## TypeScript Support
-
-This project has been migrated to TypeScript! 🎉
-
-### Development
-
-```bash
-# Install dependencies
-npm install
-
-# Build TypeScript files
-npm run build
-
-# Watch mode for development
-npm run dev
-```
-
-### Usage
-
-The compiled JavaScript files are available in the `dist/` directory:
-- Main player: `dist/multi_embed_player.js`
-- Type definitions: `dist/multi_embed_player.d.ts`
-- Individual iframe APIs: `dist/iframe_api/`
-
 ## Document and Demo Page
 
 [https://multi-embed-player.pages.dev/docs/](https://multi-embed-player.pages.dev/docs/)

package/add_types.sh

@@ -0,0 +1,61 @@
+#!/bin/bash
+
+# iframe_api/bilibili.tsに型宣言を追加
+sed -i '/class mep_bilibili{/a\
+    player: any;\
+    play_control_wrap: any;\
+    front_error_code: any;\
+    loading: any;\
+    before_mute_volume: any;\
+    content_width: any;\
+    content_height: any;\
+    videoid: any;\
+    original_replacing_element: any;\
+    player_set_event: any;\
+    seek_time: any;\
+    seek_time_used: any;\
+    noextention_count_stop: any;\
+    state: any;\
+    apicache: any;\
+    no_extention_pause: any;\
+    startSeconds: any;\
+    innerStartSeconds: any;\
+    autoplay_flag: any;\
+    displayCommentMode: any;\
+    fastload: any;\
+    no_extention_estimate_stop: any;\
+    play_start_time: any;\
+    play_start_count_interval: any;\
+    endSeconds: any;\
+    end_point_observe: any;\
+    custom_state: any;\
+    estimate_time: any;' iframe_api/bilibili.ts
+
+# iframe_api/soundcloud.tsに型宣言を追加
+sed -i '/class mep_soundcloud{/a\
+    player: any;\
+    playerVars: any;\
+    player_statusdata: any;\
+    autoplay: any;\
+    player_widget: any;\
+    player_metadata: any;\
+    before_mute_volume: any;\
+    forse_pause: any;\
+    first_seek_time: any;\
+    endSeconds: any;\
+    pause_sended: any;\
+    interval: any;\
+    previous_player_status: any;\
+    retry_count: any;' iframe_api/soundcloud.ts
+
+# iframe_api/niconico.tsに型宣言を追加
+sed -i '/class mep_niconico{/a\
+    state: any;\
+    startSeconds: any;\
+    player: any;\
+    playerId: any;\
+    autoplay_flag: any;\
+    endSeconds: any;\
+    displayCommentMode: any;' iframe_api/niconico.ts
+
+echo "型宣言を追加しました"

package/browserExtention/chrome/background.js

@@ -0,0 +1,55 @@
+var extention_json_url = chrome.runtime.getURL("extention.json");
+var liteplayer_js_url = chrome.runtime.getURL("liteplayer.js");
+var player_selector_js_url = chrome.runtime.getURL("player-selector.js");
+
+chrome.declarativeNetRequest.updateDynamicRules(
+    {
+        removeRuleIds:[20,21,22],
+        addRules:[{
+            "id":20,
+            "action":{
+                "type":"redirect",
+                "redirect":{
+                    "url":extention_json_url
+                }
+            },
+            "condition":{
+                "urlFilter":"https://js.ryokuryu.com/multi_embed_player/no_extention.json",
+                "resourceTypes":[
+                    "xmlhttprequest"
+                ]
+            }
+        },
+        {
+            "id":21,
+            "action":{
+                "type":"redirect",
+                "redirect":{
+                    "url":liteplayer_js_url
+                }
+            },
+            "condition":{
+                "urlFilter":"https://player.bilibili.com/main/html5/outer/liteplayer.min.js*",
+                "resourceTypes":[
+                    "script"
+                ]
+            }
+        },
+        {
+            "id":22,
+            "action":{
+                "type":"redirect",
+                "redirect":{
+                    "url":player_selector_js_url
+                }
+            },
+            "condition":{
+                "urlFilter":"https://player.bilibili.com/tools/player-selector/player-selector.min.js*",
+                "resourceTypes":[
+                    "script"
+                ]
+            }
+        }
+    ]
+    }
+)

package/browserExtention/chrome/extention.json

@@ -0,0 +1 @@
+{"extention_status":true}