light9 Changeset - 224c4a1625d7

Changeset - 224c4a1625d7

Parent rev.

Child rev.

[Not reviewed]

default

3 3 6

drewp@bigasterisk.com - 3 years ago 2022-04-09 08:40:29
drewp@bigasterisk.com

serve homepage with lit and vite

9 files changed with 711 insertions and 324 deletions:

bin/homepage

light9/web/homepage/ServiceButtonRow.ts

light9/web/homepage/StatsLine.ts

172

166

light9/web/homepage/StatsProcess.ts

light9/web/homepage/index.html

light9/web/homepage/vite.config.ts

package.json

pnpm-lock.yaml

313

tsconfig.json

0 comments (0 inline, 0 general)

bin/homepage

➞

Show inline comments

@@ @@ -17,24 +17,22 @@ events { @@
+}
 http {
  include $ROOT/light9/web/mime.types;
  server {
   access_log off;
   autoindex on;
   include "/tmp/light9_nginx_routes.conf";
   location / {
     root $ROOT/light9/web;
+  }
   location /node_modules {
     root $ROOT/;
     proxy_pass http://localhost:8300;
+  }
+ }
+}
 EOF
 head -1 /tmp/light9_nginx_routes.conf
 exec /usr/sbin/nginx -c $CONF
 pnpx vite -c light9/web/homepage/vite.config.ts &
 /usr/sbin/nginx -c $CONF
 wait

light9/web/homepage/ServiceButtonRow.ts

➞

Show inline comments

@@ new file 100644 @@
 import { LitElement, html, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
 export { StatsLine } from "./StatsLine";
 @customElement("service-button-row")
 export class ServiceButtonRow extends LitElement {
   @property() name: string = "?";
   static styles = [
     css`
       :host {
         padding-bottom: 10px;
+      }
       a {
         color: #7d7dec;
+      }
       div {
         display: flex;
         justify-content: space-between;
         padding: 2px 3px;
+      }
       .left {
         display: inline-block;
         margin-right: 3px;
         flex-grow: 1;
+      }
       .window {
+      }
       .serviceGrid > td {
         border: 5px solid red;
         display: inline-block;
+      }
       .big {
         font-size: 120%;
         display: inline-block;
         padding: 10px 0;
+      }
       :host > div {
         display: inline-block;
         vertical-align: top;
+      }
       :host > div:nth-child(2) {
         width: 9em;
+      }
     `,
   ];
   render() {
     return html`
       <div>
         <div class="left"><a class="big" href="${this.name}/">${this.name}</a></div>
         <div class="window"><button @click="${this.click}">window</button></div>
         <div><a href="${this.name}/stats/">stats</a></div>
       </div>
       <div id="stats"><stats-line name="${this.name}"></div>
       `;
+  }
   click() {
     window.open(this.name + "/", "_blank", "scrollbars=1,resizable=1,titlebar=0,location=0");
+  }
+}

light9/web/homepage/StatsLine.ts

➞

Show inline comments

@@ file renamed from light9/web/stats-line.js to light9/web/homepage/StatsLine.ts @@
 import { LitElement, TemplateResult, html, css } from '/node_modules/lit-element/lit-element.js';
 import { rounding }  from '/node_modules/significant-rounding/index.js';
 import { css, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { rounding } from "significant-rounding";
 import { StatsProcess } from "./StatsProcess";
 @customElement("stats-line")
 export class StatsLine extends LitElement {
   @property() name = "?";
   @property() stats: any;
 class StatsLine extends LitElement {
     static get properties() {
         return {
             name: {
                 type: String,
                 reflect: true,
             },
             stats: Object // to be refreshed with ws
   updated(changedProperties: any) {
     changedProperties.forEach((oldValue: any, propName: string) => {
       if (propName == "name") {
         const reload = () => {
           fetch(this.name + "/stats/?format=json").then((resp) => {
             if (resp.ok) {
               resp
                 .json()
                 .then((msg) => {
                   this.stats = msg;
                   setTimeout(reload, 1000);
                 })
                 .catch((err) => {
                   setTimeout(reload, 1000);
                 });
             } else {
               if (resp.status == 502) {
                 setTimeout(reload, 5000);
+              }
               // 404: likely not mapped to a responding server
+            }
           });
         };
+    }
         reload();
+      }
     });
+  }
     updated(changedProperties) {
         changedProperties.forEach((oldValue, propName) => {
             if (propName == 'name') {
                 const reload = () => {
                     fetch(this.name + '/stats/?format=json').then((resp) => {
                         if (resp.ok) {
                             resp.json().then((msg) => {
                                 this.stats = msg;
                                 setTimeout(reload, 1000);
                             }).catch((err) => {
                                 setTimeout(reload, 1000);
                             });
                         } else {
                             if (resp.status == 502) {
                                 setTimeout(reload, 5000);
+                            }
                             // 404: likely not mapped to a responding server
+                        }
                     });
+                }
                 reload();
+            }
   static styles = [
     css`
       :host {
         border: 2px solid #46a79f;
         display: inline-block;
+      }
       table {
         border-collapse: collapse;
         background: #000;
         color: #ccc;
         font-family: sans-serif;
+      }
       th,
       td {
         outline: 1px solid #000;
+      }
       th {
         padding: 2px 4px;
         background: #2f2f2f;
+      }
       td {
         padding: 0;
         vertical-align: top;
         text-align: center;
+      }
       td.val {
         padding: 2px 4px;
         background: #3b5651;
+      }
       .recents {
         display: flex;
         align-items: flex-end;
         height: 30px;
+      }
       .recents > div {
         width: 3px;
         background: red;
         border-right: 1px solid black;
+      }
       .bigInt {
         min-width: 6em;
+      }
     `,
   ];
   render() {
     const now = Date.now() / 1000;
     const table = (d: any, path: string[]): TemplateResult => {
       let cols = Object.keys(d);
       cols.sort();
       if (path.length == 0) {
         ["webServer", "process"].forEach((earlyKey) => {
           let i = cols.indexOf(earlyKey);
           if (i != -1) {
             cols = [earlyKey].concat(cols.slice(0, i), cols.slice(i + 1));
+          }
         });
+    }
     static get styles() {
         return css`
         :host {
             border: 2px solid #46a79f;
             display: inline-block;
+        }
         table {
             border-collapse: collapse;
             background: #000;
             color: #ccc;
             font-family: sans-serif;
+        }
         th, td {
             outline: 1px solid #000;
+        }
         th {
             padding: 2px 4px;
             background: #2f2f2f;
+        }
         td {
             padding: 0;
             vertical-align: top;
             text-align: center;
+        }
         td.val {
             padding: 2px 4px;
             background: #3b5651;
+        }
         .recents {
             display: flex;
             align-items: flex-end;
             height: 30px;
+        }
         .recents > div {
             width: 3px;
             background: red;
             border-right: 1px solid black;
+        }
         .bigInt {
             min-width: 6em;
+      }
       const th = (col: string): TemplateResult => {
         return html`<th>${col}</th>`;
       };
       const td = (col: string): TemplateResult => {
         const cell = d[col];
         return html`${drawLevel(cell, path.concat(col))}`;
       };
       return html` <table>
         <tr>
           ${cols.map(th)}
         </tr>
         <tr>
           ${cols.map(td)}
         </tr>
       </table>`;
     };
     const tdWrap = (content: TemplateResult): TemplateResult => {
       return html`<td>${content}</td>`;
     };
     const recents = (d: any, path: string[]) => {
       const hi = Math.max.apply(null, d.recents);
       const scl = 30 / hi;
       const bar = (y: number) => {
         let color;
         if (y < d.average) {
           color = "#6a6aff";
         } else {
           color = "#d09e4c";
+        }
         `;
+    }
     render() {
         const now = Date.now() / 1000;
         const table = (d, path) => {
             let cols = Object.keys(d);
             cols.sort();
         return html`<div class="bar" style="height: ${y * scl}px; background: ${color};"></div>`;
       };
       return html`<td>
         <div class="recents">${d.recents.map(bar)}</div>
         <div>avg=${rounding(d.average, 3)}</div>
       </td>`;
     };
             if (path.length == 0) {
                 ['webServer', 'process'].forEach((earlyKey) => {
                     let i = cols.indexOf(earlyKey);
                     if (i != -1) {
                         cols = [earlyKey].concat(cols.slice(0, i), cols.slice(i + 1));
+                    }
                 });
+            }
             const th = (col) =>  {
                 return html`<th>${col}</th>`;
             };
             const td = (col)  => {
                 const cell = d[col];
                 return html`${drawLevel(cell, path.concat(col))}`;
             };
             return html`
              <table>
                <tr>
                  ${cols.map(th)}
                </tr>
                  <tr>
                    ${cols.map(td)}
                  </tr>
              </table>`;
         };
         const tdWrap = (content) => {
             return html`<td>${content}</td>`;
     const pmf = (d: any, path: string[]) => {
       return tdWrap(
         table(
+          {
             count: d.count,
             "values [ms]": html`
               <div>mean=${rounding(d.mean * 1000, 3)}</div>
               <div>sd=${rounding(d.stddev * 1000, 3)}</div>
               <div>99=${rounding(d["99percentile"] * 1000, 3)}</div>
             `,
           },
           path
+        )
       );
     };
     const drawLevel = (d: any, path: string[]) => {
       if (path.length == 1 && path[0] === "process") {
         const elem = this.shadowRoot!.querySelector("#proc");
         if (elem) {
           (elem as StatsProcess).data = d;
+        }
         const recents = (d, path) => {
             const hi = Math.max.apply(null, d.recents);
             const scl = 30 / hi;
             const bar = (y) => {
                 let color;
                 if (y < d.average) {
                     color="#6a6aff";
                 } else {
                     color="#d09e4c";
+                }
                 return html`<div class="bar" style="height: ${y * scl}px; background: ${color};"></div>`;
             };
             return html`<td>
                <div class="recents">${d.recents.map(bar)}</div>
                <div>avg=${rounding(d.average ,3)}</div>`;
         return html`<stats-process id="proc"></stats-process>`;
+      }
       if (typeof d === "object") {
         if (d.strings) {//} instanceof TemplateResult) {
           return html`<td class="val">${d}</td>`;
         } else if (d.count !== undefined && d.min !== undefined) {
           return pmf(d, path);
         } else if (d.average !== undefined && d.recents !== undefined) {
           return recents(d, path);
         } else {
           return tdWrap(table(d, path));
+        }
       } else {
         return html`<td class="val bigInt">${d}</td>`;
+      }
     };
         };
         const pmf = (d, path) => {
             return tdWrap(table({
                 count: d.count,
                 'values [ms]': html`
                    <div>mean=${rounding(d.mean*1000, 3)}</div>
                    <div>sd=${rounding(d.stddev*1000, 3)}</div>
                    <div>99=${rounding(d['99percentile']*1000, 3)}</div>
+                 `
             }, path));
         };
         const drawLevel = (d, path) => {
             if (path.length == 1 && path[0] === 'process') {
                  const elem = this.shadowRoot.querySelector('#proc');
                 if (elem) {
                     elem.data = d;
+                }
                 return html`<stats-process id="proc"></stats-process>`;
+            }
             if (typeof d === 'object') {
                 if (d instanceof TemplateResult) {
                     return html`<td class="val">${d}</td>`;
                 } else if (d.count !== undefined && d.min !== undefined) {
                     return pmf(d, path);
                 } else if (d.average !== undefined && d.recents !== undefined) {
                     return recents(d, path);
                 } else {
                     return tdWrap(table(d, path));
+                }
             } else {
                 return html`<td class="val bigInt">${d}</td>`;
+            }
         };
         return table(this.stats || {}, []);
+    }
     return table(this.stats || {}, []);
+  }
+}
 customElements.define('stats-line', StatsLine);

light9/web/homepage/StatsProcess.ts

➞

Show inline comments

 import { LitElement, TemplateResult, html, css } from '/node_modules/lit-element/lit-element.js';
 import debug from '/lib/debug/debug-build-es6.js';
 import { rounding }  from '/node_modules/significant-rounding/index.js';
 import { LitElement, html, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import debug from "debug";
-const log = debug('process');
+const log = debug("process");
 const remap = (x, lo, hi, outLo, outHi) => {
     return outLo + (outHi - outLo) * Math.max(0, Math.min(1, (x - lo) / (hi - lo)));
 const remap = (x: number, lo: number, hi: number, outLo: number, outHi: number) => {
   return outLo + (outHi - outLo) * Math.max(0, Math.min(1, (x - lo) / (hi - lo)));
 };
 class StatsProcess extends LitElement {
     static get properties() {
         return {
             data: { type: Object },
         };
+    }
 @customElement("stats-process")
 export class StatsProcess extends LitElement {
   @property() data: any;
   firstUpdated() {
     // inspired by https://codepen.io/qiruiyin/pen/qOopQx
     var context = this.shadowRoot!.firstElementChild as HTMLCanvasElement;
     var ctx = context.getContext("2d")!,
       w = 64,
       h = 64,
       revs = 0;
     context.width = w;
     context.height = h;
     firstUpdated() {
         // inspired by https://codepen.io/qiruiyin/pen/qOopQx
         var context = this.shadowRoot.firstElementChild,
 	    ctx = context.getContext('2d'),
 	    w = 64,
 	    h = 64,
 	    revs = 0;
 	context.width = w;
 	context.height = h;
     let prev = Date.now() / 1000;
         let prev = Date.now() / 1000;
     var animate = () => {
       requestAnimationFrame(animate);
         var animate = () => {
 	    requestAnimationFrame( animate );
             const now = Date.now() / 1000;
             ctx.beginPath();
             // wrong type of fade- never goes to 0
             ctx.fillStyle = '#00000003';
             ctx.fillRect(0, 0, w, h);
             if (!this.data || this.data.time < now - 2) {
                 return;
+            }
             const dt = now - prev;
             prev = now;
       const now = Date.now() / 1000;
       ctx.beginPath();
       // wrong type of fade- never goes to 0
       ctx.fillStyle = "#00000003";
       ctx.fillRect(0, 0, w, h);
       if (!this.data || this.data.time < now - 2) {
         return;
+      }
       const dt = now - prev;
       prev = now;
             const size = remap(this.data.memMb, /*in*/ 20, 600, /*out*/ 3, 30);
 	    revs += dt * remap(this.data.cpuPercent, /*in*/ 0, 100, /*out*/ 4, 120);
             const rad  = remap(size, /*in*/ 3, 30, /*out*/ 14, 5);
       const size = remap(this.data.memMb, /*in*/ 20, 600, /*out*/ 3, 30);
       revs += dt * remap(this.data.cpuPercent, /*in*/ 0, 100, /*out*/ 4, 120);
       const rad = remap(size, /*in*/ 3, 30, /*out*/ 14, 5);
 	    var x = w/2 + rad * Math.cos(revs / 6.28),
 		y = h/2 + rad * Math.sin(revs / 6.28);
       var x = w / 2 + rad * Math.cos(revs / 6.28),
         y = h / 2 + rad * Math.sin(revs / 6.28);
 	    ctx.save();
 	    ctx.beginPath();
 	    ctx.fillStyle = "hsl(194, 100%, 42%)";
 	    ctx.arc(x, y, size, 0, 2*Math.PI);
 	    ctx.fill();
 	    ctx.restore();
         };
         animate();
       ctx.save();
       ctx.beginPath();
       ctx.fillStyle = "hsl(194, 100%, 42%)";
       ctx.arc(x, y, size, 0, 2 * Math.PI);
       ctx.fill();
       ctx.restore();
     };
     animate();
+  }
   updated(changedProperties: any) {
     if (changedProperties.has("data")) {
       this.shadowRoot!.firstElementChild!.setAttribute("title", `cpu ${this.data.cpuPercent}% mem ${this.data.memMb}MB`);
+    }
     updated(changedProperties) {
         if (changedProperties.has('data')) {
             this.shadowRoot.firstElementChild.setAttribute('title', `cpu ${this.data.cpuPercent}% mem ${this.data.memMb}MB`);
+        }
+    }
+  }
     static get styles() {
         return css`
         :host {
            display: inline-block;
            width: 64px;
            height: 64px;
+        }
         `;
+    }
     render() {
         return html`<canvas></canvas>`;
   static styles = [
     css`
       :host {
         display: inline-block;
         width: 64px;
         height: 64px;
+      }
     `,
   ];
+    }
   render() {
     return html`<canvas></canvas>`;
+  }
+}
 customElements.define('stats-process', StatsProcess);

light9/web/homepage/index.html

➞

Show inline comments

@@ file renamed from light9/web/index.html to light9/web/homepage/index.html @@
 <!doctype html>
 <html>
   <head>
     <title>light9 home</title>
     <meta charset="utf-8" />
     <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
     <link rel="stylesheet" href="/style.css">
     <link rel="import" href="/lib/polymer/polymer.html">
     <link rel="stylesheet" href="@fs/my/proj/light9/light9/web/style.css">
     <script type="module" src="./ServiceButtonRow.ts"></script>
   </head>
   <body>
     <script type="module" src="stats-line.js"></script>
     <script type="module" src="stats-process.js"></script>
     <dom-module id="service-button-row">
       <template>
         <style>
          :host { padding-bottom: 10px;  }
          a {
              color: #7d7dec;
+         }
          div {
              display: flex;
              justify-content: space-between;
              padding: 2px 3px;
+         }
          .left {
              display: inline-block;
              margin-right: 3px;
              flex-grow: 1;
+         }
          .window {
+         }
          .serviceGrid > td {
              border: 5px solid red;
              display: inline-block;
+         }
          .big {
              font-size: 120%;
              display: inline-block;
              padding: 10px 0;
+         }
          :host > div { display: inline-block; vertical-align: top; }
          :host > div:nth-child(2) { width: 9em; }
         </style>
         <div>
         <div class="left"><a class="big" href="{{name}}/">{{name}}</a></div>
         <div class="window"><button on-click="click">window</button></div>
         <div><a href="{{name}}/stats/">stats</a></div>
         </div>
         <div id="stats"><stats-line name="{{name}}"></div>
       </template>
       <script>
        HTMLImports.whenReady(function () {
          Polymer({
            is: "service-button-row",
            properties: {
              name: String,
            },
            ready: function() {
            },
            click: function() {
              window.open(this.name + '/', '_blank',
                          'scrollbars=1,resizable=1,titlebar=0,location=0');
            },
          });
        });
       </script>
     </dom-module>
     -->
     <h1>light9 home page</h1>
     <div style="display: grid">
       <service-button-row name="rdfdb"></service-button-row>
       <hr>
       <service-button-row name="ascoltami"></service-button-row>
       <hr>
       <!--  <service-button-row name="picamserve"></service-button-row> -->
       <service-button-row name="vidref"></service-button-row>
       <hr>
       <service-button-row name="collector"></service-button-row>
       <service-button-row name="effectSequencer"></service-button-row>

light9/web/homepage/vite.config.ts

➞

Show inline comments

@@ new file 100644 @@
 import { defineConfig } from "vite";
 export default defineConfig({
   root: "./light9/web/homepage",
   server: {
     host: "0.0.0.0",
     strictPort: true,
     port: 8300,
     hmr: {
       port: 8400,
     },
   },
   define: {
     global: {},
   },
 });

package.json

➞

Show inline comments

+{
   "name": "light9",
   "version": "1.0.0",
   "repository": "...",
   "license": "MIT",
   "description": "Mini instructions:",
   "main": "index.js",
   "directories": {
     "test": "test"
   },
   "dependencies": {
     "@types/debug": "^4.1.7",
     "@webcomponents/shadycss": "^1.3.1",
     "@webcomponents/webcomponentsjs": "^1.2.0",
     "bower": "^1.8.4",
     "browserify": "^16.2.3",
     "chai": "^3.5.0",
     "cjs-to-es6": "^1.1.1",
     "coffeelint": "^2.1.0",
     "coffeescript": "^2.3.0",
     "d3": "^5.1.0",
     "debug": "^4.3.4",
     "esmify": "^2.1.1",
     "lit-element": "^2.1.0",
     "lit-html": "^1.1.0",
     "lit": "^2.2.2",
     "mocha": "^2.5.3",
     "n3": "^1.0.0-alpha",
     "pixi.js": "^4.7.3",
     "significant-rounding": "^2.0.0",
     "tinycolor2": "^1.4.1"
     "tinycolor2": "^1.4.1",
     "vite": "^2.9.1"
   },
   "devDependencies": {
     "mocha": "^2.5.3"
   },
   "scripts": {
     "test": "mocha"
+  }
+}

pnpm-lock.yaml

➞

Show inline comments

 lockfileVersion: 5.3
 specifiers:
   '@types/debug': ^4.1.7
   '@webcomponents/shadycss': ^1.3.1
   '@webcomponents/webcomponentsjs': ^1.2.0
   bower: ^1.8.4
   browserify: ^16.2.3
   chai: ^3.5.0
   cjs-to-es6: ^1.1.1
   coffeelint: ^2.1.0
   coffeescript: ^2.3.0
   d3: ^5.1.0
   debug: ^4.3.4
   esmify: ^2.1.1
   lit-element: ^2.1.0
   lit-html: ^1.1.0
   lit: ^2.2.2
   mocha: ^2.5.3
   n3: ^1.0.0-alpha
   pixi.js: ^4.7.3
   significant-rounding: ^2.0.0
   tinycolor2: ^1.4.1
   vite: ^2.9.1
 dependencies:
   '@types/debug': 4.1.7
   '@webcomponents/shadycss': 1.11.0
   '@webcomponents/webcomponentsjs': 1.3.3
   bower: 1.8.14
   browserify: 16.5.2
   chai: 3.5.0
   cjs-to-es6: 1.1.1
   coffeelint: 2.1.0
   coffeescript: 2.6.1
   d3: 5.16.0
   debug: 4.3.4
   esmify: 2.1.1
   lit-element: 2.5.1
   lit-html: 1.4.1
   lit: 2.2.2
   mocha: 2.5.3
   n3: 1.16.0
   pixi.js: 4.8.9
   significant-rounding: 2.0.0
   tinycolor2: 1.4.2
   vite: 2.9.1
 packages:
   /5to6-codemod/1.8.0:
     resolution: {integrity: sha512-RUHjjwl9+p1d46USvmoKsmMaHODFUAESE1de/q0qQM+hwzgk/HssTwb1Nc5dbUpKEkJ7duLg6ggMIwScd+TRig==}
     dependencies:
       jscodeshift: 0.6.4
       lodash: 4.17.21
       recast: 0.12.9
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ @@ -1266,24 +1270,42 @@ packages: @@
   /@jridgewell/sourcemap-codec/1.4.11:
     resolution: {integrity: sha512-Fg32GrJo61m+VqYSdRSjRXMjQ06j8YIYfcTqndLYVAaHmroZHLJZCydsWBOTDqXS2v+mjxohBWEMfg97GXmYQg==}
     dev: false
   /@jridgewell/trace-mapping/0.3.4:
     resolution: {integrity: sha512-vFv9ttIedivx0ux3QSjhgtCVjPZd5l46ZOMDSCwnH1yUO2e964gO8LZGyv2QkqcgR6TnBU1v+1IFqmeoG+0UJQ==}
     dependencies:
       '@jridgewell/resolve-uri': 3.0.5
       '@jridgewell/sourcemap-codec': 1.4.11
     dev: false
   /@lit/reactive-element/1.3.1:
     resolution: {integrity: sha512-nOJARIr3pReqK3hfFCSW2Zg/kFcFsSAlIE7z4a0C9D2dPrgD/YSn3ZP2ET/rxKB65SXyG7jJbkynBRm+tGlacw==}
     dev: false
   /@types/debug/4.1.7:
     resolution: {integrity: sha512-9AonUzyTjXXhEOa0DnqpzZi6VHlqKMswga9EXjpXnnqxwLtdvPPtlO8evrI5D9S6asFRCQ6v+wpiUKbw+vKqyg==}
     dependencies:
       '@types/ms': 0.7.31
     dev: false
   /@types/ms/0.7.31:
     resolution: {integrity: sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==}
     dev: false
   /@types/trusted-types/2.0.2:
     resolution: {integrity: sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg==}
     dev: false
   /@webcomponents/shadycss/1.11.0:
     resolution: {integrity: sha512-L5O/+UPum8erOleNjKq6k58GVl3fNsEQdSOyh0EUhNmi7tHUyRuCJy1uqJiWydWcLARE5IPsMoPYMZmUGrz1JA==}
     dev: false
   /@webcomponents/webcomponentsjs/1.3.3:
     resolution: {integrity: sha512-eLH04VBMpuZGzBIhOnUjECcQPEPcmfhWEijW9u1B5I+2PPYdWf3vWUExdDxu4Y3GljRSTCOlWnGtS9tpzmXMyQ==}
     dev: false
   /JSONStream/1.3.5:
     resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
     hasBin: true
     dependencies:
@@ @@ -3215,24 +3237,232 @@ packages: @@
   /elliptic/6.5.4:
     resolution: {integrity: sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==}
     dependencies:
       bn.js: 4.12.0
       brorand: 1.1.0
       hash.js: 1.1.7
       hmac-drbg: 1.0.1
       inherits: 2.0.4
       minimalistic-assert: 1.0.1
       minimalistic-crypto-utils: 1.0.1
     dev: false
   /esbuild-android-64/0.14.34:
     resolution: {integrity: sha512-XfxcfJqmMYsT/LXqrptzFxmaR3GWzXHDLdFNIhm6S00zPaQF1TBBWm+9t0RZ6LRR7iwH57DPjaOeW20vMqI4Yw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-android-arm64/0.14.34:
     resolution: {integrity: sha512-T02+NXTmSRL1Mc6puz+R9CB54rSPICkXKq6+tw8B6vxZFnCPzbJxgwIX4kcluz9p8nYBjF3+lSilTGWb7+Xgew==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-darwin-64/0.14.34:
     resolution: {integrity: sha512-pLRip2Bh4Ng7Bf6AMgCrSp3pPe/qZyf11h5Qo2mOfJqLWzSVjxrXW+CFRJfrOVP7TCnh/gmZSM2AFdCPB72vtw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-darwin-arm64/0.14.34:
     resolution: {integrity: sha512-vpidSJEBxx6lf1NWgXC+DCmGqesJuZ5Y8aQVVsaoO4i8tRXbXb0whChRvop/zd3nfNM4dIl5EXAky0knRX5I6w==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-freebsd-64/0.14.34:
     resolution: {integrity: sha512-m0HBjePhe0hAQJgtMRMNV9kMgIyV4/qSnzPx42kRMQBcPhgjAq1JRu4Il26czC+9FgpMbFkUktb07f/Lwnc6CA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-freebsd-arm64/0.14.34:
     resolution: {integrity: sha512-cpRc2B94L1KvMPPYB4D6G39jLqpKlD3noAMY4/e86iXXXkhUYJJEtTuyNFTa9JRpWM0xCAp4mxjHjoIiLuoCLA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-linux-32/0.14.34:
     resolution: {integrity: sha512-8nQaEaoW7MH/K/RlozJa+lE1ejHIr8fuPIHhc513UebRav7HtXgQvxHQ6VZRUkWtep23M6dd7UqhwO1tMOfzQQ==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-linux-64/0.14.34:
     resolution: {integrity: sha512-Y3of4qQoLLlAgf042MlrY1P+7PnN9zWj8nVtw9XQG5hcLOZLz7IKpU35oeu7n4wvyaZHwvQqDJ93gRLqdJekcQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-linux-arm/0.14.34:
     resolution: {integrity: sha512-9lpq1NcJqssAF7alCO6zL3gvBVVt/lKw4oetUM7OgNnRX0OWpB+ZIO9FwCrSj/dMdmgDhPLf+119zB8QxSMmAg==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-linux-arm64/0.14.34:
     resolution: {integrity: sha512-IlWaGtj9ir7+Nrume1DGcyzBDlK8GcnJq0ANKwcI9pVw8tqr+6GD0eqyF9SF1mR8UmAp+odrx1H5NdR2cHdFHA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-linux-mips64le/0.14.34:
     resolution: {integrity: sha512-k3or+01Rska1AjUyNjA4buEwB51eyN/xPQAoOx1CjzAQC3l8rpjUDw55kXyL63O/1MUi4ISvtNtl8gLwdyEcxw==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-linux-ppc64le/0.14.34:
     resolution: {integrity: sha512-+qxb8M9FfM2CJaVU7GgYpJOHM1ngQOx+/VrtBjb4C8oVqaPcESCeg2anjl+HRZy8VpYc71q/iBYausPPbJ+Keg==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-linux-riscv64/0.14.34:
     resolution: {integrity: sha512-Y717ltBdQ5j5sZIHdy1DV9kieo0wMip0dCmVSTceowCPYSn1Cg33Kd6981+F/3b9FDMzNWldZFOBRILViENZSA==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-linux-s390x/0.14.34:
     resolution: {integrity: sha512-bDDgYO4LhL4+zPs+WcBkXph+AQoPcQRTv18FzZS0WhjfH8TZx2QqlVPGhmhZ6WidrY+jKthUqO6UhGyIb4MpmA==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-netbsd-64/0.14.34:
     resolution: {integrity: sha512-cfaFGXdRt0+vHsjNPyF0POM4BVSHPSbhLPe8mppDc7GDDxjIl08mV1Zou14oDWMp/XZMjYN1kWYRSfftiD0vvQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-openbsd-64/0.14.34:
     resolution: {integrity: sha512-vmy9DxXVnRiI14s8GKuYBtess+EVcDALkbpTqd5jw4XITutIzyB7n4x0Tj5utAkKsgZJB22lLWGekr0ABnSLow==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-sunos-64/0.14.34:
     resolution: {integrity: sha512-eNPVatNET1F7tRMhii7goL/eptfxc0ALRjrj9SPFNqp0zmxrehBFD6BaP3R4LjMn6DbMO0jOAnTLFKr8NqcJAA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-windows-32/0.14.34:
     resolution: {integrity: sha512-EFhpXyHEcnqWYe2rAHFd8dRw8wkrd9U+9oqcyoEL84GbanAYjiiIjBZsnR8kl0sCQ5w6bLpk7vCEIA2VS32Vcg==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-windows-64/0.14.34:
     resolution: {integrity: sha512-a8fbl8Ky7PxNEjf1aJmtxdDZj32/hC7S1OcA2ckEpCJRTjiKslI9vAdPpSjrKIWhws4Galpaawy0nB7fjHYf5Q==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild-windows-arm64/0.14.34:
     resolution: {integrity: sha512-EYvmKbSa2B3sPnpC28UEu9jBK5atGV4BaVRE7CYGUci2Hlz4AvtV/LML+TcDMT6gBgibnN2gcltWclab3UutMg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     dev: false
     optional: true
   /esbuild/0.14.34:
     resolution: {integrity: sha512-QIWdPT/gFF6hCaf4m7kP0cJ+JIuFkdHibI7vVFvu3eJS1HpVmYHWDulyN5WXwbRA0SX/7ZDaJ/1DH8SdY9xOJg==}
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
     optionalDependencies:
       esbuild-android-64: 0.14.34
       esbuild-android-arm64: 0.14.34
       esbuild-darwin-64: 0.14.34
       esbuild-darwin-arm64: 0.14.34
       esbuild-freebsd-64: 0.14.34
       esbuild-freebsd-arm64: 0.14.34
       esbuild-linux-32: 0.14.34
       esbuild-linux-64: 0.14.34
       esbuild-linux-arm: 0.14.34
       esbuild-linux-arm64: 0.14.34
       esbuild-linux-mips64le: 0.14.34
       esbuild-linux-ppc64le: 0.14.34
       esbuild-linux-riscv64: 0.14.34
       esbuild-linux-s390x: 0.14.34
       esbuild-netbsd-64: 0.14.34
       esbuild-openbsd-64: 0.14.34
       esbuild-sunos-64: 0.14.34
       esbuild-windows-32: 0.14.34
       esbuild-windows-64: 0.14.34
       esbuild-windows-arm64: 0.14.34
     dev: false
   /escalade/3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
     engines: {node: '>=6'}
     dev: false
   /escape-string-regexp/1.0.2:
     resolution: {integrity: sha1-Tbwv5nTnGUnK8/smlc5/LcHZqNE=}
     engines: {node: '>=0.8.0'}
     dev: false
   /escape-string-regexp/1.0.5:
     resolution: {integrity: sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=}
@@ @@ -3437,24 +3667,32 @@ packages: @@
     dependencies:
       map-cache: 0.2.2
     dev: false
   /fs-readdir-recursive/0.1.2:
     resolution: {integrity: sha1-MVtPuMHKW4xH3v7zGdBz2tNWgFk=}
     dev: false
   /fs.realpath/1.0.0:
     resolution: {integrity: sha1-FQStJSMVjKpA20onh8sBQRmU6k8=}
     dev: false
   /fsevents/2.3.2:
     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
     requiresBuild: true
     dev: false
     optional: true
   /function-bind/1.1.1:
     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
     dev: false
   /gensync/1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
     dev: false
   /get-assigned-identifiers/1.2.0:
     resolution: {integrity: sha512-mBBwmeGTrxEMO4pMaaf/uUEFHnYtwr8FTe8Y/mer4rcV/bye0qGm6pw1bGZFGStxC5O76c5ZAVBGnqHmOaJpdQ==}
     dev: false
@@ @@ -4065,32 +4303,43 @@ packages: @@
   /leven/1.0.2:
     resolution: {integrity: sha1-kUS27ryl8dBoAWnxpncNzqYLdcM=}
     engines: {node: '>=0.10.0'}
     hasBin: true
     dev: false
   /lie/3.3.0:
     resolution: {integrity: sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==}
     dependencies:
       immediate: 3.0.6
     dev: false
   /lit-element/2.5.1:
     resolution: {integrity: sha512-ogu7PiJTA33bEK0xGu1dmaX5vhcRjBXCFexPja0e7P7jqLhTpNKYRPmE+GmiCaRVAbiQKGkUgkh/i6+bh++dPQ==}
     dependencies:
       lit-html: 1.4.1
     dev: false
   /lit-html/1.4.1:
     resolution: {integrity: sha512-B9btcSgPYb1q4oSOb/PrOT6Z/H+r6xuNzfH4lFli/AWhYwdtrgQkQWBbIc6mdnf6E2IL3gDXdkkqNktpU0OZQA==}
   /lit-element/3.2.0:
     resolution: {integrity: sha512-HbE7yt2SnUtg5DCrWt028oaU4D5F4k/1cntAFHTkzY8ZIa8N0Wmu92PxSxucsQSOXlODFrICkQ5x/tEshKi13g==}
     dependencies:
       '@lit/reactive-element': 1.3.1
       lit-html: 2.2.2
     dev: false
   /lit-html/2.2.2:
     resolution: {integrity: sha512-cJofCRXuizwyaiGt9pJjJOcauezUlSB6t87VBXsPwRhbzF29MgD8GH6fZ0BuZdXAAC02IRONZBd//VPUuU8QbQ==}
     dependencies:
       '@types/trusted-types': 2.0.2
     dev: false
   /lit/2.2.2:
     resolution: {integrity: sha512-eN3+2QRHn/erxYB88AXiiRgQA6RltE9MhzySCwX+ACOxA/MLWN3VdXvcbZD9PN09zmUwlgzDvW3T84YWj2Sa0A==}
     dependencies:
       '@lit/reactive-element': 1.3.1
       lit-element: 3.2.0
       lit-html: 2.2.2
     dev: false
   /locate-path/3.0.0:
     resolution: {integrity: sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==}
     engines: {node: '>=6'}
     dependencies:
       p-locate: 3.0.0
       path-exists: 3.0.0
     dev: false
   /lodash.debounce/4.0.8:
     resolution: {integrity: sha1-gteb/zCmfEAF/9XiUVMArZyk168=}
@@ @@ -4340,24 +4589,30 @@ packages: @@
   /ms/2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
     dev: false
   /n3/1.16.0:
     resolution: {integrity: sha512-gE5KF07yhGXhEdAVru5QUqC4fKltA4sMwgASWpOrZSwn8fi8cuLHYPjRl9pR5WhQL96lhaNMZwT8enRIayVfLg==}
     engines: {node: '>=8.0'}
     dependencies:
       queue-microtask: 1.2.3
       readable-stream: 3.6.0
     dev: false
   /nanoid/3.3.2:
     resolution: {integrity: sha512-CuHBogktKwpm5g2sRgv83jEy2ijFzBwMoYA60orPDR7ynsLijJDqgsi4RDGj3OJpy3Ieb+LYwiRmIOGyytgITA==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
     dev: false
   /nanomatch/1.2.13:
     resolution: {integrity: sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==}
     engines: {node: '>=0.10.0'}
     dependencies:
       arr-diff: 4.0.0
       array-unique: 0.3.2
       define-property: 2.0.2
       extend-shallow: 3.0.2
       fragment-cache: 0.2.1
       is-windows: 1.0.2
       kind-of: 6.0.3
       object.pick: 1.3.0
@@ @@ -4636,24 +4891,33 @@ packages: @@
   /pkg-dir/3.0.0:
     resolution: {integrity: sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==}
     engines: {node: '>=6'}
     dependencies:
       find-up: 3.0.0
     dev: false
   /posix-character-classes/0.1.1:
     resolution: {integrity: sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=}
     engines: {node: '>=0.10.0'}
     dev: false
   /postcss/8.4.12:
     resolution: {integrity: sha512-lg6eITwYe9v6Hr5CncVbK70SoioNQIq81nsaG86ev5hAidQvmOeETBqs7jm43K2F5/Ley3ytDtriImV6TpNiSg==}
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
       nanoid: 3.3.2
       picocolors: 1.0.0
       source-map-js: 1.0.2
     dev: false
   /preserve/0.2.0:
     resolution: {integrity: sha1-gV7R9uvGWSb4ZbMQwHE7yzMVzks=}
     engines: {node: '>=0.10.0'}
     dev: false
   /private/0.1.8:
     resolution: {integrity: sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==}
     engines: {node: '>= 0.6'}
     dev: false
   /process-nextick-args/2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
@@ @@ -5000,24 +5264,32 @@ packages: @@
     hasBin: true
     dependencies:
       glob: 7.2.0
     dev: false
   /ripemd160/2.0.2:
     resolution: {integrity: sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==}
     dependencies:
       hash-base: 3.1.0
       inherits: 2.0.4
     dev: false
   /rollup/2.70.1:
     resolution: {integrity: sha512-CRYsI5EuzLbXdxC6RnYhOuRdtz4bhejPMSWjsFLfVM/7w/85n2szZv6yExqUXsBdz5KT8eoubeyDUDjhLHEslA==}
     engines: {node: '>=10.0.0'}
     hasBin: true
     optionalDependencies:
       fsevents: 2.3.2
     dev: false
   /rw/1.3.3:
     resolution: {integrity: sha1-P4Yt+pGrdmsUiF700BEkv9oHT7Q=}
     dev: false
   /safe-buffer/5.1.2:
     resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
     dev: false
   /safe-buffer/5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
     dev: false
@@ @@ -5147,24 +5419,29 @@ packages: @@
     engines: {node: '>=0.10.0'}
     dependencies:
       base: 0.11.2
       debug: 2.6.9
       define-property: 0.2.5
       extend-shallow: 2.0.1
       map-cache: 0.2.2
       source-map: 0.5.7
       source-map-resolve: 0.5.3
       use: 3.1.1
     dev: false
   /source-map-js/1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
     dev: false
   /source-map-resolve/0.5.3:
     resolution: {integrity: sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==}
     dependencies:
       atob: 2.1.2
       decode-uri-component: 0.2.0
       resolve-url: 0.2.1
       source-map-url: 0.4.1
       urix: 0.1.0
     dev: false
   /source-map-support/0.2.10:
     resolution: {integrity: sha1-6lo5AKHByyUJagrozFwrSxDe09w=}
@@ @@ -5531,24 +5808,48 @@ packages: @@
   /util/0.10.3:
     resolution: {integrity: sha1-evsa/lCAUkZInj23/g7TeTNqwPk=}
     dependencies:
       inherits: 2.0.1
     dev: false
   /util/0.10.4:
     resolution: {integrity: sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==}
     dependencies:
       inherits: 2.0.3
     dev: false
   /vite/2.9.1:
     resolution: {integrity: sha512-vSlsSdOYGcYEJfkQ/NeLXgnRv5zZfpAsdztkIrs7AZHV8RCMZQkwjo4DS5BnrYTqoWqLoUe1Cah4aVO4oNNqCQ==}
     engines: {node: '>=12.2.0'}
     hasBin: true
     peerDependencies:
       less: '*'
       sass: '*'
       stylus: '*'
     peerDependenciesMeta:
       less:
         optional: true
       sass:
         optional: true
       stylus:
         optional: true
     dependencies:
       esbuild: 0.14.34
       postcss: 8.4.12
       resolve: 1.22.0
       rollup: 2.70.1
     optionalDependencies:
       fsevents: 2.3.2
     dev: false
   /vm-browserify/1.1.2:
     resolution: {integrity: sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==}
     dev: false
   /which/1.3.1:
     resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
     hasBin: true
     dependencies:
       isexe: 2.0.0
     dev: false
   /window-size/0.1.4:

tsconfig.json

➞

Show inline comments

@@ new file 100644 @@
+{
   "compilerOptions": {
     /* Visit https://aka.ms/tsconfig.json to read more about this file */
     /* Basic Options */
     // "incremental": true,                         /* Enable incremental compilation */
     "target": "es2020",                             /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */
     "module": "es2020",                             /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
     // "lib": [],                                   /* Specify library files to be included in the compilation. */
     // "allowJs": true,                             /* Allow javascript files to be compiled. */
     // "checkJs": true,                             /* Report errors in .js files. */
     // "jsx": "preserve",                           /* Specify JSX code generation: 'preserve', 'react-native', 'react', 'react-jsx' or 'react-jsxdev'. */
     // "declaration": true,                         /* Generates corresponding '.d.ts' file. */
     // "declarationMap": true,                      /* Generates a sourcemap for each corresponding '.d.ts' file. */
     // "sourceMap": true,                           /* Generates corresponding '.map' file. */
     // "outFile": "./",                             /* Concatenate and emit output to single file. */
     // "outDir": "./",                              /* Redirect output structure to the directory. */
     // "rootDir": "./",                             /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
     // "composite": true,                           /* Enable project compilation */
     // "tsBuildInfoFile": "./",                     /* Specify file to store incremental compilation information */
     // "removeComments": true,                      /* Do not emit comments to output. */
     // "noEmit": true,                              /* Do not emit outputs. */
     // "importHelpers": true,                       /* Import emit helpers from 'tslib'. */
     // "downlevelIteration": true,                  /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
     // "isolatedModules": true,                     /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
     /* Strict Type-Checking Options */
     "strict": true,                                 /* Enable all strict type-checking options. */
     // "noImplicitAny": true,                       /* Raise error on expressions and declarations with an implied 'any' type. */
     // "strictNullChecks": true,                    /* Enable strict null checks. */
     // "strictFunctionTypes": true,                 /* Enable strict checking of function types. */
     // "strictBindCallApply": true,                 /* Enable strict 'bind', 'call', and 'apply' methods on functions. */
     // "strictPropertyInitialization": true,        /* Enable strict checking of property initialization in classes. */
     // "noImplicitThis": true,                      /* Raise error on 'this' expressions with an implied 'any' type. */
     // "alwaysStrict": true,                        /* Parse in strict mode and emit "use strict" for each source file. */
     /* Additional Checks */
     // "noUnusedLocals": true,                      /* Report errors on unused locals. */
     // "noUnusedParameters": true,                  /* Report errors on unused parameters. */
     // "noImplicitReturns": true,                   /* Report error when not all code paths in function return a value. */
     // "noFallthroughCasesInSwitch": true,          /* Report errors for fallthrough cases in switch statement. */
     // "noUncheckedIndexedAccess": true,            /* Include 'undefined' in index signature results */
     // "noPropertyAccessFromIndexSignature": true,  /* Require undeclared properties from index signatures to use element accesses. */
     /* Module Resolution Options */
     "moduleResolution": "node",                  /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
     // "baseUrl": "./",                             /* Base directory to resolve non-absolute module names. */
     // "paths": {},                                 /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
     // "rootDirs": [],                              /* List of root folders whose combined content represents the structure of the project at runtime. */
     // "typeRoots": ["/my/proj/light9/light9/web/homepage"],                             /* List of folders to include type definitions from. */
     // "types": [],                                 /* Type declaration files to be included in compilation. */
     // "allowSyntheticDefaultImports": true,        /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
     "esModuleInterop": true,                        /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
     // "preserveSymlinks": true,                    /* Do not resolve the real path of symlinks. */
     // "allowUmdGlobalAccess": true,                /* Allow accessing UMD globals from modules. */
     /* Source Map Options */
     // "sourceRoot": "",                            /* Specify the location where debugger should locate TypeScript files instead of source locations. */
     // "mapRoot": "",                               /* Specify the location where debugger should locate map files instead of generated locations. */
     // "inlineSourceMap": true,                     /* Emit a single file with source maps instead of having a separate file. */
     // "inlineSources": true,                       /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
     /* Experimental Options */
     "experimentalDecorators": true,              /* Enables experimental support for ES7 decorators. */
     // "emitDecoratorMetadata": true,               /* Enables experimental support for emitting type metadata for decorators. */
     /* Advanced Options */
     "skipLibCheck": true,                           /* Skip type checking of declaration files. */
     "forceConsistentCasingInFileNames": true        /* Disallow inconsistently-cased references to the same file. */
+  }
+}

0 comments (0 inline, 0 general)