@d-zero/puppeteer-page-scan 4.4.0 → 4.4.1

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 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
+ ```
@@ -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: 'reaload', timeout, id: countDownId });
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
@@ -20,7 +20,7 @@ export type PageScanPhase = {
20
20
  };
21
21
  load: {
22
22
  name: string;
23
- type: 'open' | 'reaload';
23
+ type: 'open' | 'reload';
24
24
  timeout: number;
25
25
  id: string;
26
26
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@d-zero/puppeteer-page-scan",
3
- "version": "4.4.0",
3
+ "version": "4.4.1",
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.1",
27
- "@d-zero/puppeteer-scroll": "3.1.8"
26
+ "@d-zero/puppeteer-general-actions": "1.2.2",
27
+ "@d-zero/puppeteer-scroll": "3.1.9"
28
28
  },
29
29
  "devDependencies": {
30
- "puppeteer": "24.36.0"
30
+ "puppeteer": "24.37.1"
31
31
  },
32
32
  "peerDependencies": {
33
- "puppeteer": "24.36.0"
33
+ "puppeteer": "24.37.1"
34
34
  },
35
- "gitHead": "e2189e6878674b8fef5fa3c121ad109c448040fe"
35
+ "gitHead": "008ea25926579b061e36c1f5f4f4fc7e15cb782e"
36
36
  }