├── LICENSE.md
├── README.md
├── Vagrantfile
├── contributing.md
├── dial.js
├── getip.php
├── images
    ├── dial_arrow.png
    ├── dial_arrow_150_blue.png
    ├── dial_arrow_up.png
    ├── dial_bg.png
    ├── dial_bg_150.png
    ├── dial_fg.png
    └── dial_fg_150.png
├── index.html
├── main.css
├── main.js
├── network.js
├── network.php
└── test.css


/LICENSE.md:
--------------------------------------------------------------------------------
  1 | GNU General Public License
  2 | ==========================
  3 | 
  4 | _Version 3, 29 June 2007_  
  5 | _Copyright © 2007 Free Software Foundation, Inc. &lt;<http://fsf.org/>&gt;_
  6 | 
  7 | Everyone is permitted to copy and distribute verbatim copies of this license
  8 | document, but changing it is not allowed.
  9 | 
 10 | ## Preamble
 11 | 
 12 | The GNU General Public License is a free, copyleft license for software and other
 13 | kinds of works.
 14 | 
 15 | The licenses for most software and other practical works are designed to take away
 16 | your freedom to share and change the works. By contrast, the GNU General Public
 17 | License is intended to guarantee your freedom to share and change all versions of a
 18 | program--to make sure it remains free software for all its users. We, the Free
 19 | Software Foundation, use the GNU General Public License for most of our software; it
 20 | applies also to any other work released this way by its authors. You can apply it to
 21 | your programs, too.
 22 | 
 23 | When we speak of free software, we are referring to freedom, not price. Our General
 24 | Public Licenses are designed to make sure that you have the freedom to distribute
 25 | copies of free software (and charge for them if you wish), that you receive source
 26 | code or can get it if you want it, that you can change the software or use pieces of
 27 | it in new free programs, and that you know you can do these things.
 28 | 
 29 | To protect your rights, we need to prevent others from denying you these rights or
 30 | asking you to surrender the rights. Therefore, you have certain responsibilities if
 31 | you distribute copies of the software, or if you modify it: responsibilities to
 32 | respect the freedom of others.
 33 | 
 34 | For example, if you distribute copies of such a program, whether gratis or for a fee,
 35 | you must pass on to the recipients the same freedoms that you received. You must make
 36 | sure that they, too, receive or can get the source code. And you must show them these
 37 | terms so they know their rights.
 38 | 
 39 | Developers that use the GNU GPL protect your rights with two steps: **(1)** assert
 40 | copyright on the software, and **(2)** offer you this License giving you legal permission
 41 | to copy, distribute and/or modify it.
 42 | 
 43 | For the developers' and authors' protection, the GPL clearly explains that there is
 44 | no warranty for this free software. For both users' and authors' sake, the GPL
 45 | requires that modified versions be marked as changed, so that their problems will not
 46 | be attributed erroneously to authors of previous versions.
 47 | 
 48 | Some devices are designed to deny users access to install or run modified versions of
 49 | the software inside them, although the manufacturer can do so. This is fundamentally
 50 | incompatible with the aim of protecting users' freedom to change the software. The
 51 | systematic pattern of such abuse occurs in the area of products for individuals to
 52 | use, which is precisely where it is most unacceptable. Therefore, we have designed
 53 | this version of the GPL to prohibit the practice for those products. If such problems
 54 | arise substantially in other domains, we stand ready to extend this provision to
 55 | those domains in future versions of the GPL, as needed to protect the freedom of
 56 | users.
 57 | 
 58 | Finally, every program is threatened constantly by software patents. States should
 59 | not allow patents to restrict development and use of software on general-purpose
 60 | computers, but in those that do, we wish to avoid the special danger that patents
 61 | applied to a free program could make it effectively proprietary. To prevent this, the
 62 | GPL assures that patents cannot be used to render the program non-free.
 63 | 
 64 | The precise terms and conditions for copying, distribution and modification follow.
 65 | 
 66 | ## TERMS AND CONDITIONS
 67 | 
 68 | ### 0. Definitions
 69 | 
 70 | “This License” refers to version 3 of the GNU General Public License.
 71 | 
 72 | “Copyright” also means copyright-like laws that apply to other kinds of
 73 | works, such as semiconductor masks.
 74 | 
 75 | “The Program” refers to any copyrightable work licensed under this
 76 | License. Each licensee is addressed as “you”. “Licensees” and
 77 | “recipients” may be individuals or organizations.
 78 | 
 79 | To “modify” a work means to copy from or adapt all or part of the work in
 80 | a fashion requiring copyright permission, other than the making of an exact copy. The
 81 | resulting work is called a “modified version” of the earlier work or a
 82 | work “based on” the earlier work.
 83 | 
 84 | A “covered work” means either the unmodified Program or a work based on
 85 | the Program.
 86 | 
 87 | To “propagate” a work means to do anything with it that, without
 88 | permission, would make you directly or secondarily liable for infringement under
 89 | applicable copyright law, except executing it on a computer or modifying a private
 90 | copy. Propagation includes copying, distribution (with or without modification),
 91 | making available to the public, and in some countries other activities as well.
 92 | 
 93 | To “convey” a work means any kind of propagation that enables other
 94 | parties to make or receive copies. Mere interaction with a user through a computer
 95 | network, with no transfer of a copy, is not conveying.
 96 | 
 97 | An interactive user interface displays “Appropriate Legal Notices” to the
 98 | extent that it includes a convenient and prominently visible feature that **(1)**
 99 | displays an appropriate copyright notice, and **(2)** tells the user that there is no
100 | warranty for the work (except to the extent that warranties are provided), that
101 | licensees may convey the work under this License, and how to view a copy of this
102 | License. If the interface presents a list of user commands or options, such as a
103 | menu, a prominent item in the list meets this criterion.
104 | 
105 | ### 1. Source Code
106 | 
107 | The “source code” for a work means the preferred form of the work for
108 | making modifications to it. “Object code” means any non-source form of a
109 | work.
110 | 
111 | A “Standard Interface” means an interface that either is an official
112 | standard defined by a recognized standards body, or, in the case of interfaces
113 | specified for a particular programming language, one that is widely used among
114 | developers working in that language.
115 | 
116 | The “System Libraries” of an executable work include anything, other than
117 | the work as a whole, that **(a)** is included in the normal form of packaging a Major
118 | Component, but which is not part of that Major Component, and **(b)** serves only to
119 | enable use of the work with that Major Component, or to implement a Standard
120 | Interface for which an implementation is available to the public in source code form.
121 | A “Major Component”, in this context, means a major essential component
122 | (kernel, window system, and so on) of the specific operating system (if any) on which
123 | the executable work runs, or a compiler used to produce the work, or an object code
124 | interpreter used to run it.
125 | 
126 | The “Corresponding Source” for a work in object code form means all the
127 | source code needed to generate, install, and (for an executable work) run the object
128 | code and to modify the work, including scripts to control those activities. However,
129 | it does not include the work's System Libraries, or general-purpose tools or
130 | generally available free programs which are used unmodified in performing those
131 | activities but which are not part of the work. For example, Corresponding Source
132 | includes interface definition files associated with source files for the work, and
133 | the source code for shared libraries and dynamically linked subprograms that the work
134 | is specifically designed to require, such as by intimate data communication or
135 | control flow between those subprograms and other parts of the work.
136 | 
137 | The Corresponding Source need not include anything that users can regenerate
138 | automatically from other parts of the Corresponding Source.
139 | 
140 | The Corresponding Source for a work in source code form is that same work.
141 | 
142 | ### 2. Basic Permissions
143 | 
144 | All rights granted under this License are granted for the term of copyright on the
145 | Program, and are irrevocable provided the stated conditions are met. This License
146 | explicitly affirms your unlimited permission to run the unmodified Program. The
147 | output from running a covered work is covered by this License only if the output,
148 | given its content, constitutes a covered work. This License acknowledges your rights
149 | of fair use or other equivalent, as provided by copyright law.
150 | 
151 | You may make, run and propagate covered works that you do not convey, without
152 | conditions so long as your license otherwise remains in force. You may convey covered
153 | works to others for the sole purpose of having them make modifications exclusively
154 | for you, or provide you with facilities for running those works, provided that you
155 | comply with the terms of this License in conveying all material for which you do not
156 | control copyright. Those thus making or running the covered works for you must do so
157 | exclusively on your behalf, under your direction and control, on terms that prohibit
158 | them from making any copies of your copyrighted material outside their relationship
159 | with you.
160 | 
161 | Conveying under any other circumstances is permitted solely under the conditions
162 | stated below. Sublicensing is not allowed; section 10 makes it unnecessary.
163 | 
164 | ### 3. Protecting Users' Legal Rights From Anti-Circumvention Law
165 | 
166 | No covered work shall be deemed part of an effective technological measure under any
167 | applicable law fulfilling obligations under article 11 of the WIPO copyright treaty
168 | adopted on 20 December 1996, or similar laws prohibiting or restricting circumvention
169 | of such measures.
170 | 
171 | When you convey a covered work, you waive any legal power to forbid circumvention of
172 | technological measures to the extent such circumvention is effected by exercising
173 | rights under this License with respect to the covered work, and you disclaim any
174 | intention to limit operation or modification of the work as a means of enforcing,
175 | against the work's users, your or third parties' legal rights to forbid circumvention
176 | of technological measures.
177 | 
178 | ### 4. Conveying Verbatim Copies
179 | 
180 | You may convey verbatim copies of the Program's source code as you receive it, in any
181 | medium, provided that you conspicuously and appropriately publish on each copy an
182 | appropriate copyright notice; keep intact all notices stating that this License and
183 | any non-permissive terms added in accord with section 7 apply to the code; keep
184 | intact all notices of the absence of any warranty; and give all recipients a copy of
185 | this License along with the Program.
186 | 
187 | You may charge any price or no price for each copy that you convey, and you may offer
188 | support or warranty protection for a fee.
189 | 
190 | ### 5. Conveying Modified Source Versions
191 | 
192 | You may convey a work based on the Program, or the modifications to produce it from
193 | the Program, in the form of source code under the terms of section 4, provided that
194 | you also meet all of these conditions:
195 | 
196 | * **a)** The work must carry prominent notices stating that you modified it, and giving a
197 | relevant date.
198 | * **b)** The work must carry prominent notices stating that it is released under this
199 | License and any conditions added under section 7. This requirement modifies the
200 | requirement in section 4 to “keep intact all notices”.
201 | * **c)** You must license the entire work, as a whole, under this License to anyone who
202 | comes into possession of a copy. This License will therefore apply, along with any
203 | applicable section 7 additional terms, to the whole of the work, and all its parts,
204 | regardless of how they are packaged. This License gives no permission to license the
205 | work in any other way, but it does not invalidate such permission if you have
206 | separately received it.
207 | * **d)** If the work has interactive user interfaces, each must display Appropriate Legal
208 | Notices; however, if the Program has interactive interfaces that do not display
209 | Appropriate Legal Notices, your work need not make them do so.
210 | 
211 | A compilation of a covered work with other separate and independent works, which are
212 | not by their nature extensions of the covered work, and which are not combined with
213 | it such as to form a larger program, in or on a volume of a storage or distribution
214 | medium, is called an “aggregate” if the compilation and its resulting
215 | copyright are not used to limit the access or legal rights of the compilation's users
216 | beyond what the individual works permit. Inclusion of a covered work in an aggregate
217 | does not cause this License to apply to the other parts of the aggregate.
218 | 
219 | ### 6. Conveying Non-Source Forms
220 | 
221 | You may convey a covered work in object code form under the terms of sections 4 and
222 | 5, provided that you also convey the machine-readable Corresponding Source under the
223 | terms of this License, in one of these ways:
224 | 
225 | * **a)** Convey the object code in, or embodied in, a physical product (including a
226 | physical distribution medium), accompanied by the Corresponding Source fixed on a
227 | durable physical medium customarily used for software interchange.
228 | * **b)** Convey the object code in, or embodied in, a physical product (including a
229 | physical distribution medium), accompanied by a written offer, valid for at least
230 | three years and valid for as long as you offer spare parts or customer support for
231 | that product model, to give anyone who possesses the object code either **(1)** a copy of
232 | the Corresponding Source for all the software in the product that is covered by this
233 | License, on a durable physical medium customarily used for software interchange, for
234 | a price no more than your reasonable cost of physically performing this conveying of
235 | source, or **(2)** access to copy the Corresponding Source from a network server at no
236 | charge.
237 | * **c)** Convey individual copies of the object code with a copy of the written offer to
238 | provide the Corresponding Source. This alternative is allowed only occasionally and
239 | noncommercially, and only if you received the object code with such an offer, in
240 | accord with subsection 6b.
241 | * **d)** Convey the object code by offering access from a designated place (gratis or for
242 | a charge), and offer equivalent access to the Corresponding Source in the same way
243 | through the same place at no further charge. You need not require recipients to copy
244 | the Corresponding Source along with the object code. If the place to copy the object
245 | code is a network server, the Corresponding Source may be on a different server
246 | (operated by you or a third party) that supports equivalent copying facilities,
247 | provided you maintain clear directions next to the object code saying where to find
248 | the Corresponding Source. Regardless of what server hosts the Corresponding Source,
249 | you remain obligated to ensure that it is available for as long as needed to satisfy
250 | these requirements.
251 | * **e)** Convey the object code using peer-to-peer transmission, provided you inform
252 | other peers where the object code and Corresponding Source of the work are being
253 | offered to the general public at no charge under subsection 6d.
254 | 
255 | A separable portion of the object code, whose source code is excluded from the
256 | Corresponding Source as a System Library, need not be included in conveying the
257 | object code work.
258 | 
259 | A “User Product” is either **(1)** a “consumer product”, which
260 | means any tangible personal property which is normally used for personal, family, or
261 | household purposes, or **(2)** anything designed or sold for incorporation into a
262 | dwelling. In determining whether a product is a consumer product, doubtful cases
263 | shall be resolved in favor of coverage. For a particular product received by a
264 | particular user, “normally used” refers to a typical or common use of
265 | that class of product, regardless of the status of the particular user or of the way
266 | in which the particular user actually uses, or expects or is expected to use, the
267 | product. A product is a consumer product regardless of whether the product has
268 | substantial commercial, industrial or non-consumer uses, unless such uses represent
269 | the only significant mode of use of the product.
270 | 
271 | “Installation Information” for a User Product means any methods,
272 | procedures, authorization keys, or other information required to install and execute
273 | modified versions of a covered work in that User Product from a modified version of
274 | its Corresponding Source. The information must suffice to ensure that the continued
275 | functioning of the modified object code is in no case prevented or interfered with
276 | solely because modification has been made.
277 | 
278 | If you convey an object code work under this section in, or with, or specifically for
279 | use in, a User Product, and the conveying occurs as part of a transaction in which
280 | the right of possession and use of the User Product is transferred to the recipient
281 | in perpetuity or for a fixed term (regardless of how the transaction is
282 | characterized), the Corresponding Source conveyed under this section must be
283 | accompanied by the Installation Information. But this requirement does not apply if
284 | neither you nor any third party retains the ability to install modified object code
285 | on the User Product (for example, the work has been installed in ROM).
286 | 
287 | The requirement to provide Installation Information does not include a requirement to
288 | continue to provide support service, warranty, or updates for a work that has been
289 | modified or installed by the recipient, or for the User Product in which it has been
290 | modified or installed. Access to a network may be denied when the modification itself
291 | materially and adversely affects the operation of the network or violates the rules
292 | and protocols for communication across the network.
293 | 
294 | Corresponding Source conveyed, and Installation Information provided, in accord with
295 | this section must be in a format that is publicly documented (and with an
296 | implementation available to the public in source code form), and must require no
297 | special password or key for unpacking, reading or copying.
298 | 
299 | ### 7. Additional Terms
300 | 
301 | “Additional permissions” are terms that supplement the terms of this
302 | License by making exceptions from one or more of its conditions. Additional
303 | permissions that are applicable to the entire Program shall be treated as though they
304 | were included in this License, to the extent that they are valid under applicable
305 | law. If additional permissions apply only to part of the Program, that part may be
306 | used separately under those permissions, but the entire Program remains governed by
307 | this License without regard to the additional permissions.
308 | 
309 | When you convey a copy of a covered work, you may at your option remove any
310 | additional permissions from that copy, or from any part of it. (Additional
311 | permissions may be written to require their own removal in certain cases when you
312 | modify the work.) You may place additional permissions on material, added by you to a
313 | covered work, for which you have or can give appropriate copyright permission.
314 | 
315 | Notwithstanding any other provision of this License, for material you add to a
316 | covered work, you may (if authorized by the copyright holders of that material)
317 | supplement the terms of this License with terms:
318 | 
319 | * **a)** Disclaiming warranty or limiting liability differently from the terms of
320 | sections 15 and 16 of this License; or
321 | * **b)** Requiring preservation of specified reasonable legal notices or author
322 | attributions in that material or in the Appropriate Legal Notices displayed by works
323 | containing it; or
324 | * **c)** Prohibiting misrepresentation of the origin of that material, or requiring that
325 | modified versions of such material be marked in reasonable ways as different from the
326 | original version; or
327 | * **d)** Limiting the use for publicity purposes of names of licensors or authors of the
328 | material; or
329 | * **e)** Declining to grant rights under trademark law for use of some trade names,
330 | trademarks, or service marks; or
331 | * **f)** Requiring indemnification of licensors and authors of that material by anyone
332 | who conveys the material (or modified versions of it) with contractual assumptions of
333 | liability to the recipient, for any liability that these contractual assumptions
334 | directly impose on those licensors and authors.
335 | 
336 | All other non-permissive additional terms are considered “further
337 | restrictions” within the meaning of section 10. If the Program as you received
338 | it, or any part of it, contains a notice stating that it is governed by this License
339 | along with a term that is a further restriction, you may remove that term. If a
340 | license document contains a further restriction but permits relicensing or conveying
341 | under this License, you may add to a covered work material governed by the terms of
342 | that license document, provided that the further restriction does not survive such
343 | relicensing or conveying.
344 | 
345 | If you add terms to a covered work in accord with this section, you must place, in
346 | the relevant source files, a statement of the additional terms that apply to those
347 | files, or a notice indicating where to find the applicable terms.
348 | 
349 | Additional terms, permissive or non-permissive, may be stated in the form of a
350 | separately written license, or stated as exceptions; the above requirements apply
351 | either way.
352 | 
353 | ### 8. Termination
354 | 
355 | You may not propagate or modify a covered work except as expressly provided under
356 | this License. Any attempt otherwise to propagate or modify it is void, and will
357 | automatically terminate your rights under this License (including any patent licenses
358 | granted under the third paragraph of section 11).
359 | 
360 | However, if you cease all violation of this License, then your license from a
361 | particular copyright holder is reinstated **(a)** provisionally, unless and until the
362 | copyright holder explicitly and finally terminates your license, and **(b)** permanently,
363 | if the copyright holder fails to notify you of the violation by some reasonable means
364 | prior to 60 days after the cessation.
365 | 
366 | Moreover, your license from a particular copyright holder is reinstated permanently
367 | if the copyright holder notifies you of the violation by some reasonable means, this
368 | is the first time you have received notice of violation of this License (for any
369 | work) from that copyright holder, and you cure the violation prior to 30 days after
370 | your receipt of the notice.
371 | 
372 | Termination of your rights under this section does not terminate the licenses of
373 | parties who have received copies or rights from you under this License. If your
374 | rights have been terminated and not permanently reinstated, you do not qualify to
375 | receive new licenses for the same material under section 10.
376 | 
377 | ### 9. Acceptance Not Required for Having Copies
378 | 
379 | You are not required to accept this License in order to receive or run a copy of the
380 | Program. Ancillary propagation of a covered work occurring solely as a consequence of
381 | using peer-to-peer transmission to receive a copy likewise does not require
382 | acceptance. However, nothing other than this License grants you permission to
383 | propagate or modify any covered work. These actions infringe copyright if you do not
384 | accept this License. Therefore, by modifying or propagating a covered work, you
385 | indicate your acceptance of this License to do so.
386 | 
387 | ### 10. Automatic Licensing of Downstream Recipients
388 | 
389 | Each time you convey a covered work, the recipient automatically receives a license
390 | from the original licensors, to run, modify and propagate that work, subject to this
391 | License. You are not responsible for enforcing compliance by third parties with this
392 | License.
393 | 
394 | An “entity transaction” is a transaction transferring control of an
395 | organization, or substantially all assets of one, or subdividing an organization, or
396 | merging organizations. If propagation of a covered work results from an entity
397 | transaction, each party to that transaction who receives a copy of the work also
398 | receives whatever licenses to the work the party's predecessor in interest had or
399 | could give under the previous paragraph, plus a right to possession of the
400 | Corresponding Source of the work from the predecessor in interest, if the predecessor
401 | has it or can get it with reasonable efforts.
402 | 
403 | You may not impose any further restrictions on the exercise of the rights granted or
404 | affirmed under this License. For example, you may not impose a license fee, royalty,
405 | or other charge for exercise of rights granted under this License, and you may not
406 | initiate litigation (including a cross-claim or counterclaim in a lawsuit) alleging
407 | that any patent claim is infringed by making, using, selling, offering for sale, or
408 | importing the Program or any portion of it.
409 | 
410 | ### 11. Patents
411 | 
412 | A “contributor” is a copyright holder who authorizes use under this
413 | License of the Program or a work on which the Program is based. The work thus
414 | licensed is called the contributor's “contributor version”.
415 | 
416 | A contributor's “essential patent claims” are all patent claims owned or
417 | controlled by the contributor, whether already acquired or hereafter acquired, that
418 | would be infringed by some manner, permitted by this License, of making, using, or
419 | selling its contributor version, but do not include claims that would be infringed
420 | only as a consequence of further modification of the contributor version. For
421 | purposes of this definition, “control” includes the right to grant patent
422 | sublicenses in a manner consistent with the requirements of this License.
423 | 
424 | Each contributor grants you a non-exclusive, worldwide, royalty-free patent license
425 | under the contributor's essential patent claims, to make, use, sell, offer for sale,
426 | import and otherwise run, modify and propagate the contents of its contributor
427 | version.
428 | 
429 | In the following three paragraphs, a “patent license” is any express
430 | agreement or commitment, however denominated, not to enforce a patent (such as an
431 | express permission to practice a patent or covenant not to sue for patent
432 | infringement). To “grant” such a patent license to a party means to make
433 | such an agreement or commitment not to enforce a patent against the party.
434 | 
435 | If you convey a covered work, knowingly relying on a patent license, and the
436 | Corresponding Source of the work is not available for anyone to copy, free of charge
437 | and under the terms of this License, through a publicly available network server or
438 | other readily accessible means, then you must either **(1)** cause the Corresponding
439 | Source to be so available, or **(2)** arrange to deprive yourself of the benefit of the
440 | patent license for this particular work, or **(3)** arrange, in a manner consistent with
441 | the requirements of this License, to extend the patent license to downstream
442 | recipients. “Knowingly relying” means you have actual knowledge that, but
443 | for the patent license, your conveying the covered work in a country, or your
444 | recipient's use of the covered work in a country, would infringe one or more
445 | identifiable patents in that country that you have reason to believe are valid.
446 | 
447 | If, pursuant to or in connection with a single transaction or arrangement, you
448 | convey, or propagate by procuring conveyance of, a covered work, and grant a patent
449 | license to some of the parties receiving the covered work authorizing them to use,
450 | propagate, modify or convey a specific copy of the covered work, then the patent
451 | license you grant is automatically extended to all recipients of the covered work and
452 | works based on it.
453 | 
454 | A patent license is “discriminatory” if it does not include within the
455 | scope of its coverage, prohibits the exercise of, or is conditioned on the
456 | non-exercise of one or more of the rights that are specifically granted under this
457 | License. You may not convey a covered work if you are a party to an arrangement with
458 | a third party that is in the business of distributing software, under which you make
459 | payment to the third party based on the extent of your activity of conveying the
460 | work, and under which the third party grants, to any of the parties who would receive
461 | the covered work from you, a discriminatory patent license **(a)** in connection with
462 | copies of the covered work conveyed by you (or copies made from those copies), or **(b)**
463 | primarily for and in connection with specific products or compilations that contain
464 | the covered work, unless you entered into that arrangement, or that patent license
465 | was granted, prior to 28 March 2007.
466 | 
467 | Nothing in this License shall be construed as excluding or limiting any implied
468 | license or other defenses to infringement that may otherwise be available to you
469 | under applicable patent law.
470 | 
471 | ### 12. No Surrender of Others' Freedom
472 | 
473 | If conditions are imposed on you (whether by court order, agreement or otherwise)
474 | that contradict the conditions of this License, they do not excuse you from the
475 | conditions of this License. If you cannot convey a covered work so as to satisfy
476 | simultaneously your obligations under this License and any other pertinent
477 | obligations, then as a consequence you may not convey it at all. For example, if you
478 | agree to terms that obligate you to collect a royalty for further conveying from
479 | those to whom you convey the Program, the only way you could satisfy both those terms
480 | and this License would be to refrain entirely from conveying the Program.
481 | 
482 | ### 13. Use with the GNU Affero General Public License
483 | 
484 | Notwithstanding any other provision of this License, you have permission to link or
485 | combine any covered work with a work licensed under version 3 of the GNU Affero
486 | General Public License into a single combined work, and to convey the resulting work.
487 | The terms of this License will continue to apply to the part which is the covered
488 | work, but the special requirements of the GNU Affero General Public License, section
489 | 13, concerning interaction through a network will apply to the combination as such.
490 | 
491 | ### 14. Revised Versions of this License
492 | 
493 | The Free Software Foundation may publish revised and/or new versions of the GNU
494 | General Public License from time to time. Such new versions will be similar in spirit
495 | to the present version, but may differ in detail to address new problems or concerns.
496 | 
497 | Each version is given a distinguishing version number. If the Program specifies that
498 | a certain numbered version of the GNU General Public License “or any later
499 | version” applies to it, you have the option of following the terms and
500 | conditions either of that numbered version or of any later version published by the
501 | Free Software Foundation. If the Program does not specify a version number of the GNU
502 | General Public License, you may choose any version ever published by the Free
503 | Software Foundation.
504 | 
505 | If the Program specifies that a proxy can decide which future versions of the GNU
506 | General Public License can be used, that proxy's public statement of acceptance of a
507 | version permanently authorizes you to choose that version for the Program.
508 | 
509 | Later license versions may give you additional or different permissions. However, no
510 | additional obligations are imposed on any author or copyright holder as a result of
511 | your choosing to follow a later version.
512 | 
513 | ### 15. Disclaimer of Warranty
514 | 
515 | THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.
516 | EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
517 | PROVIDE THE PROGRAM “AS IS” WITHOUT WARRANTY OF ANY KIND, EITHER
518 | EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
519 | MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS TO THE
520 | QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE PROGRAM PROVE
521 | DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
522 | 
523 | ### 16. Limitation of Liability
524 | 
525 | IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY
526 | COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS THE PROGRAM AS
527 | PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL,
528 | INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE
529 | PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE
530 | OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE
531 | WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
532 | POSSIBILITY OF SUCH DAMAGES.
533 | 
534 | ### 17. Interpretation of Sections 15 and 16
535 | 
536 | If the disclaimer of warranty and limitation of liability provided above cannot be
537 | given local legal effect according to their terms, reviewing courts shall apply local
538 | law that most closely approximates an absolute waiver of all civil liability in
539 | connection with the Program, unless a warranty or assumption of liability accompanies
540 | a copy of the Program in return for a fee.
541 | 
542 | _END OF TERMS AND CONDITIONS_
543 | 
544 | ## How to Apply These Terms to Your New Programs
545 | 
546 | If you develop a new program, and you want it to be of the greatest possible use to
547 | the public, the best way to achieve this is to make it free software which everyone
548 | can redistribute and change under these terms.
549 | 
550 | To do so, attach the following notices to the program. It is safest to attach them
551 | to the start of each source file to most effectively state the exclusion of warranty;
552 | and each file should have at least the “copyright” line and a pointer to
553 | where the full notice is found.
554 | 
555 |     <one line to give the program's name and a brief idea of what it does.>
556 |     Copyright (C) <year>  <name of author>
557 | 
558 |     This program is free software: you can redistribute it and/or modify
559 |     it under the terms of the GNU General Public License as published by
560 |     the Free Software Foundation, either version 3 of the License, or
561 |     (at your option) any later version.
562 | 
563 |     This program is distributed in the hope that it will be useful,
564 |     but WITHOUT ANY WARRANTY; without even the implied warranty of
565 |     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
566 |     GNU General Public License for more details.
567 | 
568 |     You should have received a copy of the GNU General Public License
569 |     along with this program.  If not, see <http://www.gnu.org/licenses/>.
570 | 
571 | Also add information on how to contact you by electronic and paper mail.
572 | 
573 | If the program does terminal interaction, make it output a short notice like this
574 | when it starts in an interactive mode:
575 | 
576 |     <program>  Copyright (C) <year>  <name of author>
577 |     This program comes with ABSOLUTELY NO WARRANTY; for details type 'show w'.
578 |     This is free software, and you are welcome to redistribute it
579 |     under certain conditions; type 'show c' for details.
580 | 
581 | The hypothetical commands `show w` and `show c` should show the appropriate parts of
582 | the General Public License. Of course, your program's commands might be different;
583 | for a GUI interface, you would use an “about box”.
584 | 
585 | You should also get your employer (if you work as a programmer) or school, if any, to
586 | sign a “copyright disclaimer” for the program, if necessary. For more
587 | information on this, and how to apply and follow the GNU GPL, see
588 | &lt;<http://www.gnu.org/licenses/>&gt;.
589 | 
590 | The GNU General Public License does not permit incorporating your program into
591 | proprietary programs. If your program is a subroutine library, you may consider it
592 | more useful to permit linking proprietary applications with the library. If this is
593 | what you want to do, use the GNU Lesser General Public License instead of this
594 | License. But first, please read
595 | &lt;<http://www.gnu.org/philosophy/why-not-lgpl.html>&gt;.
596 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # HTML5 Speedtest [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/enryIT/html5_speedtest)
 2 | > An HTML5 speedtest, no more flash, it's 2016!
 3 | 
 4 | ## Motivation
 5 | I didn't find any opensourced HTML5 speedtest so I decided to make one...
 6 | 
 7 | ## Thank you
 8 | - [nesk/network.js](https://github.com/nesk/network.js) - A JavaScript library, entirely written in ES6, to measure various aspects of a connection. It can accurately estimate a bandwidth/latency between a client (using a web browser) and a server (running a specific script).
 9 |  
10 | ## Up and running VM
11 | 
12 | First get the source
13 | 
14 | ```
15 | $ git clone https://github.com/enryIT/html5_speedtest.git
16 | ```
17 | 
18 | Then fire up the virtual machine with
19 | 
20 | ```
21 | $ vagrant up
22 | ```
23 | 
24 | Point your browser to [http://192.168.33.10](http://192.168.33.10).
25 | 
26 | ## Contribute
27 | 
28 | Everyone's welcome to contribute and fix my poor coding skill errors.
29 | Please read the [contribution guidelines](contributing.md) first.
30 | 
31 | ## License
32 | 
33 | [![GPL3](http://www.gnu.org/graphics/gplv3-127x51.png)](http://gplv3.fsf.org/)
34 | 


--------------------------------------------------------------------------------
/Vagrantfile:
--------------------------------------------------------------------------------
  1 | 
  2 | # -*- mode: ruby -*-
  3 | # vi: set ft=ruby :
  4 | 
  5 | # All Vagrant configuration is done below. The "2" in Vagrant.configure
  6 | # configures the configuration version (we support older styles for
  7 | # backwards compatibility). Please don't change it unless you know what
  8 | # you're doing.
  9 | Vagrant.configure(2) do |config|
 10 |   # The most common configuration options are documented and commented below.
 11 |   # For a complete reference, please see the online documentation at
 12 |   # https://docs.vagrantup.com.
 13 | 
 14 |   # Every Vagrant development environment requires a box. You can search for
 15 |   # boxes at https://atlas.hashicorp.com/search.
 16 |   config.vm.box = "ubuntu/trusty64"
 17 | 
 18 |   # Disable automatic box update checking. If you disable this, then
 19 |   # boxes will only be checked for updates when the user runs
 20 |   # `vagrant box outdated`. This is not recommended.
 21 |   # config.vm.box_check_update = false
 22 | 
 23 |   # Create a forwarded port mapping which allows access to a specific port
 24 |   # within the machine from a port on the host machine. In the example below,
 25 |   # accessing "localhost:8080" will access port 80 on the guest machine.
 26 |   # config.vm.network "forwarded_port", guest: 80, host: 8080
 27 |   config.vm.network "private_network", ip: "192.168.33.10"
 28 |   config.vm.hostname = "speedtest.local"
 29 | 
 30 |   # Create a private network, which allows host-only access to the machine
 31 |   # using a specific IP.
 32 |   # config.vm.network "private_network", ip: "192.168.33.10"
 33 | 
 34 |   # Create a public network, which generally matched to bridged network.
 35 |   # Bridged networks make the machine appear as another physical device on
 36 |   # your network.
 37 |   # config.vm.network "public_network"
 38 | 
 39 |   # Share an additional folder to the guest VM. The first argument is
 40 |   # the path on the host to the actual folder. The second argument is
 41 |   # the path on the guest to mount the folder. And the optional third
 42 |   # argument is a set of non-required options.
 43 |   # config.vm.synced_folder "../data", "/vagrant_data"
 44 | 
 45 |   # NFS
 46 |   #config.vm.synced_folder '.', '/vagrant', nfs: true
 47 | 
 48 |   #config.sshfs.paths = { "/vagrant" => "." }
 49 |   #config.sshfs.username = "vagrant"
 50 |   #config.sshfs.mount_on_guest = true
 51 |   #config.sshfs.paths = { "." => "/vagrant" }
 52 |   #config.sshfs.host_addr = '192.168.33.1'
 53 | 
 54 |   # Provider-specific configuration so you can fine-tune various
 55 |   # backing providers for Vagrant. These expose provider-specific options.
 56 |   # Example for VirtualBox:
 57 |   #
 58 |   config.vm.provider "virtualbox" do |vb|
 59 |     # Display the VirtualBox GUI when booting the machine
 60 |     # vb.gui = true
 61 | 
 62 |     # Customize the amount of memory on the VM:
 63 |     vb.memory = "512"
 64 |     vb.cpus = 1
 65 |   end
 66 | 
 67 |   # View the documentation for the provider you are using for more
 68 |   # information on available options.
 69 | 
 70 |   # Define a Vagrant Push strategy for pushing to Atlas. Other push strategies
 71 |   # such as FTP and Heroku are also available. See the documentation at
 72 |   # https://docs.vagrantup.com/v2/push/atlas.html for more information.
 73 |   # config.push.define "atlas" do |push|
 74 |   #   push.app = "YOUR_ATLAS_USERNAME/YOUR_APPLICATION_NAME"
 75 |   # end
 76 | 
 77 |   # Enable provisioning with a shell script. Additional provisioners such as
 78 |   # Puppet, Chef, Ansible, Salt, and Docker are also available. Please see the
 79 |   # documentation for more information about their specific syntax and use.
 80 |   config.vm.provision "shell", inline: <<-SHELL
 81 |     # UPDATE PACKAGES
 82 |     apt-get update
 83 |     cd /vagrant
 84 | 
 85 |     # INSTALL DB SERVER
 86 |     # http://docs.travis-ci.com/user/database-setup/
 87 |     # mysql; pgsql; sqlite
 88 |     #DBENGINE=mysql 
 89 |     #APPENV=local
 90 |     #DBHOST=localhost
 91 |     #DBUSER=root
 92 |     #DBPASSWD=password
 93 |     #DBNAME=speedtest
 94 | 
 95 |     #echo "mysql-server mysql-server/root_password password $DBPASSWD" | debconf-set-selections
 96 |     #echo "mysql-server mysql-server/root_password_again password $DBPASSWD" | debconf-set-selections
 97 |     #apt-get install -y mysql-server mysql-server-5.5
 98 | 
 99 |     #sh -c "if [ '$DBENGINE' = 'pgsql' ]; then psql -c 'DROP DATABASE IF EXISTS $DBNAME;' -U postgres; fi"
100 |     #sh -c "if [ '$DBENGINE' = 'mysql' ]; then mysql --user=$DBUSER --password=$DBPASSWD -e 'DROP DATABASE IF EXISTS $DBNAME;'; fi"
101 | 
102 |     #sh -c "if [ '$DBENGINE' = 'pgsql' ]; then psql -c 'CREATE DATABASE $DBNAME;' -U postgres; fi"
103 |     #sh -c "if [ '$DBENGINE' = 'mysql' ]; then mysql --user=$DBUSER --password=$DBPASSWD -e 'CREATE DATABASE IF NOT EXISTS $DBNAME;'; fi"
104 | 
105 |     # INSTALL PACKAGES
106 |     apt-get install -y apache2 php5-cli php5-curl php5-common libapache2-mod-fcgid php5-cgi libapache2-mod-php5
107 | 
108 |     # PREPARING APACHE2
109 |     a2enmod fcgid
110 |     if ! [ -L /var/www ]; then
111 |       rm -rf /var/www
112 |       ln -fs /vagrant /var/www
113 |     fi
114 |     echo "<VirtualHost *:80>
115 |             DocumentRoot /var/www
116 |             ErrorLog ${APACHE_LOG_DIR}/error.log
117 |             CustomLog ${APACHE_LOG_DIR}/access.log combined
118 |           </VirtualHost>" > /etc/apache2/sites-enabled/000-default.conf
119 | 
120 |     # EDIT php.ini
121 |     echo 'echo "memory_limit = 256M" >> /etc/php5/apache2/conf.d/user.ini' | sudo -s
122 |     echo 'echo "upload_max_filesize = 200M" >> /etc/php5/apache2/conf.d/user.ini' | sudo -s
123 |     echo 'echo "post_max_size = 200M" >> /etc/php5/apache2/conf.d/user.ini' | sudo -s
124 |     touch /var/www/phpinfo.php
125 |     echo "<?php phpinfo() ?>" > /var/www/phpinfo.php
126 | 
127 |     service apache2 restart
128 | 
129 |   SHELL
130 | end
131 | 
132 | 


--------------------------------------------------------------------------------
/contributing.md:
--------------------------------------------------------------------------------
 1 | # Contribution Guidelines
 2 | 
 3 | Please ensure your pull request adheres to the following guidelines:
 4 | 
 5 | - Search previous suggestions before making a new one, as yours may be a duplicate.
 6 | - Suggested READMEs should be beautiful or stand out in some way.
 7 | - Make an individual pull request for each suggestion.
 8 | - New categories, or improvements to the existing categorization are welcome.
 9 | - Keep descriptions short and simple, but descriptive.
10 | - Start the description with a capital and end with a full stop/period.
11 | - Check your spelling and grammar.
12 | - Make sure your text editor is set to remove trailing whitespace.
13 | 
14 | Thank you for your suggestions!
15 | 


--------------------------------------------------------------------------------
/dial.js:
--------------------------------------------------------------------------------
  1 | jQuery.fx.interval = 42;
  2 | function NtmtTesterDial(styleId,typ) {
  3 | 	this.htmlId='mtrWebTesterDial'+Math.floor((Math.random()*1000000)+1);
  4 | 	this.typ=typ;
  5 | 	this.width=215;
  6 | 	this.height=215;
  7 | 	this.styleId=styleId;
  8 | 	this.valueOld=0;
  9 | 	this.enabled=0;
 10 | 	this.DialGaugeMax=102400;
 11 | 	this.DialGauge=new Array();
 12 | 	this.DialGauge[0]=new Array(0,-135);
 13 | 	this.DialGauge[1]=new Array(1024,-90);
 14 | 	this.DialGauge[2]=new Array(5120,-45);
 15 | 	this.DialGauge[3]=new Array(10240,0);
 16 | 	this.DialGauge[4]=new Array(25600,45);
 17 | 	this.DialGauge[5]=new Array(51200,90);
 18 | 	this.DialGauge[6]=new Array(this.DialGaugeMax,135);
 19 | 	this.dWrite = function(s){
 20 |         	var scripts = document.getElementsByTagName('script');
 21 |     		var lastScript = scripts[scripts.length-1];
 22 |     		lastScript.insertAdjacentHTML("afterend", s);
 23 | 	}
 24 | 	this.divs='<div id="'+this.htmlId+'" style="width:'+this.width+'px;height:'+this.height+'px;">';
 25 | 	this.divs +='<div class="mtrwebtester_dial">';
 26 | 	if (typ=='up')
 27 | 		this.divs +='<div class="mtrwebtester_dial_arrow mtrwebtester_dial_arrow_up">';
 28 | 	else
 29 | 		this.divs +='<div class="mtrwebtester_dial_arrow">';
 30 | 	this.divs+='</div>';
 31 | 	this.divs+='<div class="mtrwebtester_dial_fg">';
 32 | 	this.divs+='</div>';
 33 | 	this.divs+='<div class="mtrwebtester_dial_text">';
 34 | 	if (typ=='up')
 35 | 		this.divs+='<span class="mtrwebtester_dial_text_number" style="color:#a26822">&nbsp;</span>';
 36 | 	else
 37 | 		this.divs+='<span class="mtrwebtester_dial_text_number" style="color:#5CA222">&nbsp;</span>';
 38 | 	this.divs+='<span>Mbps</span>';
 39 | 	this.divs+='</div>';
 40 | 	this.divs+='</div>';
 41 | 	this.divs+='</div>';
 42 |     this.dWrite(this.divs);
 43 |         $('#'+this.htmlId+' .mtrwebtester_dial_arrow').show();
 44 | 	$('#'+this.htmlId+' .mtrwebtester_dial_arrow').animate({  value: -135 }, {
 45 | 		step: function(now,fx) {
 46 | 			$(this).css('-webkit-transform','rotate('+now+'deg)'); 
 47 | 			$(this).css('-moz-transform','rotate('+now+'deg)');
 48 | 			$(this).css('transform','rotate('+now+'deg)');
 49 | 		},
 50 | 		duration:1000
 51 | 	},'linear');
 52 | 	$('#'+this.htmlId ).fadeTo( 1000 , 0.25, function() {
 53 | 	});
 54 | 	this.drawDial = function(value) {
 55 | 		if (value>=0) {
 56 | 			if (this.enabled==0) {
 57 | 				this.enabled=1;
 58 | 				$('#'+this.htmlId ).fadeTo( 250 , 1.0, function() {
 59 | 				});
 60 | 			}
 61 | 			$('#'+this.htmlId+' .mtrwebtester_dial_arrow').animate({  value: this.vratAngleGauge(value) }, {
 62 | 					step: function(now,fx) {
 63 | 						$(this).css('-webkit-transform','rotate('+now+'deg)'); 
 64 | 						$(this).css('-moz-transform','rotate('+now+'deg)');
 65 | 						$(this).css('transform','rotate('+now+'deg)');
 66 | 					},
 67 | 					duration:20,
 68 | 			},'linear');
 69 | 		jQuery({someValue: (this.valueOld/1024) ,  htmlID:this.htmlId }).animate({someValue: (value/1024)}, {
 70 | 			duration: 20,
 71 | 			easing:'linear',
 72 | 			step: function() {
 73 | 				$('#'+this.htmlID+' .mtrwebtester_dial_text_number').text(ntmt_getvalue(this.someValue));
 74 | 			}
 75 | 		});
 76 | 		} else {
 77 | 			$('#'+this.htmlId+' .mtrwebtester_dial_arrow').hide();
 78 | 			$('#'+this.htmlId+' .mtrwebtester_dial_text_number').text("NaN");
 79 | 		}
 80 | 		this.valueOld=value;
 81 | 	}
 82 | 	this.resetDial = function() {
 83 | 		if (this.enabled==1) {
 84 |                 	this.enabled=0;
 85 |                         $('#'+this.htmlId ).fadeTo( 1000 , 0.25, function() {});
 86 | 			$('#'+this.htmlId+' .mtrwebtester_dial_arrow').animate({  value: -135 }, {
 87 |                         	step: function(now,fx) {
 88 |                                 	$(this).css('-webkit-transform','rotate('+now+'deg)');
 89 |                                 	$(this).css('-moz-transform','rotate('+now+'deg)');
 90 |                                 	$(this).css('transform','rotate('+now+'deg)');
 91 |                         	},
 92 |                 		duration:1000
 93 |                 	},'linear');
 94 |                 $('#'+this.htmlId+' .mtrwebtester_dial_text_number').html("&nbsp;");
 95 | 		}
 96 | 	}	
 97 | 	this.vratAngleGauge = function(value) {
 98 | 		tmpvalue=value;
 99 | 		if (tmpvalue>this.DialGaugeMax) {
100 | 			tmpvalue=this.DialGaugeMax-1;
101 | 			}
102 | 		if (value<=0) {
103 | 			return this.DialGauge[0][1];
104 | 		}
105 | 		Angle=0;
106 | 		for (var i=1;i<this.DialGauge.length;i++)
107 | 			if (tmpvalue<this.DialGauge[i][0]) {
108 | 				Angle=this.DialGauge[i-1][1] + ((tmpvalue-this.DialGauge[i-1][0])*(this.DialGauge[i][1]-this.DialGauge[i-1][1])) / (this.DialGauge[i][0]-this.DialGauge[i-1][0]);
109 | 				break;
110 | 			}
111 | 		return Angle;
112 | 	}
113 | 	this.toRadians = function(Angle) {
114 | 		return ((Angle/360)*6.28318530718);
115 | 	}
116 | }
117 | function NtmtTesterDialPing(styleId) {
118 | 	this.htmlId='mtrWebTesterDial'+Math.floor((Math.random()*1000000)+1);
119 | 	this.width=161;
120 | 	this.height=161;
121 | 	this.styleId=styleId;
122 | 	this.valueOld=0;
123 | 	this.enabled=0;
124 | 	this.DialGaugeMax=100;
125 | 	this.DialGauge=new Array();
126 | 	this.DialGauge[0]=new Array(0,-135);
127 | 	this.DialGauge[1]=new Array(1,-90);
128 | 	this.DialGauge[2]=new Array(5,-45);
129 | 	this.DialGauge[3]=new Array(10,0);
130 | 	this.DialGauge[4]=new Array(25,45);
131 | 	this.DialGauge[5]=new Array(50,90);
132 | 	this.DialGauge[6]=new Array(this.DialGaugeMax,135);
133 | 	this.dWrite = function(s){
134 |         	var scripts = document.getElementsByTagName('script');
135 |     		var lastScript = scripts[scripts.length-1];
136 |     		lastScript.insertAdjacentHTML("afterend", s);
137 | 	}
138 | 	this.divs='<div id="'+this.htmlId+'" style="width:'+this.width+'px;height:'+this.height+'px;">';
139 | 	this.divs+='<div class="mtrwebtester_dial_ping">';
140 | 	this.divs+='<div class="mtrwebtester_dial_arrow mtrwebtester_dial_arrow_ping">';
141 | 	this.divs+='</div>';
142 | 	this.divs+='<div class="mtrwebtester_dial_fg">';
143 | 	this.divs+='</div>';
144 | 	this.divs+='<div class="mtrwebtester_dial_text">';
145 | 	this.divs+='<span class="mtrwebtester_dial_text_number" style="color:#237F89">&nbsp;</span>';
146 | 	this.divs+='<span>ms</span>';
147 | 	this.divs+='</div>';
148 | 	this.divs+='</div>';
149 | 	this.divs+='</div>';
150 | 	this.dWrite(this.divs);
151 |         $('#'+this.htmlId+' .mtrwebtester_dial_arrow').show();
152 | 	$('#'+this.htmlId+' .mtrwebtester_dial_arrow').animate({  value: -135 }, {
153 | 		step: function(now,fx) {
154 | 			$(this).css('-webkit-transform','rotate('+now+'deg)'); 
155 | 			$(this).css('-moz-transform','rotate('+now+'deg)');
156 | 			$(this).css('transform','rotate('+now+'deg)');
157 | 		},
158 | 		duration:1000
159 | 	},'linear');
160 |         $('#'+this.htmlId ).fadeTo( 1000 , 0.25, function() {
161 |         });
162 | 	this.drawDial = function(value) {
163 | 		if (value>=0) {
164 | 			if (this.enabled==0) {
165 |                                 this.enabled=1;
166 |                                 $('#'+this.htmlId ).fadeTo( 250 , 1.0, function() {
167 |                                 });
168 |                         }
169 | 			$('#'+this.htmlId+' .mtrwebtester_dial_arrow').animate({  value: this.vratAngleGauge(value) }, {
170 | 					step: function(now,fx) {
171 | 						$(this).css('-webkit-transform','rotate('+now+'deg)'); 
172 | 						$(this).css('-moz-transform','rotate('+now+'deg)');
173 | 						$(this).css('transform','rotate('+now+'deg)');
174 | 					},
175 | 					duration:250
176 | 			},'linear');
177 | 		jQuery({someValue: (this.valueOld) ,  htmlID:this.htmlId }).animate({someValue: value}, {
178 | 			duration: 250,
179 | 			easing:'linear',
180 | 			step: function() {
181 | 				$('#'+this.htmlID+' .mtrwebtester_dial_text_number').text(ntmt_getvalue(this.someValue));
182 | 			}
183 | 		});
184 | 		} else {
185 | 			$('#'+this.htmlId+' .mtrwebtester_dial_arrow').hide();
186 | 			$('#'+this.htmlId+' .mtrwebtester_dial_text_number').text("NaN");
187 | 		}
188 | 		this.valueOld=value;
189 | 	}
190 |         this.resetDial = function() {
191 |                 if (this.enabled==1) {
192 |                         this.enabled=0;
193 |                         $('#'+this.htmlId ).fadeTo( 1000 , 0.25, function() {});
194 |                         $('#'+this.htmlId+' .mtrwebtester_dial_arrow').animate({  value: -135 }, {
195 |                                 step: function(now,fx) {
196 |                                         $(this).css('-webkit-transform','rotate('+now+'deg)');
197 |                                         $(this).css('-moz-transform','rotate('+now+'deg)');
198 |                                         $(this).css('transform','rotate('+now+'deg)');
199 |                                 },
200 |                                 duration:1000
201 |                         },'linear');
202 |                 $('#'+this.htmlId+' .mtrwebtester_dial_text_number').html("&nbsp;");
203 |                 }
204 |         }
205 | 	this.vratAngleGauge = function(value) {
206 | 		tmpvalue=value;
207 | 		if (tmpvalue>this.DialGaugeMax) {
208 | 			tmpvalue=this.DialGaugeMax-1;
209 | 			}
210 | 		if (value<=0) {
211 | 			return this.DialGauge[0][1];
212 | 		}
213 | 		Angle=0;
214 | 		for (var i=1;i<this.DialGauge.length;i++)
215 | 			if (tmpvalue<this.DialGauge[i][0]) {
216 | 				Angle=this.DialGauge[i-1][1] + ((tmpvalue-this.DialGauge[i-1][0])*(this.DialGauge[i][1]-this.DialGauge[i-1][1]))	/ (this.DialGauge[i][0]-this.DialGauge[i-1][0]);
217 | 				break;
218 | 			}
219 | 		return Angle;
220 | 	}
221 | 	this.toRadians = function(Angle) {
222 | 		return ((Angle/360)*6.28318530718);
223 | 	}
224 | }
225 | function ntmt_progressBar(percent, $element) {
226 | 	if(percent>0){
227 |    		var progressBarWidth = percent * $element.width() / 100;
228 |     	$element.find('div').animate({ width: progressBarWidth }, 20).html(percent.toFixed(0) + "%");
229 | 	} else 
230 | 		$element.find('div').animate({ width: 0 }, 1000).html("");
231 | }
232 | function ntmt_getvalue(value) {
233 | 	var out=0;
234 | 	if (value>=100)
235 | 		out=parseFloat(Math.ceil(value*100)/100).toFixed(0);
236 | 	else if (value>=10)
237 | 		out=parseFloat(Math.ceil(value*100)/100).toFixed(1);
238 | 	else
239 | 		out=parseFloat(Math.ceil(value*100)/100).toFixed(2);
240 | 	return out;
241 | }
242 | 


--------------------------------------------------------------------------------
/getip.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /* getip.php */
 3 | header('Cache-Control: no-cache, must-revalidate');
 4 | header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
 5 | header('Content-type: application/json');
 6 | 
 7 | if (!empty($_SERVER['HTTP_CLIENT_IP']))
 8 | {
 9 |   $ip=$_SERVER['HTTP_CLIENT_IP'];
10 | }
11 | elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR']))
12 | {
13 |   $ip=$_SERVER['HTTP_X_FORWARDED_FOR'];
14 | }
15 | else
16 | {
17 |   $ip=$_SERVER['REMOTE_ADDR'];
18 | }
19 | print json_encode(array('ip' => $ip));
20 | ?>


--------------------------------------------------------------------------------
/images/dial_arrow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/enryIT/html5_speedtest/6712d36115280576b82d9fcea0830c72d425b1ce/images/dial_arrow.png


--------------------------------------------------------------------------------
/images/dial_arrow_150_blue.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/enryIT/html5_speedtest/6712d36115280576b82d9fcea0830c72d425b1ce/images/dial_arrow_150_blue.png


--------------------------------------------------------------------------------
/images/dial_arrow_up.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/enryIT/html5_speedtest/6712d36115280576b82d9fcea0830c72d425b1ce/images/dial_arrow_up.png


--------------------------------------------------------------------------------
/images/dial_bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/enryIT/html5_speedtest/6712d36115280576b82d9fcea0830c72d425b1ce/images/dial_bg.png


--------------------------------------------------------------------------------
/images/dial_bg_150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/enryIT/html5_speedtest/6712d36115280576b82d9fcea0830c72d425b1ce/images/dial_bg_150.png


--------------------------------------------------------------------------------
/images/dial_fg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/enryIT/html5_speedtest/6712d36115280576b82d9fcea0830c72d425b1ce/images/dial_fg.png


--------------------------------------------------------------------------------
/images/dial_fg_150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/enryIT/html5_speedtest/6712d36115280576b82d9fcea0830c72d425b1ce/images/dial_fg_150.png


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 6 | 
 7 |     <title>HTML5 Speedtest</title>
 8 | 
 9 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css">
10 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
11 |     <link rel="stylesheet" href="main.css">
12 |     <link rel="stylesheet" href="test.css">
13 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
14 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>
15 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
16 |     <script src="network.js"></script>
17 |     <script src="dial.js"></script>
18 | 
19 | </head>
20 | <body>
21 | <div role="main">
22 |     <div style="text-align:center">
23 |         <form>
24 |             <fieldset>
25 |                 
26 |  	        <legend>HTML5 Speedtest</legend>
27 | 
28 |                 <div class="row">
29 |                     <div id="leg" class="col-md-6" style="width:100%;position:relative">
30 |                         <div class="btn-toolbar">
31 | 					
32 |                             <div class="btn-group" data-placement="left" title="Start a latency, download and upload test. You can always interrupt the current test by pressing the Abort button.">
33 |                                 <button class="btn btn-default" type="button" data-measure="all">
34 |                                     <span class="glyphicon glyphicon-time"></span><span class="glyphicon glyphicon-download"></span><span class="glyphicon glyphicon-upload"></span><span id="start">  Start test</span>
35 |                                 </button>
36 |                             </div>
37 | 
38 |                             <div class="btn-group" style="float:right" data-placement="right" title="Abort the current test.">
39 |                                 <button class="btn btn-default" type="button" data-abort disabled>
40 |                                     <span class="glyphicon glyphicon-remove-circle"></span><span>  Abort</span>
41 |                                 </button>
42 |                             </div>
43 |                         </div>
44 |                     </div>
45 | 					
46 | 
47 |                 </div>
48 |                     <div class="testerSlOverSl testerSlOverSlDown">
49 |                         <h2 id="tipo" style="color:#5CA222">Download</h2>
50 | 			<div class="testerSlOverSlIn">
51 |                             <script type='text/javascript'>
52 |                             ntmtTesterDialDown = new NtmtTesterDial(1,'down');
53 |                             </script>
54 |                         </div>
55 | 			<div id="progressBarDown"><div></div></div>
56 |                     </div>
57 |                     
58 | 		    <div class="testerSlOverSl testerSlOverSlPing">
59 |                         <div class="testerSlOverSlIn">
60 |                             <h2 style="color:#237F89;">Ping</h2>
61 |                             <div style="padding:27px">
62 |                                 <script type='text/javascript'>
63 |                                     ntmtTesterDialPing = new NtmtTesterDialPing(1);
64 |                                 </script>
65 |                             </div>
66 |                         </div>
67 |                     </div>
68 | 
69 |                     <div class="testerSlOverSl testerSlOverSlUp">
70 |                         <h2 id="tipo" style="color:#a26822">Upload</h2>
71 | 			<div class="testerSlOverSlIn">
72 |                             <script type='text/javascript'>
73 |                                 ntmtTesterDialUp = new NtmtTesterDial(1,'up');
74 |                             </script>
75 |                         </div>
76 | 			<div id="progressBarUp"><div></div></div>
77 |                     </div>
78 | 		<div id="log"></div>
79 |             </fieldset>
80 | 
81 |         </form>
82 |     </div>
83 | </div>
84 | 
85 | </body>
86 | <script src="main.js"></script>
87 | </html>
88 | 


--------------------------------------------------------------------------------
/main.css:
--------------------------------------------------------------------------------
 1 | legend {
 2 |     margin-bottom: 10px;
 3 | }
 4 | .btn-toolbar {
 5 |     margin-bottom: 9px;
 6 |     text-align: center;
 7 | }
 8 | 
 9 | .btn-toolbar .btn-group {
10 |     margin-top: 9px;
11 | }
12 | .row {
13 |     margin-left: 33%;
14 |     margin-right: 33%;
15 | }
16 | .green {
17 |     color: green;
18 | }
19 | .orange {
20 |     color: orange;
21 | }
22 | .red {
23 |     color: red;
24 | }
25 | @media only screen and (max-width: 760px) {
26 |     .row {
27 |         margin-left: 5%;
28 |         margin-right: 5%;
29 |     }
30 | }
31 | 


--------------------------------------------------------------------------------
/main.js:
--------------------------------------------------------------------------------
  1 | var speed;
  2 | var rawModule;
  3 | var module;
  4 | var firstRun=0;
  5 | var net = new Network({
  6 | 		latency: {
  7 | 		        // How many measures should be returned.
  8 | 		        measures: 5,
  9 | 		        // How much attempts to get a valid value should be done for each measure.
 10 | 		        attempts: 3
 11 |     		}
 12 | });
 13 | 
 14 | if (Network.supportsResourceTiming)
 15 |     $( "#log" ).append("Click start tests button to begin!");
 16 | else 
 17 |     $( "#log" ).append("Your browser doesn't support all of the tests, expect some weird results!");
 18 | 
 19 | /*    $('.btn-group').tooltip({
 20 |         effect: "slideDown",
 21 |         delay: 300,    
 22 |         fade: true,
 23 |     });*/
 24 | 
 25 |     /*
 26 |      * UI
 27 |      */
 28 | 
 29 |     var UI = {
 30 | 	$btnStart: $('[data-measure]'),
 31 |         $btnAbort: $('[data-abort]'),
 32 | 
 33 |         start: function() {
 34 | 		
 35 | 		if(!firstRun){
 36 | 		$( "#log" ).empty();
 37 | 		$.getJSON('getip.php', function(data){
 38 | 			$( "#log" ).append("<b>Your IP is: " + data.ip + "<br></b>");
 39 | 		});
 40 | 		startLatency();
 41 | 		}
 42 | 						
 43 | 		UI.$btnStart.prop('disabled', true);
 44 |                 UI.$btnAbort.prop('disabled', false);
 45 | 
 46 | 		firstRun=1;
 47 |        	},
 48 | 	
 49 | 	reset: function() {
 50 | 		reset();
 51 | 		firstRun=0;
 52 | 		setTimeout(UI.start, 2000);
 53 | 	},
 54 | 
 55 |         restart: function(size) {
 56 | 		$( "#log" ).append("It took less than 8 seconds to " + rawModule + " " + size/1024/1024/2 + "MB of data... Restarting with " + size/1024/1024 + "MB!<br>");
 57 | 	},
 58 | 
 59 |         stop: function() {
 60 |         	UI.$btnStart.prop('disabled', false);
 61 |         	UI.$btnAbort.prop('disabled', true);
 62 | 	},
 63 | 
 64 |         abort: function() {
 65 |             net.upload.abort();
 66 |             net.download.abort();
 67 |         },
 68 | 		
 69 | 	value: function(value, unit) {
 70 |         	if (value <= 100) {
 71 |                 	return '<span class="green">' + value.toFixed(3) + ' ' + unit + '</span>';
 72 |         	} else if (value <= 200) {
 73 | 			return '<span class="orange">' + value.toFixed(3) + ' ' + unit + '</span>';
 74 | 		} else if (value <= 10000 ) {
 75 | 			return '<span class="red">' + value.toFixed(3) + ' ' + unit + '</span>';
 76 | 		} else {
 77 |                 	return '<span class="red">NaN</span>';
 78 |             	}
 79 |         },
 80 |     };
 81 | function reset(){
 82 |         ntmtTesterDialDown.resetDial();
 83 |         ntmtTesterDialUp.resetDial();
 84 |         ntmtTesterDialPing.resetDial();
 85 |         ntmt_progressBar(0, $('#progressBarDown'));
 86 |         ntmt_progressBar(0, $('#progressBarUp'));
 87 |         $( "#log" ).empty();
 88 |         //reset test sizes on retest
 89 |         net.download.settings({
 90 |                 data: {
 91 |                 // The amount of data to initially use.
 92 |                 size: 10 * 1024 * 1024,} // 10 MB
 93 |         });
 94 |         net.upload.settings({
 95 |                 data: {
 96 |                 // The amount of data to initially use.
 97 |                 size: 2 * 1024 * 1024, }// 2 MB
 98 |         });
 99 | }
100 | function startLatency(){
101 | 	//$( "#log" ).append("Starting latency...<br>");
102 | 	rawModule = "latency";
103 | 	module = rawModule.charAt(0).toUpperCase() + rawModule.slice(1);
104 | 	// The latency module doesn't have a start event, we must trigger it manually.
105 | 	net[rawModule].start();
106 | 	net[rawModule].trigger('start');	
107 | }	
108 | function startDownload(){
109 | 	//$( "#log" ).append("Starting download...<br>");
110 | 	rawModule = "download";
111 | 	module = rawModule.charAt(0).toUpperCase() + rawModule.slice(1);
112 | 	net[rawModule].start();
113 | }
114 | function startUpload(){
115 | 	//$( "#log" ).append("Starting upload...<br>");
116 | 	rawModule = "upload";
117 | 	module = rawModule.charAt(0).toUpperCase() + rawModule.slice(1);
118 | 	net[rawModule].start();
119 | }
120 | function start(size){
121 | 	if( rawModule != "latency" )
122 | 		$( "#log" ).append("Starting " + rawModule + " measures " + "with " + (size / 1024 / 1024) + "MB" + " of data" + "...<br>");
123 | }
124 | function progress(avg, instant, loaded, size) {
125 | 	size = size/1024/1024/2;
126 | 	loaded = loaded/1024/1024;
127 | 	if( rawModule == "download"){
128 | 		ntmt_progressBar(loaded*100/size, $('#progressBarDown'));
129 | 		ntmtTesterDialDown.drawDial(avg/1024*8);
130 | 	} else {
131 | 		ntmt_progressBar(loaded*100/size, $('#progressBarUp'));
132 | 		ntmtTesterDialUp.drawDial(avg/1024*8);
133 | 	}
134 | }
135 | function end(avg) {
136 | 	if( rawModule == "download" ){
137 | 		ntmt_progressBar(100, $('#progressBarDown'));
138 | 		var downloadResult = (avg / 1024 / 1024 * 8);
139 | 		$( "#log" ).append("<b>Finished download, average: " + ntmt_getvalue(downloadResult) + "Mbps<br></b>");
140 | 		setTimeout("startUpload()", 2000);
141 | 	} else {
142 | 		ntmt_progressBar(100, $('#progressBarUp'));
143 | 		var uploadResult = (avg / 1024 / 1024 * 8);
144 | 		$( "#log" ).append("<b>Finished upload, average: " + ntmt_getvalue(uploadResult) + "Mbps<br></b>");
145 | 		$( "#start" ).empty().append(" Restart test");
146 | 		UI.stop();
147 | 		UI.$btnStart.on('click', UI.reset);
148 | 	}
149 | }
150 |     net.upload.on('start', start).on('progress', progress).on('restart', UI.restart).on('end', end);
151 |     net.download.on('start', start).on('progress', progress).on('restart', UI.restart).on('end', end);
152 |     net.latency
153 |         .on('start', start)
154 |         .on('end', function(avg, all) {
155 |             all = all.map(function(latency) {
156 | 	    ntmtTesterDialPing.drawDial(latency);	
157 | 	    return UI.value(latency, 'ms');
158 |             });
159 | 
160 |             all = '[ ' + all.join(' , ') + ' ]';
161 | 	
162 | 	    $( "#log" ).append("Latency: " + all + "<br>");
163 |             $( "#log" ).append("<b>Average latency: " + ntmt_getvalue(avg) + "ms <br></b>");
164 | 	    ntmtTesterDialPing.drawDial(avg);
165 | 	    setTimeout("startDownload()", 2000);
166 |    });
167 | 
168 |     /*
169 |      * Bindings
170 |      */
171 | 
172 |     UI.$btnStart.on('click', UI.start);
173 |     UI.$btnAbort.on('click', UI.abort);
174 | 	
175 | 	
176 | 	
177 | 


--------------------------------------------------------------------------------
/network.js:
--------------------------------------------------------------------------------
   1 | (function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.Network = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
   2 | 'use strict';
   3 | 
   4 | Object.defineProperty(exports, '__esModule', {
   5 |     value: true
   6 | });
   7 | 
   8 | var _createDecoratedClass = (function () { function defineProperties(target, descriptors, initializers) { for (var i = 0; i < descriptors.length; i++) { var descriptor = descriptors[i]; var decorators = descriptor.decorators; var key = descriptor.key; delete descriptor.key; delete descriptor.decorators; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor || descriptor.initializer) descriptor.writable = true; if (decorators) { for (var f = 0; f < decorators.length; f++) { var decorator = decorators[f]; if (typeof decorator === 'function') { descriptor = decorator(target, key, descriptor) || descriptor; } else { throw new TypeError('The decorator for method ' + descriptor.key + ' is of the invalid type ' + typeof decorator); } } if (descriptor.initializer !== undefined) { initializers[key] = descriptor; continue; } } Object.defineProperty(target, key, descriptor); } } return function (Constructor, protoProps, staticProps, protoInitializers, staticInitializers) { if (protoProps) defineProperties(Constructor.prototype, protoProps, protoInitializers); if (staticProps) defineProperties(Constructor, staticProps, staticInitializers); return Constructor; }; })();
   9 | 
  10 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
  11 | 
  12 | function _defineDecoratedPropertyDescriptor(target, key, descriptors) { var _descriptor = descriptors[key]; if (!_descriptor) return; var descriptor = {}; for (var _key in _descriptor) descriptor[_key] = _descriptor[_key]; descriptor.value = descriptor.initializer.call(target); Object.defineProperty(target, key, descriptor); }
  13 | 
  14 | var _utilsDecorators = require('../utils/decorators');
  15 | 
  16 | /**
  17 |  * A callback used as an event handler.
  18 |  * @public
  19 |  * @callback EventDispatcher~eventHandler
  20 |  * @param {...*} args The extra parameters provided to the `trigger` method.
  21 |  * @returns {?boolean} If `false` is explicitly returned, the `trigger` method will return `false`.
  22 |  */
  23 | 
  24 | /**
  25 |  * @class EventDispatcher
  26 |  */
  27 | 
  28 | var EventDispatcher = (function () {
  29 |     var _instanceInitializers = {};
  30 | 
  31 |     function EventDispatcher() {
  32 |         _classCallCheck(this, EventDispatcher);
  33 | 
  34 |         _defineDecoratedPropertyDescriptor(this, '_eventCallbacks', _instanceInitializers);
  35 |     }
  36 | 
  37 |     _createDecoratedClass(EventDispatcher, [{
  38 |         key: 'on',
  39 | 
  40 |         /**
  41 |          * Attach a callback to one or more events.
  42 |          * @public
  43 |          * @method EventDispatcher#on
  44 |          * @param {string|string[]} events One or multiple event names.
  45 |          * @param {EventDispatcher~eventHandler} callback An event handler.
  46 |          * @returns {EventDispatcher}
  47 |          */
  48 |         value: function on(events, callback) {
  49 |             var _this = this;
  50 | 
  51 |             events = Array.isArray(events) ? events : [events];
  52 | 
  53 |             events.forEach(function (event) {
  54 |                 var eventCallbacks = _this._eventCallbacks[event] = _this._eventCallbacks[event] || [];
  55 | 
  56 |                 // If the callback isn't already registered, store it.
  57 |                 if (! ~eventCallbacks.indexOf(callback)) {
  58 |                     eventCallbacks.push(callback);
  59 |                 }
  60 |             });
  61 | 
  62 |             return this;
  63 |         }
  64 | 
  65 |         /**
  66 |          * Detach a callback from one or more events.
  67 |          * @public
  68 |          * @method EventDispatcher#off
  69 |          * @param {string|string[]} events One or multiple event names.
  70 |          * @param {EventDispatcher~eventHandler} [callback=null] An event handler.
  71 |          * @returns {EventDispatcher}
  72 |          */
  73 |     }, {
  74 |         key: 'off',
  75 |         value: function off(events) {
  76 |             var _this2 = this;
  77 | 
  78 |             var callback = arguments.length <= 1 || arguments[1] === undefined ? null : arguments[1];
  79 | 
  80 |             events = Array.isArray(events) ? events : [events];
  81 | 
  82 |             events.forEach(function (event) {
  83 |                 var eventCallbacks = _this2._eventCallbacks[event];
  84 | 
  85 |                 // If there is no specified callback, simply delete all the callbacks binded to the provided event.
  86 |                 if (!callback && eventCallbacks) {
  87 |                     delete _this2._eventCallbacks[event];
  88 |                 } else {
  89 |                     var callbackIndex = eventCallbacks ? eventCallbacks.indexOf(callback) : -1;
  90 | 
  91 |                     // If the callback is registered, remove it from the array.
  92 |                     if (callbackIndex != -1) {
  93 |                         eventCallbacks.splice(callbackIndex, 1);
  94 |                     }
  95 |                 }
  96 |             });
  97 | 
  98 |             return this;
  99 |         }
 100 | 
 101 |         /**
 102 |          * Trigger an event.
 103 |          * @public
 104 |          * @method EventDispatcher#trigger
 105 |          * @param {string} event An event name.
 106 |          * @param {...*} extraParameters Some extra parameters to pass to the event handlers.
 107 |          * @returns {boolean} Returns `false` if one of the event handlers explicitly returned `false`.
 108 |          */
 109 |     }, {
 110 |         key: 'trigger',
 111 |         value: function trigger(event) {
 112 |             for (var _len = arguments.length, extraParameters = Array(_len > 1 ? _len - 1 : 0), _key2 = 1; _key2 < _len; _key2++) {
 113 |                 extraParameters[_key2 - 1] = arguments[_key2];
 114 |             }
 115 | 
 116 |             var eventCallbacks = this._eventCallbacks[event] || [];
 117 | 
 118 |             // A callback can return a boolean value which will be logically compared to the other callbacks values before
 119 |             // being returned by the trigger() method. This allows a callback to send a "signal" to the caller, like
 120 |             // cancelling an action.
 121 |             var returnValue = true;
 122 | 
 123 |             eventCallbacks.forEach(function (eventCallback) {
 124 |                 // A callback must explicitly return false if it wants the trigger() method to return false, undefined will
 125 |                 // not work. This avoids crappy callbacks to mess up with the triggering system.
 126 |                 var value = eventCallback.apply(undefined, extraParameters);
 127 |                 value = value !== false ? true : false;
 128 | 
 129 |                 returnValue = returnValue && value; // Compare the result of the callback to the actual return value
 130 |             });
 131 | 
 132 |             return returnValue;
 133 |         }
 134 |     }, {
 135 |         key: '_eventCallbacks',
 136 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 137 |         initializer: function initializer() {
 138 |             return {};
 139 |         },
 140 |         enumerable: true
 141 |     }], null, _instanceInitializers);
 142 | 
 143 |     return EventDispatcher;
 144 | })();
 145 | 
 146 | exports['default'] = EventDispatcher;
 147 | module.exports = exports['default'];
 148 | 
 149 | /**
 150 |  * All the registered event callbacks, organized by events.
 151 |  * @private
 152 |  * @member {Object} EventDispatcher#_eventCallbacks
 153 |  */
 154 | 
 155 | },{"../utils/decorators":7}],2:[function(require,module,exports){
 156 | 'use strict';
 157 | 
 158 | Object.defineProperty(exports, '__esModule', {
 159 |     value: true
 160 | });
 161 | 
 162 | var _createDecoratedClass = (function () { function defineProperties(target, descriptors, initializers) { for (var i = 0; i < descriptors.length; i++) { var descriptor = descriptors[i]; var decorators = descriptor.decorators; var key = descriptor.key; delete descriptor.key; delete descriptor.decorators; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor || descriptor.initializer) descriptor.writable = true; if (decorators) { for (var f = 0; f < decorators.length; f++) { var decorator = decorators[f]; if (typeof decorator === 'function') { descriptor = decorator(target, key, descriptor) || descriptor; } else { throw new TypeError('The decorator for method ' + descriptor.key + ' is of the invalid type ' + typeof decorator); } } if (descriptor.initializer !== undefined) { initializers[key] = descriptor; continue; } } Object.defineProperty(target, key, descriptor); } } return function (Constructor, protoProps, staticProps, protoInitializers, staticInitializers) { if (protoProps) defineProperties(Constructor.prototype, protoProps, protoInitializers); if (staticProps) defineProperties(Constructor, staticProps, staticInitializers); return Constructor; }; })();
 163 | 
 164 | var _get = function get(_x2, _x3, _x4) { var _again = true; _function: while (_again) { var object = _x2, property = _x3, receiver = _x4; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x2 = parent; _x3 = property; _x4 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
 165 | 
 166 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 167 | 
 168 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
 169 | 
 170 | function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 171 | 
 172 | function _defineDecoratedPropertyDescriptor(target, key, descriptors) { var _descriptor = descriptors[key]; if (!_descriptor) return; var descriptor = {}; for (var _key in _descriptor) descriptor[_key] = _descriptor[_key]; descriptor.value = descriptor.initializer.call(target); Object.defineProperty(target, key, descriptor); }
 173 | 
 174 | var _HttpModule2 = require('./HttpModule');
 175 | 
 176 | var _HttpModule3 = _interopRequireDefault(_HttpModule2);
 177 | 
 178 | var _Timing = require('../Timing');
 179 | 
 180 | var _Timing2 = _interopRequireDefault(_Timing);
 181 | 
 182 | var _utilsHelpers = require('../../utils/helpers');
 183 | 
 184 | var _utilsDecorators = require('../../utils/decorators');
 185 | 
 186 | /**
 187 |  * @public
 188 |  * @typedef {Object} BandwidthModule~settingsObject
 189 |  * @extends HttpModule~settingsObject
 190 |  * @property {Object} data
 191 |  * @property {number} data.size The amount of data to initially use.
 192 |  * @property {number} [data.multiplier=2] If the measure period can't reach the delay defined in the settings, the data amount is multiplied by the following value.
 193 |  */
 194 | 
 195 | /**
 196 |  * Apply a new set of custom settings.
 197 |  * @public
 198 |  * @method BandwidthModule#settings
 199 |  * @param {BandwidthModule~settingsObject} settings A set of custom settings.
 200 |  * @returns {BandwidthModule}
 201 |  */
 202 | /**
 203 |  * Return the current set of settings.
 204 |  * @public
 205 |  * @method BandwidthModule#settings^2
 206 |  * @returns {BandwidthModule~settingsObject}
 207 |  */
 208 | 
 209 | /**
 210 |  * @class BandwidthModule
 211 |  * @extends HttpModule
 212 |  * @param {string} loadingType The loading type, `upload` or `download`.
 213 |  * @param {BandwidthModule~settingsObject} [settings={}] A set of custom settings.
 214 |  */
 215 | 
 216 | var BandwidthModule = (function (_HttpModule) {
 217 |     var _instanceInitializers = {};
 218 |     var _instanceInitializers = {};
 219 | 
 220 |     _inherits(BandwidthModule, _HttpModule);
 221 | 
 222 |     _createDecoratedClass(BandwidthModule, [{
 223 |         key: '_loadingType',
 224 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 225 |         initializer: function initializer() {
 226 |             return undefined;
 227 |         },
 228 | 
 229 |         /**
 230 |          *
 231 |          * @private
 232 |          * @member {boolean} BandwidthModule#_intendedEnd
 233 |          */
 234 |         enumerable: true
 235 |     }, {
 236 |         key: '_intendedEnd',
 237 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 238 |         initializer: function initializer() {
 239 |             return false;
 240 |         },
 241 | 
 242 |         /**
 243 |          *
 244 |          * @private
 245 |          * @member {boolean} BandwidthModule#_isRestarting
 246 |          */
 247 |         enumerable: true
 248 |     }, {
 249 |         key: '_isRestarting',
 250 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 251 |         initializer: function initializer() {
 252 |             return false;
 253 |         },
 254 | 
 255 |         /**
 256 |          * Tracks the value of the `loaded` property for each progress event.
 257 |          * @private
 258 |          * @member {?number} BandwidthModule#_lastLoadedValue
 259 |          */
 260 |         enumerable: true
 261 |     }, {
 262 |         key: '_lastLoadedValue',
 263 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 264 |         initializer: function initializer() {
 265 |             return null;
 266 |         },
 267 | 
 268 |         /**
 269 |          * The recorded measures of speed.
 270 |          * @private
 271 |          * @member {number[]} BandwidthModule#_speedRecords
 272 |          */
 273 |         enumerable: true
 274 |     }, {
 275 |         key: '_speedRecords',
 276 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 277 |         initializer: function initializer() {
 278 |             return [];
 279 |         },
 280 | 
 281 |         /**
 282 |          * The average speed.
 283 |          * @private
 284 |          * @member {number} BandwidthModule#_avgSpeed
 285 |          */
 286 |         enumerable: true
 287 |     }, {
 288 |         key: '_avgSpeed',
 289 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 290 |         initializer: function initializer() {
 291 |             return undefined;
 292 |         },
 293 | 
 294 |         /**
 295 |          * The ID of the current request.
 296 |          * @private
 297 |          * @member {number} BandwidthModule#_requestID
 298 |          */
 299 |         enumerable: true
 300 |     }, {
 301 |         key: '_requestID',
 302 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 303 |         initializer: function initializer() {
 304 |             return 0;
 305 |         },
 306 | 
 307 |         /**
 308 |          * The ID of the current progress event.
 309 |          * @private
 310 |          * @member {number} BandwidthModule#_progressID
 311 |          */
 312 |         enumerable: true
 313 |     }, {
 314 |         key: '_progressID',
 315 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 316 |         initializer: function initializer() {
 317 |             return 0;
 318 |         },
 319 | 
 320 |         /**
 321 |          * Defines if measures have started.
 322 |          * @private
 323 |          * @member {boolean} BandwidthModule#_started
 324 |          */
 325 |         enumerable: true
 326 |     }, {
 327 |         key: '_started',
 328 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 329 |         initializer: function initializer() {
 330 |             return false;
 331 |         },
 332 | 
 333 |         /**
 334 |          * Defines if the current progress event is the first one triggered for the current request.
 335 |          * @private
 336 |          * @member {boolean} BandwidthModule#_firstProgress
 337 |          */
 338 |         enumerable: true
 339 |     }, {
 340 |         key: '_firstProgress',
 341 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 342 |         initializer: function initializer() {
 343 |             return true;
 344 |         },
 345 | 
 346 |         /**
 347 |          * @private
 348 |          * @member {Defer} BandwidthModule#_deferredProgress
 349 |          */
 350 |         enumerable: true
 351 |     }, {
 352 |         key: '_deferredProgress',
 353 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 354 |         initializer: function initializer() {
 355 |             return undefined;
 356 |         },
 357 | 
 358 |         /**
 359 |          * Unique labels for each request, exclusively used to make measures.
 360 |          * @private
 361 |          * @member {Object} BandwidthModule#_timingLabels
 362 |          * @property {?string} start
 363 |          * @property {?string} progress
 364 |          * @property {?string} end
 365 |          * @property {?string} measure
 366 |          */
 367 |         enumerable: true
 368 |     }, {
 369 |         key: '_timingLabels',
 370 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 371 |         initializer: function initializer() {
 372 |             return {
 373 |                 start: null,
 374 |                 progress: null,
 375 |                 end: null,
 376 |                 measure: null
 377 |             };
 378 |         },
 379 |         enumerable: true
 380 |     }], null, _instanceInitializers);
 381 | 
 382 |     function BandwidthModule(loadingType) {
 383 |         var _this = this;
 384 | 
 385 |         var settings = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
 386 | 
 387 |         _classCallCheck(this, BandwidthModule);
 388 | 
 389 |         loadingType = ~['upload', 'download'].indexOf(loadingType) ? loadingType : 'download';
 390 | 
 391 |         _get(Object.getPrototypeOf(BandwidthModule.prototype), 'constructor', this).call(this, loadingType);
 392 | 
 393 |         _defineDecoratedPropertyDescriptor(this, '_loadingType', _instanceInitializers);
 394 | 
 395 |         _defineDecoratedPropertyDescriptor(this, '_intendedEnd', _instanceInitializers);
 396 | 
 397 |         _defineDecoratedPropertyDescriptor(this, '_isRestarting', _instanceInitializers);
 398 | 
 399 |         _defineDecoratedPropertyDescriptor(this, '_lastLoadedValue', _instanceInitializers);
 400 | 
 401 |         _defineDecoratedPropertyDescriptor(this, '_speedRecords', _instanceInitializers);
 402 | 
 403 |         _defineDecoratedPropertyDescriptor(this, '_avgSpeed', _instanceInitializers);
 404 | 
 405 |         _defineDecoratedPropertyDescriptor(this, '_requestID', _instanceInitializers);
 406 | 
 407 |         _defineDecoratedPropertyDescriptor(this, '_progressID', _instanceInitializers);
 408 | 
 409 |         _defineDecoratedPropertyDescriptor(this, '_started', _instanceInitializers);
 410 | 
 411 |         _defineDecoratedPropertyDescriptor(this, '_firstProgress', _instanceInitializers);
 412 | 
 413 |         _defineDecoratedPropertyDescriptor(this, '_deferredProgress', _instanceInitializers);
 414 | 
 415 |         _defineDecoratedPropertyDescriptor(this, '_timingLabels', _instanceInitializers);
 416 | 
 417 |         this._extendDefaultSettings({
 418 |             data: {
 419 |                 // 2 MB for upload, 10 MB for download
 420 |                 size: loadingType == 'upload' ? 2 * 1024 * 1024 : 10 * 1024 * 1024,
 421 |                 multiplier: 2
 422 |             }
 423 |         }).settings(settings);
 424 | 
 425 |         this._loadingType = loadingType;
 426 | 
 427 |         // Bind to XHR events
 428 |         this.on('xhr-upload-loadstart', function () {
 429 |             return _Timing2['default'].mark(_this._timingLabels.start);
 430 |         });
 431 |         this.on('xhr-readystatechange', function (xhr) {
 432 |             if (!_this._started && xhr.readyState == XMLHttpRequest.LOADING) {
 433 |                 _Timing2['default'].mark(_this._timingLabels.start);
 434 |                 _this._started = true;
 435 |             }
 436 |         });
 437 | 
 438 |         var eventsPrefix = loadingType == 'upload' ? 'xhr-upload' : 'xhr';
 439 | 
 440 |         this.on(eventsPrefix + '-progress', function (xhr, event) {
 441 |             return _this._progress(event);
 442 |         });
 443 |         this.on(eventsPrefix + '-timeout', function () {
 444 |             return _this._timeout();
 445 |         });
 446 |         this.on(eventsPrefix + '-loadend', function () {
 447 |             return _this._end();
 448 |         });
 449 |     }
 450 | 
 451 |     /**
 452 |      * Start requesting the server to make measures.
 453 |      * @public
 454 |      * @method BandwidthModule#start
 455 |      * @returns {BandwidthModule}
 456 |      */
 457 | 
 458 |     _createDecoratedClass(BandwidthModule, [{
 459 |         key: 'start',
 460 |         value: function start() {
 461 |             var loadingType = this._loadingType,
 462 |                 dataSettings = this.settings().data,
 463 |                 reqID = this._requestID++;
 464 | 
 465 |             this._intendedEnd = false;
 466 |             this._lastLoadedValue = null;
 467 |             this._speedRecords = [];
 468 |             this._started = false;
 469 |             this._firstProgress = true;
 470 |             this._deferredProgress = (0, _utilsHelpers.defer)();
 471 | 
 472 |             // Trigger the start event
 473 |             if (!this._isRestarting) {
 474 |                 this.trigger('start', dataSettings.size);
 475 |             }
 476 | 
 477 |             // Create unique timing labels for the new request
 478 |             var labels = this._timingLabels;
 479 |             labels.start = loadingType + '-' + reqID + '-start';
 480 |             labels.progress = loadingType + '-' + reqID + '-progress';
 481 |             labels.end = loadingType + '-' + reqID + '-end';
 482 |             labels.measure = loadingType + '-' + reqID + '-measure';
 483 | 
 484 |             // Generate some random data to upload to the server. Here we're using a Blob instead of an ArrayBuffer because
 485 |             // of a bug in Chrome (tested in v33.0.1750.146), causing a freeze of the page while trying to directly upload
 486 |             // an ArrayBuffer (through an ArrayBufferView). The freeze lasts nearly 4.5s for 10MB of data. Using a Blob
 487 |             // seems to solve the problem.
 488 |             var blob = loadingType == 'upload' ? new Blob([new ArrayBuffer(dataSettings.size)]) : null;
 489 | 
 490 |             var type = loadingType == 'download' ? 'GET' : 'POST';
 491 | 
 492 |             // Initiate and send a new request
 493 |             this._newRequest(type, {
 494 |                 size: dataSettings.size
 495 |             })._sendRequest(blob);
 496 | 
 497 |             return this;
 498 |         }
 499 | 
 500 |         /**
 501 |          * Abort the measures.
 502 |          * @public
 503 |          * @method BandwidthModule#abort
 504 |          * @returns {BandwidthModule}
 505 |          */
 506 |     }, {
 507 |         key: 'abort',
 508 |         value: function abort() {
 509 |             this._intendedEnd = true;
 510 |             return this._abort();
 511 |         }
 512 | 
 513 |         /**
 514 |          * Make bandwidth measures for the current request.
 515 |          * @private
 516 |          * @method BandwidthModule#_progress
 517 |          * @param {ProgressEvent} event The event associated with the progress event of the current request.
 518 |          * @returns {BandwidthModule}
 519 |          */
 520 |     }, {
 521 |         key: '_progress',
 522 |         value: function _progress(event) {
 523 |             var _this2 = this;
 524 | 
 525 |             // Ignore the first progress event, it generally contributes to get incoherent values.
 526 |             if (this._firstProgress) return this._firstProgress = false;
 527 | 
 528 |             // Execute the previous progress trigger
 529 |             this._deferredProgress.run();
 530 | 
 531 |             var labels = this._timingLabels,
 532 |                 progressID = this._progressID++,
 533 |                 markLabel = labels.progress + '-' + progressID,
 534 |                 loaded = event.loaded;
 535 | 
 536 |             _Timing2['default'].mark(markLabel);
 537 | 
 538 |             // Measure the average speed (B/s) since the request started
 539 |             var avgMeasure = _Timing2['default'].measure(labels.measure + '-avg-' + progressID, labels.start, markLabel),
 540 |                 avgSpeed = loaded / avgMeasure * 1000;
 541 | 
 542 |             var instantSpeed;
 543 | 
 544 |             if (this._lastLoadedValue === null) {
 545 |                 // We are executing the first progress event of the current request
 546 |                 instantSpeed = avgSpeed; // The instant speed of the first progress event is equal to the average one
 547 |             } else {
 548 |                     // Measure the instant speed (B/s), which defines the speed between two progress events.
 549 |                     var instantMeasure = _Timing2['default'].measure(labels.measure + '-instant-' + progressID,
 550 |                     // Set the mark of the previous progress event as the starting point
 551 |                     labels.progress + '-' + (progressID - 1), markLabel);
 552 |                     instantSpeed = (loaded - this._lastLoadedValue) / instantMeasure * 1000;
 553 |                 }
 554 | 
 555 |             // Save the `loaded` property of the event for the next progress event
 556 |             this._lastLoadedValue = loaded;
 557 | 	    var dataSettings = this.settings().data,
 558 |             size = dataSettings.size * dataSettings.multiplier;
 559 | 
 560 |             // Defer measures saving and event triggering, this allows to cancel the last progress event, which can generate
 561 |             // incoherent values.
 562 |             this._deferredProgress = (0, _utilsHelpers.defer)(function () {
 563 |                 _this2._avgSpeed = avgSpeed;
 564 |                 _this2._speedRecords.push(instantSpeed);
 565 | 
 566 |                 _this2.trigger('progress', avgSpeed, instantSpeed, loaded, size);
 567 |             });
 568 | 
 569 |             return this;
 570 |         }
 571 | 
 572 |         /**
 573 |          * Mark the current request as entirely finished (this means it ended after a time out).
 574 |          * @private
 575 |          * @method BandwidthModule#_timeout
 576 |          * @returns {BandwidthModule}
 577 |          */
 578 |     }, {
 579 |         key: '_timeout',
 580 |         value: function _timeout() {
 581 |             this._intendedEnd = true;
 582 |             return this;
 583 |         }
 584 | 
 585 |         /**
 586 |          * End the measures.
 587 |          * @private
 588 |          * @method BandwidthModule#_end
 589 |          * @returns {BandwidthModule}
 590 |          */
 591 |     }, {
 592 |         key: '_end',
 593 |         value: function _end() {
 594 |             // A timeout or an abort occured, bypass the further requests and trigger the "end" event.
 595 |             if (this._intendedEnd) {
 596 |                 this._isRestarting = false;
 597 |                 this.trigger('end', this._avgSpeed, this._speedRecords);
 598 |             }
 599 | 
 600 |             // The request ended to early, restart it with an increased data size.
 601 |             else {
 602 |                     var dataSettings = this.settings().data,
 603 |                         size = dataSettings.size * dataSettings.multiplier;
 604 | 
 605 |                     this.settings({ data: { size: size } });
 606 |                     this.trigger('restart', size);
 607 | 
 608 |                     this._isRestarting = true;
 609 |                     this.start();
 610 |                 }
 611 | 
 612 |             return this;
 613 |         }
 614 |     }], null, _instanceInitializers);
 615 | 
 616 |     return BandwidthModule;
 617 | })(_HttpModule3['default']);
 618 | 
 619 | exports['default'] = BandwidthModule;
 620 | module.exports = exports['default'];
 621 | 
 622 | /**
 623 |  *
 624 |  * @private
 625 |  * @member {string} BandwidthModule#_loadingType
 626 |  */
 627 | 
 628 | },{"../../utils/decorators":7,"../../utils/helpers":8,"../Timing":6,"./HttpModule":3}],3:[function(require,module,exports){
 629 | 'use strict';
 630 | 
 631 | Object.defineProperty(exports, '__esModule', {
 632 |     value: true
 633 | });
 634 | 
 635 | var _createDecoratedClass = (function () { function defineProperties(target, descriptors, initializers) { for (var i = 0; i < descriptors.length; i++) { var descriptor = descriptors[i]; var decorators = descriptor.decorators; var key = descriptor.key; delete descriptor.key; delete descriptor.decorators; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor || descriptor.initializer) descriptor.writable = true; if (decorators) { for (var f = 0; f < decorators.length; f++) { var decorator = decorators[f]; if (typeof decorator === 'function') { descriptor = decorator(target, key, descriptor) || descriptor; } else { throw new TypeError('The decorator for method ' + descriptor.key + ' is of the invalid type ' + typeof decorator); } } if (descriptor.initializer !== undefined) { initializers[key] = descriptor; continue; } } Object.defineProperty(target, key, descriptor); } } return function (Constructor, protoProps, staticProps, protoInitializers, staticInitializers) { if (protoProps) defineProperties(Constructor.prototype, protoProps, protoInitializers); if (staticProps) defineProperties(Constructor, staticProps, staticInitializers); return Constructor; }; })();
 636 | 
 637 | var _get = function get(_x4, _x5, _x6) { var _again = true; _function: while (_again) { var object = _x4, property = _x5, receiver = _x6; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x4 = parent; _x5 = property; _x6 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
 638 | 
 639 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 640 | 
 641 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
 642 | 
 643 | function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 644 | 
 645 | function _defineDecoratedPropertyDescriptor(target, key, descriptors) { var _descriptor = descriptors[key]; if (!_descriptor) return; var descriptor = {}; for (var _key in _descriptor) descriptor[_key] = _descriptor[_key]; descriptor.value = descriptor.initializer.call(target); Object.defineProperty(target, key, descriptor); }
 646 | 
 647 | var _EventDispatcher2 = require('../EventDispatcher');
 648 | 
 649 | var _EventDispatcher3 = _interopRequireDefault(_EventDispatcher2);
 650 | 
 651 | var _utilsHelpers = require('../../utils/helpers');
 652 | 
 653 | var _utilsDecorators = require('../../utils/decorators');
 654 | 
 655 | /**
 656 |  * @public
 657 |  * @typedef {Object} HttpModule~settingsObject
 658 |  * @property {string} [endpoint=./network.php] Where is located your `network.php` file.
 659 |  * @property {number} [delay=8000] The delay while you want to take measures.
 660 |  */
 661 | 
 662 | /**
 663 |  * @class HttpModule
 664 |  * @extends EventDispatcher
 665 |  * @param {string} moduleName The name of the instanciated module.
 666 |  * @param {HttpModule~settingsObject} [settings={}] A set of custom settings.
 667 |  */
 668 | 
 669 | var HttpModule = (function (_EventDispatcher) {
 670 |     var _instanceInitializers = {};
 671 |     var _instanceInitializers = {};
 672 | 
 673 |     _inherits(HttpModule, _EventDispatcher);
 674 | 
 675 |     _createDecoratedClass(HttpModule, [{
 676 |         key: '_defaultSettings',
 677 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 678 |         initializer: function initializer() {
 679 |             return null;
 680 |         },
 681 | 
 682 |         /**
 683 |          * The current settings.
 684 |          * @private
 685 |          * @member {?Object} HttpModule#_settings
 686 |          */
 687 |         enumerable: true
 688 |     }, {
 689 |         key: '_settings',
 690 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 691 |         initializer: function initializer() {
 692 |             return null;
 693 |         },
 694 | 
 695 |         /**
 696 |          * The module name, will be send to the server.
 697 |          * @private
 698 |          * @member {string} HttpModule#_moduleName
 699 |          */
 700 |         enumerable: true
 701 |     }, {
 702 |         key: '_moduleName',
 703 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 704 |         initializer: function initializer() {
 705 |             return undefined;
 706 |         },
 707 | 
 708 |         /**
 709 |          * The current XMLHttpRequest object.
 710 |          * @private
 711 |          * @member {?XMLHttpRequest} HttpModule#_xhr
 712 |          */
 713 |         enumerable: true
 714 |     }, {
 715 |         key: '_xhr',
 716 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 717 |         initializer: function initializer() {
 718 |             return null;
 719 |         },
 720 | 
 721 |         /**
 722 |          * An URL token to avoid any caching issues. Also allows to identify the request in the Resource Timing entries.
 723 |          * @private
 724 |          * @member {?string} HttpModule#_lastURLToken
 725 |          */
 726 |         enumerable: true
 727 |     }, {
 728 |         key: '_lastURLToken',
 729 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 730 |         initializer: function initializer() {
 731 |             return null;
 732 |         },
 733 | 
 734 |         /**
 735 |          * Defines if the module is currently running an HTTP request.
 736 |          * @private
 737 |          * @member {boolean} HttpModule#_requesting
 738 |          */
 739 |         enumerable: true
 740 |     }, {
 741 |         key: '_requesting',
 742 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 743 |         initializer: function initializer() {
 744 |             return false;
 745 |         },
 746 | 
 747 |         /**
 748 |          * Defines if the requesting status has been overridden by the `_setRequesting` method.
 749 |          * @private
 750 |          * @member {boolean} HttpModule#_requestingOverridden
 751 |          */
 752 |         enumerable: true
 753 |     }, {
 754 |         key: '_requestingOverridden',
 755 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
 756 |         initializer: function initializer() {
 757 |             return false;
 758 |         },
 759 |         enumerable: true
 760 |     }], null, _instanceInitializers);
 761 | 
 762 |     function HttpModule(moduleName) {
 763 |         var _this = this;
 764 | 
 765 |         var settings = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
 766 | 
 767 |         _classCallCheck(this, HttpModule);
 768 | 
 769 |         _get(Object.getPrototypeOf(HttpModule.prototype), 'constructor', this).call(this);
 770 | 
 771 |         _defineDecoratedPropertyDescriptor(this, '_defaultSettings', _instanceInitializers);
 772 | 
 773 |         _defineDecoratedPropertyDescriptor(this, '_settings', _instanceInitializers);
 774 | 
 775 |         _defineDecoratedPropertyDescriptor(this, '_moduleName', _instanceInitializers);
 776 | 
 777 |         _defineDecoratedPropertyDescriptor(this, '_xhr', _instanceInitializers);
 778 | 
 779 |         _defineDecoratedPropertyDescriptor(this, '_lastURLToken', _instanceInitializers);
 780 | 
 781 |         _defineDecoratedPropertyDescriptor(this, '_requesting', _instanceInitializers);
 782 | 
 783 |         _defineDecoratedPropertyDescriptor(this, '_requestingOverridden', _instanceInitializers);
 784 | 
 785 |         this._extendDefaultSettings({
 786 |             endpoint: './network.php',
 787 | 			//if under 8 sec restart the test and mult *2 size
 788 |             delay: 8000,
 789 | 			//ping measures
 790 | 			measures: 10,
 791 | 			//ping attempts
 792 | 			attempts: 3,
 793 |         });
 794 | 
 795 |         this.settings(settings);
 796 | 
 797 |         this._moduleName = moduleName;
 798 | 
 799 |         // Each time a request starts or ends, set the requesting value unless it has been overridden with the
 800 |         // _setRequesting() method.
 801 |         this.on(['xhr-loadstart', 'xhr-upload-loadstart'], function () {
 802 |             if (!_this._requestingOverridden) {
 803 |                 _this._requesting = true;
 804 |             }
 805 |         });
 806 | 
 807 |         this.on(['xhr-loadend', 'xhr-upload-loadend'], function () {
 808 |             if (!_this._requestingOverridden) {
 809 |                 _this._requesting = false;
 810 |             }
 811 |         });
 812 |     }
 813 | 
 814 |     /**
 815 |      * Apply a new set of custom settings.
 816 |      * @public
 817 |      * @method HttpModule#settings
 818 |      * @param {HttpModule~settingsObject} settings A set of custom settings.
 819 |      * @returns {HttpModule}
 820 |      */
 821 |     /**
 822 |      * Return the current set of settings.
 823 |      * @public
 824 |      * @method HttpModule#settings^2
 825 |      * @returns {HttpModule~settingsObject}
 826 |      */
 827 | 
 828 |     _createDecoratedClass(HttpModule, [{
 829 |         key: 'settings',
 830 |         value: function settings() {
 831 |             var _settings = arguments.length <= 0 || arguments[0] === undefined ? null : arguments[0];
 832 | 
 833 |             if ((0, _utilsHelpers.isObject)(_settings)) {
 834 |                 this._settings = (0, _utilsHelpers.assignStrict)(this._defaultSettings || {}, this._settings || {}, _settings);
 835 |                 return this;
 836 |             } else {
 837 |                 return (0, _utilsHelpers.copy)(this._settings || this._defaultSettings || {});
 838 |             }
 839 |         }
 840 | 
 841 |         /**
 842 |          * Return if the module is currently making a request.
 843 |          * @public
 844 |          * @method HttpModule#isRequesting
 845 |          * @returns {boolean} `true` if the module is requesting, otherwise `false`.
 846 |          */
 847 |     }, {
 848 |         key: 'isRequesting',
 849 |         value: function isRequesting() {
 850 |             return this._requesting;
 851 |         }
 852 | 
 853 |         /**
 854 |          * Extend the set of default settings.
 855 |          * @protected
 856 |          * @method HttpModule#_extendDefaultSettings
 857 |          * @param {Object} settings The new properties to add to the default settings.
 858 |          * @returns {HttpModule}
 859 |          */
 860 |     }, {
 861 |         key: '_extendDefaultSettings',
 862 |         value: function _extendDefaultSettings(settings) {
 863 |             this._defaultSettings = (0, _utilsHelpers.assign)(this._defaultSettings || {}, settings);
 864 |             return this;
 865 |         }
 866 | 
 867 |         /**
 868 |          * Create a new XHR request.
 869 |          * @protected
 870 |          * @method HttpModule#_newRequest
 871 |          * @param {string} httpMethod The HTTP method to use with the request, GET or POST.
 872 |          * @param {Object} queryParams The query parameters to use with the request.
 873 |          * @returns {HttpModule}
 874 |          */
 875 |     }, {
 876 |         key: '_newRequest',
 877 |         value: function _newRequest(httpMethod, queryParams) {
 878 |             var _this2 = this;
 879 | 
 880 |             // Check if a callback binded to the "_newRequest" event returns false, if it's the case, cancel the request
 881 |             // creation. If the requesting status has been overridden, there's no need to cancel the request since the user
 882 |             // should know what he's doing.
 883 |             if (!this.trigger('_newRequest') && !this._requestingOverridden) {
 884 |                 console.warn('To ensure accurate measures, you can only make one request at a time.');
 885 |                 return this;
 886 |             }
 887 | 
 888 |             var settings = this.settings(),
 889 |                 xhr = new XMLHttpRequest(),
 890 |                 validHttpMethods = ['GET', 'POST'];
 891 | 
 892 |             // Prepare the new request.
 893 |             if (! ~validHttpMethods.indexOf(httpMethod)) {
 894 |                 console.warn('The HTTP method must be GET or POST.');
 895 |                 return this;
 896 |             }
 897 | 
 898 |             queryParams = queryParams || {};
 899 | 
 900 |             var tokenSuffix = new Date().getTime();
 901 |             this._lastURLToken = 'network-' + tokenSuffix;
 902 | 
 903 |             // Append the query parameters
 904 |             var url = settings.endpoint;
 905 |             url += ~url.indexOf('?') ? '&' : '?';
 906 |             url += 'module=' + this._moduleName;
 907 | 
 908 |             Object.keys(queryParams).forEach(function (param) {
 909 |                 var value = encodeURIComponent(queryParams[param]);
 910 |                 url += '&' + param + '=' + value;
 911 |             });
 912 | 
 913 |             url += '&' + this._lastURLToken;
 914 | 
 915 |             xhr.open(httpMethod, url);
 916 | 
 917 |             // Abort the previous request if it hasn't been sent
 918 |             if (this._xhr && this._xhr.readyState == XMLHttpRequest.OPENED) {
 919 |                 this._xhr.abort();
 920 |             }
 921 | 
 922 |             // Replace the old request by the new one
 923 |             this._xhr = xhr;
 924 | 
 925 |             // Bind all the XHR events
 926 |             var events = ['loadstart', 'progress', 'abort', 'error', 'load', 'timeout', 'loadend', 'readystatechange'];
 927 | 
 928 |             events.forEach(function (eventType) {
 929 |                 xhr.addEventListener(eventType, function () {
 930 |                     for (var _len = arguments.length, args = Array(_len), _key2 = 0; _key2 < _len; _key2++) {
 931 |                         args[_key2] = arguments[_key2];
 932 |                     }
 933 | 
 934 |                     // A last progress event can be triggered once a request has timed out, ignore it.
 935 |                     if (eventType == 'progress' && !_this2._requesting) return;
 936 | 
 937 |                     _this2.trigger.apply(_this2, ['xhr-' + eventType, xhr].concat(args));
 938 |                 });
 939 | 
 940 |                 // The XMLHttpRequestUpload interface supports all the above event types except the "readystatechange" one
 941 |                 if (eventType != 'readystatechange') {
 942 |                     xhr.upload.addEventListener(eventType, function () {
 943 |                         for (var _len2 = arguments.length, args = Array(_len2), _key3 = 0; _key3 < _len2; _key3++) {
 944 |                             args[_key3] = arguments[_key3];
 945 |                         }
 946 | 
 947 |                         _this2.trigger.apply(_this2, ['xhr-upload-' + eventType, xhr].concat(args));
 948 |                     });
 949 |                 }
 950 |             });
 951 | 
 952 |             // Define the timeout of the request. We don't use the native `timeout` property since it can distort the
 953 |             // measures.
 954 |             // See: https://github.com/nesk/network.js/issues/26
 955 |             var startTimeout = function startTimeout(xhr) {
 956 |                 setTimeout(function () {
 957 |                     if (xhr.readyState != XMLHttpRequest.UNSENT && xhr.readyState != XMLHttpRequest.DONE) {
 958 |                         _this2.trigger('xhr-timeout');
 959 |                         _this2.trigger('xhr-upload-timeout');
 960 |                         xhr.abort();
 961 |                     }
 962 |                 }, settings.delay);
 963 |             };
 964 | 
 965 |             this.on('xhr-upload-loadstart', startTimeout).on('xhr-readystatechange', (function (timeoutStarted) {
 966 |                 return function (xhr) {
 967 |                     if (!timeoutStarted && xhr.readyState == XMLHttpRequest.LOADING) {
 968 |                         timeoutStarted = true;
 969 |                         startTimeout(xhr);
 970 |                     }
 971 |                 };
 972 |             })(false));
 973 | 
 974 |             return this;
 975 |         }
 976 | 
 977 |         /**
 978 |          * Send a newly created XHR request.
 979 |          * @protected
 980 |          * @method HttpModule#_sendRequest
 981 |          * @param {?*} [data=null] The data to send with the request.
 982 |          * @returns {HttpModule}
 983 |          */
 984 |     }, {
 985 |         key: '_sendRequest',
 986 |         value: function _sendRequest() {
 987 |             var data = arguments.length <= 0 || arguments[0] === undefined ? null : arguments[0];
 988 | 
 989 |             if (this._xhr && this._xhr.readyState == XMLHttpRequest.OPENED) {
 990 |                 this._xhr.send(data);
 991 |             } else {
 992 |                 console.warn('A request must have been created before sending any data.');
 993 |             }
 994 | 
 995 |             return this;
 996 |         }
 997 | 
 998 |         /**
 999 |          * Abort the current request.
1000 |          * @protected
1001 |          * @method HttpModule#_abort
1002 |          * @returns {HttpModule}
1003 |          */
1004 |     }, {
1005 |         key: '_abort',
1006 |         value: function _abort() {
1007 |             if (this._xhr) {
1008 |                 this._xhr.abort();
1009 |             }
1010 | 
1011 |             return this;
1012 |         }
1013 | 
1014 |         /**
1015 |          * Get the Resource Timing entry associated to the current request.
1016 |          * @protected
1017 |          * @method HttpModule#_getTimingEntry
1018 |          * @param {HttpModule~timingCallback} callback A callback used to send back the timing entry.
1019 |          * @returns {HttpModule}
1020 |          */
1021 |     }, {
1022 |         key: '_getTimingEntry',
1023 |         value: function _getTimingEntry(callback) {
1024 |             // The Resource Timing entries aren't immediately available once the 'load' event is triggered by an
1025 |             // XMLHttpRequest, we must wait for another process tick to check for a refreshed list.
1026 |             setTimeout((function (lastURLToken) {
1027 |                 return function () {
1028 |                     // Filter the timing entries to return only the one concerned by the last request made
1029 |                     var entries = performance.getEntriesByType('resource').filter(function (entry) {
1030 |                         return ~entry.name.indexOf(lastURLToken);
1031 |                     });
1032 | 
1033 |                     /**
1034 |                      * A callback used to send back the timing entry.
1035 |                      * @private
1036 |                      * @callback HttpModule~timingCallback
1037 |                      * @param {PerformanceResourceTiming} entry The Resource Timing entry associated to the current request.
1038 |                      */
1039 |                     callback(entries.length ? entries[0] : null);
1040 |                 };
1041 |             })(this._lastURLToken), 0);
1042 | 
1043 |             return this;
1044 |         }
1045 | 
1046 |         /**
1047 |          * Override the requesting status of the module.
1048 |          * @protected
1049 |          * @method HttpModule#_setRequesting
1050 |          * @param {boolean} isRequesting The requesting status.
1051 |          * @returns {HttpModule}
1052 |          */
1053 |     }, {
1054 |         key: '_setRequesting',
1055 |         value: function _setRequesting(isRequesting) {
1056 |             this._requestingOverridden = true;
1057 |             this._requesting = isRequesting;
1058 |             return this;
1059 |         }
1060 |     }], null, _instanceInitializers);
1061 | 
1062 |     return HttpModule;
1063 | })(_EventDispatcher3['default']);
1064 | 
1065 | exports['default'] = HttpModule;
1066 | module.exports = exports['default'];
1067 | 
1068 | /**
1069 |  * The default settings.
1070 |  * @private
1071 |  * @member {?Object} HttpModule#_defaultSettings
1072 |  */
1073 | 
1074 | },{"../../utils/decorators":7,"../../utils/helpers":8,"../EventDispatcher":1}],4:[function(require,module,exports){
1075 | 'use strict';
1076 | 
1077 | Object.defineProperty(exports, '__esModule', {
1078 |     value: true
1079 | });
1080 | 
1081 | var _createDecoratedClass = (function () { function defineProperties(target, descriptors, initializers) { for (var i = 0; i < descriptors.length; i++) { var descriptor = descriptors[i]; var decorators = descriptor.decorators; var key = descriptor.key; delete descriptor.key; delete descriptor.decorators; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor || descriptor.initializer) descriptor.writable = true; if (decorators) { for (var f = 0; f < decorators.length; f++) { var decorator = decorators[f]; if (typeof decorator === 'function') { descriptor = decorator(target, key, descriptor) || descriptor; } else { throw new TypeError('The decorator for method ' + descriptor.key + ' is of the invalid type ' + typeof decorator); } } if (descriptor.initializer !== undefined) { initializers[key] = descriptor; continue; } } Object.defineProperty(target, key, descriptor); } } return function (Constructor, protoProps, staticProps, protoInitializers, staticInitializers) { if (protoProps) defineProperties(Constructor.prototype, protoProps, protoInitializers); if (staticProps) defineProperties(Constructor, staticProps, staticInitializers); return Constructor; }; })();
1082 | 
1083 | var _get = function get(_x5, _x6, _x7) { var _again = true; _function: while (_again) { var object = _x5, property = _x6, receiver = _x7; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x5 = parent; _x6 = property; _x7 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
1084 | 
1085 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
1086 | 
1087 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
1088 | 
1089 | function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
1090 | 
1091 | function _defineDecoratedPropertyDescriptor(target, key, descriptors) { var _descriptor = descriptors[key]; if (!_descriptor) return; var descriptor = {}; for (var _key in _descriptor) descriptor[_key] = _descriptor[_key]; descriptor.value = descriptor.initializer.call(target); Object.defineProperty(target, key, descriptor); }
1092 | 
1093 | var _HttpModule2 = require('./HttpModule');
1094 | 
1095 | var _HttpModule3 = _interopRequireDefault(_HttpModule2);
1096 | 
1097 | var _Timing = require('../Timing');
1098 | 
1099 | var _Timing2 = _interopRequireDefault(_Timing);
1100 | 
1101 | var _utilsHelpers = require('../../utils/helpers');
1102 | 
1103 | var _utilsDecorators = require('../../utils/decorators');
1104 | 
1105 | /**
1106 |  * @public
1107 |  * @typedef {Object} LatencyModule~settingsObject
1108 |  * @property {string} [endpoint=./network.php] Where is located your `network.php` file.
1109 |  * @property {number} [measures=5] How many measures should be returned.
1110 |  * @property {number} [attempts=3] How much attempts to get a valid value should be done for each measure.
1111 |  */
1112 | 
1113 | /**
1114 |  * @class LatencyModule
1115 |  * @extends HttpModule
1116 |  * @param {LatencyModule~settingsObject} [settings={}] A set of custom settings.
1117 |  */
1118 | 
1119 | var LatencyModule = (function (_HttpModule) {
1120 |     var _instanceInitializers = {};
1121 |     var _instanceInitializers = {};
1122 | 
1123 |     _inherits(LatencyModule, _HttpModule);
1124 | 
1125 |     _createDecoratedClass(LatencyModule, [{
1126 |         key: '_supportsResourceTiming',
1127 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
1128 |         initializer: function initializer() {
1129 |             return undefined;
1130 |         },
1131 | 
1132 |         /**
1133 |          * The total number of requests left.
1134 |          * @private
1135 |          * @member {number} LatencyModule#_requestsLeft
1136 |          */
1137 |         enumerable: true
1138 |     }, {
1139 |         key: '_requestsLeft',
1140 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
1141 |         initializer: function initializer() {
1142 |             return undefined;
1143 |         },
1144 | 
1145 |         /**
1146 |          * The total number of attempts left.
1147 |          * @private
1148 |          * @member {number} LatencyModule#_attemptsLeft
1149 |          */
1150 |         enumerable: true
1151 |     }, {
1152 |         key: '_attemptsLeft',
1153 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
1154 |         initializer: function initializer() {
1155 |             return undefined;
1156 |         },
1157 | 
1158 |         /**
1159 |          * The measured latencies.
1160 |          * @private
1161 |          * @member {number[]} LatencyModule#_latencies
1162 |          */
1163 |         enumerable: true
1164 |     }, {
1165 |         key: '_latencies',
1166 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
1167 |         initializer: function initializer() {
1168 |             return undefined;
1169 |         },
1170 | 
1171 |         /**
1172 |          * The ID of the current request.
1173 |          * @private
1174 |          * @member {number} LatencyModule#_requestID
1175 |          */
1176 |         enumerable: true
1177 |     }, {
1178 |         key: '_requestID',
1179 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
1180 |         initializer: function initializer() {
1181 |             return 0;
1182 |         },
1183 | 
1184 |         /**
1185 |          * Unique labels for each request, exclusively used to make measures.
1186 |          * @private
1187 |          * @member {Object} LatencyModule#_requestID
1188 |          * @property {?string} start
1189 |          * @property {?string} end
1190 |          * @property {?string} measure
1191 |          */
1192 |         enumerable: true
1193 |     }, {
1194 |         key: '_timingLabels',
1195 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
1196 |         initializer: function initializer() {
1197 |             return {
1198 |                 start: null,
1199 |                 end: null,
1200 |                 measure: null
1201 |             };
1202 |         },
1203 |         enumerable: true
1204 |     }], null, _instanceInitializers);
1205 | 
1206 |     function LatencyModule() {
1207 |         var settings = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
1208 | 
1209 |         _classCallCheck(this, LatencyModule);
1210 | 
1211 |         _get(Object.getPrototypeOf(LatencyModule.prototype), 'constructor', this).call(this, 'latency');
1212 | 
1213 |         _defineDecoratedPropertyDescriptor(this, '_supportsResourceTiming', _instanceInitializers);
1214 | 
1215 |         _defineDecoratedPropertyDescriptor(this, '_requestsLeft', _instanceInitializers);
1216 | 
1217 |         _defineDecoratedPropertyDescriptor(this, '_attemptsLeft', _instanceInitializers);
1218 | 
1219 |         _defineDecoratedPropertyDescriptor(this, '_latencies', _instanceInitializers);
1220 | 
1221 |         _defineDecoratedPropertyDescriptor(this, '_requestID', _instanceInitializers);
1222 | 
1223 |         _defineDecoratedPropertyDescriptor(this, '_timingLabels', _instanceInitializers);
1224 | 
1225 |         this._extendDefaultSettings({
1226 |             measures: 5,
1227 |             attempts: 3
1228 |         }).settings(settings);
1229 | 
1230 |         this._defineResourceTimingSupport();
1231 |     }
1232 | 
1233 |     /**
1234 |      * Apply a new set of custom settings.
1235 |      * @public
1236 |      * @method LatencyModule#settings
1237 |      * @param {LatencyModule~settingsObject} settings A set of custom settings.
1238 |      * @returns {LatencyModule}
1239 |      */
1240 |     /**
1241 |      * Return the current set of settings.
1242 |      * @public
1243 |      * @method LatencyModule#settings^2
1244 |      * @returns {LatencyModule~settingsObject}
1245 |      */
1246 | 
1247 |     _createDecoratedClass(LatencyModule, [{
1248 |         key: 'settings',
1249 |         value: function settings() {
1250 |             var _settings = arguments.length <= 0 || arguments[0] === undefined ? null : arguments[0];
1251 | 
1252 |             if ((0, _utilsHelpers.isObject)(_settings)) {
1253 |                 return _get(Object.getPrototypeOf(LatencyModule.prototype), 'settings', this).call(this, (0, _utilsHelpers.assignStrict)(_settings, {
1254 |                     delay: 0 // We dont want any timeout during a latency calculation
1255 |                 }));
1256 |             } else {
1257 |                     return (0, _utilsHelpers.except)(_get(Object.getPrototypeOf(LatencyModule.prototype), 'settings', this).call(this), ['delay']);
1258 |                 }
1259 |         }
1260 | 
1261 |         /**
1262 |          * Start requesting the server to make measures.
1263 |          * @public
1264 |          * @method LatencyModule#start
1265 |          * @returns {LatencyModule}
1266 |          */
1267 |     }, {
1268 |         key: 'start',
1269 |         value: function start() {
1270 |             var _settings2 = this.settings();
1271 | 
1272 |             // Set the number of requests required to establish the network latency.
1273 |             var measures = _settings2.measures;
1274 |             var attempts = _settings2.attempts;
1275 |             this._requestsLeft = measures;
1276 |             this._attemptsLeft = attempts * measures;
1277 | 
1278 |             // If the browser doesn't support the Resource Timing API, add a request that will be ignored to avoid a longer
1279 |             // request due to a possible DNS/whatever fetch.
1280 |             if (!this._supportsResourceTiming) {
1281 |                 this._requestsLeft++;
1282 |                 this._attemptsLeft++;
1283 |             }
1284 | 
1285 |             // Override the requesting value since a complete latency request consists off multiple ones
1286 |             this._setRequesting(true);
1287 | 
1288 |             this._latencies = [];
1289 |             this._nextRequest();
1290 | 
1291 |             return this;
1292 |         }
1293 | 
1294 |         /**
1295 |          * Define if the module should support the Resource Timing API.
1296 |          * @private
1297 |          * @method LatencyModule#_defineResourceTimingSupport
1298 |          * @param {boolean} supportsResourceTiming If `undefined`, the support will be determined by feature detection.
1299 |          * @returns {LatencyModule}
1300 |          */
1301 |     }, {
1302 |         key: '_defineResourceTimingSupport',
1303 |         value: function _defineResourceTimingSupport(supportsResourceTiming) {
1304 |             var _this = this;
1305 | 
1306 |             if (typeof supportsResourceTiming !== 'boolean') supportsResourceTiming = _Timing2['default'].supportsResourceTiming;
1307 |             this._supportsResourceTiming = supportsResourceTiming;
1308 | 
1309 |             // Unregisters all the previously registered events, since this method can be called multiple times.
1310 |             this.off(['xhr-load', 'xhr-loadstart', 'xhr-readystatechange']);
1311 | 
1312 |             // Measure the latency with the Resource Timing API once the request is finished
1313 |             if (supportsResourceTiming) {
1314 |                 this.on('xhr-load', function () {
1315 |                     return _this._measure();
1316 |                 });
1317 |             }
1318 | 
1319 |             // If the browser doesn't support the Resource Timing API, we fallback on a Datetime solution.
1320 |             else {
1321 |                     // Set a mark when the request starts
1322 |                     this.on('xhr-loadstart', function () {
1323 |                         return _Timing2['default'].mark(_this._timingLabels.start);
1324 |                     });
1325 | 
1326 |                     // Then make a measure with the previous mark
1327 |                     this.on('xhr-readystatechange', function (xhr) {
1328 |                         return _this._measure(xhr);
1329 |                     });
1330 |                 }
1331 |         }
1332 | 
1333 |         /**
1334 |          * Initiate the next request used for latency measures.
1335 |          * @private
1336 |          * @method LatencyModule#_nextRequest
1337 |          * @param {boolean} [retry=false] Defines if the next request is a retry due to a failing request or not.
1338 |          * @returns {LatencyModule}
1339 |          */
1340 |     }, {
1341 |         key: '_nextRequest',
1342 |         value: function _nextRequest() {
1343 |             var _this2 = this;
1344 | 
1345 |             var retry = arguments.length <= 0 || arguments[0] === undefined ? false : arguments[0];
1346 | 
1347 |             var reqID = this._requestID++;
1348 |             var requestsLeft = retry ? this._requestsLeft : this._requestsLeft--;
1349 | 
1350 |             if (this._attemptsLeft-- && (requestsLeft || retry)) {
1351 |                 // Create unique timing labels for the new request
1352 |                 var labels = this._timingLabels;
1353 |                 labels.start = 'latency-' + reqID + '-start';
1354 |                 labels.end = 'latency-' + reqID + '-end';
1355 |                 labels.measure = 'latency-' + reqID + '-measure';
1356 | 
1357 |                 // Create the new request and send it
1358 |                 this._newRequest('GET')._sendRequest();
1359 |             } else {
1360 |                 // All the requests are finished, set the requesting status to false.
1361 |                 this._setRequesting(false);
1362 | 
1363 |                 // If all the requests have been executed, calculate the average latency. Since the _getTimingEntry() method
1364 |                 // is asynchronous, wait for the next process tick to execute the _end() method, to be sure that all the
1365 |                 // latencies have been retrieved.
1366 |                 setTimeout(function () {
1367 |                     return _this2._end();
1368 |                 }, 0);
1369 |             }
1370 | 
1371 |             return this;
1372 |         }
1373 | 
1374 |         /**
1375 |          * Make latency measures for the last request.
1376 |          * @private
1377 |          * @method LatencyModule#_measure
1378 |          * @param {?XMLHttpRequest} [xhr=null] The concerned XMLHttpRequest if the browser doesn't support the Resource Timing API.
1379 |          * @returns {LatencyModule}
1380 |          */
1381 |     }, {
1382 |         key: '_measure',
1383 |         value: function _measure() {
1384 |             var _this3 = this;
1385 | 
1386 |             var xhr = arguments.length <= 0 || arguments[0] === undefined ? null : arguments[0];
1387 | 
1388 |             // With Resource Timing API
1389 |             if (!xhr) {
1390 |                 this._getTimingEntry(function (entry) {
1391 |                     // The latency calculation differs between an HTTP and an HTTPS connection
1392 |                     // See: http://www.w3.org/TR/resource-timing/#processing-model
1393 |                     var latency = !entry.secureConnectionStart ? entry.connectEnd - entry.connectStart : entry.secureConnectionStart - entry.connectStart;
1394 | 
1395 |                     if (latency) _this3._latencies.push(latency);
1396 |                     _this3._nextRequest(!latency);
1397 |                 });
1398 |             }
1399 | 
1400 |             // Without Resource Timing API
1401 |             else if (this._requestsLeft < this.settings().measures) {
1402 | 
1403 |                     // Measure and save the latency if the headers have been received
1404 |                     if (xhr.readyState == XMLHttpRequest.HEADERS_RECEIVED) {
1405 |                         var labels = this._timingLabels;
1406 | 
1407 |                         _Timing2['default'].mark(labels.end);
1408 |                         var latency = _Timing2['default'].measure(labels.measure, labels.start, labels.end);
1409 | 
1410 |                         if (latency) this._latencies.push(latency);
1411 | 
1412 |                         // Abort the current request before we run a new one
1413 |                         this._abort();
1414 |                         this._nextRequest(!latency);
1415 |                     }
1416 |                 }
1417 | 
1418 |                 // Ignore the first request when using the XHR states. See the comments in the start() method for explanations.
1419 |                 else {
1420 |                         this._nextRequest();
1421 |                     }
1422 | 
1423 |             return this;
1424 |         }
1425 | 
1426 |         /**
1427 |          * End the measures.
1428 |          * @private
1429 |          * @method LatencyModule#_end
1430 |          * @returns {LatencyModule}
1431 |          */
1432 |     }, {
1433 |         key: '_end',
1434 |         value: function _end() {
1435 |             var latencies = this._latencies;
1436 | 
1437 |             // Get the average latency
1438 |             var avgLatency = latencies.reduce(function (a, b) {
1439 |                 return a + b;
1440 |             }, 0) / (latencies.length || 1);
1441 |             avgLatency = avgLatency || null;
1442 | 
1443 |             // If there is no measures, restart with the polyfill.
1444 |             if (!latencies.length) {
1445 |                 this._defineResourceTimingSupport(false);
1446 |                 this.start();
1447 |                 return this;
1448 |             }
1449 | 
1450 |             // If there is not enough measures, display a warning.
1451 |             if (latencies.length < this.settings().measures) {
1452 |                 var _settings3 = this.settings();
1453 | 
1454 |                 var measures = _settings3.measures;
1455 |                 var attempts = _settings3.attempts;
1456 | 
1457 |                 console.warn('\n                An insufficient number of measures have been processed, this could be due to your web server using\n                persistant connections or to your client settings (measures: ' + measures + ', attempts: ' + attempts + ').\n            ');
1458 |             }
1459 | 
1460 |             // Trigger the "end" event with the average latency and the latency list as parameters
1461 |             this.trigger('end', avgLatency, latencies);
1462 | 
1463 |             return this;
1464 |         }
1465 |     }], null, _instanceInitializers);
1466 | 
1467 |     return LatencyModule;
1468 | })(_HttpModule3['default']);
1469 | 
1470 | exports['default'] = LatencyModule;
1471 | module.exports = exports['default'];
1472 | 
1473 | /**
1474 |  * Defines if the module supports the Resource Timing API.
1475 |  * @private
1476 |  * @member {number} LatencyModule#_requestsLeft
1477 |  */
1478 | 
1479 | },{"../../utils/decorators":7,"../../utils/helpers":8,"../Timing":6,"./HttpModule":3}],5:[function(require,module,exports){
1480 | 'use strict';
1481 | 
1482 | Object.defineProperty(exports, '__esModule', {
1483 |     value: true
1484 | });
1485 | 
1486 | var _createDecoratedClass = (function () { function defineProperties(target, descriptors, initializers) { for (var i = 0; i < descriptors.length; i++) { var descriptor = descriptors[i]; var decorators = descriptor.decorators; var key = descriptor.key; delete descriptor.key; delete descriptor.decorators; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor || descriptor.initializer) descriptor.writable = true; if (decorators) { for (var f = 0; f < decorators.length; f++) { var decorator = decorators[f]; if (typeof decorator === 'function') { descriptor = decorator(target, key, descriptor) || descriptor; } else { throw new TypeError('The decorator for method ' + descriptor.key + ' is of the invalid type ' + typeof decorator); } } if (descriptor.initializer !== undefined) { initializers[key] = descriptor; continue; } } Object.defineProperty(target, key, descriptor); } } return function (Constructor, protoProps, staticProps, protoInitializers, staticInitializers) { if (protoProps) defineProperties(Constructor.prototype, protoProps, protoInitializers); if (staticProps) defineProperties(Constructor, staticProps, staticInitializers); return Constructor; }; })();
1487 | 
1488 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
1489 | 
1490 | function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
1491 | 
1492 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
1493 | 
1494 | function _defineDecoratedPropertyDescriptor(target, key, descriptors) { var _descriptor = descriptors[key]; if (!_descriptor) return; var descriptor = {}; for (var _key in _descriptor) descriptor[_key] = _descriptor[_key]; descriptor.value = descriptor.initializer.call(target); Object.defineProperty(target, key, descriptor); }
1495 | 
1496 | var _EventDispatcher = require('./EventDispatcher');
1497 | 
1498 | var _EventDispatcher2 = _interopRequireDefault(_EventDispatcher);
1499 | 
1500 | var _HttpHttpModule = require('./Http/HttpModule');
1501 | 
1502 | var _HttpHttpModule2 = _interopRequireDefault(_HttpHttpModule);
1503 | 
1504 | var _HttpLatencyModule = require('./Http/LatencyModule');
1505 | 
1506 | var _HttpLatencyModule2 = _interopRequireDefault(_HttpLatencyModule);
1507 | 
1508 | var _HttpBandwidthModule = require('./Http/BandwidthModule');
1509 | 
1510 | var _HttpBandwidthModule2 = _interopRequireDefault(_HttpBandwidthModule);
1511 | 
1512 | var _Timing = require('./Timing');
1513 | 
1514 | var _Timing2 = _interopRequireDefault(_Timing);
1515 | 
1516 | var _utilsHelpers = require('../utils/helpers');
1517 | 
1518 | var _utilsDecorators = require('../utils/decorators');
1519 | 
1520 | /**
1521 |  * @public
1522 |  * @typedef {Object} Network~settingsObject
1523 |  * @property {LatencyModule~settingsObject} latency
1524 |  * @property {BandwidthModule~settingsObject} upload
1525 |  * @property {BandwidthModule~settingsObject} download
1526 |  * @example
1527 |  * {
1528 |  *     // Top-level properties are applied to all the modules
1529 |  *     endpoint: './my-new-endpoint/',
1530 |  *
1531 |  *     // Top-level properties will be overridden by the ones specified in each module
1532 |  *     latency: {
1533 |  *         endpoint: './my-new-latency-endpoint/'
1534 |  *     }
1535 |  * }
1536 |  */
1537 | 
1538 | /**
1539 |  * @class Network
1540 |  * @param {Network~settingsObject} [settings={}] A set of custom settings.
1541 |  * @member {LatencyModule} latency The latency module.
1542 |  * @member {BandwidthModule} upload The upload module.
1543 |  * @member {BandwidthModule} download The download module.
1544 |  */
1545 | 
1546 | var Network = (function () {
1547 |     var _instanceInitializers = {};
1548 |     var _instanceInitializers = {};
1549 | 
1550 |     _createDecoratedClass(Network, [{
1551 |         key: '_modules',
1552 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
1553 |         initializer: function initializer() {
1554 |             return {};
1555 |         },
1556 | 
1557 |         /**
1558 |          * Defines if the registered modules have been initialized.
1559 |          * @private
1560 |          * @member {boolean} Network#_modulesInitialized
1561 |          */
1562 |         enumerable: true
1563 |     }, {
1564 |         key: '_modulesInitialized',
1565 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
1566 |         initializer: function initializer() {
1567 |             return false;
1568 |         },
1569 | 
1570 |         /**
1571 |          * The settings defined via the constructor, they will be applied once the modules are initialized.
1572 |          * @private
1573 |          * @member {Network~settingsObject} Network#_pendingSettings
1574 |          */
1575 |         enumerable: true
1576 |     }, {
1577 |         key: '_pendingSettings',
1578 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
1579 |         initializer: function initializer() {
1580 |             return {};
1581 |         },
1582 | 
1583 |         /**
1584 |          * Expose all the internal classes to the global scope. Only for testing purposes!
1585 |          * @private
1586 |          * @method Network._exposeInternalClasses
1587 |          * @returns {Network}
1588 |          */
1589 |         enumerable: true
1590 |     }], [{
1591 |         key: '_exposeInternalClasses',
1592 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
1593 |         value: function _exposeInternalClasses() {
1594 |             var global = (0, _utilsHelpers.getGlobalObject)(),
1595 |                 classes = { EventDispatcher: _EventDispatcher2['default'], HttpModule: _HttpHttpModule2['default'], LatencyModule: _HttpLatencyModule2['default'], BandwidthModule: _HttpBandwidthModule2['default'], Timing: _Timing2['default'] };
1596 | 
1597 |             Object.keys(classes).forEach(function (name) {
1598 |                 global[name] = classes[name];
1599 |             });
1600 | 
1601 |             return this;
1602 |         }
1603 |     }, {
1604 |         key: 'supportsResourceTiming',
1605 | 
1606 |         /**
1607 |          * Defines if the current browser supports the Resource Timing API.
1608 |          * @public
1609 |          * @readonly
1610 |          * @member {boolean} Network#supportsResourceTiming
1611 |          */
1612 |         get: function get() {
1613 |             return _Timing2['default'].supportsResourceTiming;
1614 |         }
1615 | 
1616 |         /**
1617 |          * The registered modules.
1618 |          * @private
1619 |          * @member {Object} Network#_modules
1620 |          */
1621 |     }], _instanceInitializers);
1622 | 
1623 |     function Network() {
1624 |         var settings = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
1625 | 
1626 |         _classCallCheck(this, Network);
1627 | 
1628 |         _defineDecoratedPropertyDescriptor(this, '_modules', _instanceInitializers);
1629 | 
1630 |         _defineDecoratedPropertyDescriptor(this, '_modulesInitialized', _instanceInitializers);
1631 | 
1632 |         _defineDecoratedPropertyDescriptor(this, '_pendingSettings', _instanceInitializers);
1633 | 
1634 |         this._registerModule('latency', function (settings) {
1635 |             return new _HttpLatencyModule2['default'](settings);
1636 |         })._registerModule('upload', function (settings) {
1637 |             return new _HttpBandwidthModule2['default']('upload', settings);
1638 |         })._registerModule('download', function (settings) {
1639 |             return new _HttpBandwidthModule2['default']('download', settings);
1640 |         });
1641 | 
1642 |         this._initModules(this.settings(settings));
1643 |     }
1644 | 
1645 |     /**
1646 |      * Apply a new set of custom settings.
1647 |      * @public
1648 |      * @method Network#settings
1649 |      * @param {Network~settingsObject} settings A set of custom settings.
1650 |      * @returns {Network}
1651 |      */
1652 |     /**
1653 |      * Return the current set of settings.
1654 |      * @public
1655 |      * @method Network#settings^2
1656 |      * @returns {Network~settingsObject}
1657 |      */
1658 | 
1659 |     _createDecoratedClass(Network, [{
1660 |         key: 'settings',
1661 |         value: function settings() {
1662 |             var _this = this;
1663 | 
1664 |             var _settings = arguments.length <= 0 || arguments[0] === undefined ? null : arguments[0];
1665 | 
1666 |             var moduleNames = Object.keys(this._modules);
1667 | 
1668 |             if ((0, _utilsHelpers.isObject)(_settings)) {
1669 |                 var _ret = (function () {
1670 |                     // Extract the global settings
1671 |                     var globalSettings = (0, _utilsHelpers.except)(_settings, moduleNames);
1672 | 
1673 |                     // Extract the local settings
1674 |                     var localSettings = (0, _utilsHelpers.except)(_settings, Object.keys(globalSettings));
1675 | 
1676 |                     // Create new settings with the global ones nested in the local ones
1677 |                     _settings = moduleNames.reduce(function (settings, moduleName) {
1678 |                         return (0, _utilsHelpers.assign)(settings, _defineProperty({}, moduleName, globalSettings));
1679 |                     }, {});
1680 | 
1681 |                     // Apply the local settings to the new settings
1682 |                     _settings = (0, _utilsHelpers.assign)(_settings, localSettings);
1683 | 
1684 |                     // Apply the settings to the modules
1685 |                     if (_this._modulesInitialized) {
1686 |                         Object.keys(_this._modules).forEach(function (name) {
1687 |                             _this._modules[name].settings(_settings[name]);
1688 |                         });
1689 |                     }
1690 | 
1691 |                     // If the modules aren't instanciated, store the settings.
1692 |                     else {
1693 |                             _this._pendingSettings = _settings;
1694 |                         }
1695 | 
1696 |                     return {
1697 |                         v: _this
1698 |                     };
1699 |                 })();
1700 | 
1701 |                 if (typeof _ret === 'object') return _ret.v;
1702 |             } else {
1703 |                 return moduleNames.reduce(function (settings, moduleName) {
1704 |                     return (0, _utilsHelpers.assign)(settings, _defineProperty({}, moduleName, _this._modules[moduleName].settings()));
1705 |                 }, {});
1706 |             }
1707 |         }
1708 | 
1709 |         /**
1710 |          * Return if a module is currently making a request.
1711 |          * @public
1712 |          * @method Network#isRequesting
1713 |          * @returns {boolean} `true` if a module is requesting, otherwise `false`.
1714 |          */
1715 |     }, {
1716 |         key: 'isRequesting',
1717 |         value: function isRequesting() {
1718 |             var requesting = false;
1719 | 
1720 |             for (var _name in this._modules) {
1721 |                 if (this._modules.hasOwnProperty(_name)) {
1722 |                     requesting = requesting || this._modules[_name].isRequesting();
1723 |                 }
1724 |             }
1725 | 
1726 |             return requesting;
1727 |         }
1728 | 
1729 |         /**
1730 |          * Register a new module for the current `Network` instance.
1731 |          * @private
1732 |          * @method Network#registerModule
1733 |          * @param {string} name The name of the module. Will be used to create the property `Network.<name>`.
1734 |          * @param {Network~moduleCallback} moduleCallback A callback used to initialize a module with a set of settings.
1735 |          * @returns {Network}
1736 |          */
1737 |     }, {
1738 |         key: '_registerModule',
1739 |         value: function _registerModule(name, moduleCallback) {
1740 |             /**
1741 |              * A callback used to initialize a module with a set of settings.
1742 |              * @private
1743 |              * @callback Network~moduleCallback
1744 |              * @param {Object} settings A set of custom settings.
1745 |              * @returns {HttpModule} An instanciated subclass of `HttpModule`.
1746 |              */
1747 |             this._modules[name] = moduleCallback;
1748 |             return this;
1749 |         }
1750 | 
1751 |         /**
1752 |          * Initialize all the registered modules with the settings passed to the constructor.
1753 |          * @private
1754 |          * @method Network#_initModules
1755 |          * @returns {Network}
1756 |          */
1757 |     }, {
1758 |         key: '_initModules',
1759 |         value: function _initModules() {
1760 |             var _this2 = this;
1761 | 
1762 |             if (!this._modulesInitialized) {
1763 |                 // Initialize the modules with their respective settings
1764 |                 Object.keys(this._modules).forEach(function (name) {
1765 |                     _this2._modules[name] = _this2._modules[name](_this2._pendingSettings[name]).on('_newRequest', function () {
1766 |                         return !_this2.isRequesting();
1767 |                     });
1768 | 
1769 |                     _this2[name] = _this2._modules[name];
1770 |                 });
1771 | 
1772 |                 this._modulesInitialized = true;
1773 |             }
1774 | 
1775 |             return this;
1776 |         }
1777 |     }], null, _instanceInitializers);
1778 | 
1779 |     return Network;
1780 | })();
1781 | 
1782 | exports['default'] = Network;
1783 | module.exports = exports['default'];
1784 | 
1785 | },{"../utils/decorators":7,"../utils/helpers":8,"./EventDispatcher":1,"./Http/BandwidthModule":2,"./Http/HttpModule":3,"./Http/LatencyModule":4,"./Timing":6}],6:[function(require,module,exports){
1786 | 'use strict';
1787 | 
1788 | Object.defineProperty(exports, '__esModule', {
1789 |     value: true
1790 | });
1791 | 
1792 | var _createDecoratedClass = (function () { function defineProperties(target, descriptors, initializers) { for (var i = 0; i < descriptors.length; i++) { var descriptor = descriptors[i]; var decorators = descriptor.decorators; var key = descriptor.key; delete descriptor.key; delete descriptor.decorators; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor || descriptor.initializer) descriptor.writable = true; if (decorators) { for (var f = 0; f < decorators.length; f++) { var decorator = decorators[f]; if (typeof decorator === 'function') { descriptor = decorator(target, key, descriptor) || descriptor; } else { throw new TypeError('The decorator for method ' + descriptor.key + ' is of the invalid type ' + typeof decorator); } } if (descriptor.initializer !== undefined) { initializers[key] = descriptor; continue; } } Object.defineProperty(target, key, descriptor); } } return function (Constructor, protoProps, staticProps, protoInitializers, staticInitializers) { if (protoProps) defineProperties(Constructor.prototype, protoProps, protoInitializers); if (staticProps) defineProperties(Constructor, staticProps, staticInitializers); return Constructor; }; })();
1793 | 
1794 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
1795 | 
1796 | function _defineDecoratedPropertyDescriptor(target, key, descriptors) { var _descriptor = descriptors[key]; if (!_descriptor) return; var descriptor = {}; for (var _key in _descriptor) descriptor[_key] = _descriptor[_key]; descriptor.value = descriptor.initializer.call(target); Object.defineProperty(target, key, descriptor); }
1797 | 
1798 | var _utilsHelpers = require('../utils/helpers');
1799 | 
1800 | var _utilsDecorators = require('../utils/decorators');
1801 | 
1802 | /**
1803 |  * @private
1804 |  * @class Timing
1805 |  */
1806 | 
1807 | var Timing = (function () {
1808 |     var _instanceInitializers = {};
1809 |     var _instanceInitializers = {};
1810 | 
1811 |     _createDecoratedClass(Timing, [{
1812 |         key: 'supportsResourceTiming',
1813 | 
1814 |         /**
1815 |          * Defines if the current browser supports the Resource Timing API.
1816 |          * @public
1817 |          * @readonly
1818 |          * @member {boolean} Timing#supportsResourceTiming
1819 |          */
1820 |         get: function get() {
1821 |             return Boolean(this._support.resourceTiming);
1822 |         }
1823 | 
1824 |         /**
1825 |          * Defines if the current browser supports some specific Timing APIs.
1826 |          * @private
1827 |          * @member {Object} Timing#_support
1828 |          * @property {boolean} performance `true` if the Performance API is available.
1829 |          * @property {boolean} userTiming `true` if the User Timing API is available.
1830 |          * @property {boolean} resourceTiming `true` if the Resource Timing API is available.
1831 |          */
1832 |     }, {
1833 |         key: '_support',
1834 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
1835 |         initializer: function initializer() {
1836 |             return {};
1837 |         },
1838 | 
1839 |         /**
1840 |          * All the marks created by the `mark` method.
1841 |          * @private
1842 |          * @member {Object} Timing#_marks
1843 |          */
1844 |         enumerable: true
1845 |     }, {
1846 |         key: '_marks',
1847 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
1848 |         initializer: function initializer() {
1849 |             return {};
1850 |         },
1851 | 
1852 |         /**
1853 |          * All the measures created by the `measure` method.
1854 |          * @private
1855 |          * @member {Object} Timing#_measures
1856 |          */
1857 |         enumerable: true
1858 |     }, {
1859 |         key: '_measures',
1860 |         decorators: [(0, _utilsDecorators.enumerable)(false)],
1861 |         initializer: function initializer() {
1862 |             return {};
1863 |         },
1864 |         enumerable: true
1865 |     }], null, _instanceInitializers);
1866 | 
1867 |     function Timing() {
1868 |         _classCallCheck(this, Timing);
1869 | 
1870 |         _defineDecoratedPropertyDescriptor(this, '_support', _instanceInitializers);
1871 | 
1872 |         _defineDecoratedPropertyDescriptor(this, '_marks', _instanceInitializers);
1873 | 
1874 |         _defineDecoratedPropertyDescriptor(this, '_measures', _instanceInitializers);
1875 | 
1876 |         var global = (0, _utilsHelpers.getGlobalObject)();
1877 | 
1878 |         this._support = {
1879 |             performance: !!global.performance,
1880 |             userTiming: global.performance && performance.mark,
1881 |             resourceTiming: global.performance && typeof performance.getEntriesByType == "function" && performance.timing
1882 |         };
1883 |     }
1884 | 
1885 |     /**
1886 |      * Create a new timing mark.
1887 |      * @public
1888 |      * @method Timing#mark
1889 |      * @param {string} label A label associated to the mark.
1890 |      * @returns {Timing}
1891 |      */
1892 | 
1893 |     _createDecoratedClass(Timing, [{
1894 |         key: 'mark',
1895 |         value: function mark(label) {
1896 |             var support = this._support,
1897 |                 marks = this._marks;
1898 | 
1899 |             if (support.userTiming) {
1900 |                 performance.mark(label);
1901 |             }
1902 | 
1903 |             if (support.performance) {
1904 |                 marks[label] = performance.now();
1905 |             } else {
1906 |                 marks[label] = new Date().getTime();
1907 |             }
1908 | 
1909 |             return this;
1910 |         }
1911 | 
1912 |         /**
1913 |          * Measure the delay between two marks.
1914 |          * @public
1915 |          * @method Timing#measure
1916 |          * @param {string} measureLabel A label associated to the measure.
1917 |          * @param {string} markLabelA The label of the first mark.
1918 |          * @param {string} markLabelB The label of the second mark.
1919 |          * @returns {number} The measured value.
1920 |          */
1921 |     }, {
1922 |         key: 'measure',
1923 |         value: function measure(measureLabel, markLabelA, markLabelB) {
1924 |             var support = this._support,
1925 |                 marks = this._marks,
1926 |                 measures = this._measures;
1927 | 
1928 |             if (typeof measures[measureLabel] == 'undefined') {
1929 |                 var measureWithoutUserTiming = marks[markLabelB] - marks[markLabelA];
1930 | 
1931 |                 if (support.userTiming) {
1932 |                     performance.measure(measureLabel, markLabelA, markLabelB);
1933 |                     var entriesByName = performance.getEntriesByName(measureLabel);
1934 | 
1935 |                     // The performance API could return no corresponding entries in Firefox so we must use a fallback.
1936 |                     // See: https://github.com/nesk/network.js/issues/32#issuecomment-118434305
1937 |                     measures[measureLabel] = entriesByName.length ? entriesByName[0].duration : measureWithoutUserTiming;
1938 |                 } else {
1939 |                     measures[measureLabel] = measureWithoutUserTiming;
1940 |                 }
1941 |             }
1942 | 
1943 |             return measures[measureLabel];
1944 |         }
1945 |     }], null, _instanceInitializers);
1946 | 
1947 |     return Timing;
1948 | })();
1949 | 
1950 | exports['default'] = new Timing();
1951 | module.exports = exports['default'];
1952 | 
1953 | },{"../utils/decorators":7,"../utils/helpers":8}],7:[function(require,module,exports){
1954 | /**
1955 |  * @callback propertyDecorator
1956 |  * @param target
1957 |  * @param key
1958 |  * @param descriptor
1959 |  */
1960 | 
1961 | /**
1962 |  * Set the enumerability of a property.
1963 |  * @private
1964 |  * @function enumerable
1965 |  * @param {boolean} isEnumerable Whether the property should be enumerable or not.
1966 |  * @returns {propertyDecorator}
1967 |  */
1968 | "use strict";
1969 | 
1970 | Object.defineProperty(exports, "__esModule", {
1971 |   value: true
1972 | });
1973 | exports.enumerable = enumerable;
1974 | 
1975 | function enumerable(isEnumerable) {
1976 |   return function (target, key, descriptor) {
1977 |     descriptor.enumerable = isEnumerable;
1978 |     return descriptor;
1979 |   };
1980 | }
1981 | 
1982 | },{}],8:[function(require,module,exports){
1983 | (function (global){
1984 | /**
1985 |  * Return the global object.
1986 |  * @private
1987 |  * @function getGlobalObject
1988 |  * @return {Object}
1989 |  * @see https://gist.github.com/rauschma/1bff02da66472f555c75
1990 |  */
1991 | 'use strict';
1992 | 
1993 | Object.defineProperty(exports, '__esModule', {
1994 |     value: true
1995 | });
1996 | 
1997 | var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
1998 | 
1999 | exports.getGlobalObject = getGlobalObject;
2000 | exports.isObject = isObject;
2001 | exports.copy = copy;
2002 | exports.assign = assign;
2003 | exports.assignStrict = assignStrict;
2004 | exports.except = except;
2005 | exports.defer = defer;
2006 | 
2007 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
2008 | 
2009 | function getGlobalObject() {
2010 |     // Workers don’t have `window`, only `self`.
2011 |     if (typeof self !== 'undefined') {
2012 |         return self;
2013 |     }
2014 | 
2015 |     if (typeof global !== 'undefined') {
2016 |         return global;
2017 |     }
2018 | 
2019 |     // Not all environments allow `eval` and `Function`, use only as a last resort.
2020 |     return new Function('return this')();
2021 | }
2022 | 
2023 | /**
2024 |  * Determine if the provided value is an object.
2025 |  * @private
2026 |  * @function isObject
2027 |  * @param {*} obj The value to check.
2028 |  * @returns {boolean} `true` if the value is an object, otherwise `false`.
2029 |  */
2030 | 
2031 | function isObject(obj) {
2032 |     return obj != undefined && obj != null && typeof obj.valueOf() == 'object';
2033 | }
2034 | 
2035 | /**
2036 |  * Make a deep copy of any value.
2037 |  * @private
2038 |  * @function copy
2039 |  * @param {*} value The value to copy.
2040 |  * @returns {*} The copied value.
2041 |  */
2042 | 
2043 | function copy(value) {
2044 |     return JSON.parse(JSON.stringify(value));
2045 | }
2046 | 
2047 | /**
2048 |  * Copy the properties in the source objects over to the destination object.
2049 |  * @private
2050 |  * @function _assign
2051 |  * @param {boolean} strict Given `true`, new properties will not be copied.
2052 |  * @param {Object} [target={}] The destination object.
2053 |  * @param {...Object} sources The source objects.
2054 |  * @returns {Object} The destination object once the properties are copied.
2055 |  */
2056 | function _assign(strict) {
2057 |     var target = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
2058 | 
2059 |     target = copy(target);
2060 | 
2061 |     for (var _len = arguments.length, sources = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
2062 |         sources[_key - 2] = arguments[_key];
2063 |     }
2064 | 
2065 |     sources.forEach(function (source) {
2066 |         Object.keys(source).forEach(function (key) {
2067 |             if (!strict || target.hasOwnProperty(key)) {
2068 |                 var value = source[key];
2069 |                 target[key] = isObject(value) ? _assign(strict, target[key], value) : value;
2070 |             }
2071 |         });
2072 |     });
2073 | 
2074 |     return target;
2075 | }
2076 | 
2077 | /**
2078 |  * Copy all the properties in the source objects over to the destination object.
2079 |  * @private
2080 |  * @function assign
2081 |  * @param {Object} [target={}] The destination object.
2082 |  * @param {...Object} sources The source objects.
2083 |  * @returns {Object} The destination object once the properties are copied.
2084 |  */
2085 | 
2086 | function assign() {
2087 |     var target = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
2088 | 
2089 |     for (var _len2 = arguments.length, sources = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
2090 |         sources[_key2 - 1] = arguments[_key2];
2091 |     }
2092 | 
2093 |     return _assign.apply(undefined, [false, target].concat(sources));
2094 | }
2095 | 
2096 | /**
2097 |  * Copy the properties (but no new ones) in the source objects over to the destination object.
2098 |  * @private
2099 |  * @function assignStrict
2100 |  * @param {Object} [target={}] The destination object.
2101 |  * @param {...Object} sources The source objects.
2102 |  * @returns {Object} The destination object once the properties are copied.
2103 |  */
2104 | 
2105 | function assignStrict() {
2106 |     var target = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
2107 | 
2108 |     for (var _len3 = arguments.length, sources = Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
2109 |         sources[_key3 - 1] = arguments[_key3];
2110 |     }
2111 | 
2112 |     return _assign.apply(undefined, [true, target].concat(sources));
2113 | }
2114 | 
2115 | /**
2116 |  * Get a copy of an object without some of its properties.
2117 |  * @private
2118 |  * @function except
2119 |  * @param {Object} obj The original object.
2120 |  * @param {string[]} properties The properties to exclude from the copied object.
2121 |  * @returns {Object} The copied object without the specified properties.
2122 |  */
2123 | 
2124 | function except(obj, properties) {
2125 |     var objCopy = copy(obj);
2126 | 
2127 |     properties.forEach(function (index) {
2128 |         return delete objCopy[index];
2129 |     });
2130 | 
2131 |     return objCopy;
2132 | }
2133 | 
2134 | /**
2135 |  * Defer the execution of a function.
2136 |  * @private
2137 |  * @function defer
2138 |  * @param {Function} func The function to defer.
2139 |  * @returns {Defer} The Defer object used to execute the function when needed.
2140 |  */
2141 | 
2142 | function defer() {
2143 |     var func = arguments.length <= 0 || arguments[0] === undefined ? function () {} : arguments[0];
2144 | 
2145 |     /**
2146 |      * @private
2147 |      * @class Defer
2148 |      */
2149 |     return new ((function () {
2150 |         function _class() {
2151 |             _classCallCheck(this, _class);
2152 | 
2153 |             this.func = func;
2154 |         }
2155 | 
2156 |         /**
2157 |          * Execute the deferred function.
2158 |          * @public
2159 |          * @method Defer#run
2160 |          */
2161 | 
2162 |         _createClass(_class, [{
2163 |             key: 'run',
2164 |             value: function run() {
2165 |                 if (this.func) this.func();
2166 |                 delete this.func;
2167 |             }
2168 |         }]);
2169 | 
2170 |         return _class;
2171 |     })())();
2172 | }
2173 | 
2174 | }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
2175 | 
2176 | },{}]},{},[5])(5)
2177 | });
2178 | //# sourceMappingURL=network.js.map
2179 | 


--------------------------------------------------------------------------------
/network.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | mb_internal_encoding('UTF-8');
 4 | 
 5 | // Allow cross-site HTTP requests
 6 | header('Access-Control-Allow-Origin: *');
 7 | 
 8 | // The connection must be closed after each response. Allowing the client to correctly estimate the network latency.
 9 | header('Connection: close');
10 | 
11 | if (!empty($_GET['module']) && $_GET['module'] == 'download') {
12 | 
13 |     // The response should never be cached or even stored on a hard drive
14 |     header('Cache-Control: no-cache, no-store, no-transform');
15 |     header('Pragma: no-cache'); // Support for HTTP 1.0
16 | 
17 |     // Disable gzip compression on Apache configurations
18 |     if (function_exists('apache_setenv')) {
19 |         apache_setenv('no-gzip', '1');
20 |     }
21 | 
22 |     // Define a content size for the response, defaults to 20MB.
23 |     $contentSize = 20 * 1024 * 1024;
24 | 
25 |     if (!empty($_GET['size'])) {
26 |         $contentSize = intval($_GET['size']);
27 |         $contentSize = min($contentSize, 200 * 1024 * 1024); // Maximum value: 200MB
28 |     }
29 | 
30 |     // Provide a base string which will be provided as a response to the client
31 |     $baseString = 'This text is so uncool, deal with it. ';
32 |     $baseLength = mb_strlen($baseString);
33 | 
34 |     // Output the string as much as necessary to reach the required size
35 |     for ($i = 0 ; $i < intval($contentSize / $baseLength) ; $i++) {
36 |         echo $baseString;
37 |     }
38 | 
39 |     // If necessary, complete the response to fully reach the required size.
40 |     if (($lastBytes = $contentSize % $baseLength) > 0) {
41 |         echo substr($baseString, 0, $lastBytes);
42 |     }
43 | 
44 | }
45 | ?>
46 | 


--------------------------------------------------------------------------------
/test.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |     margin: 0;
  3 |     padding: 20px;
  4 |     background-color: #fff;
  5 |     color: #000;
  6 |     font-family: 'Source Sans Pro', tahoma, arial, helvetica, sans-serif;
  7 |     font-size: 11pt;
  8 | }
  9 | 
 10 | h2 {
 11 |     font-size: 15pt !important;
 12 |     text-align: center !important;
 13 |     margin: 5%;
 14 | }
 15 | 
 16 | 
 17 | .mtrwebtester_dial {
 18 |     position: relative;
 19 |     width: 215px;
 20 |     height: 215px;
 21 |     background: url('images/dial_bg.png') no-repeat top left;
 22 | }
 23 | 
 24 | .mtrwebtester_dial .mtrwebtester_dial_arrow {
 25 |     z-index: 115;
 26 |     position: absolute;
 27 |     top: 0;
 28 |     left: 0;
 29 |     width: 215px;
 30 |     height: 215px;
 31 |     background: url('images/dial_arrow.png') no-repeat top left;
 32 |     display: none;
 33 | }
 34 | 
 35 | .mtrwebtester_dial .mtrwebtester_dial_arrow_up {
 36 |     background: url('images/dial_arrow_up.png') no-repeat top left;
 37 | }
 38 | 
 39 | .mtrwebtester_dial .mtrwebtester_dial_fg {
 40 |     z-index: 120;
 41 |     position: absolute;
 42 |     top: 0;
 43 |     left: 0;
 44 |     width: 215px;
 45 |     height: 215px;
 46 |     background: url('images/dial_fg.png') no-repeat top left;
 47 | }
 48 | 
 49 | .mtrwebtester_dial_ping {
 50 |     position: relative;
 51 |     width: 161px;
 52 |     height: 161px;
 53 |     background: url('images/dial_bg_150.png') no-repeat top left;
 54 | }
 55 | 
 56 | .mtrwebtester_dial_ping .mtrwebtester_dial_arrow {
 57 |     z-index: 115;
 58 |     position: absolute;
 59 |     top: 0;
 60 |     left: 0;
 61 |     width: 161px;
 62 |     height: 161px;
 63 |     background: url('images/dial_arrow_150_blue.png') no-repeat top left;
 64 |     display: none;
 65 | }
 66 | 
 67 | .mtrwebtester_dial_ping .mtrwebtester_dial_fg {
 68 |     z-index: 120;
 69 |     position: absolute;
 70 |     top: 0;
 71 |     left: 0;
 72 |     width: 161px;
 73 |     height: 161px;
 74 |     background: url('images/dial_fg_150.png') no-repeat top left;
 75 | }
 76 | 
 77 | .mtrwebtester_dial_text {
 78 |     z-index: 130;
 79 |     position: absolute;
 80 |     top: 85px;
 81 |     left: 0;
 82 |     color: #000;
 83 | }
 84 | 
 85 | .mtrwebtester_dial_text span {
 86 |     font-size: 10pt;
 87 |     display: block;
 88 |     text-align: center;
 89 |     width: 215px;
 90 | }
 91 | 
 92 | .mtrwebtester_dial_text .mtrwebtester_dial_text_number {
 93 |     font-size: 15pt;
 94 |     font-weight: bold;
 95 |     font-family: "Courier New", Courier, monospace;
 96 | }
 97 | .mtrwebtester_dial_ping .mtrwebtester_dial_text {
 98 |     top: 62px;
 99 | }
100 | 
101 | .mtrwebtester_dial_ping .mtrwebtester_dial_text span {
102 |     width: 161px;
103 | }
104 | 
105 | .mtrwebtester_dial_ping .mtrwebtester_dial_text .mtrwebtester_dial_text_number {
106 |     font-size: 13pt;
107 | }
108 | /*.testerSlOver {
109 |     width: 400px;
110 |     margin: auto;
111 |     display: inline-block;
112 | }*/
113 | .testerSlOverSl {
114 |     display: inline-table;
115 | }
116 | .testerSlOverSlIn{
117 |     
118 | }
119 | /*.testerSlOverSlDown {
120 |     float: left;
121 |     display: inline-block;
122 | }
123 | .testerSlOverSlUp {
124 |     float: right;
125 |     display: inline-block;
126 | }
127 | .testerSlOverSlPing {
128 |     float: none;
129 |     display: inline-block;
130 |     width: 24%;
131 | }*/
132 | #progressBarDown {
133 |     width: 100%;
134 |     height: 22px;
135 |     margin: 10% auto;
136 |     background: #292929;
137 |     border: 1px solid #111;	
138 |     border-radius: 5px;	
139 |     overflow: hidden;
140 |     box-shadow: 0 0 5px #333;
141 | }
142 | #progressBarDown div {
143 |     height: 100%;
144 |     color: #fff;
145 |     text-align: right;
146 |     line-height: 22px; /* same as #progressBar height if we want text middle aligned */
147 |     width: 0;
148 |     /*background-color: #1a82f7;*/
149 |     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5CA222), to(#487e1b)); 
150 |     background: -webkit-linear-gradient(top, #5CA222, #487e1b); 
151 |     background: -moz-linear-gradient(top, #5CA222, #487e1b); 
152 |     background: -ms-linear-gradient(top, #5CA222, #487e1b); 
153 |     background: -o-linear-gradient(top, #5CA222, #487e1b);
154 | }
155 | #progressBarUp {
156 |     width: 100%;
157 |     height: 22px;
158 |     margin: 10% auto;
159 |     background: #292929;
160 |     border: 1px solid #111;
161 |     border-radius: 5px;
162 |     overflow: hidden;
163 |     box-shadow: 0 0 5px #333;
164 | }
165 | #progressBarUp div {
166 |     height: 100%;
167 |     color: #fff;
168 |     text-align: right;
169 |     line-height: 22px; /* same as #progressBar height if we want text middle aligned */
170 |     width: 0;
171 |     /*background-color: #1a82f7;*/
172 |     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a26822), to(#7e511b));
173 |     background: -webkit-linear-gradient(top, #a26822, #7e511b);
174 |     background: -moz-linear-gradient(top, #a26822, #7e511b);
175 |     background: -ms-linear-gradient(top, #a26822, #7e511b);
176 |     background: -o-linear-gradient(top, #a26822, #7e511b);
177 | }
178 | @media screen and (max-width: 760px) {
179 |     .testerSlOverSlIn { display: none }
180 |     .testerSlOverSl { width: 50% }
181 |     #tipo { margin: 2% }
182 |     #progressBarDown { margin: auto }
183 |     #progressBarUp { margin: auto }
184 |     #log { margin: 5% }
185 | }
186 | 
187 | 


--------------------------------------------------------------------------------