@jsenv/server 16.0.4 → 16.0.5

package/dist/{html → client/route_inspector}/route_inspector.html

@@ -4,762 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Route inspector</title>
-    <script>
-      /**
-       * Copyright (c) 2014-present, Facebook, Inc.
-       *
-       * This source code is licensed under the MIT license found in the
-       * LICENSE file in the root directory of this source tree.
-       */
-      
-      var runtime = (function (exports) {
-      
-        var Op = Object.prototype;
-        var hasOwn = Op.hasOwnProperty;
-        var undefined$1; // More compressible than void 0.
-        var $Symbol = typeof Symbol === "function" ? Symbol : {};
-        var iteratorSymbol = $Symbol.iterator || "@@iterator";
-        var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
-        var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-      
-        function define(obj, key, value) {
-          Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-          });
-          return obj[key];
-        }
-        try {
-          // IE 8 has a broken Object.defineProperty that only works on DOM objects.
-          define({}, "");
-        } catch (err) {
-          define = function(obj, key, value) {
-            return obj[key] = value;
-          };
-        }
-      
-        function wrap(innerFn, outerFn, self, tryLocsList) {
-          // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
-          var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
-          var generator = Object.create(protoGenerator.prototype);
-          var context = new Context(tryLocsList || []);
-      
-          // The ._invoke method unifies the implementations of the .next,
-          // .throw, and .return methods.
-          generator._invoke = makeInvokeMethod(innerFn, self, context);
-      
-          return generator;
-        }
-        exports.wrap = wrap;
-      
-        // Try/catch helper to minimize deoptimizations. Returns a completion
-        // record like context.tryEntries[i].completion. This interface could
-        // have been (and was previously) designed to take a closure to be
-        // invoked without arguments, but in all the cases we care about we
-        // already have an existing method we want to call, so there's no need
-        // to create a new function object. We can even get away with assuming
-        // the method takes exactly one argument, since that happens to be true
-        // in every case, so we don't have to touch the arguments object. The
-        // only additional allocation required is the completion record, which
-        // has a stable shape and so hopefully should be cheap to allocate.
-        function tryCatch(fn, obj, arg) {
-          try {
-            return { type: "normal", arg: fn.call(obj, arg) };
-          } catch (err) {
-            return { type: "throw", arg: err };
-          }
-        }
-      
-        var GenStateSuspendedStart = "suspendedStart";
-        var GenStateSuspendedYield = "suspendedYield";
-        var GenStateExecuting = "executing";
-        var GenStateCompleted = "completed";
-      
-        // Returning this object from the innerFn has the same effect as
-        // breaking out of the dispatch switch statement.
-        var ContinueSentinel = {};
-      
-        // Dummy constructor functions that we use as the .constructor and
-        // .constructor.prototype properties for functions that return Generator
-        // objects. For full spec compliance, you may wish to configure your
-        // minifier not to mangle the names of these two functions.
-        function Generator() {}
-        function GeneratorFunction() {}
-        function GeneratorFunctionPrototype() {}
-      
-        // This is a polyfill for %IteratorPrototype% for environments that
-        // don't natively support it.
-        var IteratorPrototype = {};
-        IteratorPrototype[iteratorSymbol] = function () {
-          return this;
-        };
-      
-        var getProto = Object.getPrototypeOf;
-        var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-        if (NativeIteratorPrototype &&
-            NativeIteratorPrototype !== Op &&
-            hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
-          // This environment has a native %IteratorPrototype%; use it instead
-          // of the polyfill.
-          IteratorPrototype = NativeIteratorPrototype;
-        }
-      
-        var Gp = GeneratorFunctionPrototype.prototype =
-          Generator.prototype = Object.create(IteratorPrototype);
-        GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
-        GeneratorFunctionPrototype.constructor = GeneratorFunction;
-        GeneratorFunction.displayName = define(
-          GeneratorFunctionPrototype,
-          toStringTagSymbol,
-          "GeneratorFunction"
-        );
-      
-        // Helper for defining the .next, .throw, and .return methods of the
-        // Iterator interface in terms of a single ._invoke method.
-        function defineIteratorMethods(prototype) {
-          ["next", "throw", "return"].forEach(function(method) {
-            define(prototype, method, function(arg) {
-              return this._invoke(method, arg);
-            });
-          });
-        }
-      
-        exports.isGeneratorFunction = function(genFun) {
-          var ctor = typeof genFun === "function" && genFun.constructor;
-          return ctor
-            ? ctor === GeneratorFunction ||
-              // For the native GeneratorFunction constructor, the best we can
-              // do is to check its .name property.
-              (ctor.displayName || ctor.name) === "GeneratorFunction"
-            : false;
-        };
-      
-        exports.mark = function(genFun) {
-          if (Object.setPrototypeOf) {
-            Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
-          } else {
-            genFun.__proto__ = GeneratorFunctionPrototype;
-            define(genFun, toStringTagSymbol, "GeneratorFunction");
-          }
-          genFun.prototype = Object.create(Gp);
-          return genFun;
-        };
-      
-        // Within the body of any async function, `await x` is transformed to
-        // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
-        // `hasOwn.call(value, "__await")` to determine if the yielded value is
-        // meant to be awaited.
-        exports.awrap = function(arg) {
-          return { __await: arg };
-        };
-      
-        function AsyncIterator(generator, PromiseImpl) {
-          function invoke(method, arg, resolve, reject) {
-            var record = tryCatch(generator[method], generator, arg);
-            if (record.type === "throw") {
-              reject(record.arg);
-            } else {
-              var result = record.arg;
-              var value = result.value;
-              if (value &&
-                  typeof value === "object" &&
-                  hasOwn.call(value, "__await")) {
-                return PromiseImpl.resolve(value.__await).then(function(value) {
-                  invoke("next", value, resolve, reject);
-                }, function(err) {
-                  invoke("throw", err, resolve, reject);
-                });
-              }
-      
-              return PromiseImpl.resolve(value).then(function(unwrapped) {
-                // When a yielded Promise is resolved, its final value becomes
-                // the .value of the Promise<{value,done}> result for the
-                // current iteration.
-                result.value = unwrapped;
-                resolve(result);
-              }, function(error) {
-                // If a rejected Promise was yielded, throw the rejection back
-                // into the async generator function so it can be handled there.
-                return invoke("throw", error, resolve, reject);
-              });
-            }
-          }
-      
-          var previousPromise;
-      
-          function enqueue(method, arg) {
-            function callInvokeWithMethodAndArg() {
-              return new PromiseImpl(function(resolve, reject) {
-                invoke(method, arg, resolve, reject);
-              });
-            }
-      
-            return previousPromise =
-              // If enqueue has been called before, then we want to wait until
-              // all previous Promises have been resolved before calling invoke,
-              // so that results are always delivered in the correct order. If
-              // enqueue has not been called before, then it is important to
-              // call invoke immediately, without waiting on a callback to fire,
-              // so that the async generator function has the opportunity to do
-              // any necessary setup in a predictable way. This predictability
-              // is why the Promise constructor synchronously invokes its
-              // executor callback, and why async functions synchronously
-              // execute code before the first await. Since we implement simple
-              // async functions in terms of async generators, it is especially
-              // important to get this right, even though it requires care.
-              previousPromise ? previousPromise.then(
-                callInvokeWithMethodAndArg,
-                // Avoid propagating failures to Promises returned by later
-                // invocations of the iterator.
-                callInvokeWithMethodAndArg
-              ) : callInvokeWithMethodAndArg();
-          }
-      
-          // Define the unified helper method that is used to implement .next,
-          // .throw, and .return (see defineIteratorMethods).
-          this._invoke = enqueue;
-        }
-      
-        defineIteratorMethods(AsyncIterator.prototype);
-        AsyncIterator.prototype[asyncIteratorSymbol] = function () {
-          return this;
-        };
-        exports.AsyncIterator = AsyncIterator;
-      
-        // Note that simple async functions are implemented on top of
-        // AsyncIterator objects; they just return a Promise for the value of
-        // the final result produced by the iterator.
-        exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-          if (PromiseImpl === void 0) PromiseImpl = Promise;
-      
-          var iter = new AsyncIterator(
-            wrap(innerFn, outerFn, self, tryLocsList),
-            PromiseImpl
-          );
-      
-          return exports.isGeneratorFunction(outerFn)
-            ? iter // If outerFn is a generator, return the full iterator.
-            : iter.next().then(function(result) {
-                return result.done ? result.value : iter.next();
-              });
-        };
-      
-        function makeInvokeMethod(innerFn, self, context) {
-          var state = GenStateSuspendedStart;
-      
-          return function invoke(method, arg) {
-            if (state === GenStateExecuting) {
-              throw new Error("Generator is already running");
-            }
-      
-            if (state === GenStateCompleted) {
-              if (method === "throw") {
-                throw arg;
-              }
-      
-              // Be forgiving, per 25.3.3.3.3 of the spec:
-              // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
-              return doneResult();
-            }
-      
-            context.method = method;
-            context.arg = arg;
-      
-            while (true) {
-              var delegate = context.delegate;
-              if (delegate) {
-                var delegateResult = maybeInvokeDelegate(delegate, context);
-                if (delegateResult) {
-                  if (delegateResult === ContinueSentinel) continue;
-                  return delegateResult;
-                }
-              }
-      
-              if (context.method === "next") {
-                // Setting context._sent for legacy support of Babel's
-                // function.sent implementation.
-                context.sent = context._sent = context.arg;
-      
-              } else if (context.method === "throw") {
-                if (state === GenStateSuspendedStart) {
-                  state = GenStateCompleted;
-                  throw context.arg;
-                }
-      
-                context.dispatchException(context.arg);
-      
-              } else if (context.method === "return") {
-                context.abrupt("return", context.arg);
-              }
-      
-              state = GenStateExecuting;
-      
-              var record = tryCatch(innerFn, self, context);
-              if (record.type === "normal") {
-                // If an exception is thrown from innerFn, we leave state ===
-                // GenStateExecuting and loop back for another invocation.
-                state = context.done
-                  ? GenStateCompleted
-                  : GenStateSuspendedYield;
-      
-                if (record.arg === ContinueSentinel) {
-                  continue;
-                }
-      
-                return {
-                  value: record.arg,
-                  done: context.done
-                };
-      
-              } else if (record.type === "throw") {
-                state = GenStateCompleted;
-                // Dispatch the exception by looping back around to the
-                // context.dispatchException(context.arg) call above.
-                context.method = "throw";
-                context.arg = record.arg;
-              }
-            }
-          };
-        }
-      
-        // Call delegate.iterator[context.method](context.arg) and handle the
-        // result, either by returning a { value, done } result from the
-        // delegate iterator, or by modifying context.method and context.arg,
-        // setting context.delegate to null, and returning the ContinueSentinel.
-        function maybeInvokeDelegate(delegate, context) {
-          var method = delegate.iterator[context.method];
-          if (method === undefined$1) {
-            // A .throw or .return when the delegate iterator has no .throw
-            // method always terminates the yield* loop.
-            context.delegate = null;
-      
-            if (context.method === "throw") {
-              // Note: ["return"] must be used for ES3 parsing compatibility.
-              if (delegate.iterator["return"]) {
-                // If the delegate iterator has a return method, give it a
-                // chance to clean up.
-                context.method = "return";
-                context.arg = undefined$1;
-                maybeInvokeDelegate(delegate, context);
-      
-                if (context.method === "throw") {
-                  // If maybeInvokeDelegate(context) changed context.method from
-                  // "return" to "throw", let that override the TypeError below.
-                  return ContinueSentinel;
-                }
-              }
-      
-              context.method = "throw";
-              context.arg = new TypeError(
-                "The iterator does not provide a 'throw' method");
-            }
-      
-            return ContinueSentinel;
-          }
-      
-          var record = tryCatch(method, delegate.iterator, context.arg);
-      
-          if (record.type === "throw") {
-            context.method = "throw";
-            context.arg = record.arg;
-            context.delegate = null;
-            return ContinueSentinel;
-          }
-      
-          var info = record.arg;
-      
-          if (! info) {
-            context.method = "throw";
-            context.arg = new TypeError("iterator result is not an object");
-            context.delegate = null;
-            return ContinueSentinel;
-          }
-      
-          if (info.done) {
-            // Assign the result of the finished delegate to the temporary
-            // variable specified by delegate.resultName (see delegateYield).
-            context[delegate.resultName] = info.value;
-      
-            // Resume execution at the desired location (see delegateYield).
-            context.next = delegate.nextLoc;
-      
-            // If context.method was "throw" but the delegate handled the
-            // exception, let the outer generator proceed normally. If
-            // context.method was "next", forget context.arg since it has been
-            // "consumed" by the delegate iterator. If context.method was
-            // "return", allow the original .return call to continue in the
-            // outer generator.
-            if (context.method !== "return") {
-              context.method = "next";
-              context.arg = undefined$1;
-            }
-      
-          } else {
-            // Re-yield the result returned by the delegate method.
-            return info;
-          }
-      
-          // The delegate iterator is finished, so forget it and continue with
-          // the outer generator.
-          context.delegate = null;
-          return ContinueSentinel;
-        }
-      
-        // Define Generator.prototype.{next,throw,return} in terms of the
-        // unified ._invoke helper method.
-        defineIteratorMethods(Gp);
-      
-        define(Gp, toStringTagSymbol, "Generator");
-      
-        // A Generator should always return itself as the iterator object when the
-        // @@iterator function is called on it. Some browsers' implementations of the
-        // iterator prototype chain incorrectly implement this, causing the Generator
-        // object to not be returned from this call. This ensures that doesn't happen.
-        // See https://github.com/facebook/regenerator/issues/274 for more details.
-        Gp[iteratorSymbol] = function() {
-          return this;
-        };
-      
-        Gp.toString = function() {
-          return "[object Generator]";
-        };
-      
-        function pushTryEntry(locs) {
-          var entry = { tryLoc: locs[0] };
-      
-          if (1 in locs) {
-            entry.catchLoc = locs[1];
-          }
-      
-          if (2 in locs) {
-            entry.finallyLoc = locs[2];
-            entry.afterLoc = locs[3];
-          }
-      
-          this.tryEntries.push(entry);
-        }
-      
-        function resetTryEntry(entry) {
-          var record = entry.completion || {};
-          record.type = "normal";
-          delete record.arg;
-          entry.completion = record;
-        }
-      
-        function Context(tryLocsList) {
-          // The root entry object (effectively a try statement without a catch
-          // or a finally block) gives us a place to store values thrown from
-          // locations where there is no enclosing try statement.
-          this.tryEntries = [{ tryLoc: "root" }];
-          tryLocsList.forEach(pushTryEntry, this);
-          this.reset(true);
-        }
-      
-        exports.keys = function(object) {
-          var keys = [];
-          for (var key in object) {
-            keys.push(key);
-          }
-          keys.reverse();
-      
-          // Rather than returning an object with a next method, we keep
-          // things simple and return the next function itself.
-          return function next() {
-            while (keys.length) {
-              var key = keys.pop();
-              if (key in object) {
-                next.value = key;
-                next.done = false;
-                return next;
-              }
-            }
-      
-            // To avoid creating an additional object, we just hang the .value
-            // and .done properties off the next function object itself. This
-            // also ensures that the minifier will not anonymize the function.
-            next.done = true;
-            return next;
-          };
-        };
-      
-        function values(iterable) {
-          if (iterable) {
-            var iteratorMethod = iterable[iteratorSymbol];
-            if (iteratorMethod) {
-              return iteratorMethod.call(iterable);
-            }
-      
-            if (typeof iterable.next === "function") {
-              return iterable;
-            }
-      
-            if (!isNaN(iterable.length)) {
-              var i = -1, next = function next() {
-                while (++i < iterable.length) {
-                  if (hasOwn.call(iterable, i)) {
-                    next.value = iterable[i];
-                    next.done = false;
-                    return next;
-                  }
-                }
-      
-                next.value = undefined$1;
-                next.done = true;
-      
-                return next;
-              };
-      
-              return next.next = next;
-            }
-          }
-      
-          // Return an iterator with no values.
-          return { next: doneResult };
-        }
-        exports.values = values;
-      
-        function doneResult() {
-          return { value: undefined$1, done: true };
-        }
-      
-        Context.prototype = {
-          constructor: Context,
-      
-          reset: function(skipTempReset) {
-            this.prev = 0;
-            this.next = 0;
-            // Resetting context._sent for legacy support of Babel's
-            // function.sent implementation.
-            this.sent = this._sent = undefined$1;
-            this.done = false;
-            this.delegate = null;
-      
-            this.method = "next";
-            this.arg = undefined$1;
-      
-            this.tryEntries.forEach(resetTryEntry);
-      
-            if (!skipTempReset) {
-              for (var name in this) {
-                // Not sure about the optimal order of these conditions:
-                if (name.charAt(0) === "t" &&
-                    hasOwn.call(this, name) &&
-                    !isNaN(+name.slice(1))) {
-                  this[name] = undefined$1;
-                }
-              }
-            }
-          },
-      
-          stop: function() {
-            this.done = true;
-      
-            var rootEntry = this.tryEntries[0];
-            var rootRecord = rootEntry.completion;
-            if (rootRecord.type === "throw") {
-              throw rootRecord.arg;
-            }
-      
-            return this.rval;
-          },
-      
-          dispatchException: function(exception) {
-            if (this.done) {
-              throw exception;
-            }
-      
-            var context = this;
-            function handle(loc, caught) {
-              record.type = "throw";
-              record.arg = exception;
-              context.next = loc;
-      
-              if (caught) {
-                // If the dispatched exception was caught by a catch block,
-                // then let that catch block handle the exception normally.
-                context.method = "next";
-                context.arg = undefined$1;
-              }
-      
-              return !! caught;
-            }
-      
-            for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-              var entry = this.tryEntries[i];
-              var record = entry.completion;
-      
-              if (entry.tryLoc === "root") {
-                // Exception thrown outside of any try block that could handle
-                // it, so set the completion value of the entire function to
-                // throw the exception.
-                return handle("end");
-              }
-      
-              if (entry.tryLoc <= this.prev) {
-                var hasCatch = hasOwn.call(entry, "catchLoc");
-                var hasFinally = hasOwn.call(entry, "finallyLoc");
-      
-                if (hasCatch && hasFinally) {
-                  if (this.prev < entry.catchLoc) {
-                    return handle(entry.catchLoc, true);
-                  } else if (this.prev < entry.finallyLoc) {
-                    return handle(entry.finallyLoc);
-                  }
-      
-                } else if (hasCatch) {
-                  if (this.prev < entry.catchLoc) {
-                    return handle(entry.catchLoc, true);
-                  }
-      
-                } else if (hasFinally) {
-                  if (this.prev < entry.finallyLoc) {
-                    return handle(entry.finallyLoc);
-                  }
-      
-                } else {
-                  throw new Error("try statement without catch or finally");
-                }
-              }
-            }
-          },
-      
-          abrupt: function(type, arg) {
-            for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-              var entry = this.tryEntries[i];
-              if (entry.tryLoc <= this.prev &&
-                  hasOwn.call(entry, "finallyLoc") &&
-                  this.prev < entry.finallyLoc) {
-                var finallyEntry = entry;
-                break;
-              }
-            }
-      
-            if (finallyEntry &&
-                (type === "break" ||
-                 type === "continue") &&
-                finallyEntry.tryLoc <= arg &&
-                arg <= finallyEntry.finallyLoc) {
-              // Ignore the finally entry if control is not jumping to a
-              // location outside the try/catch block.
-              finallyEntry = null;
-            }
-      
-            var record = finallyEntry ? finallyEntry.completion : {};
-            record.type = type;
-            record.arg = arg;
-      
-            if (finallyEntry) {
-              this.method = "next";
-              this.next = finallyEntry.finallyLoc;
-              return ContinueSentinel;
-            }
-      
-            return this.complete(record);
-          },
-      
-          complete: function(record, afterLoc) {
-            if (record.type === "throw") {
-              throw record.arg;
-            }
-      
-            if (record.type === "break" ||
-                record.type === "continue") {
-              this.next = record.arg;
-            } else if (record.type === "return") {
-              this.rval = this.arg = record.arg;
-              this.method = "return";
-              this.next = "end";
-            } else if (record.type === "normal" && afterLoc) {
-              this.next = afterLoc;
-            }
-      
-            return ContinueSentinel;
-          },
-      
-          finish: function(finallyLoc) {
-            for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-              var entry = this.tryEntries[i];
-              if (entry.finallyLoc === finallyLoc) {
-                this.complete(entry.completion, entry.afterLoc);
-                resetTryEntry(entry);
-                return ContinueSentinel;
-              }
-            }
-          },
-      
-          "catch": function(tryLoc) {
-            for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-              var entry = this.tryEntries[i];
-              if (entry.tryLoc === tryLoc) {
-                var record = entry.completion;
-                if (record.type === "throw") {
-                  var thrown = record.arg;
-                  resetTryEntry(entry);
-                }
-                return thrown;
-              }
-            }
-      
-            // The context.catch method must only be called with a location
-            // argument that corresponds to a known catch block.
-            throw new Error("illegal catch attempt");
-          },
-      
-          delegateYield: function(iterable, resultName, nextLoc) {
-            this.delegate = {
-              iterator: values(iterable),
-              resultName: resultName,
-              nextLoc: nextLoc
-            };
-      
-            if (this.method === "next") {
-              // Deliberately forget the last sent value so that we don't
-              // accidentally pass it on to the delegate.
-              this.arg = undefined$1;
-            }
-      
-            return ContinueSentinel;
-          }
-        };
-      
-        // Regardless of whether this script is executing as a CommonJS module
-        // or not, return the runtime object so that we can declare the variable
-        // regeneratorRuntime in the outer scope, which allows this module to be
-        // injected easily by `bin/regenerator --include-runtime script.js`.
-        return exports;
-      
-      }(
-        // If this script is executing as a CommonJS module, use module.exports
-        // as the regeneratorRuntime namespace. Otherwise create a new empty
-        // object. Either way, the resulting object will be used to initialize
-        // the regeneratorRuntime variable at the top of this file.
-        typeof module === "object" ? module.exports : {}
-      ));
-      
-      try {
-        regeneratorRuntime = runtime;
-      } catch (accidentalStrictMode) {
-        // This module should not be running in strict mode, so the above
-        // assignment should always work unless something is misconfigured. Just
-        // in case runtime.js accidentally runs in strict mode, we can escape
-        // strict mode using a global Function call. This could conceivably fail
-        // if a Content Security Policy forbids using Function, but in that case
-        // the proper solution is to fix the accidental strict mode problem. If
-        // you've misconfigured your bundler to force strict mode and applied a
-        // CSP to forbid Function, and you're not willing to fix either of those
-        // problems, please detail your unique predicament in a GitHub issue.
-        Function("r", "regeneratorRuntime = r")(runtime);
-      }
-    </script>
-    <script type="importmap">{
-  "imports": {
-    "preact": "https://esm.sh/preact@10.23.1",
-    "@preact/signals": "https://esm.sh/@preact/signals@1.3.0?external=preact",
-    "htm/preact": "https://esm.sh/htm@3.1.1/preact?external=preact"
-  }
-}</script>
+    
     <script>
       /**
        * Example of how you'd use this:
@@ -1403,7 +648,7 @@ main {
   font-weight: normal;
 }
 
-@media (width <= 768px) {
+@media (max-width: 768px) {
   .route_container {
     flex-direction: column;
   }
@@ -1767,19 +1012,31 @@ label .filter_text {
         }
       });
     </script>
-    <script type="module">
-      // https://preactjs.com/guide/v10/no-build-workflows/
-      import { render } from "preact";
-      import { html } from "htm/preact";
-      import { signal, computed } from "@preact/signals";
-      import { useState, useRef, useCallback } from "preact/hooks";
-
-      const routesLoadingSignal = signal(false);
-      const routeLoadingErrorSignal = signal(null);
-      const routesSignal = signal([]);
+    <script type="module">/* esm.sh - preact@10.23.1 */
+var M$2,h$1,X,ie,x$1,J,Y,R,j,$,O$1,T$1={},ee=[],le=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,I$1=Array.isArray;function b$3(_,e){for(var t in e)_[t]=e[t];return _}function _e(_){var e=_.parentNode;e&&e.removeChild(_);}function se(_,e,t){var i,n,r,l={};for(r in e)r=="key"?i=e[r]:r=="ref"?n=e[r]:l[r]=e[r];if(arguments.length>2&&(l.children=arguments.length>3?M$2.call(arguments,2):t),typeof _=="function"&&_.defaultProps!=null)for(r in _.defaultProps)l[r]===void 0&&(l[r]=_.defaultProps[r]);return U$2(_,l,i,n,null)}function U$2(_,e,t,i,n){var r={type:_,props:e,key:t,ref:i,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:n??++X,__i:-1,__u:0};return n==null&&h$1.vnode!=null&&h$1.vnode(r),r}function N(_){return _.children}function F$1(_,e){this.props=_,this.context=e;}function C$2(_,e){if(e==null)return _.__?C$2(_.__,_.__i+1):null;for(var t;e<_.__k.length;e++)if((t=_.__k[e])!=null&&t.__e!=null)return t.__e;return typeof _.type=="function"?C$2(_):null}function te(_){var e,t;if((_=_.__)!=null&&_.__c!=null){for(_.__e=_.__c.base=null,e=0;e<_.__k.length;e++)if((t=_.__k[e])!=null&&t.__e!=null){_.__e=_.__c.base=t.__e;break}return te(_)}}function B$1(_){(!_.__d&&(_.__d=true)&&x$1.push(_)&&!H$1.__r++||J!==h$1.debounceRendering)&&((J=h$1.debounceRendering)||Y)(H$1);}function H$1(){var _,e,t,i,n,r,l,s;for(x$1.sort(R);_=x$1.shift();)_.__d&&(e=x$1.length,i=void 0,r=(n=(t=_).__v).__e,l=[],s=[],t.__P&&((i=b$3({},n)).__v=n.__v+1,h$1.vnode&&h$1.vnode(i),z$1(t.__P,i,n,t.__n,t.__P.namespaceURI,32&n.__u?[r]:null,l,r??C$2(n),!!(32&n.__u),s),i.__v=n.__v,i.__.__k[i.__i]=i,re(l,i,s),i.__e!=r&&te(i)),x$1.length>e&&x$1.sort(R));H$1.__r=0;}function ne(_,e,t,i,n,r,l,s,c,u,p){var o,m,f,v,g,y=i&&i.__k||ee,a=e.length;for(t.__d=c,ue(t,e,y),c=t.__d,o=0;o<a;o++)(f=t.__k[o])!=null&&typeof f!="boolean"&&typeof f!="function"&&(m=f.__i===-1?T$1:y[f.__i]||T$1,f.__i=o,z$1(_,f,m,n,r,l,s,c,u,p),v=f.__e,f.ref&&m.ref!=f.ref&&(m.ref&&q$1(m.ref,null,f),p.push(f.ref,f.__c||v,f)),g==null&&v!=null&&(g=v),65536&f.__u||m.__k===f.__k?c=oe(f,c,_):typeof f.type=="function"&&f.__d!==void 0?c=f.__d:v&&(c=v.nextSibling),f.__d=void 0,f.__u&=-196609);t.__d=c,t.__e=g;}function ue(_,e,t){var i,n,r,l,s,c=e.length,u=t.length,p=u,o=0;for(_.__k=[],i=0;i<c;i++)l=i+o,(n=_.__k[i]=(n=e[i])==null||typeof n=="boolean"||typeof n=="function"?null:typeof n=="string"||typeof n=="number"||typeof n=="bigint"||n.constructor==String?U$2(null,n,null,null,null):I$1(n)?U$2(N,{children:n},null,null,null):n.constructor===void 0&&n.__b>0?U$2(n.type,n.props,n.key,n.ref?n.ref:null,n.__v):n)!=null?(n.__=_,n.__b=_.__b+1,s=ce(n,t,l,p),n.__i=s,r=null,s!==-1&&(p--,(r=t[s])&&(r.__u|=131072)),r==null||r.__v===null?(s==-1&&o--,typeof n.type!="function"&&(n.__u|=65536)):s!==l&&(s==l-1?o=s-l:s==l+1?o++:s>l?p>c-l?o+=s-l:o--:s<l&&o++,s!==i+o&&(n.__u|=65536))):(r=t[l])&&r.key==null&&r.__e&&!(131072&r.__u)&&(r.__e==_.__d&&(_.__d=C$2(r)),V(r,r,false),t[l]=null,p--);if(p)for(i=0;i<u;i++)(r=t[i])!=null&&!(131072&r.__u)&&(r.__e==_.__d&&(_.__d=C$2(r)),V(r,r));}function oe(_,e,t){var i,n;if(typeof _.type=="function"){for(i=_.__k,n=0;i&&n<i.length;n++)i[n]&&(i[n].__=_,e=oe(i[n],e,t));return e}_.__e!=e&&(e&&_.type&&!t.contains(e)&&(e=C$2(_)),t.insertBefore(_.__e,e||null),e=_.__e);do e=e&&e.nextSibling;while(e!=null&&e.nodeType===8);return e}function ce(_,e,t,i){var n=_.key,r=_.type,l=t-1,s=t+1,c=e[t];if(c===null||c&&n==c.key&&r===c.type&&!(131072&c.__u))return t;if(i>(c!=null&&!(131072&c.__u)?1:0))for(;l>=0||s<e.length;){if(l>=0){if((c=e[l])&&!(131072&c.__u)&&n==c.key&&r===c.type)return l;l--;}if(s<e.length){if((c=e[s])&&!(131072&c.__u)&&n==c.key&&r===c.type)return s;s++;}}return  -1}function K(_,e,t){e[0]==="-"?_.setProperty(e,t??""):_[e]=t==null?"":typeof t!="number"||le.test(e)?t:t+"px";}function W$1(_,e,t,i,n){var r;e:if(e==="style")if(typeof t=="string")_.style.cssText=t;else {if(typeof i=="string"&&(_.style.cssText=i=""),i)for(e in i)t&&e in t||K(_.style,e,"");if(t)for(e in t)i&&t[e]===i[e]||K(_.style,e,t[e]);}else if(e[0]==="o"&&e[1]==="n")r=e!==(e=e.replace(/(PointerCapture)$|Capture$/i,"$1")),e=e.toLowerCase()in _||e==="onFocusOut"||e==="onFocusIn"?e.toLowerCase().slice(2):e.slice(2),_.l||(_.l={}),_.l[e+r]=t,t?i?t.u=i.u:(t.u=j,_.addEventListener(e,r?O$1:$,r)):_.removeEventListener(e,r?O$1:$,r);else {if(n=="http://www.w3.org/2000/svg")e=e.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(e!="width"&&e!="height"&&e!="href"&&e!="list"&&e!="form"&&e!="tabIndex"&&e!="download"&&e!="rowSpan"&&e!="colSpan"&&e!="role"&&e!="popover"&&e in _)try{_[e]=t??"";break e}catch{}typeof t=="function"||(t==null||t===false&&e[4]!=="-"?_.removeAttribute(e):_.setAttribute(e,e=="popover"&&t==1?"":t));}}function Q(_){return function(e){if(this.l){var t=this.l[e.type+_];if(e.t==null)e.t=j++;else if(e.t<t.u)return;return t(h$1.event?h$1.event(e):e)}}}function z$1(_,e,t,i,n,r,l,s,c,u){var p,o,m,f,v,g,y,a,d,P,w,D,S,G,E,A,k=e.type;if(e.constructor!==void 0)return null;128&t.__u&&(c=!!(32&t.__u),r=[s=e.__e=t.__e]),(p=h$1.__b)&&p(e);e:if(typeof k=="function")try{if(a=e.props,d="prototype"in k&&k.prototype.render,P=(p=k.contextType)&&i[p.__c],w=p?P?P.props.value:p.__:i,t.__c?y=(o=e.__c=t.__c).__=o.__E:(d?e.__c=o=new k(a,w):(e.__c=o=new F$1(a,w),o.constructor=k,o.render=ae),P&&P.sub(o),o.props=a,o.state||(o.state={}),o.context=w,o.__n=i,m=o.__d=!0,o.__h=[],o._sb=[]),d&&o.__s==null&&(o.__s=o.state),d&&k.getDerivedStateFromProps!=null&&(o.__s==o.state&&(o.__s=b$3({},o.__s)),b$3(o.__s,k.getDerivedStateFromProps(a,o.__s))),f=o.props,v=o.state,o.__v=e,m)d&&k.getDerivedStateFromProps==null&&o.componentWillMount!=null&&o.componentWillMount(),d&&o.componentDidMount!=null&&o.__h.push(o.componentDidMount);else {if(d&&k.getDerivedStateFromProps==null&&a!==f&&o.componentWillReceiveProps!=null&&o.componentWillReceiveProps(a,w),!o.__e&&(o.shouldComponentUpdate!=null&&o.shouldComponentUpdate(a,o.__s,w)===!1||e.__v===t.__v)){for(e.__v!==t.__v&&(o.props=a,o.state=o.__s,o.__d=!1),e.__e=t.__e,e.__k=t.__k,e.__k.forEach(function(L){L&&(L.__=e);}),D=0;D<o._sb.length;D++)o.__h.push(o._sb[D]);o._sb=[],o.__h.length&&l.push(o);break e}o.componentWillUpdate!=null&&o.componentWillUpdate(a,o.__s,w),d&&o.componentDidUpdate!=null&&o.__h.push(function(){o.componentDidUpdate(f,v,g);});}if(o.context=w,o.props=a,o.__P=_,o.__e=!1,S=h$1.__r,G=0,d){for(o.state=o.__s,o.__d=!1,S&&S(e),p=o.render(o.props,o.state,o.context),E=0;E<o._sb.length;E++)o.__h.push(o._sb[E]);o._sb=[];}else do o.__d=!1,S&&S(e),p=o.render(o.props,o.state,o.context),o.state=o.__s;while(o.__d&&++G<25);o.state=o.__s,o.getChildContext!=null&&(i=b$3(b$3({},i),o.getChildContext())),d&&!m&&o.getSnapshotBeforeUpdate!=null&&(g=o.getSnapshotBeforeUpdate(f,v)),ne(_,I$1(A=p!=null&&p.type===N&&p.key==null?p.props.children:p)?A:[A],e,t,i,n,r,l,s,c,u),o.base=e.__e,e.__u&=-161,o.__h.length&&l.push(o),y&&(o.__E=o.__=null);}catch(L){if(e.__v=null,c||r!=null){for(e.__u|=c?160:32;s&&s.nodeType===8&&s.nextSibling;)s=s.nextSibling;r[r.indexOf(s)]=null,e.__e=s;}else e.__e=t.__e,e.__k=t.__k;h$1.__e(L,e,t);}else r==null&&e.__v===t.__v?(e.__k=t.__k,e.__e=t.__e):e.__e=pe(t.__e,e,t,i,n,r,l,c,u);(p=h$1.diffed)&&p(e);}function re(_,e,t){e.__d=void 0;for(var i=0;i<t.length;i++)q$1(t[i],t[++i],t[++i]);h$1.__c&&h$1.__c(e,_),_.some(function(n){try{_=n.__h,n.__h=[],_.some(function(r){r.call(n);});}catch(r){h$1.__e(r,n.__v);}});}function pe(_,e,t,i,n,r,l,s,c){var u,p,o,m,f,v,g,y=t.props,a=e.props,d=e.type;if(d==="svg"?n="http://www.w3.org/2000/svg":d==="math"?n="http://www.w3.org/1998/Math/MathML":n||(n="http://www.w3.org/1999/xhtml"),r!=null){for(u=0;u<r.length;u++)if((f=r[u])&&"setAttribute"in f==!!d&&(d?f.localName===d:f.nodeType===3)){_=f,r[u]=null;break}}if(_==null){if(d===null)return document.createTextNode(a);_=document.createElementNS(n,d,a.is&&a),r=null,s=false;}if(d===null)y===a||s&&_.data===a||(_.data=a);else {if(r=r&&M$2.call(_.childNodes),y=t.props||T$1,!s&&r!=null)for(y={},u=0;u<_.attributes.length;u++)y[(f=_.attributes[u]).name]=f.value;for(u in y)if(f=y[u],u!="children"){if(u=="dangerouslySetInnerHTML")o=f;else if(u!=="key"&&!(u in a)){if(u=="value"&&"defaultValue"in a||u=="checked"&&"defaultChecked"in a)continue;W$1(_,u,null,f,n);}}for(u in a)f=a[u],u=="children"?m=f:u=="dangerouslySetInnerHTML"?p=f:u=="value"?v=f:u=="checked"?g=f:u==="key"||s&&typeof f!="function"||y[u]===f||W$1(_,u,f,y[u],n);if(p)s||o&&(p.__html===o.__html||p.__html===_.innerHTML)||(_.innerHTML=p.__html),e.__k=[];else if(o&&(_.innerHTML=""),ne(_,I$1(m)?m:[m],e,t,i,d==="foreignObject"?"http://www.w3.org/1999/xhtml":n,r,l,r?r[0]:t.__k&&C$2(t,0),s,c),r!=null)for(u=r.length;u--;)r[u]!=null&&_e(r[u]);s||(u="value",v!==void 0&&(v!==_[u]||d==="progress"&&!v||d==="option"&&v!==y[u])&&W$1(_,u,v,y[u],n),u="checked",g!==void 0&&g!==_[u]&&W$1(_,u,g,y[u],n));}return _}function q$1(_,e,t){try{if(typeof _=="function"){var i=typeof _.__u=="function";i&&_.__u(),i&&e==null||(_.__u=_(e));}else _.current=e;}catch(n){h$1.__e(n,t);}}function V(_,e,t){var i,n;if(h$1.unmount&&h$1.unmount(_),(i=_.ref)&&(i.current&&i.current!==_.__e||q$1(i,null,e)),(i=_.__c)!=null){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(r){h$1.__e(r,e);}i.base=i.__P=null;}if(i=_.__k)for(n=0;n<i.length;n++)i[n]&&V(i[n],e,t||typeof _.type!="function");t||_.__e==null||_e(_.__e),_.__c=_.__=_.__e=_.__d=void 0;}function ae(_,e,t){return this.constructor(_,t)}function de(_,e,t){var i,n,r,l;h$1.__&&h$1.__(_,e),n=(i="undefined"=="function")?null:e.__k,r=[],l=[],z$1(e,_=(e).__k=se(N,null,[_]),n||T$1,T$1,e.namespaceURI,n?null:e.firstChild?M$2.call(e.childNodes):null,r,n?n.__e:e.firstChild,i,l),re(r,_,l);}M$2=ee.slice,h$1={__e:function(_,e,t,i){for(var n,r,l;e=e.__;)if((n=e.__c)&&!n.__)try{if((r=n.constructor)&&r.getDerivedStateFromError!=null&&(n.setState(r.getDerivedStateFromError(_)),l=n.__d),n.componentDidCatch!=null&&(n.componentDidCatch(_,i||{}),l=n.__d),l)return n.__E=n}catch(s){_=s;}throw _}},X=0,ie=function(_){return _!=null&&_.constructor==null},F$1.prototype.setState=function(_,e){var t;t=this.__s!=null&&this.__s!==this.state?this.__s:this.__s=b$3({},this.state),typeof _=="function"&&(_=_(b$3({},t),this.props)),_&&b$3(t,_),_!=null&&this.__v&&(e&&this._sb.push(e),B$1(this));},F$1.prototype.forceUpdate=function(_){this.__v&&(this.__e=true,_&&this.__h.push(_),B$1(this));},F$1.prototype.render=N,x$1=[],Y=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,R=function(_,e){return _.__v.__b-e.__v.__b},H$1.__r=0,j=0,$=Q(false),O$1=Q(true);
+
+/* esm.sh - htm@3.1.1 */
+var a$2=function(p,f,c,n){var l;f[0]=0;for(var u=1;u<f.length;u++){var g=f[u++],o=f[u]?(f[0]|=g?1:2,c[f[u++]]):f[++u];g===3?n[0]=o:g===4?n[1]=Object.assign(n[1]||{},o):g===5?(n[1]=n[1]||{})[f[++u]]=o:g===6?n[1][f[++u]]+=o+"":g?(l=p.apply(o,a$2(p,o,c,["",null])),n.push(l),o[0]?f[0]|=2:(f[u-2]=0,f[u]=l)):n.push(o);}return n},M$1=new Map;function b$2(p){var f=M$1.get(this);return f||(f=new Map,M$1.set(this,f)),(f=a$2(this,f.get(p)||(f.set(p,f=function(c){for(var n,l,u=1,g="",o="",i=[0],s=function(v){u===1&&(v||(g=g.replace(/^\s*\n\s*|\s*\n\s*$/g,"")))?i.push(0,v,g):u===3&&(v||g)?(i.push(3,v,g),u=2):u===2&&g==="..."&&v?i.push(4,v,0):u===2&&g&&!v?i.push(5,0,true,g):u>=5&&((g||!v&&u===5)&&(i.push(u,0,g,l),u=6),v&&(i.push(u,v,0,l),u=6)),g="";},t=0;t<c.length;t++){t&&(u===1&&s(),s(t));for(var w=0;w<c[t].length;w++)n=c[t][w],u===1?n==="<"?(s(),i=[i],u=3):g+=n:u===4?g==="--"&&n===">"?(u=1,g=""):g=n+g[0]:o?n===o?o="":g+=n:n==='"'||n==="'"?o=n:n===">"?(s(),u=1):u&&(n==="="?(u=5,l=g,g=""):n==="/"&&(u<5||c[t][w+1]===">")?(s(),u===3&&(i=i[0]),u=i,(i=i[0]).push(2,0,u),u=0):n===" "||n==="	"||n===`
+`||n==="\r"?(s(),u=2):g+=n),u===3&&g==="!--"&&(u=4,i=i[0]);}return s(),i}(p)),f),arguments,[])).length>1?f:f[0]}
+
+/* esm.sh - htm@3.1.1/preact */
+var p$3=b$2.bind(se);
+
+/* esm.sh - @preact/signals-core@1.8.0 */
+var b$1=Symbol.for("preact-signals");function d$1(){if(s>1)s--;else {for(var t,i=false;e!==void 0;){var n=e;for(e=void 0,a$1++;n!==void 0;){var f=n.o;if(n.o=void 0,n.f&=-3,!(8&n.f)&&y(n))try{n.c();}catch(x){i||(t=x,i=true);}n=f;}}if(a$1=0,s--,i)throw t}}var o$1=void 0;var e=void 0,s=0,a$1=0,u=0;function p$2(t){if(o$1!==void 0){var i=t.n;if(i===void 0||i.t!==o$1)return i={i:0,S:t,p:o$1.s,n:void 0,t:o$1,e:void 0,x:void 0,r:i},o$1.s!==void 0&&(o$1.s.n=i),o$1.s=i,t.n=i,32&o$1.f&&t.S(i),i;if(i.i===-1)return i.i=0,i.n!==void 0&&(i.n.p=i.p,i.p!==void 0&&(i.p.n=i.n),i.p=o$1.s,i.n=void 0,o$1.s.n=i,o$1.s=i),i}}function r$1(t){this.v=t,this.i=0,this.n=void 0,this.t=void 0;}r$1.prototype.brand=b$1;r$1.prototype.h=function(){return  true};r$1.prototype.S=function(t){this.t!==t&&t.e===void 0&&(t.x=this.t,this.t!==void 0&&(this.t.e=t),this.t=t);};r$1.prototype.U=function(t){if(this.t!==void 0){var i=t.e,n=t.x;i!==void 0&&(i.x=n,t.e=void 0),n!==void 0&&(n.e=i,t.x=void 0),t===this.t&&(this.t=n);}};r$1.prototype.subscribe=function(t){var i=this;return U$1(function(){var n=i.value,f=o$1;o$1=void 0;try{t(n);}finally{o$1=f;}})};r$1.prototype.valueOf=function(){return this.value};r$1.prototype.toString=function(){return this.value+""};r$1.prototype.toJSON=function(){return this.value};r$1.prototype.peek=function(){var t=o$1;o$1=void 0;try{return this.value}finally{o$1=t;}};Object.defineProperty(r$1.prototype,"value",{get:function(){var t=p$2(this);return t!==void 0&&(t.i=this.i),this.v},set:function(t){if(t!==this.v){if(a$1>100)throw new Error("Cycle detected");this.v=t,this.i++,u++,s++;try{for(var i=this.t;i!==void 0;i=i.x)i.t.N();}finally{d$1();}}}});function O(t){return new r$1(t)}function y(t){for(var i=t.s;i!==void 0;i=i.n)if(i.S.i!==i.i||!i.S.h()||i.S.i!==i.i)return  true;return  false}function l$1(t){for(var i=t.s;i!==void 0;i=i.n){var n=i.S.n;if(n!==void 0&&(i.r=n),i.S.n=i,i.i=-1,i.n===void 0){t.s=i;break}}}function S$2(t){for(var i=t.s,n=void 0;i!==void 0;){var f=i.p;i.i===-1?(i.S.U(i),f!==void 0&&(f.n=i.n),i.n!==void 0&&(i.n.p=f)):n=i,i.S.n=i.r,i.r!==void 0&&(i.r=void 0),i=f;}t.s=n;}function h(t){r$1.call(this,void 0),this.x=t,this.s=void 0,this.g=u-1,this.f=4;}(h.prototype=new r$1).h=function(){if(this.f&=-3,1&this.f)return  false;if((36&this.f)==32||(this.f&=-5,this.g===u))return  true;if(this.g=u,this.f|=1,this.i>0&&!y(this))return this.f&=-2,true;var t=o$1;try{l$1(this),o$1=this;var i=this.x();(16&this.f||this.v!==i||this.i===0)&&(this.v=i,this.f&=-17,this.i++);}catch(n){this.v=n,this.f|=16,this.i++;}return o$1=t,S$2(this),this.f&=-2,true};h.prototype.S=function(t){if(this.t===void 0){this.f|=36;for(var i=this.s;i!==void 0;i=i.n)i.S.S(i);}r$1.prototype.S.call(this,t);};h.prototype.U=function(t){if(this.t!==void 0&&(r$1.prototype.U.call(this,t),this.t===void 0)){this.f&=-33;for(var i=this.s;i!==void 0;i=i.n)i.S.U(i);}};h.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var t=this.t;t!==void 0;t=t.x)t.t.N();}};Object.defineProperty(h.prototype,"value",{get:function(){if(1&this.f)throw new Error("Cycle detected");var t=p$2(this);if(this.h(),t!==void 0&&(t.i=this.i),16&this.f)throw this.v;return this.v}});function k$1(t){return new h(t)}function w$1(t){var i=t.u;if(t.u=void 0,typeof i=="function"){s++;var n=o$1;o$1=void 0;try{i();}catch(f){throw t.f&=-2,t.f|=8,c$2(t),f}finally{o$1=n,d$1();}}}function c$2(t){for(var i=t.s;i!==void 0;i=i.n)i.S.U(i);t.x=void 0,t.s=void 0,w$1(t);}function g$1(t){if(o$1!==this)throw new Error("Out-of-order effect");S$2(this),o$1=t,this.f&=-2,8&this.f&&c$2(this),d$1();}function v$1(t){this.x=t,this.u=void 0,this.s=void 0,this.o=void 0,this.f=32;}v$1.prototype.c=function(){var t=this.S();try{if(8&this.f||this.x===void 0)return;var i=this.x();typeof i=="function"&&(this.u=i);}finally{t();}};v$1.prototype.S=function(){if(1&this.f)throw new Error("Cycle detected");this.f|=1,this.f&=-9,w$1(this),l$1(this),s++;var t=o$1;return o$1=this,g$1.bind(this,t)};v$1.prototype.N=function(){2&this.f||(this.f|=2,this.o=e,e=this);};v$1.prototype.d=function(){this.f|=8,1&this.f||c$2(this);};function U$1(t){var i=new v$1(t);try{i.c();}catch(n){throw i.d(),n}return i.d.bind(i)}
+
+/* esm.sh - preact@10.23.1/hooks */
+var c$1,r,d,b,v=0,x=[],o=h$1,g=o.__b,C$1=o.__r,A=o.diffed,D=o.__c,F=o.unmount,k=o.__;function l(t,_){o.__h&&o.__h(r,t,v||_),v=0;var u=r.__H||(r.__H={__:[],__h:[]});return t>=u.__.length&&u.__.push({}),u.__[t]}function B(t){return v=1,I(U,t)}function I(t,_,u){var n=l(c$1++,2);if(n.t=t,!n.__c&&(n.__=[U(void 0,_),function(a){var f=n.__N?n.__N[0]:n.__[0],s=n.t(f,a);f!==s&&(n.__N=[s,n.__[1]],n.__c.setState({}));}],n.__c=r,!r.u)){var i=function(a,f,s){if(!n.__c.__H)return  true;var m=n.__c.__H.__.filter(function(e){return !!e.__c});if(m.every(function(e){return !e.__N}))return !h||h.call(this,a,f,s);var N=false;return m.forEach(function(e){if(e.__N){var P=e.__[0];e.__=e.__N,e.__N=void 0,P!==e.__[0]&&(N=true);}}),!(!N&&n.__c.props===a)&&(!h||h.call(this,a,f,s))};r.u=true;var h=r.shouldComponentUpdate,y=r.componentWillUpdate;r.componentWillUpdate=function(a,f,s){if(this.__e){var m=h;h=void 0,i(a,f,s),h=m;}y&&y.call(this,a,f,s);},r.shouldComponentUpdate=i;}return n.__N||n.__}function z(t){return v=5,T(function(){return {current:t}},[])}function T(t,_){var u=l(c$1++,7);return E(u.__H,_)&&(u.__=t(),u.__H=_,u.__h=t),u.__}function M(t,_){return v=8,T(function(){return t},_)}function S$1(){for(var t;t=x.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(p$1),t.__H.__h.forEach(H),t.__H.__h=[];}catch(_){t.__H.__h=[],o.__e(_,t.__v);}}o.__b=function(t){r=null,g&&g(t);},o.__=function(t,_){t&&_.__k&&_.__k.__m&&(t.__m=_.__k.__m),k&&k(t,_);},o.__r=function(t){C$1&&C$1(t),c$1=0;var _=(r=t.__c).__H;_&&(d===r?(_.__h=[],r.__h=[],_.__.forEach(function(u){u.__N&&(u.__=u.__N),u.i=u.__N=void 0;})):(_.__h.forEach(p$1),_.__h.forEach(H),_.__h=[],c$1=0)),d=r;},o.diffed=function(t){A&&A(t);var _=t.__c;_&&_.__H&&(_.__H.__h.length&&(x.push(_)!==1&&b===o.requestAnimationFrame||((b=o.requestAnimationFrame)||W)(S$1)),_.__H.__.forEach(function(u){u.i&&(u.__H=u.i),u.i=void 0;})),d=r=null;},o.__c=function(t,_){_.some(function(u){try{u.__h.forEach(p$1),u.__h=u.__h.filter(function(n){return !n.__||H(n)});}catch(n){_.some(function(i){i.__h&&(i.__h=[]);}),_=[],o.__e(n,u.__v);}}),D&&D(t,_);},o.unmount=function(t){F&&F(t);var _,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{p$1(n);}catch(i){_=i;}}),u.__H=void 0,_&&o.__e(_,u.__v));};var q=typeof requestAnimationFrame=="function";function W(t){var _,u=function(){clearTimeout(n),q&&cancelAnimationFrame(_),setTimeout(t);},n=setTimeout(u,100);q&&(_=requestAnimationFrame(u));}function p$1(t){var _=r,u=t.__c;typeof u=="function"&&(t.__c=void 0,u()),r=_;}function H(t){var _=r;t.__c=t.__(),r=_;}function E(t,_){return !t||t.length!==_.length||_.some(function(u,n){return u!==t[n]})}function U(t,_){return typeof _=="function"?_(t):_}
+
+/* esm.sh - @preact/signals@1.3.0 */
+var p;function a(e,n){h$1[e]=n.bind(null,h$1[e]||function(){});}function c(e){p&&p(),p=e&&e.S();}function S(e){var n=this,t=e.data,i=w(t);i.value=t;var u=T(function(){for(var r=n.__v;r=r.__;)if(r.__c){r.__c.__$f|=4;break}return n.__$u.c=function(){var f;!ie(u.peek())&&((f=n.base)==null?void 0:f.nodeType)===3?n.base.data=u.peek():(n.__$f|=1,n.setState({}));},k$1(function(){var f=i.value.value;return f===0?0:f===true?"":f||""})},[]);return u.value}S.displayName="_st";Object.defineProperties(r$1.prototype,{constructor:{configurable:true,value:void 0},type:{configurable:true,value:S},props:{configurable:true,get:function(){return {data:this}}},__b:{configurable:true,value:1}});a("__b",function(e,n){if(typeof n.type=="string"){var t,i=n.props;for(var u in i)if(u!=="children"){var r=i[u];r instanceof r$1&&(t||(n.__np=t={}),t[u]=r,i[u]=r.peek());}}e(n);});a("__r",function(e,n){c();var t,i=n.__c;i&&(i.__$f&=-2,(t=i.__$u)===void 0&&(i.__$u=t=function(u){var r;return U$1(function(){r=this;}),r.c=function(){i.__$f|=1,i.setState({});},r}())),c(t),e(n);});a("__e",function(e,n,t,i){c(),e(n,t,i);});a("diffed",function(e,n){c();var t;if(typeof n.type=="string"&&(t=n.__e)){var i=n.__np,u=n.props;if(i){var r=t.U;if(r)for(var f in r){var o=r[f];o!==void 0&&!(f in i)&&(o.d(),r[f]=void 0);}else t.U=r={};for(var _ in i){var v=r[_],m=i[_];v===void 0?(v=C(t,_,m,u),r[_]=v):v.o(m,u);}}}e(n);});function C(e,n,t,i){var u=n in e&&e.ownerSVGElement===void 0,r=O(t);return {o:function(f,o){r.value=f,i=o;},d:U$1(function(){var f=r.value.value;i[n]!==f&&(i[n]=f,u?e[n]=f:f?e.setAttribute(n,f):e.removeAttribute(n));})}}a("unmount",function(e,n){if(typeof n.type=="string"){var t=n.__e;if(t){var i=t.U;if(i){t.U=void 0;for(var u in i){var r=i[u];r&&r.d();}}}}else {var f=n.__c;if(f){var o=f.__$u;o&&(f.__$u=void 0,o.d());}}e(n);});a("__h",function(e,n,t,i){(i<3||i===9)&&(n.__$f|=2),e(n,t,i);});F$1.prototype.shouldComponentUpdate=function(e,n){var t=this.__$u;if(!(t&&t.s!==void 0||4&this.__$f)||3&this.__$f)return  true;for(var i in n)return  true;for(var u in e)if(u!=="__source"&&e[u]!==this.props[u])return  true;for(var r in this.props)if(!(r in e))return  true;return  false};function w(e){return T(function(){return O(e)},[])}
+
+const routesLoadingSignal = O(false);
+      const routeLoadingErrorSignal = O(null);
+      const routesSignal = O([]);
       const NO_PACKAGE_NAME = "unknown";
 
-      const repartitionsSignal = computed(() => {
+      const repartitionsSignal = k$1(() => {
         const routes = routesSignal.value;
         const methodRepartition = {};
         const packageRepartition = {};
@@ -1801,16 +1058,16 @@ label .filter_text {
           packageRepartition,
         };
       });
-      const methodRepartitionSignal = computed(() => {
+      const methodRepartitionSignal = k$1(() => {
         return repartitionsSignal.value.methodRepartition;
       });
-      const packageRepartitionSignal = computed(() => {
+      const packageRepartitionSignal = k$1(() => {
         return repartitionsSignal.value.packageRepartition;
       });
-      const availableMethodNamesSignal = computed(() => {
+      const availableMethodNamesSignal = k$1(() => {
         return Object.keys(methodRepartitionSignal.value);
       });
-      const availablePackageNamesSignal = computed(() => {
+      const availablePackageNamesSignal = k$1(() => {
         return Object.keys(packageRepartitionSignal.value);
       });
 
@@ -1835,17 +1092,17 @@ label .filter_text {
         if (routes.length === 0) {
           return null;
         }
-        return html` <${FiltersPanel} routes=${routes} /> `;
+        return p$3` <${FiltersPanel} routes=${routes} /> `;
       };
 
       const App = () => {
-        return html` <${RouteList} /> `;
+        return p$3` <${RouteList} /> `;
       };
       const ProgressBar = ({ width = "100%", height = 6, loading }) => {
         if (!loading) {
           return null;
         }
-        return html`
+        return p$3`
           <div
             class="progress-bar"
             style=${{
@@ -1867,27 +1124,27 @@ label .filter_text {
         const routeLoadingError = routeLoadingErrorSignal.value;
 
         if (loading) {
-          return html`<${ProgressBar} width="150" loading=${true} />`;
+          return p$3`<${ProgressBar} width="150" loading=${true} />`;
         }
 
         if (routeLoadingError) {
-          return html`<p>
+          return p$3`<p>
             Error loading routes: ${routeLoadingError.message}
           </p>`;
         }
 
         if (!routes || routes.length === 0) {
-          return html`<p>No routes configured.</p>`;
+          return p$3`<p>No routes configured.</p>`;
         }
 
-        return html`<div class="route_container">
+        return p$3`<div class="route_container">
           <div class="route_list">
-            ${routes.map((route) => html`<${RouteDetails} ...${route} />`)}
+            ${routes.map((route) => p$3`<${RouteDetails} ...${route} />`)}
           </div>
         </div>`;
       };
 
-      const documentUrlSignal = signal(window.location.href);
+      const documentUrlSignal = O(window.location.href);
       window.addEventListener("popstate", async (popstateEvent) => {
         documentUrlSignal.value = popstateEvent.target.location.href;
       });
@@ -1903,7 +1160,7 @@ label .filter_text {
       goTo(window.location.href, { replace: true });
 
       let useUrlStringParam;
-      url_string_param: {
+      {
         useUrlStringParam = (name, { availableValues } = {}) => {
           const urlStringParamSignal = signalForUrlParam(name, (url) => {
             return new URL(url).searchParams.get(name);
@@ -1919,7 +1176,7 @@ label .filter_text {
             value = "";
           }
 
-          const set = useCallback(
+          const set = M(
             (newValue) => {
               const urlObject = new URL(documentUrlSignal.peek());
               const { searchParams } = urlObject;
@@ -1953,7 +1210,7 @@ label .filter_text {
           if (existingSignal) {
             return existingSignal;
           }
-          const signalForFirstCall = computed(() => {
+          const signalForFirstCall = k$1(() => {
             const url = documentUrlSignal.value;
             const valueInUrl = getter(url);
             return valueInUrl;
@@ -1978,9 +1235,9 @@ label .filter_text {
       };
 
       let FiltersPanel;
-      filters: {
+      {
         FiltersPanel = ({ routes }) => {
-          return html`
+          return p$3`
             <div class="filter_container">
               <div class="filter_list">
                 <div class="filter_item">
@@ -2025,7 +1282,7 @@ label .filter_text {
           const options = [
             {
               value: "",
-              text: html`
+              text: p$3`
                 <span
                   class="filter_text"
                   data-method="all"
@@ -2041,7 +1298,7 @@ label .filter_text {
             ...availableMethodNames.map((availableMethodName) => {
               return {
                 value: availableMethodName,
-                text: html`
+                text: p$3`
                   <span class="filter_text" data-method="${availableMethodName}"
                     >${availableMethodName}
                   </span>
@@ -2054,7 +1311,7 @@ label .filter_text {
             }),
           ];
 
-          return html`
+          return p$3`
             <${FilterSelector}
               label="Methods"
               options=${options}
@@ -2073,14 +1330,14 @@ label .filter_text {
           const options = [
             {
               value: "",
-              text: html`<span>all</span>
+              text: p$3`<span>all</span>
                 <span class="filter_count">${routes.length}</span>`,
               selected: !selectedPackageName,
             },
             ...availablePackageNames.map((availablePackageName) => {
               return {
                 value: availablePackageName,
-                text: html` <span
+                text: p$3` <span
                     class="filter_text"
                     title="${availablePackageName}"
                     >${availablePackageName}</span
@@ -2092,7 +1349,7 @@ label .filter_text {
               };
             }),
           ];
-          return html`
+          return p$3`
             <${FilterSelector}
               label="Packages"
               options=${options}
@@ -2109,16 +1366,16 @@ label .filter_text {
           onChange,
           actions,
         }) => {
-          const formRef = useRef();
+          const formRef = z();
 
-          return html`<details open class="filter">
+          return p$3`<details open class="filter">
                 <summary class="filter_summary">
                   ${label}
                   <${ArrowDown} />
                 </summary>
                 <form ref=${formRef} class="filter_form">
                   ${options.map((option) => {
-                    return html`<label>
+                    return p$3`<label>
                       <input
                         type="${multiple ? "checkbox" : "radio"}"
                         name="${label}"
@@ -2153,7 +1410,7 @@ label .filter_text {
                 </form>
                 ${
                   actions &&
-                  html` <div class="filter_actions">
+                  p$3` <div class="filter_actions">
                     <button
                       type="button"
                       class="filter_button"
@@ -2192,7 +1449,7 @@ label .filter_text {
         clientCodeExample,
         declarationSource,
       }) => {
-        const [opened, setOpened] = useState(false);
+        const [opened, setOpened] = B(false);
         const [selectedMethod] = useUrlStringParam("method");
         const [selectedPackageName] = usePackageUrlStringParam();
 
@@ -2204,7 +1461,7 @@ label .filter_text {
           return null;
         }
 
-        return html`<details
+        return p$3`<details
           class="route_details"
           onToggle=${(e) => {
             setOpened(e.newState === "open");
@@ -2217,7 +1474,7 @@ label .filter_text {
               <p class="route_resource">${resource}</p>
               <span style="flex:1"></span>
               <${RouteBadge} meta=${meta} />
-              ${opened ? html`<${ArrowUp} />` : html`<${ArrowDown} />`}
+              ${opened ? p$3`<${ArrowUp} />` : p$3`<${ArrowDown} />`}
             </div>
           </summary>
           <${RouteDetailsContent}
@@ -2243,7 +1500,7 @@ label .filter_text {
         }
         let text = meta.packageName;
         let title = `This endpoint is declared by ${meta.packageName}`;
-        return html`<span title=${title} class="route_owner_name"
+        return p$3`<span title=${title} class="route_owner_name"
           >${text}</span
         >`;
       };
@@ -2262,7 +1519,7 @@ label .filter_text {
         declarationSource,
         meta,
       }) => {
-        return html`<div class="route_details_content">
+        return p$3`<div class="route_details_content">
           <${RoutedeclarationSource}
             meta=${meta}
             declarationSource=${declarationSource}
@@ -2272,31 +1529,31 @@ label .filter_text {
             ${description || "No description available"}
           </p>
           ${availableMediaTypes.length > 0 &&
-          html`<${RouteContentNegotiationSection}
+          p$3`<${RouteContentNegotiationSection}
             type="content-type"
             title="Available media types"
             availableValues=${availableMediaTypes}
           />`}
           ${availableLanguages.length > 0 &&
-          html`<${RouteContentNegotiationSection}
+          p$3`<${RouteContentNegotiationSection}
             type="language"
             title="Available languages"
             availableValues=${availableLanguages}
           />`}
           ${availableVersions.length > 0 &&
-          html`<${RouteContentNegotiationSection}
+          p$3`<${RouteContentNegotiationSection}
             type="version"
             title="Available versions"
             availableValues=${availableVersions}
           />`}
           ${availableEncodings.length > 0 &&
-          html`<${RouteContentNegotiationSection}
+          p$3`<${RouteContentNegotiationSection}
             type="encoding"
             title="Available encodings"
             availableValues=${availableEncodings}
           />`}
           ${acceptedMediaTypes.length > 0 &&
-          html`<${RouteAcceptableContentSection}
+          p$3`<${RouteAcceptableContentSection}
             acceptedMediaTypes=${acceptedMediaTypes}
           />`}
           <p style="margin-bottom:0; font-weight:bold">Example:</p>
@@ -2313,7 +1570,7 @@ label .filter_text {
         if (!declarationSource) {
           return null;
         }
-        return html`<p style="margin-top: 0"><strong>Declaration:</strong></p>
+        return p$3`<p style="margin-top: 0"><strong>Declaration:</strong></p>
           <p>
             <${RouteDeclarationText}
               ownerLink=${meta.ownerLink}
@@ -2322,7 +1579,7 @@ label .filter_text {
           </p>`;
       };
       const RouteDeclarationText = ({ declarationLink }) => {
-        return html`This route is declared in${" "}
+        return p$3`This route is declared in${" "}
           <a href="${declarationLink.url}">${declarationLink.text}</a>`;
       };
       const RouteContentNegotiationSection = ({
@@ -2330,21 +1587,21 @@ label .filter_text {
         title,
         availableValues,
       }) => {
-        return html`<div class="route_content_nego" data-nego-type="${type}">
+        return p$3`<div class="route_content_nego" data-nego-type="${type}">
           <p class="route_content_nego_title">${title}:</p>
           <ul>
             ${availableValues.map(
-              (availableValue) => html`<li>${availableValue}</li>`,
+              (availableValue) => p$3`<li>${availableValue}</li>`,
             )}
           </ul>
         </div>`;
       };
       const RouteAcceptableContentSection = ({ acceptedMediaTypes }) => {
-        return html`<div class="route_accepted_content_type">
+        return p$3`<div class="route_accepted_content_type">
           <p><strong>Accepted content types:</strong></p>
           <ul>
             ${acceptedMediaTypes.map(
-              (acceptedMediaType) => html`<li>${acceptedMediaType}</li>`,
+              (acceptedMediaType) => p$3`<li>${acceptedMediaType}</li>`,
             )}
           </ul>
         </div>`;
@@ -2398,13 +1655,13 @@ label .filter_text {
                 `;
         }
 
-        return html`<code-block lang="js" data-escaped data-copy-button
+        return p$3`<code-block lang="js" data-escaped data-copy-button
           >${jsSource}</code-block
         >`;
       };
 
       const ArrowDown = () => {
-        return html`<svg
+        return p$3`<svg
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 -960 960 960"
           width="24"
@@ -2416,7 +1673,7 @@ label .filter_text {
         </svg>`;
       };
       const ArrowUp = () => {
-        return html`<svg
+        return p$3`<svg
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 -960 960 960"
           width="24"
@@ -2428,8 +1685,8 @@ label .filter_text {
         </svg>`;
       };
 
-      render(html`<${Sidebar} />`, document.querySelector("aside"));
-      render(html`<${App} />`, document.querySelector("#app"));
-    </script>
+      de(p$3`<${Sidebar} />`, document.querySelector("aside"));
+      de(p$3`<${App} />`, document.querySelector("#app"));
+</script>
   </body>
 </html>