denoland · MarkTiedemann · Jul 20, 2019 · Jul 22, 2019 · Jul 22, 2019 · Jul 22, 2019
diff --git a/jsdom/.gitignore b/jsdom/.gitignore
@@ -0,0 +1,2 @@
+!package.json
+*.bak
diff --git a/jsdom/README.md b/jsdom/README.md
@@ -0,0 +1,18 @@
+# jsdom
+
+Port of [jsdom](https://github.com/jsdom/jsdom).
+
+> jsdom is a pure-JavaScript implementation of many web standards, notably the WHATWG [DOM](https://dom.spec.whatwg.org/) and [HTML](https://html.spec.whatwg.org/multipage/) Standards, for use with ~~Node.js~~ Deno. In general, the goal of the project is to emulate enough of a subset of a web browser to be useful for testing and scraping real-world web applications.
+
+## Usage
+
+```typescript
+import { JSDOM } from "https://deno.land/std/jsdom/mod.ts";
+
+let dom = new JSDOM(`
+  <!DOCTYPE html>
+  <p>Hello, Deno!</p>
+`);
+let p = dom.window.document.querySelector("p");
+console.log(p.textContent); // => "Hello, Deno!"
+```
diff --git a/jsdom/example.ts b/jsdom/example.ts
@@ -0,0 +1,8 @@
+import { JSDOM } from "./mod.ts";
+
+let dom = new JSDOM(`
+  <!DOCTYPE html>
+  <p>Hello, Deno!</p>
+`);
+let p = dom.window.document.querySelector("p");
+console.log(p.textContent); // => "Hello, Deno!"
diff --git a/jsdom/mod.ts b/jsdom/mod.ts
@@ -0,0 +1,4 @@
+import { jsdom as instance } from "./vendor/jsdom.js";
+import { jsdom } from "./types/jsdom.ts";
+
+export const JSDOM = instance.JSDOM as jsdom.JSDOM;
diff --git a/jsdom/package.json b/jsdom/package.json
@@ -0,0 +1,10 @@
+{
+  "scripts": {
+    "vendor": "webpack-cli && sed -i.bak '1s;^;export ;' ./vendor/jsdom.js"
+  },
+  "devDependencies": {
+    "jsdom": "15.1.1",
+    "webpack": "4.36.1",
+    "webpack-cli": "3.3.6"
+  }
+}
diff --git a/jsdom/test.ts b/jsdom/test.ts
@@ -0,0 +1,39 @@
+import { JSDOM } from "./mod.ts";
+import { assertEquals } from "../testing/asserts.ts";
+import { test, runIfMain } from "../testing/mod.ts";
+
+test(function helloWorld(): void {
+  let dom = new JSDOM("<!DOCTYPE html><p>Hello world</p>");
+  let text = dom.window.document.querySelector("p").textContent;
+  assertEquals(text, "Hello world");
+});
+
+test(function runScripts(): void {
+  let dom = new JSDOM(
+    // eslint-disable-next-line max-len
+    '<body><script>document.body.appendChild(document.createElement("hr"));</script></body>',
+    { runScripts: "dangerously" }
+  );
+  let children = dom.window.document.body.children.length;
+  assertEquals(children, 2);
+});
+
+test(function serialize(): void {
+  let dom = new JSDOM("<!DOCTYPE html>hello");
+  assertEquals(
+    dom.serialize(),
+    "<!DOCTYPE html><html><head></head><body>hello</body></html>"
+  );
+  assertEquals(
+    dom.window.document.documentElement.outerHTML,
+    "<html><head></head><body>hello</body></html>"
+  );
+});
+
+test(function fragment(): void {
+  let frag = JSDOM.fragment(`<p>Hello</p><p><strong>Hi!</strong>`);
+  assertEquals(frag.childNodes.length, 2);
+  assertEquals(frag.querySelector("strong").textContent, "Hi!");
+});
+
+runIfMain(import.meta);
diff --git a/jsdom/types/dom.ts b/jsdom/types/dom.ts
@@ -0,0 +1,27 @@
+// TODO: Generate proper DOM types using https://github.com/microsoft/TSJS-lib-generator.
+
+export namespace dom {
+  export interface Window {
+    document: Document;
+  }
+
+  export interface Document extends Node {
+    body: HTMLElement;
+    documentElement: HTMLElement;
+  }
+
+  export interface DocumentFragment extends Node {}
+
+  export interface HTMLElement extends Node {
+    children: HTMLElement[];
+    outerHTML: string;
+  }
+
+  export interface Node {
+    childNodes: ChildNode[];
+    querySelector(query: string): HTMLElement;
+    textContent: string | null;
+  }
+
+  export interface ChildNode extends Node {}
+}
diff --git a/jsdom/types/jsdom.ts b/jsdom/types/jsdom.ts
@@ -0,0 +1,29 @@
+// TODO: Use proper types from https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/jsdom/index.d.ts.
+
+import { dom } from "./dom.ts";
+
+export namespace jsdom {
+  export interface JSDOM {
+    // eslint-disable-next-line @typescript-eslint/no-misused-new
+    new (
+      html: string | BinaryData,
+      options?: { runScripts?: "dangerously" }
+    ): JSDOM;
+    window: dom.Window;
+    fragment: (html: string) => dom.DocumentFragment;
+    serialize(): string;
+  }
+
+  export type BinaryData = ArrayBuffer | DataView | TypedArray;
+
+  export type TypedArray =
+    | Int8Array
+    | Uint8Array
+    | Uint8ClampedArray
+    | Int16Array
+    | Uint16Array
+    | Int32Array
+    | Uint32Array
+    | Float32Array
+    | Float64Array;
+}
diff --git a/jsdom/vendor/jsdom.js b/jsdom/vendor/jsdom.js
diff --git a/jsdom/webpack.config.js b/jsdom/webpack.config.js
@@ -0,0 +1,22 @@
+const path = require("path");
+
+module.exports = {
+  entry: "./node_modules/jsdom/lib/api.js",
+  output: {
+    path: path.join(__dirname, "vendor"),
+    filename: "./jsdom.js",
+    library: "jsdom",
+    libraryTarget: "var"
+  },
+  mode: "production",
+  node: {
+    child_process: "empty",
+    fs: "empty",
+    net: "empty",
+    tls: "empty"
+  },
+  performance: {
+    // TODO: Investigate whether the bundle size can be optimized.
+    hints: false
+  }
+};