vite-plugin-vue-devtools 0.0.1-alpha.1 → 0.0.1-alpha.3

package/dist/client/assets/{index-bed0f7d1.js → index-5b5586cd.js}

@@ -10151,18 +10151,6 @@ function stringifyURL(stringifyQuery, location) {
     const query = location.query ? stringifyQuery(location.query) : '';
     return location.path + (query && '?') + query + (location.hash || '');
 }
-/**
- * Strips off the base from the beginning of a location.pathname in a non-case-sensitive way.
- *
- * @param pathname - location.pathname
- * @param base - base to strip off
- */
-function stripBase(pathname, base) {
-    // no base or base is not found at the beginning
-    if (!base || !pathname.toLowerCase().startsWith(base.toLowerCase()))
-        return pathname;
-    return pathname.slice(base.length) || '/';
-}
 /**
  * Checks if two RouteLocation are equal. This means that both locations are
  * pointing towards the same {@link RouteRecord} and that all `params`, `query`
@@ -10273,6 +10261,10 @@ var NavigationDirection;
     NavigationDirection["forward"] = "forward";
     NavigationDirection["unknown"] = "";
 })(NavigationDirection || (NavigationDirection = {}));
+/**
+ * Starting location for Histories
+ */
+const START = '';
 // Generic utils
 /**
  * Normalizes a base by removing any trailing slash and reading the base tag if
@@ -10359,283 +10351,92 @@ function getSavedScrollPosition(key) {
     scrollPositions.delete(key);
     return scroll;
 }
-// TODO: RFC about how to save scroll position
-/**
- * ScrollBehavior instance used by the router to compute and restore the scroll
- * position when navigating.
- */
-// export interface ScrollHandler<ScrollPositionEntry extends HistoryStateValue, ScrollPosition extends ScrollPositionEntry> {
-//   // returns a scroll position that can be saved in history
-//   compute(): ScrollPositionEntry
-//   // can take an extended ScrollPositionEntry
-//   scroll(position: ScrollPosition): void
-// }
-// export const scrollHandler: ScrollHandler<ScrollPosition> = {
-//   compute: computeScroll,
-//   scroll: scrollToPosition,
-// }
-
-let createBaseLocation = () => location.protocol + '//' + location.host;
+
 /**
- * Creates a normalized history location from a window.location object
- * @param location -
+ * Creates an in-memory based history. The main purpose of this history is to handle SSR. It starts in a special location that is nowhere.
+ * It's up to the user to replace that location with the starter location by either calling `router.push` or `router.replace`.
+ *
+ * @param base - Base applied to all urls, defaults to '/'
+ * @returns a history object that can be passed to the router constructor
  */
-function createCurrentLocation(base, location) {
-    const { pathname, search, hash } = location;
-    // allows hash bases like #, /#, #/, #!, #!/, /#!/, or even /folder#end
-    const hashPos = base.indexOf('#');
-    if (hashPos > -1) {
-        let slicePos = hash.includes(base.slice(hashPos))
-            ? base.slice(hashPos).length
-            : 1;
-        let pathFromHash = hash.slice(slicePos);
-        // prepend the starting slash to hash so the url starts with /#
-        if (pathFromHash[0] !== '/')
-            pathFromHash = '/' + pathFromHash;
-        return stripBase(pathFromHash, '');
-    }
-    const path = stripBase(pathname, base);
-    return path + search + hash;
-}
-function useHistoryListeners(base, historyState, currentLocation, replace) {
+function createMemoryHistory(base = '') {
     let listeners = [];
-    let teardowns = [];
-    // TODO: should it be a stack? a Dict. Check if the popstate listener
-    // can trigger twice
-    let pauseState = null;
-    const popStateHandler = ({ state, }) => {
-        const to = createCurrentLocation(base, location);
-        const from = currentLocation.value;
-        const fromState = historyState.value;
-        let delta = 0;
-        if (state) {
-            currentLocation.value = to;
-            historyState.value = state;
-            // ignore the popstate and reset the pauseState
-            if (pauseState && pauseState === from) {
-                pauseState = null;
-                return;
-            }
-            delta = fromState ? state.position - fromState.position : 0;
+    let queue = [START];
+    let position = 0;
+    base = normalizeBase(base);
+    function setLocation(location) {
+        position++;
+        if (position === queue.length) {
+            // we are at the end, we can simply append a new entry
+            queue.push(location);
         }
         else {
-            replace(to);
+            // we are in the middle, we remove everything from here in the queue
+            queue.splice(position);
+            queue.push(location);
         }
-        // console.log({ deltaFromCurrent })
-        // Here we could also revert the navigation by calling history.go(-delta)
-        // this listener will have to be adapted to not trigger again and to wait for the url
-        // to be updated before triggering the listeners. Some kind of validation function would also
-        // need to be passed to the listeners so the navigation can be accepted
-        // call all listeners
-        listeners.forEach(listener => {
-            listener(currentLocation.value, from, {
-                delta,
-                type: NavigationType.pop,
-                direction: delta
-                    ? delta > 0
-                        ? NavigationDirection.forward
-                        : NavigationDirection.back
-                    : NavigationDirection.unknown,
-            });
-        });
-    };
-    function pauseListeners() {
-        pauseState = currentLocation.value;
     }
-    function listen(callback) {
-        // set up the listener and prepare teardown callbacks
-        listeners.push(callback);
-        const teardown = () => {
-            const index = listeners.indexOf(callback);
-            if (index > -1)
-                listeners.splice(index, 1);
+    function triggerListeners(to, from, { direction, delta }) {
+        const info = {
+            direction,
+            delta,
+            type: NavigationType.pop,
         };
-        teardowns.push(teardown);
-        return teardown;
-    }
-    function beforeUnloadListener() {
-        const { history } = window;
-        if (!history.state)
-            return;
-        history.replaceState(assign({}, history.state, { scroll: computeScrollPosition() }), '');
-    }
-    function destroy() {
-        for (const teardown of teardowns)
-            teardown();
-        teardowns = [];
-        window.removeEventListener('popstate', popStateHandler);
-        window.removeEventListener('beforeunload', beforeUnloadListener);
-    }
-    // set up the listeners and prepare teardown callbacks
-    window.addEventListener('popstate', popStateHandler);
-    window.addEventListener('beforeunload', beforeUnloadListener);
-    return {
-        pauseListeners,
-        listen,
-        destroy,
-    };
-}
-/**
- * Creates a state object
- */
-function buildState(back, current, forward, replaced = false, computeScroll = false) {
-    return {
-        back,
-        current,
-        forward,
-        replaced,
-        position: window.history.length,
-        scroll: computeScroll ? computeScrollPosition() : null,
-    };
-}
-function useHistoryStateNavigation(base) {
-    const { history, location } = window;
-    // private variables
-    const currentLocation = {
-        value: createCurrentLocation(base, location),
-    };
-    const historyState = { value: history.state };
-    // build current history entry as this is a fresh navigation
-    if (!historyState.value) {
-        changeLocation(currentLocation.value, {
-            back: null,
-            current: currentLocation.value,
-            forward: null,
-            // the length is off by one, we need to decrease it
-            position: history.length - 1,
-            replaced: true,
-            // don't add a scroll as the user may have an anchor, and we want
-            // scrollBehavior to be triggered without a saved position
-            scroll: null,
-        }, true);
-    }
-    function changeLocation(to, state, replace) {
-        /**
-         * if a base tag is provided, and we are on a normal domain, we have to
-         * respect the provided `base` attribute because pushState() will use it and
-         * potentially erase anything before the `#` like at
-         * https://github.com/vuejs/router/issues/685 where a base of
-         * `/folder/#` but a base of `/` would erase the `/folder/` section. If
-         * there is no host, the `<base>` tag makes no sense and if there isn't a
-         * base tag we can just use everything after the `#`.
-         */
-        const hashIndex = base.indexOf('#');
-        const url = hashIndex > -1
-            ? (location.host && document.querySelector('base')
-                ? base
-                : base.slice(hashIndex)) + to
-            : createBaseLocation() + base + to;
-        try {
-            // BROWSER QUIRK
-            // NOTE: Safari throws a SecurityError when calling this function 100 times in 30 seconds
-            history[replace ? 'replaceState' : 'pushState'](state, '', url);
-            historyState.value = state;
-        }
-        catch (err) {
-            {
-                console.error(err);
-            }
-            // Force the navigation, this also resets the call count
-            location[replace ? 'replace' : 'assign'](url);
+        for (const callback of listeners) {
+            callback(to, from, info);
         }
     }
-    function replace(to, data) {
-        const state = assign({}, history.state, buildState(historyState.value.back, 
-        // keep back and forward entries but override current position
-        to, historyState.value.forward, true), data, { position: historyState.value.position });
-        changeLocation(to, state, true);
-        currentLocation.value = to;
-    }
-    function push(to, data) {
-        // Add to current entry the information of where we are going
-        // as well as saving the current position
-        const currentState = assign({}, 
-        // use current history state to gracefully handle a wrong call to
-        // history.replaceState
-        // https://github.com/vuejs/router/issues/366
-        historyState.value, history.state, {
-            forward: to,
-            scroll: computeScrollPosition(),
-        });
-        changeLocation(currentState.current, currentState, true);
-        const state = assign({}, buildState(currentLocation.value, to, null), { position: currentState.position + 1 }, data);
-        changeLocation(to, state, false);
-        currentLocation.value = to;
-    }
-    return {
-        location: currentLocation,
-        state: historyState,
-        push,
-        replace,
-    };
-}
-/**
- * Creates an HTML5 history. Most common history for single page applications.
- *
- * @param base -
- */
-function createWebHistory(base) {
-    base = normalizeBase(base);
-    const historyNavigation = useHistoryStateNavigation(base);
-    const historyListeners = useHistoryListeners(base, historyNavigation.state, historyNavigation.location, historyNavigation.replace);
-    function go(delta, triggerListeners = true) {
-        if (!triggerListeners)
-            historyListeners.pauseListeners();
-        history.go(delta);
-    }
-    const routerHistory = assign({
-        // it's overridden right after
-        location: '',
+    const routerHistory = {
+        // rewritten by Object.defineProperty
+        location: START,
+        // TODO: should be kept in queue
+        state: {},
         base,
-        go,
         createHref: createHref.bind(null, base),
-    }, historyNavigation, historyListeners);
+        replace(to) {
+            // remove current entry and decrement position
+            queue.splice(position--, 1);
+            setLocation(to);
+        },
+        push(to, data) {
+            setLocation(to);
+        },
+        listen(callback) {
+            listeners.push(callback);
+            return () => {
+                const index = listeners.indexOf(callback);
+                if (index > -1)
+                    listeners.splice(index, 1);
+            };
+        },
+        destroy() {
+            listeners = [];
+            queue = [START];
+            position = 0;
+        },
+        go(delta, shouldTrigger = true) {
+            const from = this.location;
+            const direction = 
+            // we are considering delta === 0 going forward, but in abstract mode
+            // using 0 for the delta doesn't make sense like it does in html5 where
+            // it reloads the page
+            delta < 0 ? NavigationDirection.back : NavigationDirection.forward;
+            position = Math.max(0, Math.min(position + delta, queue.length - 1));
+            if (shouldTrigger) {
+                triggerListeners(this.location, from, {
+                    direction,
+                    delta,
+                });
+            }
+        },
+    };
     Object.defineProperty(routerHistory, 'location', {
         enumerable: true,
-        get: () => historyNavigation.location.value,
-    });
-    Object.defineProperty(routerHistory, 'state', {
-        enumerable: true,
-        get: () => historyNavigation.state.value,
+        get: () => queue[position],
     });
     return routerHistory;
 }
 
-/**
- * Creates a hash history. Useful for web applications with no host (e.g. `file://`) or when configuring a server to
- * handle any URL is not possible.
- *
- * @param base - optional base to provide. Defaults to `location.pathname + location.search` If there is a `<base>` tag
- * in the `head`, its value will be ignored in favor of this parameter **but note it affects all the history.pushState()
- * calls**, meaning that if you use a `<base>` tag, it's `href` value **has to match this parameter** (ignoring anything
- * after the `#`).
- *
- * @example
- * ```js
- * // at https://example.com/folder
- * createWebHashHistory() // gives a url of `https://example.com/folder#`
- * createWebHashHistory('/folder/') // gives a url of `https://example.com/folder/#`
- * // if the `#` is provided in the base, it won't be added by `createWebHashHistory`
- * createWebHashHistory('/folder/#/app/') // gives a url of `https://example.com/folder/#/app/`
- * // you should avoid doing this because it changes the original url and breaks copying urls
- * createWebHashHistory('/other-folder/') // gives a url of `https://example.com/other-folder/#`
- *
- * // at file:///usr/etc/folder/index.html
- * // for locations with no `host`, the base is ignored
- * createWebHashHistory('/iAmIgnored') // gives a url of `file:///usr/etc/folder/index.html#`
- * ```
- */
-function createWebHashHistory(base) {
-    // Make sure this implementation is fine in terms of encoding, specially for IE11
-    // for `file://`, directly use the pathname and ignore the base
-    // location.pathname contains an initial `/` even at the root: `https://example.com`
-    base = location.host ? base || location.pathname + location.search : '';
-    // allow the user to provide a `#` in the middle: `/base/#/app`
-    if (!base.includes('#'))
-        base += '#';
-    return createWebHistory(base);
-}
-
 function isRouteLocation(route) {
     return typeof route === 'string' || (route && typeof route === 'object');
 }
@@ -14263,7 +14064,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const router = useRouter();
     function visit() {
       isFirstVisit.value = false;
-      router.push("/overview");
+      router.replace("/overview");
     }
     return (_ctx, _cache) => {
       const _component_Logo = __unplugin_components_0;
@@ -14301,19 +14102,19 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-const __pages_import_0__ = () => __vitePreload(() => import('./timeline-d6eff46a.js'),true?["./timeline-d6eff46a.js","./splitpanes.es-012cdbb8.js","./VIcon.vue_vue_type_script_setup_true_lang-527d8187.js","./VPanelGrids-0fa9ab66.js","./VCard-71dc6c0a.js"]:void 0,import.meta.url);
-const __pages_import_1__ = () => __vitePreload(() => import('./settings-256557dc.js'),true?["./settings-256557dc.js","./VIcon.vue_vue_type_script_setup_true_lang-527d8187.js","./VIconTitle.vue_vue_type_script_setup_true_lang-e9a02b1e.js"]:void 0,import.meta.url);
-const __pages_import_2__ = () => __vitePreload(() => import('./routes-abe90ae8.js'),true?["./routes-abe90ae8.js","./VPanelGrids-0fa9ab66.js","./VCard-71dc6c0a.js","./splitpanes.es-012cdbb8.js","./VIcon.vue_vue_type_script_setup_true_lang-527d8187.js"]:void 0,import.meta.url);
-const __pages_import_3__ = () => __vitePreload(() => import('./pinia-622c9a72.js'),true?["./pinia-622c9a72.js","./VPanelGrids-0fa9ab66.js","./VCard-71dc6c0a.js","./splitpanes.es-012cdbb8.js","./VIcon.vue_vue_type_script_setup_true_lang-527d8187.js"]:void 0,import.meta.url);
-const __pages_import_4__ = () => __vitePreload(() => import('./pages-d25b8928.js'),true?["./pages-d25b8928.js","./VTextInput.vue_vue_type_script_setup_true_lang-3269f8e0.js","./VIconTitle.vue_vue_type_script_setup_true_lang-e9a02b1e.js","./VIcon.vue_vue_type_script_setup_true_lang-527d8187.js","./VTextInput-52804693.css","./pages-1eda0955.js"]:void 0,import.meta.url);
-const __pages_import_5__ = () => __vitePreload(() => import('./overview-8afd7e36.js'),true?["./overview-8afd7e36.js","./VPanelGrids-0fa9ab66.js","./rpc-9c16d07a.js","./pages-1eda0955.js"]:void 0,import.meta.url);
-const __pages_import_6__ = () => __vitePreload(() => import('./inspect-1db9f22a.js'),true?["./inspect-1db9f22a.js","./rpc-9c16d07a.js"]:void 0,import.meta.url);
-const __pages_import_8__ = () => __vitePreload(() => import('./graph-c308dc8c.js'),true?["./graph-c308dc8c.js","./fuse.esm-c317b696.js","./rpc-9c16d07a.js"]:void 0,import.meta.url);
-const __pages_import_9__ = () => __vitePreload(() => import('./components-ce0097f5.js'),true?["./components-ce0097f5.js","./splitpanes.es-012cdbb8.js","./VIcon.vue_vue_type_script_setup_true_lang-527d8187.js"]:void 0,import.meta.url);
-const __pages_import_10__ = () => __vitePreload(() => import('./assets-d5f2037f.js'),true?["./assets-d5f2037f.js","./VPanelGrids-0fa9ab66.js","./VCard-71dc6c0a.js","./VIcon.vue_vue_type_script_setup_true_lang-527d8187.js","./rpc-9c16d07a.js","./VTextInput.vue_vue_type_script_setup_true_lang-3269f8e0.js","./VIconTitle.vue_vue_type_script_setup_true_lang-e9a02b1e.js","./VTextInput-52804693.css","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
-const __pages_import_11__ = () => __vitePreload(() => import('./__inspecting-e003e6f0.js'),true?["./__inspecting-e003e6f0.js","./VPanelGrids-0fa9ab66.js"]:void 0,import.meta.url);
-
-const routes = [{"name":"timeline","path":"/timeline","component":__pages_import_0__,"props":true},{"name":"settings","path":"/settings","component":__pages_import_1__,"props":true},{"name":"routes","path":"/routes","component":__pages_import_2__,"props":true},{"name":"pinia","path":"/pinia","component":__pages_import_3__,"props":true},{"name":"pages","path":"/pages","component":__pages_import_4__,"props":true},{"name":"overview","path":"/overview","component":__pages_import_5__,"props":true},{"name":"inspect","path":"/inspect","component":__pages_import_6__,"props":true},{"name":"index","path":"/","component":_sfc_main$6,"props":true},{"name":"graph","path":"/graph","component":__pages_import_8__,"props":true},{"name":"components","path":"/components","component":__pages_import_9__,"props":true},{"name":"assets","path":"/assets","component":__pages_import_10__,"props":true},{"name":"__inspecting","path":"/__inspecting","component":__pages_import_11__,"props":true}];
+const __pages_import_0__ = () => __vitePreload(() => import('./timeline-8ad30834.js'),true?["./timeline-8ad30834.js","./splitpanes.es-48981724.js","./VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js","./VPanelGrids-1bf7082d.js","./VCard-9037cc6c.js"]:void 0,import.meta.url);
+const __pages_import_1__ = () => __vitePreload(() => import('./settings-7d02fcf4.js'),true?["./settings-7d02fcf4.js","./VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js","./VIconTitle.vue_vue_type_script_setup_true_lang-cb9f1433.js"]:void 0,import.meta.url);
+const __pages_import_2__ = () => __vitePreload(() => import('./routes-48f13761.js'),true?["./routes-48f13761.js","./VPanelGrids-1bf7082d.js","./VCard-9037cc6c.js","./splitpanes.es-48981724.js","./VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js"]:void 0,import.meta.url);
+const __pages_import_3__ = () => __vitePreload(() => import('./pinia-09a6969e.js'),true?["./pinia-09a6969e.js","./splitpanes.es-48981724.js","./VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js"]:void 0,import.meta.url);
+const __pages_import_4__ = () => __vitePreload(() => import('./pages-fe1fbff1.js'),true?["./pages-fe1fbff1.js","./VTextInput.vue_vue_type_script_setup_true_lang-b905b78e.js","./VIconTitle.vue_vue_type_script_setup_true_lang-cb9f1433.js","./VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js","./VTextInput-52804693.css"]:void 0,import.meta.url);
+const __pages_import_5__ = () => __vitePreload(() => import('./overview-bfce273d.js'),true?["./overview-bfce273d.js","./VPanelGrids-1bf7082d.js","./rpc-85ddbc2c.js"]:void 0,import.meta.url);
+const __pages_import_6__ = () => __vitePreload(() => import('./inspect-82ea9761.js'),true?["./inspect-82ea9761.js","./rpc-85ddbc2c.js"]:void 0,import.meta.url);
+const __pages_import_8__ = () => __vitePreload(() => import('./graph-92ab6145.js'),true?["./graph-92ab6145.js","./fuse.esm-c317b696.js","./rpc-85ddbc2c.js"]:void 0,import.meta.url);
+const __pages_import_9__ = () => __vitePreload(() => import('./components-a220bbbe.js'),true?["./components-a220bbbe.js","./splitpanes.es-48981724.js","./VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js"]:void 0,import.meta.url);
+const __pages_import_10__ = () => __vitePreload(() => import('./assets-95a58404.js'),true?["./assets-95a58404.js","./VPanelGrids-1bf7082d.js","./VCard-9037cc6c.js","./VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js","./rpc-85ddbc2c.js","./VTextInput.vue_vue_type_script_setup_true_lang-b905b78e.js","./VIconTitle.vue_vue_type_script_setup_true_lang-cb9f1433.js","./VTextInput-52804693.css","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
+const __pages_import_11__ = () => __vitePreload(() => import('./__inspecting-62c3dbcc.js'),true?["./__inspecting-62c3dbcc.js","./VPanelGrids-1bf7082d.js"]:void 0,import.meta.url);
+
+const routes$1 = [{"name":"timeline","path":"/timeline","component":__pages_import_0__,"props":true},{"name":"settings","path":"/settings","component":__pages_import_1__,"props":true},{"name":"routes","path":"/routes","component":__pages_import_2__,"props":true},{"name":"pinia","path":"/pinia","component":__pages_import_3__,"props":true},{"name":"pages","path":"/pages","component":__pages_import_4__,"props":true},{"name":"overview","path":"/overview","component":__pages_import_5__,"props":true},{"name":"inspect","path":"/inspect","component":__pages_import_6__,"props":true},{"name":"index","path":"/","component":_sfc_main$6,"props":true},{"name":"graph","path":"/graph","component":__pages_import_8__,"props":true},{"name":"components","path":"/components","component":__pages_import_9__,"props":true},{"name":"assets","path":"/assets","component":__pages_import_10__,"props":true},{"name":"__inspecting","path":"/__inspecting","component":__pages_import_11__,"props":true}];
 /* Injected with object hook! */
 
 const _hoisted_1$3 = ["src", "alt"];
@@ -14378,6 +14179,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         ]),
         default: withCtx(() => [
           (openBlock(), createBlock(resolveDynamicComponent(__props.tab.path ? "RouterLink" : "button"), {
+            replace: "",
             to: `/${__props.tab.path}`,
             flex: "~",
             hover: "bg-active",
@@ -14537,6 +14339,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             _: 1
           }),
           createVNode(_component_RouterLink, {
+            replace: "",
             class: "n-button-base active:n-button-active focus-visible:n-focus-base n-transition n-primary n-sm hover:n-button-hover n-disabled:n-disabled",
             to: "/settings"
           }, {
@@ -14621,7 +14424,7 @@ const builtinTabs = [
     icon: "i-carbon-select-window",
     category: "advanced",
     event: (client, router) => {
-      router.push("/__inspecting");
+      router.replace("/__inspecting");
       client?.inspector?.enable();
     }
   }
@@ -14757,6 +14560,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", _hoisted_8, [
           _hoisted_9,
           createVNode(_component_RouterLink, {
+            replace: "",
             to: "/settings",
             flex: "~ items-center justify-center",
             hover: "bg-active",
@@ -14789,43 +14593,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-/*!
-  * pinia v2.0.35
-  * (c) 2023 Eduardo San Martin Morote
-  * @license MIT
-  */
-// type DeepReadonly<T> = { readonly [P in keyof T]: DeepReadonly<T[P]> }
-// TODO: can we change these to numbers?
-/**
- * Possible types for SubscriptionCallback
- */
-var MutationType;
-(function (MutationType) {
-    /**
-     * Direct mutation of the state:
-     *
-     * - `store.name = 'new name'`
-     * - `store.$state.name = 'new name'`
-     * - `store.list.push('new item')`
-     */
-    MutationType["direct"] = "direct";
-    /**
-     * Mutated the state with `$patch` and an object
-     *
-     * - `store.$patch({ name: 'newName' })`
-     */
-    MutationType["patchObject"] = "patch object";
-    /**
-     * Mutated the state with `$patch` and a function
-     *
-     * - `store.$patch(state => state.name = 'newName')`
-     */
-    MutationType["patchFunction"] = "patch function";
-    // maybe reset? for $state = {} and $reset
-})(MutationType || (MutationType = {}));
-
-/* Injected with object hook! */
-
 function isBeingDestroyed(instance) {
   return instance._isBeingDestroyed || instance.isUnmounted;
 }
@@ -14928,6 +14695,9 @@ function toggleTimelineLayer(id) {
   activeTimelineEventIndex.value = 0;
 }
 const timelineApi = {
+  removeTimelineLayer(layerId) {
+    timelineLayer.value = timelineLayer.value.filter((layer) => layer.id !== layerId);
+  },
   addTimelineLayer(layer) {
     timelineLayer.value.push(layer);
   },
@@ -15022,6 +14792,25 @@ function initTimeline(events) {
 
 /* Injected with object hook! */
 
+const router$2 = ref();
+const currentRoute = computed(() => unref(router$2.value?.currentRoute));
+const map = /* @__PURE__ */ new Map();
+const routes = computed(() => {
+  return (router$2.value?.getRoutes() || []).map((i) => {
+    return {
+      ...i
+    };
+  }).filter((i) => !map.has(i.path) && map.set(i.path, 1));
+});
+function initPages() {
+  router$2.value = app$1.value?.config.globalProperties.$router;
+  router$2.value?.afterEach(() => {
+    triggerRef(router$2);
+  });
+}
+
+/* Injected with object hook! */
+
 const app$1 = shallowRef();
 const vueVersion = computed(() => app$1.value?.version);
 const instance = shallowRef();
@@ -15036,6 +14825,7 @@ function initVueApp(_app, component) {
   if (_app) {
     app$1.value = _app;
     triggerRef(app$1);
+    initPages();
   }
   if (component.root) {
     instance.value = component.root;
@@ -15046,7 +14836,197 @@ function initVueApp(_app, component) {
 
 /* Injected with object hook! */
 
-const LAYER_ID$1 = "pinia";
+const CYAN_400 = 2282478;
+const ORANGE_400 = 16486972;
+const DARK = 6710886;
+const LAYER_ID$1 = "router";
+const router$1 = ref();
+const routeRecordMatcher = ref();
+const activeRouteRecordIndex = ref(0);
+const routeRecordMatcherState = computed(() => {
+  return routeRecordMatcher.value?.map((route) => {
+    const state = formatRouteRecordMatcherForStateInspector(route);
+    const tags = formatRouteRecordForInspector(route);
+    return {
+      path: state.path,
+      tags,
+      state
+    };
+  }).sort((a, b) => a.path.length - b.path.length);
+});
+const activeRouteRecordMatcherState = computed(() => {
+  const state = routeRecordMatcherState.value?.[activeRouteRecordIndex.value]?.state;
+  return {
+    key: "options",
+    value: state
+  };
+});
+function formatRouteRecordForInspector(route) {
+  const tags = [];
+  const { record } = route;
+  if (record.name != null) {
+    tags.push({
+      label: String(record.name),
+      bgColor: CYAN_400
+    });
+  }
+  if (record.aliasOf) {
+    tags.push({
+      label: "alias",
+      bgColor: ORANGE_400
+    });
+  }
+  if (record.redirect) {
+    tags.push({
+      label: typeof record.redirect === "string" ? `redirect: ${record.redirect}` : "redirects",
+      bgColor: DARK
+    });
+  }
+  return tags;
+}
+function formatRouteRecordMatcherForStateInspector(route) {
+  const { record } = route;
+  const fields = {
+    path: record.path
+  };
+  if (record.name != null)
+    fields.name = record.name;
+  fields.regexp = route.re;
+  if (route.keys.length)
+    fields.keys = toRaw(route.keys);
+  if (record.redirect != null)
+    fields.redirect = record.redirect;
+  if (route.alias.length)
+    fields.aliases = route.alias.map((alias) => alias.record.path);
+  if (Object.keys(route.record.meta).length)
+    fields.meta = route.record.meta;
+  fields.score = toRaw(route.score);
+  return fields;
+}
+function toggleRouteRecordMatcher(index) {
+  activeRouteRecordIndex.value = index;
+}
+function formatRouteLocation(routeLocation) {
+  const copy = Object.assign({}, routeLocation, {
+    // remove variables that can contain vue instances
+    matched: routeLocation.matched.map(
+      (matched) => reactiveOmit(matched, ["instances", "children", "aliasOf"])
+    )
+  });
+  return copy;
+}
+function subscribeRouterChanged(router2) {
+  router2.onError((error, to) => {
+    timelineApi.addTimelineEvent({
+      layerId: LAYER_ID$1,
+      event: {
+        title: "Error during Navigation",
+        subtitle: to.fullPath,
+        time: Date.now(),
+        now: Date.now(),
+        data: { error: error.message }
+      }
+    });
+  });
+  router2.beforeEach((to, from) => {
+    const data = {
+      guard: "beforeEach",
+      from: formatRouteLocation(
+        from
+      ),
+      to: formatRouteLocation(to)
+    };
+    timelineApi.addTimelineEvent({
+      layerId: LAYER_ID$1,
+      event: {
+        time: Date.now(),
+        now: Date.now(),
+        title: "Start of navigation",
+        subtitle: to.fullPath,
+        data
+      }
+    });
+  });
+  router2.afterEach((to, from, failure) => {
+    const data = {
+      guard: "afterEach"
+    };
+    if (failure) {
+      data.failure = failure ? failure.message : "";
+      data.status = "❌";
+    } else {
+      data.status = "✅";
+    }
+    data.from = formatRouteLocation(from);
+    data.to = formatRouteLocation(to);
+    timelineApi.addTimelineEvent({
+      layerId: LAYER_ID$1,
+      event: {
+        title: "End of navigation",
+        subtitle: to.fullPath,
+        time: Date.now(),
+        now: Date.now(),
+        data
+      }
+    });
+  });
+}
+function initRoutes() {
+  router$1.value = app$1.value?.config.globalProperties.$router;
+  if (router$1.value) {
+    const matcher = createRouterMatcher(router$1.value?.options.routes, router$1.value?.options);
+    routeRecordMatcher.value = matcher.getRoutes();
+    timelineApi.addTimelineLayer({
+      id: LAYER_ID$1,
+      label: "Router Navigations"
+    });
+    subscribeRouterChanged(router$1.value);
+    router$1.value?.afterEach(() => {
+      triggerRef(router$1);
+    });
+  }
+}
+
+/* Injected with object hook! */
+
+/*!
+  * pinia v2.0.35
+  * (c) 2023 Eduardo San Martin Morote
+  * @license MIT
+  */
+// type DeepReadonly<T> = { readonly [P in keyof T]: DeepReadonly<T[P]> }
+// TODO: can we change these to numbers?
+/**
+ * Possible types for SubscriptionCallback
+ */
+var MutationType;
+(function (MutationType) {
+    /**
+     * Direct mutation of the state:
+     *
+     * - `store.name = 'new name'`
+     * - `store.$state.name = 'new name'`
+     * - `store.list.push('new item')`
+     */
+    MutationType["direct"] = "direct";
+    /**
+     * Mutated the state with `$patch` and an object
+     *
+     * - `store.$patch({ name: 'newName' })`
+     */
+    MutationType["patchObject"] = "patch object";
+    /**
+     * Mutated the state with `$patch` and a function
+     *
+     * - `store.$patch(state => state.name = 'newName')`
+     */
+    MutationType["patchFunction"] = "patch function";
+    // maybe reset? for $state = {} and $reset
+})(MutationType || (MutationType = {}));
+
+/* Injected with object hook! */
+
+const LAYER_ID = "pinia";
 const piniaVisible = ref(false);
 const stores = ref();
 const subscribes = ref([]);
@@ -15096,7 +15076,7 @@ function formatMutationType(type) {
 function subscribeStore(store) {
   const action = store.$onAction(({ after, onError, name, args }) => {
     timelineApi.addTimelineEvent({
-      layerId: LAYER_ID$1,
+      layerId: LAYER_ID,
       event: {
         time: Date.now(),
         title: `🛫 ${name}`,
@@ -15111,7 +15091,7 @@ function subscribeStore(store) {
     });
     after((result) => {
       timelineApi.addTimelineEvent({
-        layerId: LAYER_ID$1,
+        layerId: LAYER_ID,
         event: {
           time: Date.now(),
           title: `🛬 ${name}`,
@@ -15128,7 +15108,7 @@ function subscribeStore(store) {
     });
     onError((error) => {
       timelineApi.addTimelineEvent({
-        layerId: LAYER_ID$1,
+        layerId: LAYER_ID,
         event: {
           now: Date.now(),
           time: Date.now(),
@@ -15151,7 +15131,7 @@ function subscribeStore(store) {
       () => unref(store[name]),
       (newValue, oldValue) => {
         timelineApi.addTimelineEvent({
-          layerId: LAYER_ID$1,
+          layerId: LAYER_ID,
           event: {
             now: Date.now(),
             time: Date.now(),
@@ -15186,7 +15166,7 @@ function subscribeStore(store) {
       else if (events && !Array.isArray(events))
         eventData.subtitle = events.type;
       timelineApi.addTimelineEvent({
-        layerId: LAYER_ID$1,
+        layerId: LAYER_ID,
         event: eventData
       });
     },
@@ -15195,7 +15175,7 @@ function subscribeStore(store) {
   subscribes.value.push(subscribe);
   store._hotUpdate = markRaw((newStore) => {
     timeApi.addTimelineEvent({
-      layerId: LAYER_ID$1,
+      layerId: LAYER_ID,
       event: {
         time: Date.now(),
         now: Date.now(),
@@ -15226,190 +15206,35 @@ function normalizePiniaInfo() {
     subscribeStore(store);
   });
 }
-function updatePinia() {
+function updatePinia(component) {
   stores.value = null;
   subscribes.value.forEach((stop) => stop());
   subscribes.value = [];
+  piniaState.value = {};
+  piniaGetters.value = {};
+  piniaStoresId.value = ["🍍 Pinia (root)"];
   nextTick(() => {
-    const proxy = instance.value?.proxy;
+    const proxy = component?.proxy;
     const _stores = proxy?._pStores;
     piniaVisible.value = !!_stores;
     if (_stores) {
       stores.value = _stores;
-      piniaState.value = {};
-      piniaGetters.value = {};
-      piniaStoresId.value = ["🍍 Pinia (root)"];
       normalizePiniaInfo();
     }
   });
 }
-function initPinia() {
-  updatePinia();
+function initPinia(component) {
+  updatePinia(component);
   setTimeout(() => {
     if (stores.value) {
+      timelineApi.removeTimelineLayer(LAYER_ID);
       timelineApi.addTimelineLayer({
-        id: "pinia",
+        id: LAYER_ID,
         label: "Pinia 🍍"
       });
     }
   });
 }
-onVueInstanceUpdate(() => {
-  updatePinia();
-});
-
-/* Injected with object hook! */
-
-const CYAN_400 = 2282478;
-const ORANGE_400 = 16486972;
-const DARK = 6710886;
-const LAYER_ID = "router";
-const router$1 = ref();
-const routeRecordMatcher = ref();
-const activeRouteRecordIndex = ref(0);
-const routeRecordMatcherState = computed(() => {
-  return routeRecordMatcher.value?.map((route) => {
-    const state = formatRouteRecordMatcherForStateInspector(route);
-    const tags = formatRouteRecordForInspector(route);
-    return {
-      path: state.path,
-      tags,
-      state
-    };
-  }).sort((a, b) => a.path.length - b.path.length);
-});
-const activeRouteRecordMatcherState = computed(() => {
-  const state = routeRecordMatcherState.value?.[activeRouteRecordIndex.value]?.state;
-  return {
-    key: "options",
-    value: state
-  };
-});
-function formatRouteRecordForInspector(route) {
-  const tags = [];
-  const { record } = route;
-  if (record.name != null) {
-    tags.push({
-      label: String(record.name),
-      bgColor: CYAN_400
-    });
-  }
-  if (record.aliasOf) {
-    tags.push({
-      label: "alias",
-      bgColor: ORANGE_400
-    });
-  }
-  if (record.redirect) {
-    tags.push({
-      label: typeof record.redirect === "string" ? `redirect: ${record.redirect}` : "redirects",
-      bgColor: DARK
-    });
-  }
-  return tags;
-}
-function formatRouteRecordMatcherForStateInspector(route) {
-  const { record } = route;
-  const fields = {
-    path: record.path
-  };
-  if (record.name != null)
-    fields.name = record.name;
-  fields.regexp = route.re;
-  if (route.keys.length)
-    fields.keys = toRaw(route.keys);
-  if (record.redirect != null)
-    fields.redirect = record.redirect;
-  if (route.alias.length)
-    fields.aliases = route.alias.map((alias) => alias.record.path);
-  if (Object.keys(route.record.meta).length)
-    fields.meta = route.record.meta;
-  fields.score = toRaw(route.score);
-  return fields;
-}
-function toggleRouteRecordMatcher(index) {
-  activeRouteRecordIndex.value = index;
-}
-function formatRouteLocation(routeLocation) {
-  const copy = Object.assign({}, routeLocation, {
-    // remove variables that can contain vue instances
-    matched: routeLocation.matched.map(
-      (matched) => reactiveOmit(matched, ["instances", "children", "aliasOf"])
-    )
-  });
-  return copy;
-}
-function subscribeRouterChanged(router2) {
-  router2.onError((error, to) => {
-    timelineApi.addTimelineEvent({
-      layerId: LAYER_ID,
-      event: {
-        title: "Error during Navigation",
-        subtitle: to.fullPath,
-        time: Date.now(),
-        now: Date.now(),
-        data: { error: error.message }
-      }
-    });
-  });
-  router2.beforeEach((to, from) => {
-    const data = {
-      guard: "beforeEach",
-      from: formatRouteLocation(
-        from
-      ),
-      to: formatRouteLocation(to)
-    };
-    timelineApi.addTimelineEvent({
-      layerId: LAYER_ID,
-      event: {
-        time: Date.now(),
-        now: Date.now(),
-        title: "Start of navigation",
-        subtitle: to.fullPath,
-        data
-      }
-    });
-  });
-  router2.afterEach((to, from, failure) => {
-    const data = {
-      guard: "afterEach"
-    };
-    if (failure) {
-      data.failure = failure ? failure.message : "";
-      data.status = "❌";
-    } else {
-      data.status = "✅";
-    }
-    data.from = formatRouteLocation(from);
-    data.to = formatRouteLocation(to);
-    timelineApi.addTimelineEvent({
-      layerId: LAYER_ID,
-      event: {
-        title: "End of navigation",
-        subtitle: to.fullPath,
-        time: Date.now(),
-        now: Date.now(),
-        data
-      }
-    });
-  });
-}
-function initRoutes() {
-  router$1.value = app$1.value?.config.globalProperties.$router;
-  if (router$1.value) {
-    const matcher = createRouterMatcher(router$1.value?.options.routes, router$1.value?.options);
-    routeRecordMatcher.value = matcher.getRoutes();
-    timelineApi.addTimelineLayer({
-      id: LAYER_ID,
-      label: "Router Navigations"
-    });
-    subscribeRouterChanged(router$1.value);
-    router$1.value?.afterEach(() => {
-      triggerRef(router$1);
-    });
-  }
-}
 
 /* Injected with object hook! */
 
@@ -15431,6 +15256,7 @@ function connect() {
     initVueApp(app, component);
   });
   hook.on("component:added" /* COMPONENT_ADDED */, (app, uid, parentUid, component) => {
+    initPinia(component);
     if (!app || typeof uid !== "number" && !uid || !component || hideInDevtools(component))
       return;
     initVueApp(app, component);
@@ -15447,7 +15273,9 @@ function connect() {
   });
 }
 function initHook(buffer) {
-  buffer.forEach(([_, { app, component }]) => {
+  buffer.forEach(([eventType, { app, component }]) => {
+    if (eventType === "component:added" /* COMPONENT_ADDED */)
+      initPinia(component);
     initVueApp(app, component);
   });
 }
@@ -15516,13 +15344,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       setTimeout(() => {
         initRoutes();
-        initPinia();
       }, 200);
       watchEffect(() => {
         document.body.style.fontSize = `${scale.value * 15}px`;
       });
     });
-    router.push(_route.value);
+    router.replace(_route.value);
     return (_ctx, _cache) => {
       const _component_SideNav = _sfc_main$1;
       const _component_RouterView = resolveComponent("RouterView");
@@ -15556,8 +15383,8 @@ initClient();
 connect();
 const app = createApp(_sfc_main);
 const router = createRouter({
-  history: createWebHashHistory(),
-  routes
+  history: createMemoryHistory(),
+  routes: routes$1
 });
 app.use(router);
 app.use(plugin);
@@ -15565,4 +15392,4 @@ app.mount("#app");
 
 /* Injected with object hook! */
 
-export { app$1 as $, vModelCheckbox as A, withKeys as B, useTabs as C, useCategorizedTabs as D, createTextVNode as E, Fragment as F, useDevToolsSettings as G, _sfc_main$3 as H, _sfc_main$5 as I, routeRecordMatcherState as J, activeRouteRecordMatcherState as K, activeRouteRecordIndex as L, toggleRouteRecordMatcher as M, normalizeStyle as N, __unplugin_components_1 as O, ref as P, computed as Q, piniaStoresId as R, reactivePick as S, toRaw as T, piniaState as U, piniaGetters as V, resolveComponent as W, withModifiers as X, vueVersion as Y, __unplugin_components_0 as Z, _sfc_main$9 as _, createBlock as a, triggerRef as a0, useColorMode as a1, reactive as a2, useElementBounding as a3, nextTick as a4, watchEffect as a5, useStorage as a6, vModelText as a7, useDark as a8, watch as a9, vModelDynamic as aA, __vitePreload as aB, useEventListener as aC, useClient as aD, getInstanceName as aa, classify as ab, kebabize as ac, isFragment as ad, camelize as ae, returnError as af, isBeingDestroyed as ag, getUniqueComponentId as ah, getRenderKey as ai, shallowRef as aj, onVueInstanceUpdate as ak, instance as al, h as am, mergeProps as an, resolveDynamicComponent as ao, useElementSize as ap, onClickOutside as aq, Transition as ar, useStyleTag as as, computedAsync as at, useTimeAgo as au, onKeyDown as av, _export_sfc as aw, resolveDirective as ax, pushScopeId as ay, popScopeId as az, createVNode as b, createElementBlock as c, defineComponent as d, createBaseVNode as e, onMounted as f, onUnmounted as g, timelineLayer as h, activeTimelineEvents as i, activeTimelineEventIndex as j, toggleTimelineEventIndex as k, timelineEventDetails as l, createCommentVNode as m, normalizeClass as n, openBlock as o, activeLayerId as p, toggleTimelineLayer as q, renderList as r, useVModel as s, toDisplayString as t, unref as u, renderSlot as v, withCtx as w, withDirectives as x, vModelSelect as y, isRef as z };
+export { router$2 as $, vModelCheckbox as A, withKeys as B, useTabs as C, useCategorizedTabs as D, createTextVNode as E, Fragment as F, useDevToolsSettings as G, _sfc_main$3 as H, _sfc_main$5 as I, router$1 as J, routeRecordMatcherState as K, activeRouteRecordMatcherState as L, activeRouteRecordIndex as M, toggleRouteRecordMatcher as N, normalizeStyle as O, __unplugin_components_1 as P, ref as Q, computed as R, piniaStoresId as S, reactivePick as T, toRaw as U, piniaState as V, piniaGetters as W, resolveComponent as X, withModifiers as Y, currentRoute as Z, _sfc_main$9 as _, createBlock as a, routes as a0, vueVersion as a1, __unplugin_components_0 as a2, useColorMode as a3, reactive as a4, useElementBounding as a5, nextTick as a6, watchEffect as a7, useStorage as a8, vModelText as a9, pushScopeId as aA, popScopeId as aB, vModelDynamic as aC, __vitePreload as aD, useEventListener as aE, useClient as aF, useDark as aa, watch as ab, getInstanceName as ac, classify as ad, kebabize as ae, isFragment as af, camelize as ag, returnError as ah, isBeingDestroyed as ai, getUniqueComponentId as aj, getRenderKey as ak, shallowRef as al, onVueInstanceUpdate as am, instance as an, h as ao, mergeProps as ap, resolveDynamicComponent as aq, useElementSize as ar, onClickOutside as as, Transition as at, useStyleTag as au, computedAsync as av, useTimeAgo as aw, onKeyDown as ax, _export_sfc as ay, resolveDirective as az, createVNode as b, createElementBlock as c, defineComponent as d, createBaseVNode as e, onMounted as f, onUnmounted as g, timelineLayer as h, activeTimelineEvents as i, activeTimelineEventIndex as j, toggleTimelineEventIndex as k, timelineEventDetails as l, createCommentVNode as m, normalizeClass as n, openBlock as o, activeLayerId as p, toggleTimelineLayer as q, renderList as r, useVModel as s, toDisplayString as t, unref as u, renderSlot as v, withCtx as w, withDirectives as x, vModelSelect as y, isRef as z };