8th713 / cockpit-for-pixiv Goto Github PK

fork で実装されている。

• 現在表示されている画像を保持しなければならなくなる。

  • 少しでも手動スクロールしたら即 unset vs 手動スクロールに追従して更新?

• 手動スクロールに追従する場合 fit mode によって振る舞いがかわる

• 画面に対して著しく小さい画像でも振る舞いを変える必要がある。

• 見開きモードかどうかでも変える必要あり。

本家からも見開き設定が消滅した(Link)。
こっちももうやめてしまうのがいいか？

Related #22

cockpit for pixiv が動作しないリンクがあるページを見つけたら報告する場所です。
GitHub アカウントがない場合 Twitter やメールでの報告でも大丈夫です。
以下のテンプレートを利用してください。

* cockpit for pixiv のバージョン: v2.x.x
* Tampermonkey のバージョン: v4.x
* 動かないリンクが含まれるページのURL
  * あれば補足情報(セレクター情報や具体的な説明など)

pixiv にはいろいろなページがありサムネイルリンクのマークアップに統一性がありません。
ひとりですべてのリンクを確認するのは難しいです。

全てのページで動かなくなった場合は新しく Issue を開いてください。

https://twitter.com/tigerauge0/status/961592771625680897

1. タグリストに高さ制限を設ける。
   • TagList.Wrapper に max-height: 256px; くらいが妥当?
2. タグのマージンも減らす。
   • 4px -> 2px or 2px 4px

問題点:
pixiv は styled-components や css modules を使っているので CSS セレクタが頻繁に変更される。CSS セレクタが変更されると起動トリガーとなるサムネイルリンクが検出できなくなる。

望ましい動作:
pixiv の CSS セレクタが変更されてもサムネイルリンクが検出できる。

解決策:

• リンク先が個別イラストページ(/member_illust.php?mode=medium&illust_id=xxx)のアンカータグがターゲットなので属性セレクタa[href*="member_illust.php?mode=medium&illust_id="]を使う。
• ただしこの方法はテキストリンクも拾ってしまうため何らかの手段でテキストリンクを除外する必要がある。
• ターゲットをマウスオーバーしたときカーソルを変更する必要があるためテキストリンクの除外も CSS セレクタで表現しなければならない。
• 上記要求を満たすにはどうしても pixiv の CSS セレクタに依存する必要がありすると変更に弱くなる。
• ただしターゲット検出漏れ(つまり動作しない)よりも除外漏れ(つまり余計な場所でも動作してしまう)のほうがエンドユーザーには優しいので検討の価値がある。

API が消滅したっぽい。新たな手を考え出す必要がある。

• New pixiv API ベースデータモデル
  • 内部 API をドキュメントにまとめたい
• 脱 MobX
  • Suspense を見越した仕組み
• 画像に合わせてスクロールするモデル #22
• @grant none を諦める #8

　サイトの紹介通りにインストールするも、どうにも起動しないので報告を。
　普段はSRWare IronというGoogle Chromeの派生ブラウザを使用しているため相性かと思いChrome、Firefox両方で試みて見るも結果は同じく。
　Ironのほうで要素検証を眺めてみたところこのようなエラー表示が出ていたので、参考までにペーストしておきます。
　
ERROR: Execution of script 'cockpit for pixiv' failed! Cannot read property 'UgokuIllustPlayer' of undefined(program):2359 (anonymous function)
(program):2359 TypeError: Cannot read property 'UgokuIllustPlayer' of undefined
at Object.36../../../../../../services/http.js (eval at (eval at (unknown source)), :744:37)
at s (eval at (eval at (unknown source)), :20:254)
at eval (eval at (eval at (unknown source)), :20:305)
at Object.40../components/comic (eval at (eval at (unknown source)), :906:12)
at s (eval at (eval at (unknown source)), :20:254)
at eval (eval at (eval at (unknown source)), :20:305)
at Object.43../../services/api.js (eval at (eval at (unknown source)), :1012:11)
at s (eval at (eval at (unknown source)), :20:254)
at eval (eval at (eval at (unknown source)), :20:305)
at Object.1../app (eval at (eval at (unknown source)), :28:11)

　参考までに環境はwindows7 64bit、Intel(R) Pentium(R) CPU B950 @2.10GHz　メモリ4.00GBです。

ショートカット「D」で画像が保存できると思うのですが、「サーバーに問題が発生しました。」と表示されて失敗してしまいます。私の環境が悪いのでしょう？他は特に問題もなく…

Originally posted by @konpei10 in #20 (comment)

fixed ec39e1b

いいね等トークンが必要な処理ができない。

illust_idが11319936より前の漫画で、******__big_p_の画像が無いため「画像が読み込めません」と表示されます。

現象

• 情報パネルの内容が取得/表示できない。

原因

• 作品詳細ページがクライント側で動的にレンダリングされる使用に変更された。

修正

• 新たな内部APIからスクレイピングで得ていた情報を取得する。

webpack 4 入門

表題の通りで、コメントアイコンをクリックしてコメントを表示しようとすると、コメントが表示されないどころか、スクリプトそのものが動作しなくなります。
ブラウザでリロードをかけない限り動作しなくなります。

現状では対処方法が思いつかない。

原因:

• GM_xmlhttpRequest で blob を取得することはできない。
• responseText => data URL 変換は頑張れば可能だが pixiv にアップされた画像はサイズがすごいので処理時間がすごいかかる。というか途中で Chrome が音を上げて処理をやめてしまう。

提案:

• 画像を iframe で開いてそのページに対して実行される userScript を作る。
• このやりかたならクロスオリジンポリシーを気にしなくていいので xmlhttpRequest で blob 取得可能。
• message event でファイル名を渡してダウンロードさせる。

violentmonkey は OSS で開発されている。Tampermonkey は OSS ではない。
個人的に violentmonkey を推していきたい気持ちがある。

日本語が下手でごめん、英語を使えます。
Now when clicking the image it goes to the detail page instead of staying in the original page, the popup window still works just not able to view all the images in order like before.
I have been using the script for quite some time and very much appreciate your work, thank you.
ありがとうございます。

異常系を見直したい。

DOMException コンソールになんの情報も残さない問題:
class AbortError extends Error{}するくらいしかない。Link

Uncaught 問題:
Hook 内部で処理するより fetcher 側でキャッチしてconsole.errorで出力、nullを返して終わる形？

related: #41

画像 URL のパターンが変更されたため情報の取得に失敗する。

非公式 API を叩くためにクロスオリジン通信したい。
そのためには @grant none を辞める必要がある。

window.pixiv オブジェクト依存の部分を unsafeWindow.pixiv に置き換えるだけでなんとかなるか試す必要がありそう。

大きめの見直しを図らなければならない場合は最初から作りなおしも検討したい。
vue.js の 0.11 リリースのタイミングも見つつ考慮したい。

• DOM の変更に伴いクリックイベントが検出できなくなった。
• 漫画から複数枚投稿に名称が変更になったため漫画判定ができなくなった。

emotion のほうが早くて小さいらしい。