@stencil/core 2.17.2 → 2.18.0

package/compiler/sys/in-memory-fs.d.ts

@@ -0,0 +1,218 @@
+import type * as d from '../../internal/index';
+/**
+ * An in-memory FS which proxies the underlying OS filesystem using a simple
+ * in-memory cache. FS writes can accumulate on the in-memory system, using an
+ * API similar to Node.js' `"fs"` module, and then be committed to disk as a
+ * unit.
+ *
+ * Files written to the in-memory system can be edited, deleted, and so on.
+ * This allows the compiler to proceed freely as if it is modifying the
+ * filesystem, modifying the world in whatever way suits it, while deferring
+ * actual FS writes until the end of the compilation process, making actual
+ * changes to the filesystem on disk contingent on an error-free build or any
+ * other condition.
+ *
+ * Usage example:
+ *
+ * ```ts
+ * // create an in-memory FS
+ * const sys = createSystem();
+ * const inMemoryFs = createInMemoryFs(sys);
+ *
+ * // do a few fs operations
+ * await inMemoryFs.writeFile("path/to/file.js", 'console.log("hey!");')
+ * await inMemoryFs.remove("path/to/another_file.ts");
+ *
+ * // commit the results to disk
+ * const commitStats = await inMemoryFs.commit();
+ * ```
+ *
+ * In the above example the write operation and the delete operation (w/
+ * `.remove`) are both queued in the in-memory proxy but not committed to
+ * disk until the `.commit` method is called.
+ */
+export declare type InMemoryFileSystem = ReturnType<typeof createInMemoryFs>;
+/**
+ * A node in the in-memory file system. This may represent a file or
+ * a directory, and pending copy, write, and delete operations may be stored
+ * on it.
+ */
+export interface FsItem {
+    fileText: string;
+    isFile: boolean;
+    isDirectory: boolean;
+    size: number;
+    mtimeMs: number;
+    exists: boolean;
+    queueCopyFileToDest: string;
+    queueWriteToDisk: boolean;
+    queueDeleteFromDisk?: boolean;
+    useCache: boolean;
+}
+/**
+ * Storage format for the in-memory cache used to proxy the OS filesystem.
+ *
+ * Filesystem paths (of type `string`) are mapped to objects satisfying the
+ * `FsItem` interface.
+ */
+export declare type FsItems = Map<string, FsItem>;
+/**
+ * Options supported by write methods on the in-memory filesystem.
+ */
+export interface FsWriteOptions {
+    inMemoryOnly?: boolean;
+    clearFileCache?: boolean;
+    immediateWrite?: boolean;
+    useCache?: boolean;
+    /**
+     * An optional tag for the current output target for which this file is being
+     * written.
+     */
+    outputTargetType?: string;
+}
+/**
+ * Results from a write operation on the in-memory filesystem.
+ */
+export interface FsWriteResults {
+    changedContent: boolean;
+    queuedWrite: boolean;
+    ignored: boolean;
+}
+/**
+ * Options supported by read methods on the in-memory filesystem.
+ */
+export interface FsReadOptions {
+    useCache?: boolean;
+    setHash?: boolean;
+}
+/**
+ * Options supported by the readdir option on the in-memory filesystem.
+ */
+interface FsReaddirOptions {
+    inMemoryOnly?: boolean;
+    recursive?: boolean;
+    /**
+     * Directory names to exclude. Just the basename,
+     * not the entire path. Basically for "node_modules".
+     */
+    excludeDirNames?: string[];
+    /**
+     * Extensions we know we can avoid. Each extension
+     * should include the `.` so that we can test for both
+     * `.d.ts.` and `.ts`. If `excludeExtensions` isn't provided it
+     * doesn't try to exclude anything. This only checks against
+     * the filename, not directory names when recursive.
+     */
+    excludeExtensions?: string[];
+}
+/**
+ * A result from a directory read operation
+ */
+interface FsReaddirItem {
+    absPath: string;
+    relPath: string;
+    isDirectory: boolean;
+    isFile: boolean;
+}
+/**
+ * Information about a file in the in-memory filesystem.
+ */
+interface FsStat {
+    exists: boolean;
+    isFile: boolean;
+    isDirectory: boolean;
+    size: number;
+}
+/**
+ * Create an in-memory FS which proxies the underlying OS filesystem using an
+ * in-memory cache. FS writes can accumulate on the in-memory system, using an
+ * API similar to Node.js' `"fs"` module, and then be committed to disk as a
+ * unit.
+ *
+ * Files written to the in-memory system can be edited, deleted, and so on.
+ * This allows the compiler to proceed freely as if it is modifying the
+ * filesystem, modifying the world in whatever way suits it, while deferring
+ * actual FS writes until the end of the compilation process, making actual
+ * changes to the filesystem on disk contingent on an error-free build or any
+ * other condition.
+ *
+ * @param sys a compiler system object
+ * @returns an in-memory filesystem interface
+ */
+export declare const createInMemoryFs: (sys: d.CompilerSystem) => {
+    access: (filePath: string) => Promise<boolean>;
+    accessSync: (filePath: string) => boolean;
+    cancelDeleteDirectoriesFromDisk: (dirPaths: string[]) => void;
+    cancelDeleteFilesFromDisk: (filePaths: string[]) => void;
+    clearCache: () => void;
+    clearDirCache: (dirPath: string) => void;
+    clearFileCache: (filePath: string) => void;
+    commit: () => Promise<FsCommitResults>;
+    copyFile: (src: string, dest: string) => Promise<void>;
+    emptyDirs: (dirs: string[]) => Promise<void>;
+    getBuildOutputs: () => d.BuildOutput[];
+    getItem: (itemPath: string) => FsItem;
+    getMemoryStats: () => string;
+    readFile: (filePath: string, opts?: FsReadOptions) => Promise<string>;
+    readFileSync: (filePath: string, opts?: FsReadOptions) => string;
+    readdir: (dirPath: string, opts?: FsReaddirOptions) => Promise<FsReaddirItem[]>;
+    remove: (itemPath: string) => Promise<void>;
+    stat: (itemPath: string) => Promise<FsStat>;
+    statSync: (itemPath: string) => FsStat;
+    sys: d.CompilerSystem;
+    writeFile: (filePath: string, content: string, opts?: FsWriteOptions) => Promise<FsWriteResults>;
+    writeFiles: (files: {
+        [filePath: string]: string;
+    } | Map<string, string>, opts?: FsWriteOptions) => Promise<FsWriteResults[]>;
+};
+/**
+ * The information needed to carry out a file copy operation.
+ *
+ * `[ source, destination ]`
+ */
+declare type FileCopyTuple = [string, string];
+/**
+ * Collected instructions for all pending filesystem operations saved
+ * to the in-memory filesystem.
+ */
+interface FsCommitInstructions {
+    filesToDelete: string[];
+    filesToWrite: string[];
+    /**
+     * Files queued for copy operations are stored as an array of `[source, dest]`
+     * tuples.
+     */
+    filesToCopy: FileCopyTuple[];
+    dirsToDelete: string[];
+    dirsToEnsure: string[];
+}
+/**
+ * Results from committing pending filesystem operations
+ */
+interface FsCommitResults {
+    filesCopied: FileCopyTuple[];
+    filesWritten: string[];
+    filesDeleted: string[];
+    dirsDeleted: string[];
+    dirsAdded: string[];
+}
+/**
+ * Given the current state of the in-memory proxy filesystem, collect all of
+ * the changes that need to be made in order to commit the currently-pending
+ * operations (e.g. write, copy, delete) to the OS filesystem.
+ *
+ * @param items the storage data structure for the in-memory FS cache
+ * @returns a collection of all the operations that need to be done
+ */
+export declare const getCommitInstructions: (items: FsItems) => FsCommitInstructions;
+/**
+ * Check whether a given filepath should be ignored
+ *
+ * We have a little ignore list, and we just check whether the
+ * filepath ends with any of the strings on the ignore list.
+ *
+ * @param filePath the filepath to check!
+ * @returns whether we should ignore it or not
+ */
+export declare const shouldIgnore: (filePath: string) => boolean;
+export {};

package/dependencies.json

@@ -2,7 +2,7 @@
   "dependencies": [
     {
       "name": "@stencil/core",
-      "version": "2.17.2",
+      "version": "2.18.0",
       "main": "compiler/stencil.js",
       "resources": [
         "package.json",
@@ -44,8 +44,10 @@
         "compiler/lib.es2019.symbol.d.ts",
         "compiler/lib.es2020.bigint.d.ts",
         "compiler/lib.es2020.d.ts",
+        "compiler/lib.es2020.date.d.ts",
         "compiler/lib.es2020.full.d.ts",
         "compiler/lib.es2020.intl.d.ts",
+        "compiler/lib.es2020.number.d.ts",
         "compiler/lib.es2020.promise.d.ts",
         "compiler/lib.es2020.sharedmemory.d.ts",
         "compiler/lib.es2020.string.d.ts",
@@ -56,6 +58,13 @@
         "compiler/lib.es2021.promise.d.ts",
         "compiler/lib.es2021.string.d.ts",
         "compiler/lib.es2021.weakref.d.ts",
+        "compiler/lib.es2022.array.d.ts",
+        "compiler/lib.es2022.d.ts",
+        "compiler/lib.es2022.error.d.ts",
+        "compiler/lib.es2022.full.d.ts",
+        "compiler/lib.es2022.intl.d.ts",
+        "compiler/lib.es2022.object.d.ts",
+        "compiler/lib.es2022.string.d.ts",
         "compiler/lib.es5.d.ts",
         "compiler/lib.es6.d.ts",
         "compiler/lib.esnext.d.ts",

package/dev-server/client/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Dev Server Client v2.17.2 | MIT Licensed | https://stenciljs.com
+ Stencil Dev Server Client v2.18.0 | MIT Licensed | https://stenciljs.com
  */
 var appErrorCss = "#dev-server-modal * { box-sizing: border-box !important; } #dev-server-modal { direction: ltr !important; display: block !important; position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; z-index: 100000; margin: 0 !important; padding: 0 !important; font-family: -apple-system, 'Roboto', BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important; font-size: 14px !important; line-height: 1.5 !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; text-size-adjust: none; word-wrap: break-word; color: #333 !important; background-color: white !important; box-sizing: border-box !important; overflow: hidden; user-select: auto; } #dev-server-modal-inner { position: relative !important; padding: 0 0 30px 0 !important; width: 100% !important; height: 100%; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .dev-server-diagnostic { margin: 20px !important; border: 1px solid #ddd !important; border-radius: 3px !important; } .dev-server-diagnostic-masthead { padding: 8px 12px 12px 12px !important; } .dev-server-diagnostic-title { margin: 0 !important; font-weight: bold !important; color: #222 !important; } .dev-server-diagnostic-message { margin-top: 4px !important; color: #555 !important; } .dev-server-diagnostic-file { position: relative !important; border-top: 1px solid #ddd !important; } .dev-server-diagnostic-file-header { display: block !important; padding: 5px 10px !important; color: #555 !important; border-bottom: 1px solid #ddd !important; border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; background-color: #f9f9f9 !important; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; font-size: 12px !important; } a.dev-server-diagnostic-file-header { color: #0000ee !important; text-decoration: underline !important; } a.dev-server-diagnostic-file-header:hover { text-decoration: none !important; background-color: #f4f4f4 !important; } .dev-server-diagnostic-file-name { font-weight: bold !important; } .dev-server-diagnostic-blob { overflow-x: auto !important; overflow-y: hidden !important; border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } .dev-server-diagnostic-table { margin: 0 !important; padding: 0 !important; border-spacing: 0 !important; border-collapse: collapse !important; border-width: 0 !important; border-style: none !important; -moz-tab-size: 2; tab-size: 2; } .dev-server-diagnostic-table td, .dev-server-diagnostic-table th { padding: 0 !important; border-width: 0 !important; border-style: none !important; } td.dev-server-diagnostic-blob-num { padding-right: 10px !important; padding-left: 10px !important; width: 1% !important; min-width: 50px !important; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; font-size: 12px !important; line-height: 20px !important; color: rgba(0, 0, 0, 0.3) !important; text-align: right !important; white-space: nowrap !important; vertical-align: top !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: solid #eee !important; border-width: 0 1px 0 0 !important; } td.dev-server-diagnostic-blob-num::before { content: attr(data-line-number) !important; } .dev-server-diagnostic-error-line td.dev-server-diagnostic-blob-num { background-color: #ffdddd !important; border-color: #ffc9c9 !important; } .dev-server-diagnostic-error-line td.dev-server-diagnostic-blob-code { background: rgba(255, 221, 221, 0.25) !important; z-index: -1; } .dev-server-diagnostic-open-in-editor td.dev-server-diagnostic-blob-num:hover { cursor: pointer; background-color: #ffffe3 !important; font-weight: bold; } .dev-server-diagnostic-open-in-editor.dev-server-diagnostic-error-line td.dev-server-diagnostic-blob-num:hover { background-color: #ffdada !important; } td.dev-server-diagnostic-blob-code { position: relative !important; padding-right: 10px !important; padding-left: 10px !important; line-height: 20px !important; vertical-align: top !important; overflow: visible !important; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; font-size: 12px !important; color: #333 !important; word-wrap: normal !important; white-space: pre !important; } td.dev-server-diagnostic-blob-code::before { content: '' !important; } .dev-server-diagnostic-error-chr { position: relative !important; } .dev-server-diagnostic-error-chr::before { position: absolute !important; z-index: -1; top: -3px !important; left: 0px !important; width: 8px !important; height: 20px !important; background-color: #ffdddd !important; content: '' !important; } /** * GitHub Gist Theme * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro * https://highlightjs.org/ */ .hljs-comment, .hljs-meta { color: #969896; } .hljs-string, .hljs-variable, .hljs-template-variable, .hljs-strong, .hljs-emphasis, .hljs-quote { color: #df5000; } .hljs-keyword, .hljs-selector-tag, .hljs-type { color: #a71d5d; } .hljs-literal, .hljs-symbol, .hljs-bullet, .hljs-attribute { color: #0086b3; } .hljs-section, .hljs-name { color: #63a35c; } .hljs-tag { color: #333333; } .hljs-title, .hljs-attr, .hljs-selector-id, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo { color: #795da3; } .hljs-addition { color: #55a532; background-color: #eaffea; } .hljs-deletion { color: #bd2c00; background-color: #ffecec; } .hljs-link { text-decoration: underline; }";
 

package/dev-server/client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/dev-server/client",
-  "version": "2.17.2",
+  "version": "2.18.0",
   "description": "Stencil Dev Server Client.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/dev-server/connector.html

@@ -1,6 +1,6 @@
-<!doctype html><html><head><meta charset="utf-8"><title>Stencil Dev Server Connector 2.17.2 &#9889</title><style>body{background:black;color:white;font:18px monospace;text-align:center}</style></head><body>
+<!doctype html><html><head><meta charset="utf-8"><title>Stencil Dev Server Connector 2.18.0 &#9889</title><style>body{background:black;color:white;font:18px monospace;text-align:center}</style></head><body>
 
-Stencil Dev Server Connector 2.17.2 &#9889;
+Stencil Dev Server Connector 2.18.0 &#9889;
 
 <script>!function(e,t,n,r){"use strict";var o=function(e){a(),i(e)},i=function(e){function t(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),n}"function"!=typeof e.CustomEvent&&(t.prototype=e.Event.prototype,e.CustomEvent=t)},a=function(){"function"!=typeof Object.assign&&Object.defineProperty(Object,"assign",{value:function(e){var t,n,r,o,i,a,s=[];for(t=1;t<arguments.length;t++)s[t-1]=arguments[t];for(n=Object(e),r=0,o=s;r<o.length;r++)if(null!=(i=o[r]))for(a in i)Object.prototype.hasOwnProperty.call(i,a)&&(n[a]=i[a]);return n},writable:!0,configurable:!0})},s="/~dev-server",l="".concat(s,"-init"),d="".concat(s,"-open-in-editor"),c="#dev-server-modal * { box-sizing: border-box !important; } #dev-server-modal { direction: ltr !important; display: block !important; position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; z-index: 100000; margin: 0 !important; padding: 0 !important; font-family: -apple-system, 'Roboto', BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important; font-size: 14px !important; line-height: 1.5 !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; text-size-adjust: none; word-wrap: break-word; color: #333 !important; background-color: white !important; box-sizing: border-box !important; overflow: hidden; user-select: auto; } #dev-server-modal-inner { position: relative !important; padding: 0 0 30px 0 !important; width: 100% !important; height: 100%; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .dev-server-diagnostic { margin: 20px !important; border: 1px solid #ddd !important; border-radius: 3px !important; } .dev-server-diagnostic-masthead { padding: 8px 12px 12px 12px !important; } .dev-server-diagnostic-title { margin: 0 !important; font-weight: bold !important; color: #222 !important; } .dev-server-diagnostic-message { margin-top: 4px !important; color: #555 !important; } .dev-server-diagnostic-file { position: relative !important; border-top: 1px solid #ddd !important; } .dev-server-diagnostic-file-header { display: block !important; padding: 5px 10px !important; color: #555 !important; border-bottom: 1px solid #ddd !important; border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; background-color: #f9f9f9 !important; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; font-size: 12px !important; } a.dev-server-diagnostic-file-header { color: #0000ee !important; text-decoration: underline !important; } a.dev-server-diagnostic-file-header:hover { text-decoration: none !important; background-color: #f4f4f4 !important; } .dev-server-diagnostic-file-name { font-weight: bold !important; } .dev-server-diagnostic-blob { overflow-x: auto !important; overflow-y: hidden !important; border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } .dev-server-diagnostic-table { margin: 0 !important; padding: 0 !important; border-spacing: 0 !important; border-collapse: collapse !important; border-width: 0 !important; border-style: none !important; -moz-tab-size: 2; tab-size: 2; } .dev-server-diagnostic-table td, .dev-server-diagnostic-table th { padding: 0 !important; border-width: 0 !important; border-style: none !important; } td.dev-server-diagnostic-blob-num { padding-right: 10px !important; padding-left: 10px !important; width: 1% !important; min-width: 50px !important; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; font-size: 12px !important; line-height: 20px !important; color: rgba(0, 0, 0, 0.3) !important; text-align: right !important; white-space: nowrap !important; vertical-align: top !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: solid #eee !important; border-width: 0 1px 0 0 !important; } td.dev-server-diagnostic-blob-num::before { content: attr(data-line-number) !important; } .dev-server-diagnostic-error-line td.dev-server-diagnostic-blob-num { background-color: #ffdddd !important; border-color: #ffc9c9 !important; } .dev-server-diagnostic-error-line td.dev-server-diagnostic-blob-code { background: rgba(255, 221, 221, 0.25) !important; z-index: -1; } .dev-server-diagnostic-open-in-editor td.dev-server-diagnostic-blob-num:hover { cursor: pointer; background-color: #ffffe3 !important; font-weight: bold; } .dev-server-diagnostic-open-in-editor.dev-server-diagnostic-error-line td.dev-server-diagnostic-blob-num:hover { background-color: #ffdada !important; } td.dev-server-diagnostic-blob-code { position: relative !important; padding-right: 10px !important; padding-left: 10px !important; line-height: 20px !important; vertical-align: top !important; overflow: visible !important; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; font-size: 12px !important; color: #333 !important; word-wrap: normal !important; white-space: pre !important; } td.dev-server-diagnostic-blob-code::before { content: '' !important; } .dev-server-diagnostic-error-chr { position: relative !important; } .dev-server-diagnostic-error-chr::before { position: absolute !important; z-index: -1; top: -3px !important; left: 0px !important; width: 8px !important; height: 20px !important; background-color: #ffdddd !important; content: '' !important; } /** * GitHub Gist Theme * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro * https://highlightjs.org/ */ .hljs-comment, .hljs-meta { color: #969896; } .hljs-string, .hljs-variable, .hljs-template-variable, .hljs-strong, .hljs-emphasis, .hljs-quote { color: #df5000; } .hljs-keyword, .hljs-selector-tag, .hljs-type { color: #a71d5d; } .hljs-literal, .hljs-symbol, .hljs-bullet, .hljs-attribute { color: #0086b3; } .hljs-section, .hljs-name { color: #63a35c; } .hljs-tag { color: #333333; } .hljs-title, .hljs-attr, .hljs-selector-id, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo { color: #795da3; } .hljs-addition { color: #55a532; background-color: #eaffea; } .hljs-deletion { color: #bd2c00; background-color: #ffecec; } .hljs-link { text-decoration: underline; }",A=function(e){var t,n,r={diagnostics:[],status:null};return e&&e.window&&Array.isArray(e.buildResults.diagnostics)&&(t=e.buildResults.diagnostics.filter((function(e){return"error"===e.level}))).length>0&&(n=m(e.window.document),t.forEach((function(t){r.diagnostics.push(t),p(e.window.document,e.openInEditor,n,t)})),r.status="error"),r},p=function(e,t,n,r){var o,i,a,s,l,d,c,A,p,m,f,y,w=e.createElement("div");w.className="dev-server-diagnostic",(o=e.createElement("div")).className="dev-server-diagnostic-masthead",o.title="".concat(g(r.type)," error: ").concat(g(r.code)),w.appendChild(o),(i=e.createElement("div")).className="dev-server-diagnostic-title","string"==typeof r.header&&r.header.trim().length>0?i.textContent=r.header:i.textContent="".concat(h(r.type)," ").concat(h(r.level)),o.appendChild(i),(a=e.createElement("div")).className="dev-server-diagnostic-message",a.textContent=r.messageText,o.appendChild(a),(s=e.createElement("div")).className="dev-server-diagnostic-file",w.appendChild(s),l="string"==typeof r.absFilePath&&0===r.absFilePath.indexOf("http"),d="function"==typeof t&&"string"==typeof r.absFilePath&&!l,l?((c=e.createElement("a")).href=r.absFilePath,c.setAttribute("target","_blank"),c.setAttribute("rel","noopener noreferrer"),c.className="dev-server-diagnostic-file-header",(A=e.createElement("span")).className="dev-server-diagnostic-file-path",A.textContent=r.absFilePath,c.appendChild(A),s.appendChild(c)):r.relFilePath&&((c=e.createElement(d?"a":"div")).className="dev-server-diagnostic-file-header",r.absFilePath&&(c.title=g(r.absFilePath),d&&u(t,c,r.absFilePath,r.lineNumber,r.columnNumber)),p=r.relFilePath.split("/"),(m=e.createElement("span")).className="dev-server-diagnostic-file-name",m.textContent=p.pop(),(A=e.createElement("span")).className="dev-server-diagnostic-file-path",A.textContent=p.join("/")+"/",c.appendChild(A),c.appendChild(m),s.appendChild(c)),r.lines&&r.lines.length>0&&((f=e.createElement("div")).className="dev-server-diagnostic-blob",s.appendChild(f),(y=e.createElement("table")).className="dev-server-diagnostic-table",f.appendChild(y),b(r.lines).forEach((function(n){var o,i,a,s=e.createElement("tr");n.errorCharStart>0&&s.classList.add("dev-server-diagnostic-error-line"),d&&s.classList.add("dev-server-diagnostic-open-in-editor"),y.appendChild(s),(o=e.createElement("td")).className="dev-server-diagnostic-blob-num",n.lineNumber>0&&(o.setAttribute("data-line-number",n.lineNumber+""),o.title=g(r.relFilePath)+", line "+n.lineNumber,d&&(i=n.lineNumber===r.lineNumber?r.columnNumber:1,u(t,o,r.absFilePath,n.lineNumber,i))),s.appendChild(o),(a=e.createElement("td")).className="dev-server-diagnostic-blob-code",a.innerHTML=v(n.text,n.errorCharStart,n.errorLength),s.appendChild(a)}))),n.appendChild(w)},u=function(e,t,n,r,o){"A"===t.tagName&&(t.href="#open-in-editor"),("number"!=typeof r||r<1)&&(r=1),("number"!=typeof o||o<1)&&(o=1),t.addEventListener("click",(function(t){t.preventDefault(),t.stopPropagation(),e({file:n,line:r,column:o})}))},m=function(e){var t=e.getElementById(w);return t||((t=e.createElement("div")).id=w,t.setAttribute("role","dialog"),e.body.appendChild(t)),t.innerHTML="<style>".concat(c,'</style><div id="').concat(w,'-inner"></div>'),e.getElementById("".concat(w,"-inner"))},f=function(e){var t=e.window.document.getElementById(w);t&&t.parentNode.removeChild(t)},g=function(e){return"number"==typeof e||"boolean"==typeof e?e.toString():"string"==typeof e?e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;"):""},h=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},v=function(e,t,n){if("string"!=typeof e)return"";var r=t+n;return e.split("").map((function(e,n){var o;return o="<"===e?"&lt;":">"===e?"&gt;":'"'===e?"&quot;":"'"===e?"&#039;":"&"===e?"&amp;":e,n>=t&&n<r&&(o='<span class="dev-server-diagnostic-error-chr">'.concat(o,"</span>")),o})).join("")},b=function(e){var t,n,r=JSON.parse(JSON.stringify(e));for(t=0;t<100;t++){if(!y(r))return r;for(n=0;n<r.length;n++)if(r[n].text=r[n].text.slice(1),r[n].errorCharStart--,!r[n].text.length)return r}return r},y=function(e){var t,n;if(!e.length)return!1;for(t=0;t<e.length;t++){if(!e[t].text||e[t].text.length<1)return!1;if(" "!==(n=e[t].text.charAt(0))&&"\t"!==n)return!1}return!0},w="dev-server-modal",k=function(e,t){e.dispatchEvent(new CustomEvent(I,{detail:t}))},E=function(e,t){e.dispatchEvent(new CustomEvent(Q,{detail:t}))},C=function(e,t){e.dispatchEvent(new CustomEvent(H,{detail:t}))},j=function(e,t){e.addEventListener(I,(function(e){t(e.detail)}))},L=function(e,t){e.addEventListener(Q,(function(e){t(e.detail)}))},x=function(e,t){e.addEventListener(H,(function(e){t(e.detail)}))},I="devserver:buildlog",Q="devserver:buildresults",H="devserver:buildstatus",S=function(e){function t(){clearTimeout(s),clearTimeout(a);var e=o();if(!e)return function(){var e=p.createElement("div");e.id=c,e.style.position="absolute",e.style.top="0",e.style.left="0",e.style.zIndex="100001",e.style.width="100%",e.style.height="2px",e.style.transform="scaleX(0)",e.style.opacity="1",e.style.background=u,e.style.transformOrigin="left center",e.style.transition="transform .1s ease-in-out, opacity .5s ease-in",e.style.contain="strict",p.body.appendChild(e)}(),void(i=setTimeout(t,16));e.style.background=u,e.style.opacity="1",e.style.transform="scaleX(".concat(Math.min(1,r()),")"),null==l&&(l=setInterval((function(){d+=.05*Math.random()+.01,r()<.9?t():clearInterval(l)}),800))}function n(){clearInterval(l),d=.05,l=null,clearTimeout(s),clearTimeout(i),clearTimeout(a);var e=o();e&&(f>=1&&(e.style.transform="scaleX(1)"),s=setTimeout((function(){try{var e=o();e&&(e.style.opacity="0")}catch(e){}}),150),a=setTimeout((function(){try{var e=o();e&&e.parentNode.removeChild(e)}catch(e){}}),1e3))}function r(){var e=f+d;return Math.max(0,Math.min(1,e))}function o(){return p.getElementById(c)}var i,a,s,l,d,c,A=e.window,p=A.document,u="#5851ff",m="#b70c19",f=0;n(),j(A,(function(e){(f=e.progress)>=0&&f<1?t():n()})),L(A,(function(e){if(e.hasError){var t=o();t&&(t.style.transform="scaleX(1)",t.style.background=m)}n()})),x(A,(function(e){"disabled"===e&&n()})),"tmpl-initial-load"===p.head.dataset.tmpl&&t(),c="dev-server-progress-bar"},B=function(e){var t=e.window,n=t.document,r=D(n);r.forEach((function(e){e.href&&(e.dataset.href=e.href,e.dataset.type=e.type)})),x(t,(function(e){U(n,e)}))},U=function(e,t){D(e).forEach((function(e){N(e,t)}))},N=function(e,t){"pending"===t?(e.href=T,e.type=M,e.setAttribute("data-status",t)):"error"===t?(e.href=R,e.type=M,e.setAttribute("data-status",t)):"disabled"===t?(e.href=O,e.type=M,e.setAttribute("data-status",t)):(e.removeAttribute("data-status"),e.dataset.href?(e.href=e.dataset.href,e.type=e.dataset.type):(e.href=F,e.type=M))},D=function(e){var t,n,r=[],o=e.querySelectorAll("link");for(t=0;t<o.length;t++)o[t].href&&o[t].rel&&(o[t].rel.indexOf("shortcut")>-1||o[t].rel.indexOf("icon")>-1)&&r.push(o[t]);return 0===r.length&&((n=e.createElement("link")).rel="shortcut icon",e.head.appendChild(n),r.push(n)),r},F="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAMAAABlApw1AAAAnFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD4jUzeAAAAM3RSTlMAsGDs4wML8QEbBvr2FMhAM7+ILCUPnNzXrX04otO6j3RiT0ggzLSTcmtWUUWoZlknghZc2mZzAAACrklEQVR42u3dWXLiUAyFYWEwg40x8wxhSIAwJtH+99ZVeeinfriXVpWk5Hyr+C2VrgkAAAAAAAAAAAw5sZQ7aUhYypw07FjKC2ko2yxk2SQFgwYLOWSkYFhlIZ06KWhNWMhqRApGKxYyaZGCeoeFVIekIDuwkEaXFDSXLKRdkoYjS9mRhjlLSUjDO0s5kYYzS+mThn3OQsYqAbQQC7hZSgoGYgHUy0jBa42FvKkEUDERC6CCFIzeWEjtlRRkPbGAG5CCtCIWQAtS0ByzkHxPGvos5UEaNizlnTRsWconhbM4wTpSFHMTrFtKCroNFrLGBOsJLbGAWxWkoFiJBRAmWE/I1r4nWOmNheTeJ1gX0vDJUrYUweAEa04aHs5XePvc9wpPboJ1SCmOsRVkr04aromUEQEAgB9lxaZ++ATFpNDv6Y8qm1QdBk9QTAr9ni6mbFK7DJ6g2LQLXoHZlFCQdMY2nYJXYDb1g1dgNo2boSswm2Zp6ArMptCFyIVtCl2IlDmbNC0QcPEQcD8l4HLvAXdxHnBb5wG3QcDFQ8D9mIDrIeCiIeDiA25oNeA+EHDREHDxAbdmmxBwT0HARQbciW0KDbiEbQoNuB3bFBxwbTYJAfcUBFxkwFG/YlNJAADgxzCRcqUY9m7KGgNSUEx9H3XXO76Puv/OY5wedX/flHk+6j46v2maO79purPvm6Yz+75puua+b5q6Dd/PEsrNMyZfFM5gAMW+ymPtWciYV3ksBpBOwKUH3wHXXLKUM2l4cR5wG+cBlzgPuJ3zgJNb6FRwlP4Ln1X8wrOKeFbxP6Qz3wEn+KzilWLYe5UnMuDwY5BvD+cBt899B9zC+49Bqr4DrlXzHXDF1HfA1Tu+Ay5b+w649OY74OjoO+Bo7jzg7s4DDgAAAAAAAAAA/u0POrfnVIaqz/QAAAAASUVORK5CYII=",T="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAMAAABlApw1AAAAjVBMVEUAAAD8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjLn7xn3AAAALnRSTlMAsFBgAaDxfPpAdTMcD/fs47kDBhVXJQpvLNbInIiBRvSqIb+TZ2OOONxdzUxpgKSpAAAAA69JREFUeNrt3FtvskAQxvERFQXFioqnCkqth572+3+8947dN00TliF5ZpP53ZOAveg/OzCklFJKKaWUUkoppQTZm77cCGFo+jIhhG/TlwchJAvTk/GIAA6x6Um+JoDti+nJ644A5h+mJ8eMALKj6cnHnAB2r80NLJ4jf3Vz+cuWANZ5cwPTM/l7by6PZwQwGptGQf4q++dLCOHdNIbkb2IvjwjAvYEf8pe6j4/wYxopr/9SQih4BXa3l5eEcJ7a++c9/gkSQE8bcCWvXwcrAjjYADrxHv8KCbi3JasgD5fm8i9IAG1swMXzDv0X2wDaEED21dzA5UDeVoPm8uUbAayvvAI42YA7EIDzA5pv8lc6/UoAoxMv4CZuvyKUpnHn9VNBAG6B7XkBtCeEO6/AbvbyihAiXsB92svfCcA9wap4j19DAmgWs37AZCrnBKvu8vgX9AmWE3BZh/6L7QkWJIA2RxtwHQpml9sAQp9gXWbkbxz4CdYDfIK1qk1j3IV9fPgJFlNECJXhYfSfsBHkhBCKwEd452nYI7wncwQJP8GKTU+uO0I4D/uSkVJKqXAkA5nK9icoIi3nrU9QRHrZtj5BESmetT5BEantPCh7NTJFrUdgMg1bj8BkSv1HYJ8RmjMQKf1HYDdC+/R/IyQFzbD4AxH+CIyPPxCJoEdQ/IFIMgXNEPkDkd8jMLQs5wRcTXA1J+By/BGO+0ovYwQGU3kPRLJfIzCkCSfgpgmhpc5AxD/gIkLb8wKO0DTgoNyaGQQecNfQAy7TgGtHA04DLtyA24UecHngAVdrwIkJuAitU8DJ1Dbghkam9gEnU+uAWxiRjhsdoXagI1TPgKNyIBO+ZpRSSrW3HfblTAA9/juPDwTAfiMK9VG3PY/hwX7Ubc9j+AoCWNWGp+NSH4HflE2IgXUEGPI3TTfmN4ndv2kSsRUJvpUn4W1FShbYb5rc84ySAtzKs3W3IgW4lWfO24q0zsFbebIjaysSjbtt5RHzUf0DHHCrAW8gVYEDzl0LGYW4lefB24uYQgOOfwN7dMANeW/k3DkBJ2CrUNE54GRsFYIHnPNR+iPEgHPWKo5DDDhnrWKeBRhwzlrFeNtlq5CgtYqzAAPODaBzgAH331rFAAOOqsDXKjL3IqboN7ILJ4BCDDh3r3SIAfd0AijEgHP3So/8wQNuvjRBbxVij5A6Bpy8EZJnwIkbIfkFnLwRkm/ASRshXbwDTtYICRRwt7BHqEoppZRSSimllFLqD/8AOXJZHefotiIAAAAASUVORK5CYII=",R="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAMAAABlApw1AAAAkFBMVEUAAAD5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0HYvLBZAAAAL3RSTlMAsGDjA/rsC/ElHRUBBssz9pFCvoh0UEcsD9ec3K19OLiiaNLEYlmoVeiCbmE+GuMl4I8AAAKQSURBVHja7d1njupQDIZhAymEUIZQQu9taN7/7q50pfl/TmTJtvQ9q3hzLDsEAAAAAAAAAACGzFjKiTS0WcqONMxZypg0fH5YyLFPChZdFnIYkILil4VcclLw3bCQ85IULM8sZPMlBfmFhfwWpGBwYCHdESnoH1nIz4c0jFnKnDTsWEqbNJxYyow03FjKlDTUKQtZqwTQXizgtgkpWGQsZKIScL0OCxmqBFC5EQugkhQshyyk0yMFgwkLyRakIGmJBdCeFPTXLCStScOUpdwogsEXrBdpuLKUJ4XDC9afKmUh94QUjLy/YGViAZRTOIMBtypJQXn2HUC5WMBleMFqILmzkLSicBZfsB6k4clSrqTh5XyEd3MeQHXqe4Qn94LVSiicwRHkJScNdVvKkgAAwI+qZdM0/AXFpE4v+AXFpKwIfkExKfR7ulyxSWkV/IJi0zx4BGbTm4IkW7ZpFjwCs2kaPAKzad0PHYHZtE1CR2A2TQahIzCbhnnwCMykVYmAi4aAQ8BZ4T3grgi4BhBwCDgbEHCNIOAQcCYg4BpCwCHgLEDAaYgPuDfbhIBrBAGHgDMhNOBo2rKpIgAA8KNoS6kplq2dsu6CFJQr30vd+dD3Uvf/nTLHS93J3flZwrHznaad852mE/veaXqw752mKvW90zTq+j5LWGS+r/J8xQKoU1AUa2chm1zlsXQWUifgkoPvgOsffQccjZ0H3Mx5wL2dB9zcecB9sJTePOBM3cU+46wiziq6C7hk6zvg3J9VfDK7vir0ch5wN+cBV6e+A27v/ccgme+AkxshTXKKYW6EFH0X29gIKTLgzI2QYgPO2ggpLuDsvaDEBZy9EVJcwBkcIT0IAAAAAAAAAADs+AdjeyF69/r87QAAAABJRU5ErkJggg==",O="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAMAAABlApw1AAAAeFBMVEUAAAC4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7/uGGySAAAAJ3RSTlMAsGAE7OMcAQvxJRX69kHWyL8zq5GIdEcsD5zcfVg4uKLNa1JPZoK/xdPIAAACiklEQVR42u3dW5KqUAyF4QgCCggqIt7t9pb5z/Ccvjz2w95UqpJ0r28Uf2WTQAAAAAAAAAAAYMiWpTxJQ8JSTqThwVI2pKFZsJC3ghTs5izkmpKCcspCljNSkB9ZSLsnBfuWhRxzUjBbspBpSQrSKwuZr0lB8cZCFg1p2LCUB2k4sZSENNxYypY0nFlKTxqGmoUcClJwEQu4SUoKdmIBtEpJQZ6xkHeVAKqOYgFUkYL9OwvJclKQrsQCbkcK0olYAF1IQXFgIfVAGnqWcqZwFidYN4phb4L1onCYYMlPsLqUFKwxwRozwTIYcG1FCqrWdwBhgqU7wUo7FlJ7n2DdScPL+RPezfkT3tl5AA217yc89xMssYBbzUjDkEjZEwAA+NFMbOrDJygmZXnwBMWkaRk8QTFpvg6eoJi0aIInKDY9gp/AbEqCJyg2bYOfwGzqKUzPNh2K0Ccwm0IfRBK2KfSLkDvbFPog0tRsUlsh4EZAwP2SgKu9B9wdATcOAg4BZwACbgQEHALOCATcCAg4BJwVCLhREHB/LOAebFNwwC3YJATcKAi4yICjfmJTQwAA4EeZSBkojrWdsvmO4hjbKYtd6ra2Uxa71G1tp0xnqbvo+IPfpe4Nf3K703Ridr3T9OQPfnea7szseaepqX3vNH3NM/xe5fmeZ7i9yiMXQFlJEeydhYy4ymMygCICzmQAxQactbOQMQFnMoBiAs7iVaHIgDN3VSgq4AxeFYoOOGNXhbCUPkaJs4o4q/iXzyp2vgPO/VnFl/OAu/F/jq8KnZ0H3FD7DriL9x+DTH0HXJ75Driq9R1ws6XvgEuvvgOu6HwHHG18BxydnAfc03nAAQAAAAAAAADAz/4BoL2Us9XM2zMAAAAASUVORK5CYII=",M="image/x-icon",z=function(e){return W(G,"Build",e)},K=function(e){return P("Reload",e)},P=function(e,t){return W(X,e,t)},J=function(e,t){return W(Z,e,t)},Y=function(e){var t,n=e,r=q,o="Error";"warn"===n.level&&(r=X,o="Warning"),n.header&&(o=n.header),t="",n.relFilePath&&(t+=n.relFilePath,"number"==typeof n.lineNumber&&n.lineNumber>0&&(t+=", line "+n.lineNumber,"number"==typeof n.columnNumber&&n.columnNumber>0&&(t+=", column "+n.columnNumber)),t+="\n"),t+=n.messageText,W(r,o,t)},W=function(e,t,n){"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.indexOf("Trident")>-1?console.log(t,n):console.log.apply(console,["%c"+t,"background: ".concat(e,"; color: white; padding: 2px 3px; border-radius: 2px; font-size: 0.8em;"),n])},X="#f39c12",q="#c0392b",G="#3498db",Z="#717171",V=function(e,t,n){return"string"==typeof n&&""!==n.trim()&&_(t)===_(n)?ne(n,e):n},_=function(e){var t=e.split("/");return t[t.length-1].split("&")[0].split("?")[0]},$=function(e){var t={};return"string"==typeof e&&e.split("&").forEach((function(e){var n=e.split("=");t[n[0]]=n[1]?n[1]:""})),t},ee=function(e){return Object.keys(e).map((function(t){return t+"="+e[t]})).join("&")},te=function(e,t,n){var r=e.split("?"),o=r[0],i=$(r[1]);return i[t]=n,o+"?"+ee(i)},ne=function(e,t){return te(e,"s-hmr",t)},re=function(e,t,n){for(var r,o,i=/url\((['"]?)(.*)\1\)/gi,a=n;null!==(r=i.exec(n));)o=r[2],a=a.replace(o,V(e,t,o));return a},oe=function(e){return"link"===e.nodeName.toLowerCase()&&e.href&&e.rel&&"stylesheet"===e.rel.toLowerCase()},ie=function(e){return"template"===e.nodeName.toLowerCase()&&!!e.content&&11===e.content.nodeType},ae=function(e,t){return e.setAttribute("data-hmr",t)},se=function(e){return!!e.shadowRoot&&11===e.shadowRoot.nodeType&&e.shadowRoot!==e},le=function(e){return!!e&&1===e.nodeType&&!!e.getAttribute},de=function(e,t,n){var r=[];return n.forEach((function(n){ce(r,e,t,n)})),r.sort()},ce=function(e,t,n,r){if(t.nodeName.toLowerCase()===r&&"function"==typeof t["s-hmr"]&&(t["s-hmr"](n),ae(t,n),-1===e.indexOf(r)&&e.push(r)),se(t)&&ce(e,t.shadowRoot,n,r),t.children)for(var o=0;o<t.children.length;o++)ce(e,t.children[o],n,r)},Ae=function(e,t,n){if(oe(e)&&n.forEach((function(n){pe(e,t,n)})),ie(e)&&Ae(e.content,t,n),se(e)&&Ae(e.shadowRoot,t,n),e.children)for(var r=0;r<e.children.length;r++)Ae(e.children[r],t,n);return n.sort()},pe=function(e,t,n){var r=e.getAttribute("href"),o=V(t,n,e.href);o!==r&&(e.setAttribute("href",o),ae(e,t))},ue=function(e,t,n,r){return"file:"!==e.location.protocol&&t.styleSheets&&me(t,n,r),he(e,t.documentElement,n,r),r.sort()},me=function(e,t,n){var r,o=Object.keys(e.documentElement.style).filter((function(e){return e.endsWith("Image")}));for(r=0;r<e.styleSheets.length;r++)fe(o,e.styleSheets[r],t,n)},fe=function(e,t,n,r){var o,i,a;try{for(o=t.cssRules,i=0;i<o.length;i++)switch((a=o[i]).type){case CSSRule.IMPORT_RULE:fe(e,a.styleSheet,n,r);break;case CSSRule.STYLE_RULE:ge(e,a,n,r);break;case CSSRule.MEDIA_RULE:fe(e,a,n,r)}}catch(e){console.error("hmrStyleSheetImages: "+e)}},ge=function(e,t,n,r){e.forEach((function(e){r.forEach((function(r){var o=t.style[e],i=re(n,r,o);o!==i&&(t.style[e]=i)}))}))},he=function(e,t,n,r){var o,i,a=t.nodeName.toLowerCase();if("img"===a&&ve(t,n,r),le(t)&&(o=t.getAttribute("style"))&&be(t,n,r,o),"style"===a&&ye(t,n,r),"file:"!==e.location.protocol&&oe(t)&&we(t,n,r),ie(t)&&he(e,t.content,n,r),se(t)&&he(e,t.shadowRoot,n,r),t.children)for(i=0;i<t.children.length;i++)he(e,t.children[i],n,r)},ve=function(e,t,n){n.forEach((function(n){var r=e.getAttribute("src"),o=V(t,n,r);o!==r&&(e.setAttribute("src",o),ae(e,t))}))},be=function(e,t,n,r){n.forEach((function(n){var o=re(t,n,r);o!==r&&(e.setAttribute("style",o),ae(e,t))}))},ye=function(e,t,n){n.forEach((function(n){var r=e.innerHTML,o=re(t,n,r);o!==r&&(e.innerHTML=o,ae(e,t))}))},we=function(e,t,n){e.href=te(e.href,"s-hmr-urls",n.sort().join(",")),e.href=ne(e.href,t),e.setAttribute("data-hmr",t)},ke=function(e,t,n){var r,o=n;if(le(e)&&"style"===e.nodeName.toLowerCase()&&o.forEach((function(n){Ee(e,t,n)})),ie(e)&&ke(e.content,t,o),se(e)&&ke(e.shadowRoot,t,o),e.children)for(r=0;r<e.children.length;r++)ke(e.children[r],t,o);return o.map((function(e){return e.styleTag})).reduce((function(e,t){return-1===e.indexOf(t)&&e.push(t),e}),[]).sort()},Ee=function(e,t,n){e.getAttribute("sty-id")===n.styleId&&n.styleText&&(e.innerHTML=n.styleText.replace(/\\n/g,"\n"),e.setAttribute("data-hmr",t))},Ce=function(e){var t,n,r,o,i,a={updatedComponents:[],updatedExternalStyles:[],updatedInlineStyles:[],updatedImages:[],versionId:""};try{if(!(e&&e.window&&e.window.document.documentElement&&e.hmr&&"string"==typeof e.hmr.versionId))return a;n=(t=e.window).document,r=e.hmr,o=n.documentElement,i=r.versionId,a.versionId=i,r.componentsUpdated&&(a.updatedComponents=de(o,i,r.componentsUpdated)),r.inlineStylesUpdated&&(a.updatedInlineStyles=ke(o,i,r.inlineStylesUpdated)),r.externalStylesUpdated&&(a.updatedExternalStyles=Ae(o,i,r.externalStylesUpdated)),r.imagesUpdated&&(a.updatedImages=ue(t,n,i,r.imagesUpdated)),ae(o,i)}catch(e){console.error(e)}return a},je=function(e,t){L(e,(function(n){Le(e,t,n)}))},Le=function(e,t,n){var r,o;try{if(n.buildId===e["s-build-id"])return;if(e["s-build-id"]=n.buildId,f({window:e}),n.hasError)return r=Array.isArray(t.editors)&&t.editors.length>0?t.editors[0].id:null,(o=A({window:e,buildResults:n,openInEditor:r?function(t){var n={file:t.file,line:t.line,column:t.column,editor:r},o="".concat(d,"?").concat(Object.keys(n).map((function(e){return"".concat(e,"=").concat(n[e])})).join("&"));e.fetch(o)}:null})).diagnostics.forEach(Y),void C(e,o.status);if(e["s-initial-load"])return void Ie(e,t,(function(){K("Initial load"),e.location.reload()}));n.hmr&&xe(e,n.hmr)}catch(e){console.error(e)}},xe=function(e,t){var n,r=!1;"pageReload"===t.reloadStrategy&&(r=!0),t.indexHtmlUpdated&&(K("Updated index.html"),r=!0),t.serviceWorkerUpdated&&(K("Updated Service Worker: sw.js"),r=!0),t.scriptsAdded&&t.scriptsAdded.length>0&&(K("Added scripts: ".concat(t.scriptsAdded.join(", "))),r=!0),t.scriptsDeleted&&t.scriptsDeleted.length>0&&(K("Deleted scripts: ".concat(t.scriptsDeleted.join(", "))),r=!0),t.excludeHmr&&t.excludeHmr.length>0&&(K("Excluded From Hmr: ".concat(t.excludeHmr.join(", "))),r=!0),r?e.location.reload():((n=Ce({window:e,hmr:t})).updatedComponents.length>0&&z("Updated component".concat(n.updatedComponents.length>1?"s":"",": ").concat(n.updatedComponents.join(", "))),n.updatedInlineStyles.length>0&&z("Updated styles: ".concat(n.updatedInlineStyles.join(", "))),n.updatedExternalStyles.length>0&&z("Updated stylesheets: ".concat(n.updatedExternalStyles.join(", "))),n.updatedImages.length>0&&z("Updated images: ".concat(n.updatedImages.join(", "))))},Ie=function(e,t,n){e.history.replaceState({},"App",t.basePath),e.navigator.serviceWorker&&e.navigator.serviceWorker.getRegistration?e.navigator.serviceWorker.getRegistration().then((function(e){e?e.unregister().then((function(e){e&&z("unregistered service worker"),n()})):n()})).catch((function(e){P("Service Worker",e),n()})):n()},Qe=function(e,t){function n(){var t=this;A>0&&C(e,"pending"),p||(c=setInterval((function(){if(u++,!p&&t.readyState===WebSocket.OPEN&&u<500){t.send(JSON.stringify({requestBuildResults:!0}))}else clearInterval(c)}),Ue)),clearTimeout(d)}function r(){s()}function o(t){C(e,"disabled"),t.code>Be?P("Dev Server","web socket closed: ".concat(t.code," ").concat(t.reason)):J("Dev Server","Disconnected, attempting to reconnect..."),s()}function i(t){var n=JSON.parse(t.data);if(A>0){if(n.isActivelyBuilding)return;if(n.buildResults)return K("Reconnected to dev server"),p=!0,u=0,clearInterval(c),e["s-build-id"]!==n.buildResults.buildId&&e.location.reload(),void(e["s-build-id"]=n.buildResults.buildId)}return n.buildLog?(n.buildLog.progress<1&&C(e,"pending"),void k(e,n.buildLog)):n.buildResults?(p=!0,u=0,clearInterval(c),C(e,"default"),void E(e,n.buildResults)):void 0}function a(){clearTimeout(d),(l=new e.WebSocket(t.socketUrl,["xmpp"])).addEventListener("open",n),l.addEventListener("error",r),l.addEventListener("close",o),l.addEventListener("message",i)}function s(){p=!1,l&&(l.readyState!==WebSocket.OPEN&&l.readyState!==WebSocket.CONNECTING||l.close(Be),l.removeEventListener("open",n),l.removeEventListener("error",r),l.removeEventListener("close",o),l.removeEventListener("message",i),l=null),clearTimeout(d),A>=He?P("Dev Server","Canceling reconnect attempts"):(A++,d=setTimeout(a,Se),C(e,"disabled"))}var l,d,c,A=0,p=!1,u=0;a()},He=1e3,Se=2500,Be=1e3,Ue=500,Ne=function(e,t){try{if(e["s-dev-server"])return;e["s-dev-server"]=!0,B({window:e}),S({window:e}),je(e,t),De(e,t)?(e["s-initial-load"]=!0,Ie(e,t,(function(){Qe(e,t)}))):Qe(e,t)}catch(e){console.error(e)}},De=function(e,t){var n=e.location.pathname;return(n="/"+n.substring(t.basePath.length))===l},Fe={basePath:t.location.pathname,editors:[],reloadStrategy:"hmr",socketUrl:"".concat("https:"===location.protocol?"wss:":"ws:","//").concat(location.hostname).concat(""!==location.port?":"+location.port:"","/")};o(e),Ne(t,Object.assign({},Fe,t.devServerConfig,n))}(window,window.parent,window.__DEV_CLIENT_CONFIG__);
 </script></body></html>

package/dev-server/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Dev Server v2.17.2 | MIT Licensed | https://stenciljs.com
+ Stencil Dev Server v2.18.0 | MIT Licensed | https://stenciljs.com
  */
 'use strict';
 

package/dev-server/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/dev-server",
-  "version": "2.17.2",
+  "version": "2.18.0",
   "description": "Stencil Development Server which communicates with the Stencil Compiler.",
   "main": "./index.js",
   "types": "./index.d.ts",