Elep

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
 <meta charset="utf-8" />
 <meta name="generator" content="pandoc" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
 <title>README</title>
 <style>
 code{white-space: pre-wrap;}
 span.smallcaps{font-variant: small-caps;}
 span.underline{text-decoration: underline;}
 div.column{display: inline-block; vertical-align: top; width: 50%;}
 div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
 ul.task-list{list-style: none;}
 pre > code.sourceCode { white-space: pre; position: relative; }
 pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
 pre > code.sourceCode > span:empty { height: 1.2em; }
 code.sourceCode > span { color: inherit; text-decoration: inherit; }
 div.sourceCode { margin: 1em 0; }
 pre.sourceCode { margin: 0; }
 @media screen {
 div.sourceCode { overflow: auto; }
 }
 @media print {
 pre > code.sourceCode { white-space: pre-wrap; }
 pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
 }
 pre.numberSource code
 { counter-reset: source-line 0; }
 pre.numberSource code > span
 { position: relative; left: -4em; counter-increment: source-line; }
 pre.numberSource code > span > a:first-child::before
 { content: counter(source-line);
 position: relative; left: -1em; text-align: right; vertical-align: baseline;
 border: none; display: inline-block;
 -webkit-touch-callout: none; -webkit-user-select: none;
 -khtml-user-select: none; -moz-user-select: none;
 -ms-user-select: none; user-select: none;
 padding: 0 4px; width: 4em;
 color: #aaaaaa;
 }
 pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
 div.sourceCode
 { }
 @media screen {
 pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
 }
 code span.al { color: #ff0000; font-weight: bold; } /* Alert */
 code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
 code span.at { color: #7d9029; } /* Attribute */
 code span.bn { color: #40a070; } /* BaseN */
 code span.bu { } /* BuiltIn */
 code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
 code span.ch { color: #4070a0; } /* Char */
 code span.cn { color: #880000; } /* Constant */
 code span.co { color: #60a0b0; font-style: italic; } /* Comment */
 code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
 code span.do { color: #ba2121; font-style: italic; } /* Documentation */
 code span.dt { color: #902000; } /* DataType */
 code span.dv { color: #40a070; } /* DecVal */
 code span.er { color: #ff0000; font-weight: bold; } /* Error */
 code span.ex { } /* Extension */
 code span.fl { color: #40a070; } /* Float */
 code span.fu { color: #06287e; } /* Function */
 code span.im { } /* Import */
 code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
 code span.kw { color: #007020; font-weight: bold; } /* Keyword */
 code span.op { color: #666666; } /* Operator */
 code span.ot { color: #007020; } /* Other */
 code span.pp { color: #bc7a00; } /* Preprocessor */
 code span.sc { color: #4070a0; } /* SpecialChar */
 code span.ss { color: #bb6688; } /* SpecialString */
 code span.st { color: #4070a0; } /* String */
 code span.va { color: #19177c; } /* Variable */
 code span.vs { color: #4070a0; } /* VerbatimString */
 code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
 </style>
</head>
<body>
<h1 id="web-idl-type-conversions-on-javascript-values">Web IDL Type Conversions on JavaScript Values</h1>
This package implements, in JavaScript, the algorithms to convert a given JavaScript value according to a given <a href="http://heycam.github.io/webidl/">Web IDL</a> <a href="http://heycam.github.io/webidl/#idl-types">type</a>.
The goal is that you should be able to write code like
<div class="sourceCode" id="cb1"><pre class="sourceCode js"><code class="sourceCode javascript"><a href="#cb1-1" aria-hidden="true"></a>&quot;use strict&quot;;
<a href="#cb1-2" aria-hidden="true"></a>const conversions = require(&quot;webidl-conversions&quot;);
<a href="#cb1-3" aria-hidden="true"></a>
<a href="#cb1-4" aria-hidden="true"></a>function doStuff(x, y) {
<a href="#cb1-5" aria-hidden="true"></a> x = conversions[&quot;boolean&quot;](x);
<a href="#cb1-6" aria-hidden="true"></a> y = conversions[&quot;unsigned long&quot;](y);
<a href="#cb1-7" aria-hidden="true"></a> // actual algorithm code here
<a href="#cb1-8" aria-hidden="true"></a>}</code></pre></div>
and your function <code>doStuff</code> will behave the same as a Web IDL operation declared as
<pre class="webidl"><code>undefined doStuff(boolean x, unsigned long y);
</code></pre>
<h2 id="api">API</h2>
This package's main module's default export is an object with a variety of methods, each corresponding to a different Web IDL type. Each method, when invoked on a JavaScript value, will give back the new JavaScript value that results after passing through the Web IDL conversion rules. (See below for more details on what that means.) Alternately, the method could throw an error, if the Web IDL algorithm is specified to do so: for example <code>conversions["float"](NaN)</code> <a href="http://heycam.github.io/webidl/#es-float">will throw a <code>TypeError</code></a>.
Each method also accepts a second, optional, parameter for miscellaneous options. For conversion methods that throw errors, a string option <code>{ context }</code> may be provided to provide more information in the error message. (For example, <code>conversions["float"](NaN, { context: "Argument 1 of Interface's operation" })</code> will throw an error with message <code>"Argument 1 of Interface's operation is not a finite floating-point value."</code>)
If we are dealing with multiple JavaScript realms (such as those created using Node.js' <a href="https://nodejs.org/api/vm.html">vm</a> module or the HTML <code>iframe</code> element), and exceptions from another realm need to be thrown, one can supply an object option <code>globals</code> containing the following properties:
<div class="sourceCode" id="cb3"><pre class="sourceCode js"><code class="sourceCode javascript"><a href="#cb3-1" aria-hidden="true"></a>{
<a href="#cb3-2" aria-hidden="true"></a> globals: {
<a href="#cb3-3" aria-hidden="true"></a> Number,
<a href="#cb3-4" aria-hidden="true"></a> String,
<a href="#cb3-5" aria-hidden="true"></a> TypeError
<a href="#cb3-6" aria-hidden="true"></a> }
<a href="#cb3-7" aria-hidden="true"></a>}</code></pre></div>
Those specific functions will be used when throwing exceptions.
Specific conversions may also accept other options, the details of which can be found below.
<h2 id="conversions-implemented">Conversions implemented</h2>
Conversions for all of the basic types from the Web IDL specification are implemented:
<ul>
<li><a href="https://heycam.github.io/webidl/#es-any"><code>any</code></a></li>
<li><a href="https://heycam.github.io/webidl/#es-undefined"><code>undefined</code></a></li>
<li><a href="https://heycam.github.io/webidl/#es-boolean"><code>boolean</code></a></li>
<li><a href="https://heycam.github.io/webidl/#es-integer-types">Integer types</a>, which can additionally be provided the boolean options <code>{ clamp, enforceRange }</code> as a second parameter</li>
<li><a href="https://heycam.github.io/webidl/#es-float"><code>float</code></a>, <a href="https://heycam.github.io/webidl/#es-unrestricted-float"><code>unrestricted float</code></a></li>
<li><a href="https://heycam.github.io/webidl/#es-double"><code>double</code></a>, <a href="https://heycam.github.io/webidl/#es-unrestricted-double"><code>unrestricted double</code></a></li>
<li><a href="https://heycam.github.io/webidl/#es-DOMString"><code>DOMString</code></a>, which can additionally be provided the boolean option <code>{ treatNullAsEmptyString }</code> as a second parameter</li>
<li><a href="https://heycam.github.io/webidl/#es-ByteString"><code>ByteString</code></a>, <a href="https://heycam.github.io/webidl/#es-USVString"><code>USVString</code></a></li>
<li><a href="https://heycam.github.io/webidl/#es-object"><code>object</code></a></li>
<li><a href="https://heycam.github.io/webidl/#es-buffer-source-types">Buffer source types</a>, which can additionally be provided with the boolean option <code>{ allowShared }</code> as a second parameter</li>
</ul>
Additionally, for convenience, the following derived type definitions are implemented:
<ul>
<li><a href="https://heycam.github.io/webidl/#ArrayBufferView"><code>ArrayBufferView</code></a>, which can additionally be provided with the boolean option <code>{ allowShared }</code> as a second parameter</li>
<li><a href="https://heycam.github.io/webidl/#BufferSource"><code>BufferSource</code></a></li>
<li><a href="https://heycam.github.io/webidl/#DOMTimeStamp"><code>DOMTimeStamp</code></a></li>
</ul>
Derived types, such as nullable types, promise types, sequences, records, etc. are not handled by this library. You may wish to investigate the <a href="https://github.com/jsdom/webidl2js">webidl2js</a> project.
<h3 id="a-note-on-the-long-long-types">A note on the <code>long long</code> types</h3>
The <code>long long</code> and <code>unsigned long long</code> Web IDL types can hold values that cannot be stored in JavaScript numbers. Conversions are still accurate as we make use of BigInt in the conversion process, but in the case of <code>unsigned long long</code> we simply cannot represent some possible output values in JavaScript. For example, converting the JavaScript number <code>-1</code> to a Web IDL <code>unsigned long long</code> is supposed to produce the Web IDL value <code>18446744073709551615</code>. Since we are representing our Web IDL values in JavaScript, we can't represent <code>18446744073709551615</code>, so we instead the best we could do is <code>18446744073709551616</code> as the output.
To mitigate this, we could return the raw BigInt value from the conversion function, but right now it is not implemented. If your use case requires such precision, <a href="https://github.com/jsdom/webidl-conversions/issues/new">file an issue</a>.
On the other hand, <code>long long</code> conversion is always accurate, since the input value can never be more precise than the output value.
<h3 id="a-note-on-buffersource-types">A note on <code>BufferSource</code> types</h3>
All of the <code>BufferSource</code> types will throw when the relevant <code>ArrayBuffer</code> has been detached. This technically is not part of the <a href="https://heycam.github.io/webidl/#es-buffer-source-types">specified conversion algorithm</a>, but instead part of the <a href="https://heycam.github.io/webidl/#ref-for-dfn-get-buffer-source-reference%E2%91%A0">getting a reference/getting a copy</a> algorithms. We've consolidated them here for convenience and ease of implementation, but if there is a need to separate them in the future, please open an issue so we can investigate.
<h2 id="background">Background</h2>
What's actually going on here, conceptually, is pretty weird. Let's try to explain.
Web IDL, as part of its madness-inducing design, has its own type system. When people write algorithms in web platform specs, they usually operate on Web IDL values, i.e. instances of Web IDL types. For example, if they were specifying the algorithm for our <code>doStuff</code> operation above, they would treat <code>x</code> as a Web IDL value of <a href="http://heycam.github.io/webidl/#idl-boolean">Web IDL type <code>boolean</code></a>. Crucially, they would not treat <code>x</code> as a JavaScript variable whose value is either the JavaScript <code>true</code> or <code>false</code>. They're instead working in a different type system altogether, with its own rules.
Separately from its type system, Web IDL defines a <a href="http://heycam.github.io/webidl/#ecmascript-binding">"binding"</a> of the type system into JavaScript. This contains rules like: when you pass a JavaScript value to the JavaScript method that manifests a given Web IDL operation, how does that get converted into a Web IDL value? For example, a JavaScript <code>true</code> passed in the position of a Web IDL <code>boolean</code> argument becomes a Web IDL <code>true</code>. But, a JavaScript <code>true</code> passed in the position of a <a href="http://heycam.github.io/webidl/#idl-unsigned-long">Web IDL <code>unsigned long</code></a> becomes a Web IDL <code>1</code>. And so on.
Finally, we have the actual implementation code. This is usually C++, although these days <a href="https://github.com/servo/servo">some smart people are using Rust</a>. The implementation, of course, has its own type system. So when they implement the Web IDL algorithms, they don't actually use Web IDL values, since those aren't "real" outside of specs. Instead, implementations apply the Web IDL binding rules in such a way as to convert incoming JavaScript values into C++ values. For example, if code in the browser called <code>doStuff(true, true)</code>, then the implementation code would eventually receive a C++ <code>bool</code> containing <code>true</code> and a C++ <code>uint32_t</code> containing <code>1</code>.
The upside of all this is that implementations can abstract all the conversion logic away, letting Web IDL handle it, and focus on implementing the relevant methods in C++ with values of the correct type already provided. That is payoff of Web IDL, in a nutshell.
And getting to that payoff is the goal of this project—but for JavaScript implementations, instead of C++ ones. That is, this library is designed to make it easier for JavaScript developers to write functions that behave like a given Web IDL operation. So conceptually, the conversion pipeline, which in its general form is JavaScript values ↦ Web IDL values ↦ implementation-language values, in this case becomes JavaScript values ↦ Web IDL values ↦ JavaScript values. And that intermediate step is where all the logic is performed: a JavaScript <code>true</code> becomes a Web IDL <code>1</code> in an unsigned long context, which then becomes a JavaScript <code>1</code>.
<h2 id="dont-use-this">Don't use this</h2>
Seriously, why would you ever use this? You really shouldn't. Web IDL is … strange, and you shouldn't be emulating its semantics. If you're looking for a generic argument-processing library, you should find one with better rules than those from Web IDL. In general, your JavaScript should not be trying to become more like Web IDL; if anything, we should fix Web IDL to make it more like JavaScript.
The only people who should use this are those trying to create faithful implementations (or polyfills) of web platform interfaces defined in Web IDL. Its main consumer is the <a href="https://github.com/jsdom/jsdom">jsdom</a> project.
</body>
</html>