@poveste/app 0.2.0 → 0.3.0

package/dist/bundled/components/search/SearchItem.vue2.js

@@ -1,93 +0,0 @@
-import { defineComponent, useCssVars, ref, toRefs, createElementBlock, openBlock, unref, createBlock, createCommentVNode, withCtx, createVNode } from "@poveste/vendors/vue";
-import { useRouter } from "@poveste/vendors/vue-router";
-import { onKeyboardShortcut } from "../../util/keyboard.js";
-import { useScrollOnActive } from "../../util/scroll.js";
-import "../base/BaseListItem.vue.js";
-import BaseListItemLink from "../base/BaseListItemLink.vue.js";
-import "./SearchItemContent.vue.js";
-import _sfc_main$1 from "./SearchItemContent.vue2.js";
-import _sfc_main$2 from "../base/BaseListItem.vue2.js";
-"use strict";
-const _hoisted_1 = ["data-selected"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SearchItem",
-  props: {
-    result: {
-      type: Object,
-      required: true
-    },
-    selected: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: {
-    close: () => true
-  },
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "dacfd852": __props.result.iconColor
-    }));
-    const props = __props;
-    const emit = __emit;
-    const el = ref();
-    const { selected } = toRefs(props);
-    useScrollOnActive(selected, el);
-    const router = useRouter();
-    onKeyboardShortcut(["enter"], () => {
-      if (!props.selected) return;
-      action();
-    });
-    function action(fromClick = false) {
-      if ("route" in props.result && !fromClick) {
-        router.push(props.result.route);
-      }
-      if ("onActivate" in props.result) {
-        props.result.onActivate();
-      }
-      emit("close");
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "el",
-        ref: el,
-        class: "poveste-search-item",
-        "data-test-id": "search-item",
-        "data-selected": unref(selected) ? "" : void 0
-      }, [
-        "route" in __props.result ? (openBlock(), createBlock(BaseListItemLink, {
-          key: 0,
-          to: __props.result.route,
-          "is-active": unref(selected),
-          class: "ptw-px-6 ptw-py-4 ptw-gap-4",
-          onNavigate: _cache[0] || (_cache[0] = ($event) => action(true))
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$1, {
-              result: __props.result,
-              selected: unref(selected)
-            }, null, 8, ["result", "selected"])
-          ]),
-          _: 1
-        }, 8, ["to", "is-active"])) : createCommentVNode("", true),
-        "onActivate" in __props.result ? (openBlock(), createBlock(_sfc_main$2, {
-          key: 1,
-          "is-active": unref(selected),
-          class: "ptw-px-6 ptw-py-4 ptw-gap-4",
-          onNavigate: _cache[1] || (_cache[1] = ($event) => action(true))
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$1, {
-              result: __props.result,
-              selected: unref(selected)
-            }, null, 8, ["result", "selected"])
-          ]),
-          _: 1
-        }, 8, ["is-active"])) : createCommentVNode("", true)
-      ], 8, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/search/SearchItemContent.vue.js

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

package/dist/bundled/components/search/SearchItemContent.vue2.js

@@ -1,71 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, Fragment, createVNode, createElementVNode, normalizeClass, createCommentVNode, createTextVNode, toDisplayString, renderList, createBlock, unref } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import BaseIcon from "../base/BaseIcon.vue.js";
-"use strict";
-const _hoisted_1 = { class: "ptw-flex-1" };
-const _hoisted_2 = { class: "ptw-flex" };
-const _hoisted_3 = { class: "ptw-ml-auto ptw-opacity-40" };
-const _hoisted_4 = {
-  key: 0,
-  class: "ptw-flex ptw-items-center ptw-gap-0.5 ptw-opacity-60"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SearchItemContent",
-  props: {
-    result: {},
-    selected: { type: Boolean }
-  },
-  setup(__props) {
-    const defaultIcons = {
-      story: "carbon:cube",
-      variant: "carbon:cube"
-    };
-    const kindLabels = {
-      story: "Story",
-      variant: "Variant",
-      command: "Command"
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(BaseIcon, {
-          icon: __props.result.icon ?? defaultIcons[__props.result.kind],
-          class: normalizeClass(["ptw-w-4 ptw-h-4", [
-            !__props.selected ? [
-              __props.result.iconColor ? "bind-icon-color" : {
-                "ptw-text-primary-500": __props.result.kind === "story",
-                "ptw-text-gray-500": __props.result.kind === "variant"
-              }
-            ] : [],
-            {
-              "colorize-black": __props.selected
-            }
-          ]])
-        }, null, 8, ["icon", "class"]),
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            createTextVNode(toDisplayString(__props.result.title) + " ", 1),
-            createElementVNode("span", _hoisted_3, toDisplayString(kindLabels[__props.result.kind]), 1)
-          ]),
-          __props.result.path?.length ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.result.path, (p, index) => {
-              return openBlock(), createElementBlock("div", {
-                key: index,
-                class: "ptw-flex ptw-items-center ptw-gap-0.5"
-              }, [
-                index > 0 ? (openBlock(), createBlock(unref(Icon), {
-                  key: 0,
-                  icon: "carbon:chevron-right",
-                  class: "ptw-w-4 ptw-h-4 ptw-mt-0.5 ptw-opacity-50"
-                })) : createCommentVNode("", true),
-                createElementVNode("span", null, toDisplayString(p), 1)
-              ]);
-            }), 128))
-          ])) : createCommentVNode("", true)
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/search/SearchLoading.vue.js

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

package/dist/bundled/components/search/SearchLoading.vue2.js

@@ -1,21 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, createVNode, createTextVNode, unref } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-"use strict";
-const _hoisted_1 = { class: "poveste-search-loading ptw-flex ptw-items-center ptw-gap-4 ptw-pl-6 ptw-border ptw-border-transparent focus-visible:ptw-border-primary-500 ptw-h-[51px] ptw-opacity-30" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SearchLoading",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(Icon), {
-          icon: "carbon:search",
-          class: "flex-none ptw-w-4 ptw-h-4"
-        }),
-        _cache[0] || (_cache[0] = createTextVNode(" Loading... ", -1))
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/search/SearchModal.vue.js

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

package/dist/bundled/components/search/SearchModal.vue2.js

@@ -1,51 +0,0 @@
-import { defineComponent, defineAsyncComponent, withDirectives, openBlock, createElementBlock, createElementVNode, createVNode, unref, vShow } from "@poveste/vendors/vue";
-import "./SearchLoading.vue.js";
-import _sfc_main$1 from "./SearchLoading.vue2.js";
-"use strict";
-const _hoisted_1 = {
-  class: "poveste-search-modal ptw-fixed ptw-inset-0 ptw-bg-white/80 dark:ptw-bg-gray-900/80 ptw-z-20",
-  "data-test-id": "search-modal"
-};
-const _hoisted_2 = { class: "ptw-bg-white dark:ptw-bg-gray-900 md:ptw-mt-16 md:ptw-mx-auto ptw-w-screen ptw-max-w-[512px] ptw-shadow-xl ptw-border ptw-border-gray-200 dark:ptw-border-gray-750 ptw-rounded-lg ptw-relative ptw-divide-y ptw-divide-gray-200 dark:ptw-divide-gray-850" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SearchModal",
-  props: {
-    shown: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: {
-    close: () => true
-  },
-  setup(__props, { emit: __emit }) {
-    const SearchPane = defineAsyncComponent({
-      loader: () => import("./SearchPane.vue.js"),
-      loadingComponent: _sfc_main$1,
-      delay: 0
-    });
-    const emit = __emit;
-    function close() {
-      emit("close");
-    }
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          class: "ptw-absolute ptw-inset-0",
-          onClick: _cache[0] || (_cache[0] = ($event) => close())
-        }),
-        createElementVNode("div", _hoisted_2, [
-          createVNode(unref(SearchPane), {
-            shown: __props.shown,
-            onClose: _cache[1] || (_cache[1] = ($event) => close())
-          }, null, 8, ["shown"])
-        ])
-      ], 512)), [
-        [vShow, __props.shown]
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/search/SearchPane.vue.js

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

package/dist/bundled/components/search/SearchPane.vue2.js

@@ -1,272 +0,0 @@
-import { defineComponent, ref, watch, computed, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, createVNode, withDirectives, unref, withKeys, withModifiers, vModelText, withCtx, createTextVNode, renderList } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { useFocus, useDebounce } from "@poveste/vendors/vue-use";
-import Fuse from "fuse.js";
-import { registeredCommands } from "virtual:$poveste-commands";
-import { useCommandStore } from "../../stores/command.js";
-import { useStoryStore } from "../../stores/story.js";
-import { getCommandContext, builtinCommands } from "../../util/commands.js";
-import { useSelection } from "../../util/select.js";
-import BaseEmpty from "../base/BaseEmpty.vue.js";
-import { onUpdate, searchData } from "./search-title-data.js";
-import SearchItem from "./SearchItem.vue.js";
-"use strict";
-const _hoisted_1 = {
-  key: 1,
-  class: "ptw-max-h-[400px] ptw-overflow-y-auto ptw-rounded-b-lg"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SearchPane",
-  props: {
-    shown: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: {
-    close: () => true
-  },
-  setup(__props, { emit: __emit }) {
-    const DocSearchData = () => import("./search-docs-data.js");
-    const props = __props;
-    const emit = __emit;
-    function close() {
-      emit("close");
-    }
-    const input = ref();
-    const { focused } = useFocus(input, {
-      initialValue: true
-    });
-    watch(() => props.shown, (value) => {
-      if (value) {
-        requestAnimationFrame(() => {
-          focused.value = true;
-          input.value.select();
-        });
-      }
-    });
-    const searchInputText = ref("");
-    const rateLimitedSearch = useDebounce(searchInputText, 50);
-    const storyStore = useStoryStore();
-    let titleSearchIndex;
-    let titleIdMap;
-    function createIndex() {
-      return new Fuse([], {
-        keys: ["text"]
-      });
-    }
-    async function loadSearchIndex(data) {
-      titleSearchIndex = createIndex();
-      for (const document of data.index) {
-        titleSearchIndex.add(document);
-      }
-      titleIdMap = data.idMap;
-    }
-    loadSearchIndex(searchData);
-    onUpdate((searchData2) => {
-      loadSearchIndex(searchData2);
-    });
-    let docSearchIndex;
-    let docIdMap;
-    async function loadDocSearchIndex() {
-      async function load(data) {
-        docSearchIndex = createIndex();
-        for (const document of data.index) {
-          docSearchIndex.add(document);
-        }
-        docIdMap = data.idMap;
-        if (rateLimitedSearch.value) {
-          await searchOnDocField(rateLimitedSearch.value);
-        }
-      }
-      const searchDataModule = await DocSearchData();
-      await load(searchDataModule.searchData);
-      searchDataModule.onUpdate((searchData2) => {
-        load(searchData2);
-      });
-    }
-    loadDocSearchIndex();
-    const titleResults = ref([]);
-    watch(rateLimitedSearch, async (value) => {
-      const list = [];
-      const result = titleSearchIndex.search(value);
-      let rank = 0;
-      for (const document of result) {
-        const idMapData = titleIdMap[document.item.id];
-        if (!idMapData) continue;
-        switch (idMapData.kind) {
-          case "story": {
-            list.push(storyResultFactory(storyStore.getStoryById(idMapData.id), rank));
-            rank++;
-            break;
-          }
-          case "variant": {
-            const [storyId] = idMapData.id.split(":");
-            const story = storyStore.getStoryById(storyId);
-            const variant = storyStore.getVariantById(idMapData.id);
-            list.push(variantResultFactory(story, variant, rank));
-            rank++;
-            break;
-          }
-        }
-      }
-      titleResults.value = list;
-    });
-    const docsResults = ref([]);
-    async function searchOnDocField(query) {
-      if (docSearchIndex) {
-        const list = [];
-        const result = docSearchIndex.search(query);
-        let rank = 0;
-        for (const document of result) {
-          const idMapData = docIdMap[document.item.id];
-          if (!idMapData) continue;
-          switch (idMapData.kind) {
-            case "story": {
-              list.push(storyResultFactory(storyStore.getStoryById(idMapData.id), rank, "docs"));
-              rank++;
-              break;
-            }
-          }
-        }
-        docsResults.value = list;
-      }
-    }
-    watch(rateLimitedSearch, searchOnDocField);
-    function storyResultFactory(story, rank, type = "title") {
-      return {
-        kind: "story",
-        rank,
-        id: `story:${story.id}`,
-        title: story.title,
-        route: {
-          name: "story",
-          params: {
-            storyId: story.id
-          },
-          query: {
-            ...type === "docs" ? { tab: "docs" } : {}
-          }
-        },
-        path: story.file.path.slice(0, -1),
-        icon: story.icon,
-        iconColor: story.iconColor
-      };
-    }
-    function variantResultFactory(story, variant, rank, type = "title") {
-      return {
-        kind: "variant",
-        rank,
-        id: `variant:${story.id}:${variant.id}`,
-        title: variant.title,
-        route: {
-          name: "story",
-          params: {
-            storyId: story.id
-          },
-          query: {
-            variantId: variant.id,
-            ...type === "docs" ? { tab: "docs" } : {}
-          }
-        },
-        path: [...story.file.path ?? [], story.title],
-        icon: variant.icon,
-        iconColor: variant.iconColor
-      };
-    }
-    const allCommands = [
-      ...builtinCommands,
-      ...registeredCommands
-    ];
-    const commandResults = computed(() => {
-      if (__POVESTE_DEV__) {
-        const commandCtx = getCommandContext();
-        const searchText = searchInputText.value.toLowerCase();
-        return allCommands.filter((command) => !command.showIf || command.showIf(commandCtx)).filter((command) => command.label.toLowerCase().includes(searchText) || command.searchText?.toLowerCase().includes(searchText)).map((command) => commandResultFactory(command, 0));
-      }
-      return [];
-    });
-    const commandStore = useCommandStore();
-    function commandResultFactory(command, rank) {
-      return {
-        kind: "command",
-        rank,
-        id: `_command:${command.id}`,
-        title: command.label,
-        icon: command.icon ?? "carbon:chevron-right",
-        onActivate: () => {
-          commandStore.activateCommand(command);
-        }
-      };
-    }
-    const results = computed(() => {
-      const list = [
-        ...commandResults.value,
-        ...titleResults.value
-      ];
-      const seen = {};
-      for (const r of titleResults.value) {
-        seen[r.id] = true;
-      }
-      for (const r of docsResults.value) {
-        if (!seen[r.id]) {
-          list.push(r);
-        }
-      }
-      return list;
-    });
-    const {
-      selectedIndex,
-      selectNext,
-      selectPrevious
-    } = useSelection(results);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", {
-          class: "poveste-search-pane ptw-flex ptw-items-center ptw-gap-4 ptw-pl-6 ptw-border ptw-border-transparent focus-visible:ptw-border-primary-500",
-          onClick: _cache[4] || (_cache[4] = ($event) => focused.value = true)
-        }, [
-          createVNode(unref(Icon), {
-            icon: "carbon:search",
-            class: "flex-none ptw-w-4 ptw-h-4"
-          }),
-          withDirectives(createElementVNode("input", {
-            ref_key: "input",
-            ref: input,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchInputText.value = $event),
-            placeholder: "Search for stories, variants...",
-            class: "ptw-bg-transparent ptw-w-full ptw-flex-1 ptw-pl-0 ptw-pr-6 ptw-py-4 ptw-outline-none",
-            onKeydown: [
-              _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => unref(selectNext)(), ["prevent"]), ["down"])),
-              _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => unref(selectPrevious)(), ["prevent"]), ["up"])),
-              _cache[3] || (_cache[3] = withKeys(($event) => close(), ["escape"]))
-            ]
-          }, null, 544), [
-            [vModelText, searchInputText.value]
-          ])
-        ]),
-        unref(rateLimitedSearch) && !results.value.length ? (openBlock(), createBlock(BaseEmpty, {
-          key: 0,
-          class: "no-animation"
-        }, {
-          default: withCtx(() => [..._cache[6] || (_cache[6] = [
-            createTextVNode(" No results ", -1)
-          ])]),
-          _: 1
-        })) : results.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(results.value, (result, index) => {
-            return openBlock(), createBlock(SearchItem, {
-              key: result.id,
-              result,
-              selected: index === unref(selectedIndex),
-              onClose: _cache[5] || (_cache[5] = ($event) => close())
-            }, null, 8, ["result", "selected"]);
-          }), 128))
-        ])) : createCommentVNode("", true)
-      ], 64);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/story/GenericMountStory.vue.js

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

package/dist/bundled/components/story/GenericMountStory.vue2.js

@@ -1,34 +0,0 @@
-import { defineComponent, ref, watchEffect, markRaw, createBlock, createCommentVNode, openBlock, resolveDynamicComponent, mergeProps } from "@poveste/vendors/vue";
-import { clientSupportPlugins } from "virtual:$poveste-support-plugins-client";
-"use strict";
-const __default__ = {
-  inheritAttrs: false
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "GenericMountStory",
-  props: {
-    story: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const mountComponent = ref(null);
-    watchEffect(async () => {
-      const clientPlugin = clientSupportPlugins[props.story.file?.supportPluginId];
-      if (clientPlugin) {
-        const pluginModule = await clientPlugin();
-        mountComponent.value = markRaw(pluginModule.MountStory);
-      }
-    });
-    return (_ctx, _cache) => {
-      return mountComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(mountComponent.value), mergeProps({
-        key: 0,
-        class: "poveste-generic-mount-story histoire-generic-mount-story",
-        story: __props.story
-      }, _ctx.$attrs), null, 16, ["story"])) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/story/GenericRenderStory.vue.js

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

package/dist/bundled/components/story/GenericRenderStory.vue2.js

@@ -1,39 +0,0 @@
-import { defineComponent, ref, watchEffect, markRaw, createBlock, createCommentVNode, openBlock, resolveDynamicComponent, mergeProps } from "@poveste/vendors/vue";
-import { clientSupportPlugins } from "virtual:$poveste-support-plugins-client";
-"use strict";
-const __default__ = {
-  inheritAttrs: false
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "GenericRenderStory",
-  props: {
-    story: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const mountComponent = ref(null);
-    watchEffect(async () => {
-      const clientPlugin = clientSupportPlugins[props.story.file?.supportPluginId];
-      if (clientPlugin) {
-        try {
-          const pluginModule = await clientPlugin();
-          mountComponent.value = markRaw(pluginModule.RenderStory);
-        } catch (e) {
-          console.error(e);
-          throw e;
-        }
-      }
-    });
-    return (_ctx, _cache) => {
-      return mountComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(mountComponent.value), mergeProps({
-        key: 0,
-        class: "poveste-generic-render-story __poveste-render-story histoire-generic-render-story __histoire-render-story",
-        story: __props.story
-      }, _ctx.$attrs), null, 16, ["story"])) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/story/StoryResponsivePreview.vue.js

@@ -1,8 +0,0 @@
-import _sfc_main from "./StoryResponsivePreview.vue2.js";
-/* empty css                            */
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-"use strict";
-const StoryResponsivePreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-996dc779"]]);
-export {
-  StoryResponsivePreview as default
-};