1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
|
// Copyright 2014 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
// <if expr="is_ios">
import 'chrome://resources/js/ios/web_ui.js';
// </if>
import './strings.m.js';
import {addWebUIListener} from 'chrome://resources/js/cr.m.js';
import {$} from 'chrome://resources/js/util.m.js';
let isRecording = false;
let keyPressState = 0;
/**
* If the info dictionary has property prop, then set the text content of
* element to the value of this property. Otherwise clear the content.
* @param {!Object} info A dictionary of device infos to be displayed.
* @param {string} prop Name of the property.
* @param {string} elementId The id of a HTML element.
*/
function setIfExists(info, prop, elementId) {
const element = $(elementId);
if (!element) {
return;
}
if (info[prop] !== undefined) {
element.textContent = info[prop];
} else {
element.textContent = '';
}
}
/**
* Sets the registeredAppIds from |info| to the element identified by
* |elementId|. The list will have duplicates counted and visually shown.
* @param {!Object} info A dictionary of device infos to be displayed.
* @param {string} prop Name of the property.
* @param {string} elementId The id of a HTML element.
*/
function setRegisteredAppIdsIfExists(info, prop, elementId) {
const element = $(elementId);
if (!element) {
return;
}
if (info[prop] === undefined || !Array.isArray(info[prop])) {
return;
}
const registeredAppIds = new Map();
info[prop].forEach(registeredAppId => {
registeredAppIds.set(
registeredAppId, (registeredAppIds.get(registeredAppId) || 0) + 1);
});
const list = [];
for (const [registeredAppId, count] of registeredAppIds.entries()) {
list.push(registeredAppId + (count > 1 ? ` (x${count})` : ``));
}
element.textContent = list.join(', ');
}
/**
* Display device information.
* @param {!Object} info A dictionary of device infos to be displayed.
*/
function displayDeviceInfo(info) {
setIfExists(info, 'androidId', 'android-id');
setIfExists(info, 'androidSecret', 'android-secret');
setIfExists(info, 'profileServiceCreated', 'profile-service-created');
setIfExists(info, 'gcmEnabled', 'gcm-enabled');
setIfExists(info, 'gcmClientCreated', 'gcm-client-created');
setIfExists(info, 'gcmClientState', 'gcm-client-state');
setIfExists(info, 'connectionClientCreated', 'connection-client-created');
setIfExists(info, 'connectionState', 'connection-state');
setIfExists(info, 'lastCheckin', 'last-checkin');
setIfExists(info, 'nextCheckin', 'next-checkin');
setIfExists(info, 'sendQueueSize', 'send-queue-size');
setIfExists(info, 'resendQueueSize', 'resend-queue-size');
setRegisteredAppIdsIfExists(info, 'registeredAppIds', 'registered-app-ids');
}
/**
* Remove all the child nodes of the element.
* @param {HTMLElement} element A HTML element.
*/
function removeAllChildNodes(element) {
element.textContent = '';
}
/**
* For each item in line, add a row to the table. Each item is actually a list
* of sub-items; each of which will have a corresponding cell created in that
* row, and the sub-item will be displayed in the cell.
* @param {HTMLElement} table A HTML tbody element.
* @param {!Object} list A list of list of item.
*/
function addRows(table, list) {
for (let i = 0; i < list.length; ++i) {
const row = document.createElement('tr');
// The first element is always a timestamp.
let cell = document.createElement('td');
const d = new Date(list[i][0]);
cell.textContent = d;
row.appendChild(cell);
for (let j = 1; j < list[i].length; ++j) {
cell = document.createElement('td');
cell.textContent = list[i][j];
row.appendChild(cell);
}
table.appendChild(row);
}
}
/**
* Refresh all displayed information.
*/
function refreshAll() {
chrome.send('getGcmInternalsInfo', [false]);
}
/**
* Toggle the isRecording variable and send it to browser.
*/
function setRecording() {
isRecording = !isRecording;
chrome.send('setGcmInternalsRecording', [isRecording]);
}
/**
* Clear all the activity logs.
*/
function clearLogs() {
chrome.send('getGcmInternalsInfo', [true]);
}
function initialize() {
addWebUIListener('set-gcm-internals-info', setGcmInternalsInfo);
$('recording').disabled = true;
$('refresh').onclick = refreshAll;
$('recording').onclick = setRecording;
$('clear-logs').onclick = clearLogs;
chrome.send('getGcmInternalsInfo', [false]);
// Recording defaults to on.
chrome.send('setGcmInternalsRecording', [true]);
}
/**
* Allows displaying the Android Secret by typing a secret phrase.
*
* There are good reasons for displaying the Android Secret associated with
* the local connection info, but we also need to be careful to make sure that
* users don't share this value by accident. Therefore we require a secret
* phrase to be typed into the page for making it visible.
*
* @param {!Event} event The keypress event handler.
*/
function handleKeyPress(event) {
const PHRASE = 'secret';
if (PHRASE.charCodeAt(keyPressState) === event.keyCode) {
if (++keyPressState < PHRASE.length) {
return;
}
$('android-secret-container').classList.remove('invisible');
}
keyPressState = 0;
}
/**
* Refresh the log html table by clearing it first. If data is not empty, then
* it will be used to populate the table.
* @param {string} tableId ID of the log html table.
* @param {!Object} data A list of list of data items.
*/
function refreshLogTable(tableId, data) {
const element = $(tableId);
if (!element) {
return;
}
removeAllChildNodes(element);
if (data !== undefined) {
addRows(element, data);
}
}
/**
* Callback function accepting a dictionary of info items to be displayed.
* @param {!Object} infos A dictionary of info items to be displayed.
*/
function setGcmInternalsInfo(infos) {
isRecording = infos.isRecording;
if (isRecording) {
$('recording').textContent = 'Stop Recording';
} else {
$('recording').textContent = 'Start Recording';
}
$('recording').disabled = false;
if (infos.deviceInfo !== undefined) {
displayDeviceInfo(infos.deviceInfo);
}
refreshLogTable('checkin-info', infos.checkinInfo);
refreshLogTable('connection-info', infos.connectionInfo);
refreshLogTable('registration-info', infos.registrationInfo);
refreshLogTable('receive-info', infos.receiveInfo);
refreshLogTable('decryption-failure-info', infos.decryptionFailureInfo);
refreshLogTable('send-info', infos.sendInfo);
}
document.addEventListener('DOMContentLoaded', initialize);
document.addEventListener('keypress', handleKeyPress);
|
