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
|
// Copyright 2013 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.
// Redefine '$' here rather than including 'cr.js', since this is
// the only function needed. This allows this file to be loaded
// in a browser directly for layout and some testing purposes.
var $ = function(id) { return document.getElementById(id); };
var currentTreatment = 0;
var treatments = [];
/**
* Take a string of hex like '74657374' and return the ascii version 'test'.
* @param {string} str The string of hex characters to convert to ascii
* @return {string} The ASCII values of those hex encoded characters
*/
function hexToChars(str) {
var decoded = '';
if (str.length % 2 == 0) {
for (var pos = str.length; pos > 0; pos = pos - 2) {
var c = String.fromCharCode(parseInt(str.substring(pos - 2, pos), 16));
decoded = c + decoded;
}
}
return decoded;
}
/**
* Extract the experiment information out of the encoded URL string.
* The format is as follows:
* chrome://salsa/#HEX_ENCODED_EXPERIMENT
* Experiments are encoded as:
* treatment1+treatment2+...+treatmentn
* Each treatment is of the form:
* preference1,preference2,...,preferencen
* Each preference is of the form:
* name:value
* This function returns an object storing all the parsed data.
* @param {string} url The URL to parse the experiment from
* @return {list} a list of objects, each representing a single treatment
* and consisting of a set of preference name -> value pairs
*/
function parseURL(url) {
var match = url.match('#([0-9ABCDEFabcdef]*)');
var experimentString = match ? match[1] : '';
experimentString = hexToChars(experimentString);
var treatmentsFound = [];
if (experimentString == '')
return treatmentsFound;
var treatmentStrings = experimentString.split('+');
for (var i = 0; i < treatmentStrings.length; i++) {
var prefStrings = treatmentStrings[i].split(',');
treatment = [];
for (var j = 0; j < prefStrings.length; j++) {
var key = prefStrings[j].split(':')[0];
var value = prefStrings[j].split(':')[1];
treatment.push({'key': key, 'value': value});
}
treatmentsFound.push(treatment);
}
return treatmentsFound;
}
function setPreferenceValue(key, value) {
chrome.send('salsaSetPreferenceValue', [key, parseFloat(value)]);
}
function backupPreferenceValue(key) {
chrome.send('salsaBackupPreferenceValue', [key]);
}
function handleKeyPress(e) {
e = e || window.event;
var selectedTreatment = currentTreatment;
if (e.keyCode == '37' || e.keyCode == '38') {
selectedTreatment = currentTreatment - 1;
if (selectedTreatment < 0)
selectedTreatment = 0;
} else if (e.keyCode == '39' || e.keyCode == '40') {
selectedTreatment = currentTreatment + 1;
if (selectedTreatment >= treatments.length)
selectedTreatment = treatments.length - 1;
}
if (selectedTreatment != currentTreatment)
applyTreatment(selectedTreatment);
}
function applyTreatment(treatmentNumber) {
if (treatmentNumber < 0)
treatmentNumber = 0;
if (treatmentNumber >= treatments.length)
treatmentNumber = treatments.length;
$('treatment' + currentTreatment).className = 'treatment';
currentTreatment = treatmentNumber;
$('treatment' + currentTreatment).className = 'selected treatment';
for (var i = 0; i < treatments[treatmentNumber].length; i++) {
var key = treatments[treatmentNumber][i].key;
var value = treatments[treatmentNumber][i].value;
setPreferenceValue(key, value);
}
}
function initialize() {
// Parse the experiment string in the URL.
treatments = parseURL(document.URL);
// Update the available treatments list.
for (var i = 0; i < treatments.length; i++) {
var newTreatment = $('treatment-template').cloneNode(true);
newTreatment.id = 'treatment' + i.toString();
newTreatment.removeAttribute('hidden');
newTreatment.onclick = function() {
applyTreatment(parseInt(this.textContent));
};
newTreatment.textContent = i.toString();
$('treatment-list').appendChild(newTreatment);
}
if (treatments.length > 0) {
// Store a copy of the settings right now so you can reset them afterwards.
for (var i = 0; i < treatments[0].length; i++)
backupPreferenceValue(treatments[0][i].key);
// Select Treatment 0 to start
applyTreatment(0);
} else {
// Make the error message visible and hide everything else
$('invalid-treatment-info').hidden = false;
var div = $('valid-treatment-info');
div.parentNode.removeChild(div);
}
}
/**
* A key handler so the user can use the arrow keys to select their treatments.
* This should fire any time they press a key
*/
document.onkeydown = handleKeyPress;
document.addEventListener('DOMContentLoaded', initialize);
|
