Skip to content

feat(core): 埋め込みモード UI のカスタマイズ対応 - #84

Merged
nisshi-dev merged 2 commits into
mainfrom
feat/embedded-ui-customization
Apr 5, 2026
Merged

feat(core): 埋め込みモード UI のカスタマイズ対応#84
nisshi-dev merged 2 commits into
mainfrom
feat/embedded-ui-customization

Conversation

@nisshi-dev

Copy link
Copy Markdown
Owner

Summary

  • EmbeddedOptions を拡張し、埋め込み時の各 UI 要素を個別に制御可能にした
    • toolbar: boolean — ツールバー(EmbeddedBar)の表示/非表示
    • progressBar: boolean — プログレスバーの表示/非表示
    • clickNavigation: boolean — クリックナビゲーション領域の表示/非表示
    • slideNumbers: boolean | "except-first" — embedded レベルでのスライド番号制御(Deck レベルの設定を上書き)
    • toolbarComponent: React.ComponentType<EmbeddedToolbarProps> — カスタムツールバーへの完全差し替え(Client Component 専用)
  • ReslideServerEmbed にも toolbar, progressBar, clickNavigation props を追加
  • EmbeddedToolbarProps 型をエクスポート
  • 全新規フィールドのデフォルトは true(後方互換性を維持)

2層 API 設計

使える場所 内容
Tier 1: Serializable RSC + Client toolbar, progressBar, clickNavigation, slideNumbers
Tier 2: Component Client のみ toolbarComponent

利用例

// ツールバーなし(ブログ埋め込み向け)
<ReslideServerEmbed data={result} sourceUrl="/slides/talk" toolbar={false} />

// カスタムツールバー(Client Component)
<ReslideEmbed code={code} embedded={{ toolbarComponent: MyToolbar }} />

Test plan

  • vp check — lint, format, 型チェック通過
  • vp test — 全112件パス(新規7件含む)
  • ポートフォリオサイトで toolbar={false} が正しく動作することを確認

🤖 Generated with Claude Code

EmbeddedOptions を拡張し、埋め込み時の各UI要素を個別に制御可能にした:
- toolbar: ツールバー(EmbeddedBar)の表示/非表示
- progressBar: プログレスバーの表示/非表示
- clickNavigation: クリックナビゲーション領域の表示/非表示
- slideNumbers: embedded レベルでのスライド番号制御
- toolbarComponent: カスタムツールバーへの差し替え(Client Component 専用)

ReslideServerEmbed にも toolbar, progressBar, clickNavigation props を追加。

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel

vercel Bot commented Apr 5, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
reslide-website Ready Ready Preview, Comment Apr 5, 2026 10:48pm

常時表示のフル幅暗いバー → ホバー時にスライドアップする中央寄せピル型に変更:
- マウスホバーで表示、2.5秒後に自動非表示(タッチ対応)
- ブラー背景+角丸のコンパクトなデザイン
- バー上のホバーで表示維持
- スライド下部を常時占有しなくなり圧迫感を解消

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@nisshi-dev
nisshi-dev merged commit dc4b0d1 into main Apr 5, 2026
3 checks passed
@nisshi-dev
nisshi-dev deleted the feat/embedded-ui-customization branch April 5, 2026 22:49
@github-actions github-actions Bot mentioned this pull request Apr 5, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant