@poveste/app 0.2.0 → 0.3.0

package/src/app/style/transitions.pcss

@@ -1,51 +1,50 @@
-.__poveste-scale-x {
-  &-enter-active,
-  &-leave-active {
-    transition: transform .15s, opacity .15s;
-  }
-
-  &-enter-from,
-  &-leave-to {
-    transform: scaleX(0);
-    opacity: 0;
-  }
-}
-
-.__poveste-scale-y {
-  &-enter-active,
-  &-leave-active {
-    transition: transform .15s, opacity .15s;
-  }
-
-  &-enter-from,
-  &-leave-to {
-    transform: scaleY(0);
-    opacity: 0;
-  }
-}
-
-.__poveste-fade {
-  &-enter-active,
-  &-leave-active {
-    transition: opacity .15s;
-  }
-
-  &-enter-from,
-  &-leave-to {
-    opacity: 0;
-  }
-}
-
-.__poveste-fade-bottom {
-  &-enter-active,
-  &-leave-active {
-    transition: transform .15s, opacity .15s;
-    transform: translateY(0px);
-  }
-
-  &-enter-from,
-  &-leave-to {
-    transform: translateY(32px);
-    opacity: 0;
-  }
+/*
+ * Vue transition classes. Written out in full rather than with SCSS-style
+ * `&-enter-active` concatenation: Tailwind v4 uses native CSS nesting, where
+ * `&` is a real selector reference (`:is(…)`) and cannot be string-joined
+ * with a suffix. v3 resolved that through postcss-nested.
+ */
+
+.__poveste-scale-x-enter-active,
+.__poveste-scale-x-leave-active {
+  transition: transform .15s, opacity .15s;
+}
+
+.__poveste-scale-x-enter-from,
+.__poveste-scale-x-leave-to {
+  transform: scaleX(0);
+  opacity: 0;
+}
+
+.__poveste-scale-y-enter-active,
+.__poveste-scale-y-leave-active {
+  transition: transform .15s, opacity .15s;
+}
+
+.__poveste-scale-y-enter-from,
+.__poveste-scale-y-leave-to {
+  transform: scaleY(0);
+  opacity: 0;
+}
+
+.__poveste-fade-enter-active,
+.__poveste-fade-leave-active {
+  transition: opacity .15s;
+}
+
+.__poveste-fade-enter-from,
+.__poveste-fade-leave-to {
+  opacity: 0;
+}
+
+.__poveste-fade-bottom-enter-active,
+.__poveste-fade-bottom-leave-active {
+  transition: transform .15s, opacity .15s;
+  transform: translateY(0px);
+}
+
+.__poveste-fade-bottom-enter-from,
+.__poveste-fade-bottom-leave-to {
+  transform: translateY(32px);
+  opacity: 0;
 }

package/src/app/util/env.ts

@@ -1 +1,6 @@
+// `navigator.platform` is deprecated with no cross-browser replacement:
+// `navigator.userAgentData` is Chromium-only, so reading it here would simply
+// stop detecting macOS in Safari and Firefox — the two places where getting the
+// ⌘ shortcuts right matters most.
+// eslint-disable-next-line ts/no-deprecated
 export const isMac = navigator.platform.toLowerCase().includes('mac')

package/src/app/util/events.ts

@@ -1,7 +1,6 @@
 import { EVENT_SEND } from './const'
 
 export async function logEvent(name: string, argument) {
-  console.log('[poveste] Event fired', { name, argument })
   const event = {
     name,
     argument: JSON.parse(stringifyEvent(argument)), // Needed for HTMLEvent that can't be cloned

package/src/app/util/highlighter.ts

@@ -0,0 +1,32 @@
+import type { Highlighter } from 'shiki'
+import { createHighlighter } from 'shiki'
+
+/**
+ * Shiki is meant to be used as a singleton: each instance carries its own WASM
+ * engine and grammar set. The source pane unmounts and remounts on every story
+ * navigation, so creating one per mount grows memory for the lifetime of the
+ * tab — and trips Shiki's own warning once ten are live.
+ *
+ * The langs and themes are fixed, so one shared instance is always correct.
+ */
+let highlighterPromise: Promise<Highlighter> | undefined
+
+export function getHighlighter(): Promise<Highlighter> {
+  highlighterPromise ??= createHighlighter({
+    langs: [
+      'html',
+      'jsx',
+    ],
+    themes: [
+      'github-light',
+      'github-dark',
+    ],
+  }).catch((e) => {
+    // Don't let a cached rejection disable highlighting for the rest of the
+    // session — drop it so the next mount can try again.
+    highlighterPromise = undefined
+    throw e
+  })
+
+  return highlighterPromise
+}

package/src/app/util/scroll.ts

@@ -7,7 +7,7 @@ export function useScrollOnActive(active: Ref<boolean>, el: Ref<HTMLElement>) {
     if (value) {
       autoScroll()
     }
-  })
+  }, { flush: 'post' })
 
   function autoScroll() {
     if (el.value) {
@@ -16,6 +16,7 @@ export function useScrollOnActive(active: Ref<boolean>, el: Ref<HTMLElement>) {
         block: 'center',
         inline: 'nearest',
         behavior: 'smooth',
+        boundary: document.body,
       })
     }
   }

package/src/app/util/tooltip.ts

@@ -3,11 +3,11 @@ import { formatKey } from './keyboard.js'
 
 export function makeTooltip(descriptionHtml: string, keyboardShortcut: (options: { isMac: boolean }) => string) {
   return {
-    content: `<div>${descriptionHtml}</div><div class="ptw-flex ptw-items-center ptw-gap-1 ptw-mt-2 ptw-text-sm">${genKeyboardShortcutHtml(keyboardShortcut({ isMac }))}</div>`,
+    content: `<div>${descriptionHtml}</div><div class="flex items-center gap-1 mt-2 text-sm">${genKeyboardShortcutHtml(keyboardShortcut({ isMac }))}</div>`,
     html: true,
   }
 }
 
 function genKeyboardShortcutHtml(shortcut: string) {
-  return `<span class="ptw-border ptw-border-gray-600 ptw-px-1 ptw-rounded-sm ptw-text-gray-400">${shortcut.split('+').map(k => formatKey(k.trim())).join(' ')}</span>`
+  return `<span class="border border-gray-600 px-1 rounded-sm text-gray-400">${shortcut.split('+').map(k => formatKey(k.trim())).join(' ')}</span>`
 }

package/dist/bundled/App.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./App.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};

package/dist/bundled/App.vue2.js

@@ -1,211 +0,0 @@
-import { defineComponent, ref, computed, watch, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createElementVNode, createVNode, unref, createBlock, normalizeStyle, withCtx, Transition } from "@poveste/vendors/vue";
-import { useTitle } from "@poveste/vendors/vue-use";
-import { files, tree, onUpdate } from "virtual:$poveste-stories";
-import "./components/app/AppActions.vue.js";
-import "./components/app/AppHeader.vue.js";
-import Breadcrumb from "./components/app/Breadcrumb.vue.js";
-import "./components/app/InitialLoading.vue.js";
-import "./components/app/TopBar.vue.js";
-import BaseSplitPane from "./components/base/BaseSplitPane.vue.js";
-import "./components/command/CommandPromptsModal.vue.js";
-import "./components/layout/LayoutModal.vue.js";
-import "./components/search/SearchModal.vue.js";
-import "./components/story/GenericMountStory.vue.js";
-import "./components/tree/StoryList.vue.js";
-import { useCommandStore } from "./stores/command.js";
-import { useLayoutStore } from "./stores/layout.js";
-import { useStoryStore } from "./stores/story.js";
-import { povesteConfig } from "./util/config.js";
-import { toggleDark } from "./util/dark.js";
-import { onKeyboardShortcut } from "./util/keyboard.js";
-import { mapFile } from "./util/mapping.js";
-import { isMobile } from "./util/responsive.js";
-import _sfc_main$1 from "./components/story/GenericMountStory.vue2.js";
-import _sfc_main$2 from "./components/app/AppHeader.vue2.js";
-import _sfc_main$3 from "./components/app/AppActions.vue2.js";
-import _sfc_main$4 from "./components/app/TopBar.vue2.js";
-import _sfc_main$5 from "./components/tree/StoryList.vue2.js";
-import _sfc_main$6 from "./components/layout/LayoutModal.vue2.js";
-import _sfc_main$7 from "./components/search/SearchModal.vue2.js";
-import _sfc_main$8 from "./components/command/CommandPromptsModal.vue2.js";
-import _sfc_main$9 from "./components/app/InitialLoading.vue2.js";
-"use strict";
-const _hoisted_1 = { class: "poveste-app-root ptw-h-full" };
-const _hoisted_2 = {
-  key: 0,
-  class: "poveste-app ptw-hidden"
-};
-const _hoisted_3 = {
-  key: 0,
-  class: "ptw-h-full ptw-flex ptw-flex-col ptw-divide-y ptw-divide-gray-100 dark:ptw-divide-gray-800"
-};
-const _hoisted_4 = { class: "ptw-flex ptw-items-center ptw-gap-2 ptw-pr-4" };
-const _hoisted_5 = { class: "ptw-flex ptw-flex-col ptw-h-full ptw-bg-gray-100 dark:ptw-bg-gray-750 __poveste-pane-shadow-from-right" };
-const _hoisted_6 = { class: "ptw-flex ptw-flex-col ptw-h-full" };
-const _hoisted_7 = {
-  key: 2,
-  class: "ptw-h-full ptw-flex ptw-flex-col"
-};
-const __default__ = {
-  name: "PovesteApp"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  setup(__props) {
-    const files$1 = ref(files.map((file) => mapFile(file)));
-    const tree$1 = ref(tree);
-    onUpdate((newFiles, newTree) => {
-      loading.value = false;
-      files$1.value = newFiles.map((file) => {
-        const existingFile = files$1.value.find((f) => f.id === file.id);
-        return mapFile(file, existingFile);
-      });
-      tree$1.value = newTree;
-    });
-    const stories = computed(() => files$1.value.reduce((acc, file) => {
-      acc.push(file.story);
-      return acc;
-    }, []));
-    const storyStore = useStoryStore();
-    watch(stories, (value) => {
-      storyStore.setStories(value);
-    }, {
-      immediate: true
-    });
-    useTitle(computed(() => {
-      if (storyStore.currentStory) {
-        let title = storyStore.currentStory.title;
-        if (storyStore.currentVariant) {
-          title += ` › ${storyStore.currentVariant.title}`;
-        }
-        return `${title} | ${povesteConfig.theme.title}`;
-      }
-      return povesteConfig.theme.title;
-    }));
-    const loadSearch = ref(false);
-    const isSearchOpen = ref(false);
-    const isLayoutOpen = ref(false);
-    watch(isSearchOpen, (value) => {
-      if (value) {
-        loadSearch.value = true;
-      }
-    });
-    onKeyboardShortcut(["ctrl+k", "meta+k"], (event) => {
-      isSearchOpen.value = true;
-      event.preventDefault();
-    });
-    onKeyboardShortcut(["ctrl+shift+l", "meta+shift+l"], (event) => {
-      isLayoutOpen.value = !isLayoutOpen.value;
-      event.preventDefault();
-    });
-    onKeyboardShortcut(["ctrl+shift+d", "meta+shift+d"], (event) => {
-      event.preventDefault();
-      toggleDark();
-    });
-    const loading = ref(false);
-    if (import.meta.hot && !files.length) {
-      loading.value = true;
-      import.meta.hot.on("poveste:all-stories-loaded", () => {
-        loading.value = false;
-      });
-    }
-    const mounted = ref(false);
-    onMounted(() => {
-      mounted.value = true;
-    });
-    const commandStore = useCommandStore();
-    const layoutStore = useLayoutStore();
-    return (_ctx, _cache) => {
-      const _component_RouterView = resolveComponent("RouterView");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        unref(storyStore).currentStory ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          (openBlock(), createBlock(_sfc_main$1, {
-            key: unref(storyStore).currentStory.id,
-            story: unref(storyStore).currentStory
-          }, null, 8, ["story"]))
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: "ptw-h-screen ptw-bg-gray-100 dark:ptw-bg-gray-750 dark:ptw-text-gray-100",
-          style: normalizeStyle({
-            // Prevent flash of content
-            opacity: mounted.value ? 1 : 0
-          })
-        }, [
-          unref(isMobile) ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            createElementVNode("div", _hoisted_4, [
-              createVNode(_sfc_main$2, { class: "ptw-flex-1" }),
-              createVNode(_sfc_main$3, {
-                class: "ptw-flex-none",
-                onLayout: _cache[0] || (_cache[0] = ($event) => isLayoutOpen.value = true),
-                onSearch: _cache[1] || (_cache[1] = ($event) => isSearchOpen.value = true)
-              })
-            ]),
-            createVNode(Breadcrumb, {
-              tree: tree$1.value,
-              stories: stories.value
-            }, null, 8, ["tree", "stories"]),
-            createVNode(_component_RouterView, { class: "ptw-grow" })
-          ])) : unref(layoutStore).settings.storyListVisible ? (openBlock(), createBlock(BaseSplitPane, {
-            key: 1,
-            "save-id": "main-horiz",
-            min: 5,
-            max: 50,
-            "default-split": 15,
-            class: "ptw-h-full"
-          }, {
-            first: withCtx(() => [
-              createElementVNode("div", _hoisted_5, [
-                createVNode(_sfc_main$2, { class: "ptw-flex-none" }),
-                createVNode(_sfc_main$5, {
-                  tree: tree$1.value,
-                  stories: stories.value,
-                  class: "ptw-flex-1"
-                }, null, 8, ["tree", "stories"])
-              ])
-            ]),
-            last: withCtx(() => [
-              createElementVNode("div", _hoisted_6, [
-                createVNode(_sfc_main$4, {
-                  onLayout: _cache[2] || (_cache[2] = ($event) => isLayoutOpen.value = true),
-                  onSearch: _cache[3] || (_cache[3] = ($event) => isSearchOpen.value = true)
-                }),
-                createVNode(_component_RouterView, { class: "ptw-flex-1 ptw-min-h-0" })
-              ])
-            ]),
-            _: 1
-          })) : (openBlock(), createElementBlock("div", _hoisted_7, [
-            createVNode(_sfc_main$4, {
-              onLayout: _cache[4] || (_cache[4] = ($event) => isLayoutOpen.value = true),
-              onSearch: _cache[5] || (_cache[5] = ($event) => isSearchOpen.value = true)
-            }),
-            createVNode(_component_RouterView, { class: "ptw-flex-1 ptw-min-h-0" })
-          ])),
-          !unref(isMobile) ? (openBlock(), createBlock(_sfc_main$6, {
-            key: 3,
-            shown: isLayoutOpen.value,
-            onClose: _cache[6] || (_cache[6] = ($event) => isLayoutOpen.value = false)
-          }, null, 8, ["shown"])) : createCommentVNode("", true),
-          loadSearch.value ? (openBlock(), createBlock(_sfc_main$7, {
-            key: 4,
-            shown: isSearchOpen.value,
-            onClose: _cache[7] || (_cache[7] = ($event) => isSearchOpen.value = false)
-          }, null, 8, ["shown"])) : createCommentVNode("", true),
-          _ctx.__POVESTE_DEV__ ? (openBlock(), createBlock(_sfc_main$8, {
-            key: 5,
-            shown: unref(commandStore).showPromptsModal,
-            onClose: _cache[8] || (_cache[8] = ($event) => unref(commandStore).showPromptsModal = false)
-          }, null, 8, ["shown"])) : createCommentVNode("", true)
-        ], 4),
-        createVNode(Transition, { name: "__poveste-fade" }, {
-          default: withCtx(() => [
-            loading.value ? (openBlock(), createBlock(_sfc_main$9, { key: 0 })) : createCommentVNode("", true)
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/assets/poveste-text-dark.svg.js

@@ -1,4 +0,0 @@
-const PovesteLogoDark = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODcwIDUxMiIgZmlsbD0ibm9uZSI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InB2dyIgeDE9Ijk2IiB5MT0iNDE2IiB4Mj0iNDE2IiB5Mj0iOTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMjRDNTZBIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzE3QTZDNiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHJlY3QgeD0iMTYiIHk9IjE2IiB3aWR0aD0iNDgwIiBoZWlnaHQ9IjQ4MCIgcng9IjExMiIgZmlsbD0idXJsKCNwdncpIi8+CiAgPHJlY3QgeD0iMTQwIiB5PSIxNDIiIHdpZHRoPSIyMzIiIGhlaWdodD0iNDQiIHJ4PSIxNiIgZmlsbD0iI2ZmZiIvPgogIDxyZWN0IHg9IjE1MSIgeT0iMjE3IiB3aWR0aD0iODgiIGhlaWdodD0iMTQ2IiByeD0iOSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIyIi8+CiAgPHJlY3QgeD0iMTcyIiB5PSIyNDQiIHdpZHRoPSIzMCIgaGVpZ2h0PSI5MiIgcng9IjEzIiBmaWxsPSIjZmZmIi8+CiAgPHJlY3QgeD0iMjYyIiB5PSIyMDYiIHdpZHRoPSIxMTAiIGhlaWdodD0iMTY4IiByeD0iMjAiIGZpbGw9IiNmZmYiLz4KICA8cmVjdCB4PSIyODQiIHk9IjIyNiIgd2lkdGg9IjY2IiBoZWlnaHQ9IjU4IiByeD0iMTMiIGZpbGw9InVybCgjcHZ3KSIvPgogIDx0ZXh0IHg9IjY3NiIgeT0iMjU2IiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZm9udC1mYW1pbHk9InVpLXNhbnMtc2VyaWYsIHN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgJ1NlZ29lIFVJJywgUm9ib3RvLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjMyMCIgZm9udC13ZWlnaHQ9IjQwMCIgbGV0dGVyLXNwYWNpbmc9Ii00IiBmaWxsPSIjZjhmYWZjIj5Qb3Zlc3RlPC90ZXh0Pgo8L3N2Zz4K";
-export {
-  PovesteLogoDark as default
-};

package/dist/bundled/assets/poveste-text.svg.js

@@ -1,4 +0,0 @@
-const PovesteLogoLight = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODcwIDUxMiIgZmlsbD0ibm9uZSI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InB2dyIgeDE9Ijk2IiB5MT0iNDE2IiB4Mj0iNDE2IiB5Mj0iOTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMjRDNTZBIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzE3QTZDNiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHJlY3QgeD0iMTYiIHk9IjE2IiB3aWR0aD0iNDgwIiBoZWlnaHQ9IjQ4MCIgcng9IjExMiIgZmlsbD0idXJsKCNwdncpIi8+CiAgPHJlY3QgeD0iMTQwIiB5PSIxNDIiIHdpZHRoPSIyMzIiIGhlaWdodD0iNDQiIHJ4PSIxNiIgZmlsbD0iI2ZmZiIvPgogIDxyZWN0IHg9IjE1MSIgeT0iMjE3IiB3aWR0aD0iODgiIGhlaWdodD0iMTQ2IiByeD0iOSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIyIi8+CiAgPHJlY3QgeD0iMTcyIiB5PSIyNDQiIHdpZHRoPSIzMCIgaGVpZ2h0PSI5MiIgcng9IjEzIiBmaWxsPSIjZmZmIi8+CiAgPHJlY3QgeD0iMjYyIiB5PSIyMDYiIHdpZHRoPSIxMTAiIGhlaWdodD0iMTY4IiByeD0iMjAiIGZpbGw9IiNmZmYiLz4KICA8cmVjdCB4PSIyODQiIHk9IjIyNiIgd2lkdGg9IjY2IiBoZWlnaHQ9IjU4IiByeD0iMTMiIGZpbGw9InVybCgjcHZ3KSIvPgogIDx0ZXh0IHg9IjY3NiIgeT0iMjU2IiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZm9udC1mYW1pbHk9InVpLXNhbnMtc2VyaWYsIHN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgJ1NlZ29lIFVJJywgUm9ib3RvLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjMyMCIgZm9udC13ZWlnaHQ9IjQwMCIgbGV0dGVyLXNwYWNpbmc9Ii00IiBmaWxsPSIjMWUyOTNiIj5Qb3Zlc3RlPC90ZXh0Pgo8L3N2Zz4K";
-export {
-  PovesteLogoLight as default
-};

package/dist/bundled/assets/poveste.svg.js

@@ -1,4 +0,0 @@
-const PovesteLogo = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%20width='512'%20height='512'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='pv'%20x1='96'%20y1='416'%20x2='416'%20y2='96'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%2324C56A'/%3e%3cstop%20offset='1'%20stop-color='%2317A6C6'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect%20x='16'%20y='16'%20width='480'%20height='480'%20rx='112'%20fill='url(%23pv)'/%3e%3crect%20x='140'%20y='142'%20width='232'%20height='44'%20rx='16'%20fill='%23fff'/%3e%3crect%20x='151'%20y='217'%20width='88'%20height='146'%20rx='9'%20stroke='%23fff'%20stroke-width='22'/%3e%3crect%20x='172'%20y='244'%20width='30'%20height='92'%20rx='13'%20fill='%23fff'/%3e%3crect%20x='262'%20y='206'%20width='110'%20height='168'%20rx='20'%20fill='%23fff'/%3e%3crect%20x='284'%20y='226'%20width='66'%20height='58'%20rx='13'%20fill='url(%23pv)'/%3e%3c/svg%3e";
-export {
-  PovesteLogo as default
-};

package/dist/bundled/components/HomeView.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./HomeView.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/HomeView.vue2.js

@@ -1,66 +0,0 @@
-import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, createVNode } from "@poveste/vendors/vue";
-import PovesteLogo from "../assets/poveste.svg.js";
-import { useStoryStore } from "../stores/story.js";
-import { customLogos, povesteConfig } from "../util/config.js";
-import "./app/HomeCounter.vue.js";
-import _sfc_main$1 from "./app/HomeCounter.vue2.js";
-"use strict";
-const _hoisted_1 = { class: "poveste-home-view ptw-flex md:ptw-flex-col ptw-gap-12 ptw-items-center ptw-justify-center ptw-h-full" };
-const _hoisted_2 = ["src"];
-const _hoisted_3 = { class: "ptw-flex !md:ptw-flex-col ptw-flex-wrap ptw-justify-evenly ptw-gap-2 ptw-px-4 ptw-py-2 ptw-bg-gray-100 dark:ptw-bg-gray-750 ptw-rounded ptw-border ptw-border-gray-500/30" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "HomeView",
-  setup(__props) {
-    const logoUrl = computed(() => povesteConfig.theme?.logo?.square ? customLogos.square : PovesteLogo);
-    const storyStore = useStoryStore();
-    const stats = computed(() => {
-      let storyCount = 0;
-      let variantCount = 0;
-      let docsCount = 0;
-      (storyStore.stories || []).forEach((story) => {
-        if (story.docsOnly) {
-          docsCount++;
-        } else {
-          storyCount++;
-          if (story.variants) {
-            variantCount += story.variants.length;
-          }
-        }
-      });
-      return {
-        storyCount,
-        variantCount,
-        docsCount
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("img", {
-          src: logoUrl.value,
-          alt: "Logo",
-          class: "ptw-w-64 ptw-h-64 ptw-opacity-25 ptw-mb-8 ptw-hidden md:ptw-block"
-        }, null, 8, _hoisted_2),
-        createElementVNode("div", _hoisted_3, [
-          createVNode(_sfc_main$1, {
-            title: "Stories",
-            icon: "carbon:cube",
-            count: stats.value.storyCount
-          }, null, 8, ["count"]),
-          createVNode(_sfc_main$1, {
-            title: "Variants",
-            icon: "carbon:cube-view",
-            count: stats.value.variantCount
-          }, null, 8, ["count"]),
-          createVNode(_sfc_main$1, {
-            title: "Documents",
-            icon: "carbon:document-blank",
-            count: stats.value.docsCount
-          }, null, 8, ["count"])
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/app/AppActions.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./AppActions.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/app/AppActions.vue2.js

@@ -1,76 +0,0 @@
-import { defineComponent, computed, resolveDirective, createBlock, openBlock, withCtx, withDirectives, createCommentVNode, unref, createVNode } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { povesteConfig } from "../../util/config.js";
-import { isDark, toggleDark } from "../../util/dark.js";
-import { isMobile } from "../../util/responsive.js";
-import { makeTooltip } from "../../util/tooltip.js";
-import TopBarChip from "./TopBarChip.vue.js";
-import TopBarChipItem from "./TopBarChipItem.vue.js";
-"use strict";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AppActions",
-  emits: {
-    search: () => true,
-    layout: () => true
-  },
-  setup(__props) {
-    const themeIcon = computed(() => {
-      return isDark.value ? "carbon:moon" : "carbon:sun";
-    });
-    return (_ctx, _cache) => {
-      const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createBlock(TopBarChip, null, {
-        default: withCtx(() => [
-          !unref(isMobile) ? withDirectives((openBlock(), createBlock(TopBarChipItem, {
-            key: 0,
-            "aria-label": "Open layout customization",
-            "data-test-id": "layout-btn",
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("layout"))
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(Icon), {
-                icon: "carbon:panel-expansion",
-                class: "ptw-w-4 ptw-h-4"
-              })
-            ]),
-            _: 1
-          })), [
-            [_directive_tooltip, unref(makeTooltip)("Layout", ({ isMac }) => isMac ? "meta+shift+l" : "ctrl+shift+l")]
-          ]) : createCommentVNode("", true),
-          withDirectives((openBlock(), createBlock(TopBarChipItem, {
-            "data-test-id": "search-btn",
-            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("search"))
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(Icon), {
-                icon: "carbon:search",
-                class: "ptw-w-4 ptw-h-4"
-              })
-            ]),
-            _: 1
-          })), [
-            [_directive_tooltip, unref(makeTooltip)("Search", ({ isMac }) => isMac ? "meta+k" : "ctrl+k")]
-          ]),
-          !unref(povesteConfig).theme.hideColorSchemeSwitch ? withDirectives((openBlock(), createBlock(TopBarChipItem, {
-            key: 1,
-            onClick: _cache[2] || (_cache[2] = ($event) => unref(toggleDark)())
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(Icon), {
-                icon: themeIcon.value,
-                class: "ptw-w-4 ptw-h-4"
-              }, null, 8, ["icon"])
-            ]),
-            _: 1
-          })), [
-            [_directive_tooltip, unref(makeTooltip)("Toggle dark mode", ({ isMac }) => isMac ? "meta+shift+d" : "ctrl+shift+d")]
-          ]) : createCommentVNode("", true)
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/app/AppHeader.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./AppHeader.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/app/AppHeader.vue2.js

@@ -1,29 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, unref, createVNode } from "@poveste/vendors/vue";
-import { povesteConfig } from "../../util/config.js";
-import "./AppLogo.vue.js";
-import _sfc_main$1 from "./AppLogo.vue2.js";
-"use strict";
-const _hoisted_1 = { class: "poveste-app-header ptw-px-4 ptw-h-14 ptw-flex ptw-items-center ptw-gap-2" };
-const _hoisted_2 = { class: "ptw-py-3 sm:ptw-py-4 ptw-flex-1 ptw-h-full ptw-flex ptw-items-center ptw-pr-2" };
-const _hoisted_3 = ["href"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AppHeader",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("a", {
-            href: unref(povesteConfig).theme?.logoHref,
-            target: "_blank",
-            class: "ptw-w-full ptw-h-full ptw-flex ptw-items-center"
-          }, [
-            createVNode(_sfc_main$1, { class: "ptw-max-w-full ptw-max-h-full" })
-          ], 8, _hoisted_3)
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/app/AppLogo.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./AppLogo.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/app/AppLogo.vue2.js

@@ -1,29 +0,0 @@
-import { defineComponent, computed, createElementBlock, openBlock } from "@poveste/vendors/vue";
-import PovesteLogoDark from "../../assets/poveste-text-dark.svg.js";
-import PovesteLogoLight from "../../assets/poveste-text.svg.js";
-import { customLogos, povesteConfig } from "../../util/config.js";
-import { isDark } from "../../util/dark.js";
-"use strict";
-const _hoisted_1 = ["src", "alt"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AppLogo",
-  setup(__props) {
-    const logoUrl = computed(() => {
-      if (isDark.value) {
-        return povesteConfig.theme.logo?.dark ? customLogos.dark : PovesteLogoDark;
-      }
-      return povesteConfig.theme.logo?.light ? customLogos.light : PovesteLogoLight;
-    });
-    const altText = computed(() => `${povesteConfig.theme.title} logo`);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("img", {
-        class: "poveste-app-logo",
-        src: logoUrl.value,
-        alt: altText.value
-      }, null, 8, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};