@d-zero/puppeteer-page-scan 4.4.0 → 4.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +131 -0
- package/dist/before-page-scan.js +1 -1
- package/dist/types.d.ts +1 -1
- package/package.json +6 -6
package/README.md
CHANGED
|
@@ -38,6 +38,14 @@ const sizes = createSizesFromDevices(['desktop', 'mobile']);
|
|
|
38
38
|
|
|
39
39
|
// CLI用のパーサー(コンマ区切りの文字列から)
|
|
40
40
|
const parsedSizes = parseDevicesOption(['desktop', 'tablet']);
|
|
41
|
+
|
|
42
|
+
// デフォルトサイズ定数(desktop、tablet、mobileの3種類)
|
|
43
|
+
console.log(defaultSizes);
|
|
44
|
+
// {
|
|
45
|
+
// desktop: { width: 1400 },
|
|
46
|
+
// tablet: { width: 768 },
|
|
47
|
+
// mobile: { width: 375, resolution: 2 }
|
|
48
|
+
// }
|
|
41
49
|
```
|
|
42
50
|
|
|
43
51
|
### `beforePageScan`
|
|
@@ -81,3 +89,126 @@ await beforePageScan(page, 'https://example.com', {
|
|
|
81
89
|
openDisclosures: true, // オプション: disclosure要素を展開(<details>とbutton[aria-expanded="false"])
|
|
82
90
|
});
|
|
83
91
|
```
|
|
92
|
+
|
|
93
|
+
### `readPageHooks`
|
|
94
|
+
|
|
95
|
+
ファイルパスの配列からPageHookモジュールを読み込むヘルパー関数です。各パスはESモジュールとしてインポートされ、デフォルトエクスポートを`PageHook`関数として返します。
|
|
96
|
+
|
|
97
|
+
```ts
|
|
98
|
+
import { readPageHooks } from '@d-zero/puppeteer-page-scan';
|
|
99
|
+
|
|
100
|
+
// hookファイルのパスからPageHook関数の配列を取得
|
|
101
|
+
const hooks = await readPageHooks(
|
|
102
|
+
['./hooks/login.js', '/absolute/path/to/hook.js'],
|
|
103
|
+
process.cwd(), // 相対パスの基準ディレクトリ
|
|
104
|
+
);
|
|
105
|
+
|
|
106
|
+
// beforePageScanで使用
|
|
107
|
+
await beforePageScan(page, 'https://example.com', {
|
|
108
|
+
name: 'desktop',
|
|
109
|
+
width: 1200,
|
|
110
|
+
hooks,
|
|
111
|
+
});
|
|
112
|
+
```
|
|
113
|
+
|
|
114
|
+
**パラメータ:**
|
|
115
|
+
|
|
116
|
+
- `hooks`: 読み込むhookファイルのパスの配列(絶対パスまたは相対パス)
|
|
117
|
+
- `baseDir`: 相対パスを解決するための基準ディレクトリ
|
|
118
|
+
|
|
119
|
+
**戻り値:**
|
|
120
|
+
|
|
121
|
+
- `Promise<PageHook[]>`: PageHook関数の配列
|
|
122
|
+
|
|
123
|
+
**エラー:**
|
|
124
|
+
|
|
125
|
+
- モジュールが見つからない場合は`Error`を投げます
|
|
126
|
+
- デフォルトエクスポートが関数でない場合は`TypeError`を投げます
|
|
127
|
+
|
|
128
|
+
### `pageScanListener` と `pageScanLoggers`
|
|
129
|
+
|
|
130
|
+
ページスキャン処理中の各フェーズ(ビューポート設定、ページ読み込み、フック実行、スクロール)のログを出力するためのリスナー関数とロガー設定です。
|
|
131
|
+
|
|
132
|
+
```ts
|
|
133
|
+
import { pageScanListener, pageScanLoggers } from '@d-zero/puppeteer-page-scan';
|
|
134
|
+
|
|
135
|
+
// リスナーを使用(@d-zero/puppeteer-general-actionsのcreateListenerで作成済み)
|
|
136
|
+
const listeners = pageScanListener((message) => {
|
|
137
|
+
console.log(message);
|
|
138
|
+
});
|
|
139
|
+
|
|
140
|
+
await beforePageScan(page, 'https://example.com', {
|
|
141
|
+
name: 'desktop',
|
|
142
|
+
width: 1200,
|
|
143
|
+
listeners,
|
|
144
|
+
});
|
|
145
|
+
|
|
146
|
+
// カスタムロガーを作成する場合
|
|
147
|
+
import { createListener } from '@d-zero/puppeteer-general-actions';
|
|
148
|
+
|
|
149
|
+
const customListeners = createListener((log) => {
|
|
150
|
+
const loggers = pageScanLoggers(log);
|
|
151
|
+
return {
|
|
152
|
+
...loggers,
|
|
153
|
+
// 特定のフェーズをカスタマイズ
|
|
154
|
+
setViewport({ width }) {
|
|
155
|
+
log(`カスタム: ビューポート幅を${width}pxに変更`);
|
|
156
|
+
},
|
|
157
|
+
};
|
|
158
|
+
});
|
|
159
|
+
```
|
|
160
|
+
|
|
161
|
+
**ログ出力内容:**
|
|
162
|
+
|
|
163
|
+
- `setViewport`: ビューポートサイズ変更のログ
|
|
164
|
+
- `load`: ページ読み込み(初回/リロード)とタイムアウト情報
|
|
165
|
+
- `hook`: フック実行時のメッセージ
|
|
166
|
+
- `scroll`: スクロール位置と進捗状況(パーセンテージ)
|
|
167
|
+
|
|
168
|
+
## 型のエクスポート
|
|
169
|
+
|
|
170
|
+
### `Sizes`
|
|
171
|
+
|
|
172
|
+
デバイスサイズのマップ型です。キーはデバイス名、値は`Size`オブジェクトです。
|
|
173
|
+
|
|
174
|
+
```typescript
|
|
175
|
+
type Sizes = Record<string, Size>;
|
|
176
|
+
```
|
|
177
|
+
|
|
178
|
+
### `Size`
|
|
179
|
+
|
|
180
|
+
単一デバイスのサイズ設定です。
|
|
181
|
+
|
|
182
|
+
```typescript
|
|
183
|
+
type Size = {
|
|
184
|
+
width: number; // ビューポート幅(ピクセル)
|
|
185
|
+
resolution?: number; // デバイスピクセル比(省略時は1)
|
|
186
|
+
};
|
|
187
|
+
```
|
|
188
|
+
|
|
189
|
+
### `PageHook`
|
|
190
|
+
|
|
191
|
+
ページスキャン前に実行されるフック関数の型です。
|
|
192
|
+
|
|
193
|
+
```typescript
|
|
194
|
+
type PageHook = (
|
|
195
|
+
page: Page,
|
|
196
|
+
size: Size & {
|
|
197
|
+
name: string; // デバイス名
|
|
198
|
+
log: (message: string) => void; // ログ出力関数
|
|
199
|
+
},
|
|
200
|
+
) => Promise<void>;
|
|
201
|
+
```
|
|
202
|
+
|
|
203
|
+
### `PageScanPhase`
|
|
204
|
+
|
|
205
|
+
ページスキャン処理の各フェーズを表す型です。リスナーのコールバックで使用されます。
|
|
206
|
+
|
|
207
|
+
```typescript
|
|
208
|
+
type PageScanPhase = {
|
|
209
|
+
setViewport: { name: string; width: number; resolution?: number };
|
|
210
|
+
hook: { name: string; message: string };
|
|
211
|
+
load: { name: string; type: 'open' | 'reload'; timeout: number; id: string };
|
|
212
|
+
scroll: { name: string; scrollY: number; scrollHeight: number; message: string };
|
|
213
|
+
};
|
|
214
|
+
```
|
package/dist/before-page-scan.js
CHANGED
|
@@ -71,7 +71,7 @@ export async function beforePageScan(page, url, options) {
|
|
|
71
71
|
deviceScaleFactor: resolution ?? 1,
|
|
72
72
|
});
|
|
73
73
|
if (page.url() === url) {
|
|
74
|
-
listener?.('load', { name, type: '
|
|
74
|
+
listener?.('load', { name, type: 'reload', timeout, id: countDownId });
|
|
75
75
|
await navigateWithFallback(page, url, timeout, true, listener, name);
|
|
76
76
|
}
|
|
77
77
|
else {
|
package/dist/types.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@d-zero/puppeteer-page-scan",
|
|
3
|
-
"version": "4.4.
|
|
3
|
+
"version": "4.4.2",
|
|
4
4
|
"description": "Scanning page function for puppeteer",
|
|
5
5
|
"author": "D-ZERO",
|
|
6
6
|
"license": "MIT",
|
|
@@ -23,14 +23,14 @@
|
|
|
23
23
|
"clean": "tsc --build --clean"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@d-zero/puppeteer-general-actions": "1.2.
|
|
27
|
-
"@d-zero/puppeteer-scroll": "3.1.
|
|
26
|
+
"@d-zero/puppeteer-general-actions": "1.2.2",
|
|
27
|
+
"@d-zero/puppeteer-scroll": "3.1.10"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"puppeteer": "24.
|
|
30
|
+
"puppeteer": "24.37.2"
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
33
|
-
"puppeteer": "24.
|
|
33
|
+
"puppeteer": "24.37.2"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "a6d7b36c485bbc0782375c6e1ad0d0606f423e97"
|
|
36
36
|
}
|