npm - @stencil/dev-server - Versions diffs - 0.0.19-1 → 5.0.0-alpha.1 - Mend

@stencil/dev-server 0.0.19-1 → 5.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/{LICENSE → LICENSE.md} +12 -6
package/dist/client/index.d.ts +132 -0
package/dist/client/index.js +1076 -0
package/dist/connector.html +34 -0
package/dist/index.d.mts +52 -0
package/dist/index.mjs +1395 -0
package/dist/static/favicon.ico +0 -0
package/dist/templates/directory-index.html +186 -0
package/dist/templates/initial-load.html +157 -0
package/dist/worker-thread.js +63 -0
package/package.json +50 -51
package/static/favicon.ico +0 -0
package/templates/directory-index.html +186 -0
package/templates/initial-load.html +157 -0
package/README.md +0 -60
package/assets/404.html +0 -14
package/assets/__stencil-dev-server__/favicon.ico +0 -0
package/assets/index.html +0 -39
package/bin/stencil-dev-server +0 -16
package/dist/definitions.js +0 -2
package/dist/index.js +0 -275
package/dist/middlewares.js +0 -106
package/dist/promisify.js +0 -18
package/dist/utils.js +0 -139

package/templates/directory-index.html ADDED Viewed

@@ -0,0 +1,186 @@
+<!doctype html>
+<html dir="ltr" lang="en">
+  <head data-tmpl="tmpl-dir">
+    <meta charset="utf-8" />
+    <title>{{title}}</title>
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
+    <style>
+      * {
+        box-sizing: border-box;
+      }
+      html {
+        color-scheme: light dark;
+      }
+      body {
+        padding: 40px 140px;
+        margin: 0;
+        font-family:
+          -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
+          'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+        font-size: 14px;
+        background: #f9f8f8;
+      }
+      h1 {
+        margin-bottom: 15px;
+        font-size: 18px;
+        color: #343434;
+      }
+      h1 span {
+        padding: 0 6px;
+        font-weight: normal;
+        color: #9e9b9b;
+      }
+      a {
+        color: #555;
+        text-decoration: none;
+      }
+      a:hover {
+        color: #303030;
+      }
+      ul {
+        margin: 0;
+        padding: 0;
+      }
+      li {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+      }
+      li a {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        margin: 0;
+        padding: 6px 12px;
+        min-width: 50%;
+        border-radius: 4px;
+        overflow: hidden;
+        white-space: nowrap;
+      }
+      li a:focus,
+      li a:hover {
+        color: #555;
+        background: rgba(221, 235, 255, 0.65);
+      }
+      .icon {
+        display: inline-block;
+        width: 14px;
+        min-height: 14px;
+        opacity: 0.6;
+        mask-repeat: no-repeat;
+        -webkit-mask-repeat: no-repeat;
+      }
+      .directory .icon {
+        mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjEzLjMzOCA5Nkg3NC42NjZDNTEuMTk3IDk2IDMyIDExNS4xOTggMzIgMTM4LjY2N3YyMzQuNjY2QzMyIDM5Ni44MDIgNTEuMTk3IDQxNiA3NC42NjYgNDE2aDM2Mi42NjhDNDYwLjgwMyA0MTYgNDgwIDM5Ni44MDIgNDgwIDM3My4zMzNWMTg2LjY2N0M0ODAgMTYzLjE5OCA0NjAuODAzIDE0NCA0MzcuMzM0IDE0NEgyNTYuMDA2bC00Mi42NjgtNDh6Ii8+PC9zdmc+);
+        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjEzLjMzOCA5Nkg3NC42NjZDNTEuMTk3IDk2IDMyIDExNS4xOTggMzIgMTM4LjY2N3YyMzQuNjY2QzMyIDM5Ni44MDIgNTEuMTk3IDQxNiA3NC42NjYgNDE2aDM2Mi42NjhDNDYwLjgwMyA0MTYgNDgwIDM5Ni44MDIgNDgwIDM3My4zMzNWMTg2LjY2N0M0ODAgMTYzLjE5OCA0NjAuODAzIDE0NCA0MzcuMzM0IDE0NEgyNTYuMDA2bC00Mi42NjgtNDh6Ii8+PC9zdmc+);
+        background-position: 0px 2px;
+        background-color: currentColor;
+      }
+      .file .icon {
+        mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjg4IDQ4SDEzNmMtMjIuMDkyIDAtNDAgMTcuOTA4LTQwIDQwdjMzNmMwIDIyLjA5MiAxNy45MDggNDAgNDAgNDBoMjQwYzIyLjA5MiAwIDQwLTE3LjkwOCA0MC00MFYxNzZMMjg4IDQ4em0tMTYgMTQ0VjgwbDExMiAxMTJIMjcyeiIvPjwvc3ZnPg==);
+        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjg4IDQ4SDEzNmMtMjIuMDkyIDAtNDAgMTcuOTA4LTQwIDQwdjMzNmMwIDIyLjA5MiAxNy45MDggNDAgNDAgNDBoMjQwYzIyLjA5MiAwIDQwLTE3LjkwOCA0MC00MFYxNzZMMjg4IDQ4em0tMTYgMTQ0VjgwbDExMiAxMTJIMjcyeiIvPjwvc3ZnPg==);
+        background-position: 0px 2px;
+        background-color: currentColor;
+      }
+      li a:hover .icon {
+        opacity: 1;
+      }
+      @media (max-width: 768px) {
+        body {
+          font-size: 13px;
+          line-height: 16px;
+          padding: 0;
+        }
+        h1 {
+          font-size: 2em;
+          line-height: 1.5em;
+          color: #fff;
+          background: #000;
+          padding: 15px 10px;
+          margin: 0;
+        }
+        h1 a {
+          color: #9e9e9e;
+        }
+        h1 a:hover {
+          color: #eaeaea;
+        }
+        ul {
+          border-top: 1px solid #cacaca;
+        }
+        li {
+          display: block;
+          border-bottom: 1px solid #cacaca;
+          font-size: 2em;
+          line-height: 1.2em;
+        }
+        li:nth-child(odd) {
+          background: #e0e0e0;
+        }
+        li a {
+          display: flex;
+          border-radius: 0;
+          padding: 15px 10px;
+        }
+        .icon {
+          width: 24px;
+          min-width: 24px;
+          min-height: 24px;
+        }
+        .directory .icon {
+          background-position: 0px 4px;
+        }
+      }
+      @media (prefers-color-scheme: dark) {
+        body {
+          background: #000;
+        }
+        h1 {
+          color: #eaeaea;
+        }
+        a {
+          color: #ccc;
+        }
+        a:hover {
+          color: #eaeaea;
+        }
+        li a:focus,
+        li a:hover {
+          color: #ccc;
+          background: #1c1c1c;
+        }
+      }
+      @media (max-width: 768px) and (prefers-color-scheme: dark) {
+        ul {
+          border-top: 1px solid #333;
+        }
+        li {
+          border-bottom: 1px solid #333;
+        }
+        li:nth-child(odd) {
+          background: #333;
+        }
+      }
+    </style>
+    <link
+      rel="shortcut icon"
+      type="image/png"
+      href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAB2AAAAdgB+lymcgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFGSURBVHic7dm9TcNQFMXxPzRpaZGYAEIqZkERkzAFSwARSyCGgA2QAqGhTZqYIrJkzEP4GfueyD4/6TavuufEH1IMZmZmZmZm382ABfAOFB3MJzANTfAPV8CGboJX5xU4CczRyox+wpfzDByFpWlhQX/hy3kCJlGBcnV1z/81D8BhUKYsW2IKKICboExZosJHzBtwT+bbR710H7MG5qmwB78UMEQb4AJ4qR7u5UOoJxPgun44pisAdm+44+rB2AooqF31Y7oFIPGDj62AH1yAegE1F6BeQM0FqBdQcwHqBdRcgHoBNRegXkDNBagXUHMB6gXUXIB6ATUXoF5ALVXAkP8W39YPUgV8BCyisqofpAp4DFhEpVG2c3ZfU9VfdPv4QnzWtKn5wEpYA5dNw5emwB2w3IMAbWcJ3AKnueHNzMzMzGzYvgAGC6SjvNl9rAAAAABJRU5ErkJggg=="
+    />
+  </head>
+  <body>
+    <main>
+      <h1>{{nav}}</h1>
+      <ul>
+        {{files}}
+      </ul>
+    </main>
+  </body>
+</html>

package/templates/initial-load.html ADDED Viewed

@@ -0,0 +1,157 @@
+<!doctype html>
+<html dir="ltr" lang="en">
+  <head data-tmpl="tmpl-initial-load">
+    <meta charset="utf-8" />
+    <script>
+      if ('serviceWorker' in navigator) {
+        navigator.serviceWorker
+          .getRegistration()
+          .then(function (registration) {
+            if (registration) {
+              registration.unregister().then(function (hasUnregistered) {
+                if (hasUnregistered) {
+                  console.log('unregistered service worker');
+                }
+              });
+            }
+          })
+          .catch(function (err) {
+            console.error(err.message || err);
+          });
+      }
+    </script>
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+    <meta http-equiv="x-ua-compatible" content="IE=Edge" />
+    <title>Initializing First Build...</title>
+    <link
+      rel="shortcut icon"
+      type="image/x-icon"
+      href="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="
+    />
+    <style>
+      * {
+        box-sizing: border-box;
+      }
+      html {
+        color-scheme: dark light;
+      }
+      body {
+        position: absolute;
+        padding: 0;
+        margin: 0;
+        width: 100%;
+        height: 100%;
+        font-family:
+          -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
+          'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+      }
+      .toast {
+        position: absolute;
+        top: 12px;
+        right: 10px;
+        left: 10px;
+        margin: auto;
+        max-width: 700px;
+        border-radius: 3px;
+        background: rgba(0, 0, 0, 0.9);
+        transform: translate3d(0px, -60px, 0px);
+        transition: transform 75ms ease-out;
+        pointer-events: none;
+      }
+      .active {
+        transform: translate3d(0px, 0px, 0px);
+      }
+      .content {
+        display: flex;
+        align-items: center;
+        pointer-events: auto;
+      }
+      .message {
+        flex: 1;
+        padding: 15px;
+        font-size: 14px;
+        color: #fff;
+      }
+      .spinner {
+        position: relative;
+        display: inline-block;
+        width: 56px;
+        height: 28px;
+      }
+      svg:not(:root) {
+        overflow: hidden;
+      }
+      svg {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        transform: translateZ(0);
+        animation: rotate 600ms linear infinite;
+      }
+      @keyframes rotate {
+        0% {
+          transform: rotate(0deg);
+        }
+        100% {
+          transform: rotate(360deg);
+        }
+      }
+      svg circle {
+        fill: transparent;
+        stroke: white;
+        stroke-width: 4px;
+        stroke-dasharray: 128px;
+        stroke-dashoffset: 82px;
+      }
+      .logs {
+        position: absolute;
+        top: 50px;
+        right: 10px;
+        left: 10px;
+        margin: auto;
+        max-width: 700px;
+        padding: 32px;
+        line-height: 1.5;
+      }
+      @media (prefers-color-scheme: dark) {
+        .toast {
+          background: rgb(49, 49, 49, 0.9);
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="toast">
+      <div class="content">
+        <div class="message">Initializing First Build...</div>
+        <div class="spinner">
+          <svg viewBox="0 0 64 64"><circle transform="translate(32,32)" r="26"></circle></svg>
+        </div>
+      </div>
+    </div>
+    <div class="logs">
+      <pre id="log-output"></pre>
+    </div>
+    <script>
+      setTimeout(function () {
+        document.querySelector('.toast').classList.add('active');
+      }, 100);
+      var logOutput = document.getElementById('log-output');
+      window.addEventListener('devserver:buildlog', function (ev) {
+        var buildLog = ev.detail;
+        if (buildLog && buildLog.messages) {
+          logOutput.innerText = buildLog.messages.join('\n');
+        }
+      });
+    </script>
+  </body>
+</html>

package/README.md DELETED Viewed

@@ -1,60 +0,0 @@
-[![npm][npm-badge]][npm-badge-url]
-[![Build Status][circle-badge]][circle-badge-url]
-# Stencil Dev Server
-This is a very simple http-server with a filewatcher and livereload built in. This server
-was built with the purpose of making it easy to develop stencil apps and components, but it will work
-with about any dev workflow.
-Just provide a directory.
-```
-stencil-dev-server --root public
-```
-There are a number of options available, but all have sane defaults.
-- **--root**
-  - The directory that should be watched and served
-  - It defaults to the current directory that the command was executed from.
-- **--watchGlob**
-  - The pattern of files to watch in the root directory for changes.
-  - The glob defaults to **\*\*/\*\***.
-- **--address**
-  - The ip address that the server should listen to.
-  - Defaults to *0.0.0.0*. Point your browser to localhost.
-- **--httpPort**
-  - The port that the http server should use.  If the number provided is in use it will choose another.
-  - Defaults to *3333*.
-- **--liveReloadPort**
-  - The port that the live-reload server should use. If the number provided is in use it will choose another.
-  - Defaults to *35729*.
-- **--additionalJsScripts**
-  - A comma separated list of javascript files that you would like appended to all html page body tags. This allows you to expand the dev server to do additional behaviors.
-- **--config**
-  - The path to a config file for the dev server. This allows you to keep a specific set of default parameters in a configuration file.
-  - Defaults to *./stencil.config.js*
-- **--ssl**
-    - Enables https for development server with self signed SSL certificate
-    - Defaults to false
-- **--no-open**
-  - Disables automatically opening a browser.
-Config File Structure
-```js
-exports.devServer = {
-  root: './',
-  additionalJSScripts: [
-    'http://localhost:3529/debug.js',
-    './scripts/additionalDebug.js'
-  ],
-  watchGlob: '**/*'
-};
-```
-[npm-badge]: https://img.shields.io/npm/v/@stencil/dev-server.svg?style=flat-square
-[npm-badge-url]: https://www.npmjs.com/package/@stencil/dev-server
-[circle-badge]: https://circleci.com/gh/ionic-team/stencil-dev-server.svg?style=shield
-[circle-badge-url]: https://circleci.com/gh/ionic-team/stencil-dev-server

package/assets/404.html DELETED Viewed

@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset='utf-8'>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-    <title>404: Resource not found</title>
-    <style>{style}</style>
-  </head>
-  <body class="directory">
-    <div id="wrapper">
-      <h1><a href="/">~</a>{linked-path}</h1>
-    </div>
-  </body>
-</html>

package/assets/__stencil-dev-server__/favicon.ico DELETED Viewed

Binary file

package/assets/index.html DELETED Viewed

@@ -1,39 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset='utf-8'>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-    <title>listing directory {directory}</title>
-    <link rel="shortcut icon" href="/__stencil-dev-server__/favicon.ico" type="image/x-icon">
-    <style>
-      html {
-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-        color: #16161d;
-      }
-      body {
-        margin: 50px auto;
-        width: 60%;
-      }
-      span.denote {
-        font-weight: 100;
-        display: inline-block;
-        width: 8px;
-      }
-      h1 > a, h1 > a:visited {
-        text-decoration: none;
-        color: #5850ff;
-      }
-      a, a:visited {
-        color: #16161d;
-        display: inline-block;
-        margin: 2px 0 2px 6px;
-      }
-    </style>
-  </head>
-  <body class="directory">
-    <div id="wrapper">
-      <h1><a href="/">~</a>{linked-path}</h1>
-      {files}
-    </div>
-  </body>
-</html>

package/bin/stencil-dev-server DELETED Viewed

@@ -1,16 +0,0 @@
-#! /usr/bin/env node
-'use strict';
-process.title = 'stencil-dev-server';
-process.on('unhandledRejection', function(r) { console.error(r) });
-process.env.TINY_STATIC_LR_BIN = __filename;
-let cmdArgs = process.argv;
-const npmRunArgs = process.env.npm_config_argv;
-if (npmRunArgs) {
-  cmdArgs = cmdArgs.concat(JSON.parse(npmRunArgs).original);
-}
-const server = require('../dist');
-server.run(cmdArgs);

package/dist/definitions.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";
2	- Object.defineProperty(exports, "__esModule", { value: true });