WIP: Add nested rendering

package.json

@@ -5,6 +5,8 @@
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",
   "scripts": {
+    "install": "npm run is_not_builded && npm run build",
+    "is_not_builded": "node -e 'fs.existsSync(`lib`) && process.exit(1)'",
     "build": "npm run clean && tsc --project .",
     "clean": "rimraf lib/ yarn-error.log npm-debug.log",
     "lint": "eslint . --ext .ts",
@@ -53,7 +55,9 @@
     "typescript": "3.4.5"
   },
   "dependencies": {
-    "dompurify": "1.0.10"
+    "@types/jsdom": "12.2.3",
+    "dompurify": "1.0.10",
+    "jsdom": "15.1.1"
   },
   "peerDependencies": {
     "react": "^16.2.0"
@@ -64,12 +68,26 @@
     }
   },
   "jest": {
-    "preset": "ts-jest",
-    "moduleNameMapper": {
-      "\\.(css|less|sass|scss)$": "<rootDir>/tests/styleMock.js"
-    },
-    "setupFilesAfterEnv": [
-      "<rootDir>tests/setupTests.js"
+    "projects": [
+      {
+        "displayName": "test-jsdom",
+        "testEnvironment": "jsdom",
+        "preset": "ts-jest",
+        "setupFilesAfterEnv": [
+          "<rootDir>tests/setupTests.js"
+        ]
+      },
+      {
+        "displayName": "test-nodejs",
+        "testEnvironment": "node",
+        "preset": "ts-jest",
+        "setupFilesAfterEnv": [
+          "<rootDir>tests/setupTests.js"
+        ],
+        "testMatch": [
+          "**/?(*.)+(node-spec).ts?(x)"
+        ]
+      }
     ]
   }
 }

src/dom.ts

@@ -1,4 +1,4 @@
-import * as dompurify from 'dompurify';
+import createDOMPurify from 'dompurify';
 
 import { Config } from './config';
 
@@ -21,6 +21,11 @@ export function getAttributes(elementAttributes: NamedNodeMap) {
   return attributes;
 }
 
-export function parse(html: string, config: Config): DocumentFragment {
-  return dompurify.sanitize(html, config.dom) as DocumentFragment;
+export function parse(
+  html: string,
+  config: Config,
+  customWindow?: Window
+): DocumentFragment {
+  const dompurifyInstance = createDOMPurify(customWindow);
+  return dompurifyInstance.sanitize(html, config.dom) as DocumentFragment;
 }

src/index.ts

@@ -5,14 +5,15 @@ import { render } from './react';
 
 export function parse(
   html: React.ReactNode,
-  userOptions?: Config
+  userOptions?: Config,
+  customWindow?: Window
 ): React.ReactNode[] {
   if (typeof html !== 'string') {
     return [html];
   }
 
   const options = getConfig(userOptions);
-  const document = dom.parse(html, options);
+  const document = dom.parse(html, options, customWindow);
 
   if (options.overrides) {
     override(document, options.overrides);

src/override.ts

@@ -1,6 +1,8 @@
 /**
  * An internal representation of an element that can include a React element to use as an override
  */
+import { AvailableProps } from './react';
+
 export interface EnrichedElement extends Element {
   override?: (props: any, textContent?: string) => React.ReactElement<any>;
 }
@@ -10,7 +12,7 @@ export interface EnrichedElement extends Element {
  */
 export interface SelectorsToElement {
   [keyof: string]: (
-    props?: any,
+    props?: AvailableProps,
     textContent?: string
   ) => React.ReactElement<any>;
 }