@stencil/core 2.15.0 → 2.16.0

package/mock-doc/index.cjs

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc (CommonJS) v2.15.0 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v2.16.0 | MIT Licensed | https://stenciljs.com
  */
 var mockDoc = (function(exports) {
 'use strict';
@@ -381,7 +381,7 @@ function toDataAttribute(str) {
       .toLowerCase());
 }
 function dashToPascalCase(str) {
-  str = String(str).substr(5);
+  str = String(str).slice(5);
   return str
     .split('-')
     .map((segment, index) => {
@@ -585,7 +585,7 @@ function cssCaseToJsCase(str) {
       .split('-')
       .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
       .join('');
-    str = str.substr(0, 1).toLowerCase() + str.substr(1);
+    str = str.slice(0, 1).toLowerCase() + str.slice(1);
   }
   return str;
 }
@@ -1528,7 +1528,11 @@ class MockNode {
     if (otherNode === this) {
       return true;
     }
-    return this.childNodes.includes(otherNode);
+    const childNodes = Array.from(this.childNodes);
+    if (childNodes.includes(otherNode)) {
+      return true;
+    }
+    return childNodes.some((node) => this.contains.bind(node)(otherNode));
   }
   removeChild(childNode) {
     const index = this.childNodes.indexOf(childNode);
@@ -3165,6 +3169,15 @@ class MockResponse {
   }
 }
 
+class MockDOMParser {
+  parseFromString(htmlToParse, mimeType) {
+    if (mimeType !== 'text/html') {
+      console.error('XML parsing not implemented yet, continuing as html');
+    }
+    return parseHtmlToDocument(htmlToParse);
+  }
+}
+
 function setupGlobal(gbl) {
   if (gbl.window == null) {
     const win = (gbl.window = new MockWindow());
@@ -3294,6 +3307,7 @@ const GLOBAL_CONSTRUCTORS = [
   ['MouseEvent', MockMouseEvent],
   ['Request', MockRequest],
   ['Response', MockResponse],
+  ['DOMParser', MockDOMParser],
   ['HTMLAnchorElement', MockAnchorElement],
   ['HTMLBaseElement', MockBaseElement],
   ['HTMLButtonElement', MockButtonElement],

package/mock-doc/index.d.ts

@@ -191,6 +191,7 @@ declare class MockLinkElement extends MockHTMLElement {
   set href(value: string);
 }
 declare class MockMetaElement extends MockHTMLElement {
+  content: string;
   constructor(ownerDocument: any);
 }
 declare class MockScriptElement extends MockHTMLElement {
@@ -624,6 +625,10 @@ declare function parseHtmlToDocument(html: string, ownerDocument?: MockDocument)
 declare function parseHtmlToFragment(html: string, ownerDocument?: MockDocument): any;
 declare function parseDocumentUtil(ownerDocument: any, html: string): any;
 declare function parseFragmentUtil(ownerDocument: any, html: string): any;
+declare type DOMParserSupportedType = 'text/html' | 'text/xml' | 'application/xml' | 'application/xhtml+xml' | 'image/svg+xml';
+declare class MockDOMParser {
+  parseFromString(htmlToParse: string, mimeType: DOMParserSupportedType): MockDocument;
+}
 /**
  * https://developer.mozilla.org/en-US/docs/Web/API/Performance
  */
@@ -750,6 +755,11 @@ declare class MockWindow {
   screenY: number;
   scrollX: number;
   scrollY: number;
+  CustomEvent: typeof MockCustomEvent;
+  Event: typeof MockEvent;
+  Headers: typeof MockHeaders;
+  KeyboardEvent: typeof MockKeyboardEvent;
+  MouseEvent: typeof MockMouseEvent;
   constructor(html?: string | boolean);
   addEventListener(type: string, handler: (ev?: any) => void): void;
   alert(msg: string): void;
@@ -787,8 +797,8 @@ declare class MockWindow {
   get IntersectionObserver(): typeof MockIntersectionObserver;
   get localStorage(): MockStorage;
   set localStorage(locStorage: MockStorage);
-  get location(): Location;
-  set location(val: Location);
+  get location(): MockLocation;
+  set location(val: Location | string);
   matchMedia(): {
     matches: boolean;
   };

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v2.15.0 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v2.16.0 | MIT Licensed | https://stenciljs.com
  */
 const CONTENT_REF_ID = 'r';
 const ORG_LOCATION_ID = 'o';
@@ -378,7 +378,7 @@ function toDataAttribute(str) {
       .toLowerCase());
 }
 function dashToPascalCase(str) {
-  str = String(str).substr(5);
+  str = String(str).slice(5);
   return str
     .split('-')
     .map((segment, index) => {
@@ -582,7 +582,7 @@ function cssCaseToJsCase(str) {
       .split('-')
       .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
       .join('');
-    str = str.substr(0, 1).toLowerCase() + str.substr(1);
+    str = str.slice(0, 1).toLowerCase() + str.slice(1);
   }
   return str;
 }
@@ -1525,7 +1525,11 @@ class MockNode {
     if (otherNode === this) {
       return true;
     }
-    return this.childNodes.includes(otherNode);
+    const childNodes = Array.from(this.childNodes);
+    if (childNodes.includes(otherNode)) {
+      return true;
+    }
+    return childNodes.some((node) => this.contains.bind(node)(otherNode));
   }
   removeChild(childNode) {
     const index = this.childNodes.indexOf(childNode);
@@ -3162,6 +3166,15 @@ class MockResponse {
   }
 }
 
+class MockDOMParser {
+  parseFromString(htmlToParse, mimeType) {
+    if (mimeType !== 'text/html') {
+      console.error('XML parsing not implemented yet, continuing as html');
+    }
+    return parseHtmlToDocument(htmlToParse);
+  }
+}
+
 function setupGlobal(gbl) {
   if (gbl.window == null) {
     const win = (gbl.window = new MockWindow());
@@ -3291,6 +3304,7 @@ const GLOBAL_CONSTRUCTORS = [
   ['MouseEvent', MockMouseEvent],
   ['Request', MockRequest],
   ['Response', MockResponse],
+  ['DOMParser', MockDOMParser],
   ['HTMLAnchorElement', MockAnchorElement],
   ['HTMLBaseElement', MockBaseElement],
   ['HTMLButtonElement', MockButtonElement],

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "2.15.0",
+  "version": "2.16.0",
   "description": "Mock window, document and DOM outside of a browser environment.",
   "main": "./index.cjs",
   "module": "./index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core",
-  "version": "2.15.0",
+  "version": "2.16.0",
   "license": "MIT",
   "main": "./internal/stencil-core/index.cjs",
   "module": "./internal/stencil-core/index.js",
@@ -10,6 +10,8 @@
   },
   "files": [
     "!**/*.map",
+    "!**/*.stub.ts",
+    "!**/*.stub.tsx",
     "bin/",
     "cli/",
     "compiler/",
@@ -22,37 +24,38 @@
     "testing/"
   ],
   "scripts": {
+    "build": "node scripts --prepare && npm run tsc.prod && npm run rollup.prod.ci",
     "clean": "rm -rf build/ cli/ compiler/ dev-server/ internal/ mock-doc/ sys/ testing/ && npm run clean-scripts",
     "clean-scripts": "rm -rf scripts/build",
-    "start": "npm run watch",
-    "build": "node scripts --prepare && npm run tsc.prod && npm run rollup.prod.ci",
-    "watch": "node scripts && npm run tsc && concurrently \"npm run rollup.watch\" \"npm run tsc.watch\"",
+    "license": "node scripts --license",
+    "lint": "eslint \"src/*.ts\" \"src/**/*.ts\" \"src/**/*.tsx\"",
+    "prettier": "npm run prettier.base -- --write",
+    "prettier.base": "prettier \"./({bin,scripts,src,test}/**/*.{ts,tsx,js,jsx})|bin/stencil\"",
+    "prettier.dry-run": "npm run prettier.base -- --list-different",
     "release": "node scripts --release --publish",
     "release.prepare": "node scripts --release --prepare",
-    "tsc": "tsc --incremental",
-    "tsc.prod": "tsc",
-    "tsc.scripts": "tsc -p scripts/tsconfig.json",
-    "tsc.watch": "tsc --incremental --watch",
     "rollup": "rollup --config",
     "rollup.prod": "rollup --config --config-prod",
     "rollup.prod.ci": "rollup --config --config-prod --config-ci",
     "rollup.watch": "rollup --watch --config",
-    "license": "node scripts --license",
-    "prettier": "npm run prettier.base -- --write",
-    "prettier.base": "prettier \"./({bin,scripts,src,test}/**/*.{ts,tsx,js,jsx})|bin/stencil\"",
-    "prettier.dry-run": "npm run prettier.base -- --list-different",
+    "start": "npm run watch",
     "test": "jest --coverage",
     "test.analysis": "cd test && npm run analysis.build-and-analyze",
+    "test.bundlers": "cd test && npm run bundlers",
     "test.dist": "node scripts --validate-build",
     "test.end-to-end": "cd test/end-to-end && npm ci && npm test && npm run test.dist",
     "test.jest": "jest",
     "test.karma": "cd test/karma && npm ci && npm run karma",
     "test.karma.prod": "cd test/karma && npm ci && npm run karma.prod",
-    "test.testing": "node scripts/test/validate-testing.js",
-    "test.sys.node": "echo test.sys.node",
     "test.prod": "npm run test.dist && npm run test.end-to-end && npm run test.jest && npm run test.karma && npm run test.sys.node && npm run test.testing && npm run test.analysis",
+    "test.testing": "node scripts/test/validate-testing.js",
     "test.watch": "jest --watch",
-    "test.watch-all": "jest --watchAll --coverage"
+    "test.watch-all": "jest --watchAll --coverage",
+    "tsc": "tsc --incremental",
+    "tsc.prod": "tsc",
+    "tsc.scripts": "tsc -p scripts/tsconfig.json",
+    "tsc.watch": "tsc --incremental --watch",
+    "watch": "node scripts && npm run tsc && concurrently \"npm run rollup.watch\" \"npm run tsc.watch\""
   },
   "devDependencies": {
     "@ionic/prettier-config": "^2.0.0",
@@ -62,6 +65,7 @@
     "@rollup/plugin-replace": "2.3.4",
     "@rollup/pluginutils": "4.1.0",
     "@types/autoprefixer": "^10.2.0",
+    "@types/eslint": "^8.4.2",
     "@types/exit": "^0.1.31",
     "@types/fs-extra": "^9.0.8",
     "@types/glob": "^7.1.2",
@@ -82,6 +86,8 @@
     "@types/webpack": "^4.41.26",
     "@types/ws": "^7.4.0",
     "@types/yarnpkg__lockfile": "^1.1.5",
+    "@typescript-eslint/eslint-plugin": "^5.20.0",
+    "@typescript-eslint/parser": "^5.20.0",
     "@yarnpkg/lockfile": "^1.1.0",
     "ansi-colors": "4.1.1",
     "autoprefixer": "10.2.5",
@@ -90,6 +96,8 @@
     "core-js-builder": "~3.6.5",
     "css": "^3.0.0",
     "dts-bundle-generator": "~5.3.0",
+    "eslint": "^8.13.0",
+    "eslint-config-prettier": "^8.5.0",
     "execa": "4.1.0",
     "exit": "^0.1.2",
     "fast-deep-equal": "3.1.3",
@@ -106,7 +114,7 @@
     "merge-source-map": "^1.1.0",
     "mime-db": "^1.46.0",
     "minimatch": "3.0.4",
-    "node-fetch": "2.6.1",
+    "node-fetch": "2.6.7",
     "open": "8.2.1",
     "open-in-editor": "2.2.0",
     "parse5": "6.0.1",
@@ -118,7 +126,6 @@
     "puppeteer": "~10.0.0",
     "rollup": "2.42.3",
     "rollup-plugin-sourcemaps": "^0.6.3",
-    "semiver": "^1.1.0",
     "semver": "7.3.4",
     "sizzle": "^2.3.6",
     "terser": "5.6.1",

package/screenshot/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/screenshot",
-  "version": "2.15.0",
+  "version": "2.16.0",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",