Skip to content

refactor: use shared theme utilities - #172

Merged
rdlabo merged 8 commits into
mainfrom
refactor/use-theme-utils
Sep 15, 2026
Merged

rdlabo merged 8 commits into
mainfrom
refactor/use-theme-utils

Conversation

@rdlabo

@rdlabo rdlabo commented Sep 15, 2026

Copy link
Copy Markdown
Contributor

Summary

  • consume shared popover, searchable tab bar, and iOS transition utilities from @rdlabo/ionic-theme-utils
  • import shared structured-list styles directly from the utility package
  • remove duplicated local utility implementations

Verification

  • npm install resolves ionic-theme-utils commit 9e887c0
  • npm run build

Devin Review

@devin-ai-integration devin-ai-integration Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Devin Review found 3 potential issues.

Devin Review

Comment thread package.json Outdated
},
"homepage": "https://docs.rdlabo.dev/projects/ionic-theme-ios27",
"dependencies": {
"@rdlabo/ionic-theme-utils": "git+ssh://git@github.com/rdlabo-dev/ionic-theme-utils.git#main"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🔴 公開 npm パッケージを通常の利用者がインストールできない Git 依存

依存取得に GitHub の SSH 認証が必須となり、SSH 鍵のない npm 利用者はインストールできません。さらに #main の更新後は同じリリースでも異なるコードを取得します。

Learn more

このプロジェクトの lockfile は現在の開発環境だけをコミット 9e887c0… に固定します。公開 tarball 内の package.jsongit+ssh://…#main のままなので、利用者のインストールでは lockfile が使われません。GitHub の SSH URL は公開リポジトリでも利用者側の SSH 認証を要求します。また、ブランチ参照は後から別コミットを指すため、既存リリースの依存内容まで変化します。

Example: SSH 鍵を登録していない利用者が npm install @rdlabo/ionic-theme-ios27 を実行すると、依存リポジトリの clone が認証で失敗します。鍵がある利用者でも、main 更新の前後で同じ @rdlabo/ionic-theme-ios27@0.1.0 から異なる utility コードが導入されます。

Recommended fix: @rdlabo/ionic-theme-utils を npm に公開し、固定バージョンへ依存してください。Git 依存を継続する場合は、認証不要な HTTPS URLと不変のタグまたはコミット SHA を指定してください。

Devin Review

Was this helpful? React with 👍 or 👎 to provide feedback.

export const iosTransitionAnimation: (navEl: HTMLElement, opts: TransitionOptions) => Animation =
createIosTransitionAnimation<TransitionOptions>({
offLeftPercent: 30,
getIonPageElement,

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟡 iOS 27 の戻り側ページ移動量が縮小する

共有トランジションへ渡す値が従来の 33% から 30% に変わります。前進・戻り遷移で背景ページとツールバーの移動量が小さくなります。

Suggested change
getIonPageElement,
offLeftPercent: 33,
Devin Review

Was this helpful? React with 👍 or 👎 to provide feedback.

Comment on lines +10 to 14
createIosTransitionAnimation<TransitionOptions>({
offLeftPercent: 30,
getIonPageElement,
connectNativeUIShellTransition,
});

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🔍 遷移シェードの DOM クラス名変更

共有 utility は ios27-transition-shadeios-transition-shade に変更します。外部 CSS やテストが旧名へ依存していないか確認してください。

Devin Review

Was this helpful? React with 👍 or 👎 to provide feedback.

@github-actions

github-actions Bot commented Sep 15, 2026

Copy link
Copy Markdown
Contributor

Playwright test results

passed  330 passed

Details

stats  330 tests across 17 suites
duration  6 minutes, 46 seconds
commit  b347289
info  This detailed result covers Ionic 9 only. Ionic 8 runs against the same screenshots in a separate matrix job; check the workflow run for both results. To update the screenshots, comment with /update-screenshots.

github-actions Bot added a commit that referenced this pull request Sep 15, 2026
@rdlabo

rdlabo commented Sep 15, 2026

Copy link
Copy Markdown
Contributor Author

/update-screenshots

@github-actions

Copy link
Copy Markdown
Contributor

❌ Failed to update screenshots.

Please check the workflow run for details.

@rdlabo

rdlabo commented Sep 15, 2026

Copy link
Copy Markdown
Contributor Author

/update-screenshots

@github-actions

github-actions Bot commented Sep 15, 2026

Copy link
Copy Markdown
Contributor

📊 Ionic 9 Playwright Test Report

View the detailed Ionic 9 report: https://rdlabo-dev.github.io/ionic-theme-ios27/pr-172/

Ionic 8 runs against the same screenshots in a separate matrix job. View both results in the workflow run.

github-actions Bot added a commit that referenced this pull request Sep 15, 2026
@github-actions

Copy link
Copy Markdown
Contributor

ℹ️ No screenshot changes detected.

The current screenshots are already up to date.

github-actions Bot added a commit that referenced this pull request Sep 15, 2026
github-actions Bot added a commit that referenced this pull request Sep 15, 2026
github-actions Bot added a commit that referenced this pull request Sep 15, 2026
@rdlabo
rdlabo merged commit 0316ffe into main Sep 15, 2026
11 checks passed
@github-actions

Copy link
Copy Markdown
Contributor

npm beta published

CI passed for the merge commit 0316ffe45969. Install the immutable version with:

npm install @rdlabo/ionic-theme-ios27@0.1.0-beta.pr172.sha0316ffe45969

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