@poveste/app 0.1.0

package/dist/bundled/components/panel/StoryDocs.vue2.js

@@ -0,0 +1,161 @@
+import { defineComponent, toRefs, watch, ref, computed, createElementBlock, openBlock, createCommentVNode, createBlock, unref, normalizeClass, withCtx, createVNode, createTextVNode, watchEffect, nextTick } from "@poveste/vendors/vue";
+import { Icon } from "@poveste/vendors/iconify";
+import { markdownFiles } from "virtual:$histoire-markdown-files";
+import { useRouter, useRoute } from "@poveste/vendors/vue-router";
+import { histoireConfig } from "../../util/config.js";
+import BaseEmpty from "../base/BaseEmpty.vue.js";
+import "../toolbar/DevOnlyToolbarOpenInEditor.vue.js";
+import _sfc_main$1 from "../toolbar/DevOnlyToolbarOpenInEditor.vue2.js";
+"use strict";
+const _hoisted_1 = ["innerHTML"];
+function useStoryDoc(story) {
+  const renderedDoc = ref("");
+  watchEffect(async () => {
+    const mdKey = story.value.file.filePath.replace(/\.(\w*)$/, ".md");
+    if (markdownFiles[mdKey]) {
+      const md = await markdownFiles[mdKey]();
+      renderedDoc.value = md.html;
+      return;
+    }
+    let comp = story.value.file?.component;
+    if (comp) {
+      if (comp.__asyncResolved) {
+        comp = comp.__asyncResolved;
+      } else if (comp.__asyncLoader) {
+        comp = await comp.__asyncLoader();
+      } else if (typeof comp === "function") {
+        try {
+          comp = await comp();
+        } catch (e) {
+        }
+      }
+      if (comp?.default) {
+        comp = comp.default;
+      }
+      renderedDoc.value = comp.doc;
+    }
+  });
+  return {
+    renderedDoc
+  };
+}
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "StoryDocs",
+  props: {
+    story: {
+      type: Object,
+      required: true
+    },
+    standalone: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["scrollTop"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { story } = toRefs(props);
+    const { renderedDoc } = useStoryDoc(story);
+    const router = useRouter();
+    const fakeHost = `http://a.com`;
+    function onClick(e) {
+      const link = e.target.closest("a");
+      if (link && link.getAttribute("data-route") && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.metaKey && link.target !== `_blank`) {
+        e.preventDefault();
+        const url = new URL(link.href, fakeHost);
+        const targetHref = url.pathname + url.search + url.hash;
+        router.push(targetHref);
+      }
+    }
+    function getHash() {
+      const hash = location.hash;
+      if (histoireConfig.routerMode === "hash") {
+        const index = hash.indexOf("#", 1);
+        if (index !== -1) {
+          return hash.slice(index);
+        } else {
+          return void 0;
+        }
+      }
+      return hash;
+    }
+    async function scrollToAnchor() {
+      await nextTick();
+      const hash = getHash();
+      if (hash) {
+        const anchor = document.querySelector(decodeURIComponent(hash));
+        if (anchor) {
+          anchor.scrollIntoView();
+          return;
+        }
+      }
+      emit("scrollTop");
+    }
+    watch(renderedDoc, () => {
+      scrollToAnchor();
+    }, {
+      immediate: true
+    });
+    const renderedEl = ref();
+    const route = useRoute();
+    async function patchAnchorLinks() {
+      await nextTick();
+      if (histoireConfig.routerMode === "hash" && renderedEl.value) {
+        const links = renderedEl.value.querySelectorAll("a.header-anchor");
+        for (const link of links) {
+          const href = link.getAttribute("href");
+          if (href) {
+            link.setAttribute("href", `#${route.path + href}`);
+          }
+        }
+      }
+    }
+    watch(renderedDoc, () => {
+      patchAnchorLinks();
+    }, {
+      immediate: true
+    });
+    const filePath = computed(() => story.value.file?.docsFilePath ?? (props.standalone && story.value.file?.filePath));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "histoire-story-docs",
+        onClickCapture: onClick
+      }, [
+        _ctx.__HISTOIRE_DEV__ && unref(renderedDoc) && filePath.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["htw-flex htw-items-center htw-gap-2 htw-p-2", {
+            "htw-pt-4": !__props.standalone
+          }])
+        }, [
+          filePath.value ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            file: filePath.value,
+            tooltip: "Edit docs in editor"
+          }, null, 8, ["file"])) : createCommentVNode("", true)
+        ], 2)) : createCommentVNode("", true),
+        !unref(renderedDoc) ? (openBlock(), createBlock(BaseEmpty, { key: 1 }, {
+          default: withCtx(() => [
+            createVNode(unref(Icon), {
+              icon: "carbon:document-unknown",
+              class: "htw-w-8 htw-h-8 htw-opacity-50 htw-mb-6"
+            }),
+            _cache[0] || (_cache[0] = createTextVNode(" No documentation available ", -1))
+          ]),
+          _: 1
+        })) : (openBlock(), createElementBlock("div", {
+          key: 2,
+          ref_key: "renderedEl",
+          ref: renderedEl,
+          class: "htw-prose dark:htw-prose-invert htw-p-4 htw-max-w-none",
+          "data-test-id": "story-docs",
+          innerHTML: unref(renderedDoc)
+        }, null, 8, _hoisted_1))
+      ], 32);
+    };
+  }
+});
+export {
+  _sfc_main as default,
+  useStoryDoc
+};

package/dist/bundled/components/panel/StoryEvent.vue.js

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

package/dist/bundled/components/panel/StoryEvent.vue2.js

@@ -0,0 +1,59 @@
+import { defineComponent, computed, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, toDisplayString, normalizeClass, createElementBlock, createCommentVNode } from "@poveste/vendors/vue";
+"use strict";
+const _hoisted_1 = {
+  key: 0,
+  class: "htw-text-xs htw-opacity-50 htw-truncate"
+};
+const _hoisted_2 = { class: "htw-overflow-auto htw-max-w-[400px] htw-max-h-[400px]" };
+const _hoisted_3 = { class: "htw-p-4" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "StoryEvent",
+  props: {
+    event: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const formattedArgument = computed(() => {
+      switch (typeof props.event.argument) {
+        case "string":
+          return `"${props.event.argument}"`;
+        case "object":
+          return `{ ${Object.keys(props.event.argument).map((key) => `${key}: ${props.event.argument[key]}`).join(", ")} }`;
+        default:
+          return props.event.argument;
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_VDropdown = resolveComponent("VDropdown");
+      return openBlock(), createBlock(_component_VDropdown, {
+        class: "histoire-story-event htw-group",
+        placement: "right",
+        "data-test-id": "event-item"
+      }, {
+        default: withCtx(({ shown }) => [
+          createElementVNode("div", {
+            class: normalizeClass(["group-hover:htw-bg-primary-100 dark:group-hover:htw-bg-primary-700 htw-cursor-pointer htw-py-2 htw-px-4 htw-flex htw-items-baseline htw-gap-1 htw-leading-normal", [
+              shown ? "htw-bg-primary-50 dark:htw-bg-primary-600" : "group-odd:htw-bg-gray-100/50 dark:group-odd:htw-bg-gray-750/40"
+            ]])
+          }, [
+            createElementVNode("span", {
+              class: normalizeClass({
+                "htw-text-primary-500": shown
+              })
+            }, toDisplayString(__props.event.name), 3),
+            __props.event.argument ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(formattedArgument.value), 1)) : createCommentVNode("", true)
+          ], 2)
+        ]),
+        popper: withCtx(() => [
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("pre", _hoisted_3, toDisplayString(__props.event.argument), 1)
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/bundled/components/panel/StoryEvents.vue.js

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

package/dist/bundled/components/panel/StoryEvents.vue2.js

@@ -0,0 +1,53 @@
+import { defineComponent, computed, onMounted, watch, nextTick, ref, createElementBlock, openBlock, createBlock, withCtx, createVNode, createTextVNode, unref, Fragment, renderList } from "@poveste/vendors/vue";
+import { Icon } from "@poveste/vendors/iconify";
+import { useEventsStore } from "../../stores/events.js";
+import BaseEmpty from "../base/BaseEmpty.vue.js";
+import "./StoryEvent.vue.js";
+import _sfc_main$1 from "./StoryEvent.vue2.js";
+"use strict";
+const _hoisted_1 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "StoryEvents",
+  setup(__props) {
+    const eventsStore = useEventsStore();
+    const hasEvents = computed(() => eventsStore.events.length);
+    onMounted(resetUnseen);
+    watch(() => eventsStore.unseen, resetUnseen);
+    async function resetUnseen() {
+      if (eventsStore.unseen > 0) {
+        eventsStore.unseen = 0;
+      }
+      await nextTick();
+      eventsElement.value.scrollTo({ top: eventsElement.value.scrollHeight });
+    }
+    const eventsElement = ref();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "eventsElement",
+        ref: eventsElement,
+        class: "histoire-story-events"
+      }, [
+        !hasEvents.value ? (openBlock(), createBlock(BaseEmpty, { key: 0 }, {
+          default: withCtx(() => [
+            createVNode(unref(Icon), {
+              icon: "carbon:event-schedule",
+              class: "htw-w-8 htw-h-8 htw-opacity-50 htw-mb-6"
+            }),
+            _cache[0] || (_cache[0] = createTextVNode(" No event fired ", -1))
+          ]),
+          _: 1
+        })) : (openBlock(), createElementBlock("div", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(eventsStore).events, (event, key) => {
+            return openBlock(), createBlock(_sfc_main$1, {
+              key,
+              event
+            }, null, 8, ["event"]);
+          }), 128))
+        ]))
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/bundled/components/panel/StorySidePanel.vue.js

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

package/dist/bundled/components/panel/StorySidePanel.vue2.js

@@ -0,0 +1,83 @@
+import { defineComponent, computed, createBlock, unref, openBlock, withCtx, createElementVNode, createVNode, resolveDynamicComponent } from "@poveste/vendors/vue";
+import { useRoute } from "@poveste/vendors/vue-router";
+import { useStoryStore } from "../../stores/story.js";
+import BaseEmpty from "../base/BaseEmpty.vue.js";
+import BaseSplitPane from "../base/BaseSplitPane.vue.js";
+import "./PaneTabs.vue.js";
+import "./StoryControls.vue.js";
+import "./StoryDocs.vue.js";
+import "./StoryEvents.vue.js";
+import StorySourceCode from "./StorySourceCode.vue.js";
+import _sfc_main$1 from "./StoryControls.vue2.js";
+import _sfc_main$2 from "./StoryEvents.vue2.js";
+import _sfc_main$3 from "./StoryDocs.vue2.js";
+import _sfc_main$4 from "./PaneTabs.vue2.js";
+"use strict";
+const _hoisted_1 = { class: "htw-flex htw-flex-col htw-h-full" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "StorySidePanel",
+  setup(__props) {
+    const storyStore = useStoryStore();
+    const route = useRoute();
+    const panelContentComponent = computed(() => {
+      switch (route.query.tab) {
+        case "docs":
+          return _sfc_main$3;
+        case "events":
+          return _sfc_main$2;
+        default:
+          return _sfc_main$1;
+      }
+    });
+    return (_ctx, _cache) => {
+      return !unref(storyStore).currentVariant ? (openBlock(), createBlock(BaseEmpty, {
+        key: 0,
+        class: "histoire-story-side-panel histoire-selection"
+      }, {
+        default: withCtx(() => [..._cache[0] || (_cache[0] = [
+          createElementVNode("span", null, "Select a variant", -1)
+        ])]),
+        _: 1
+      })) : !unref(storyStore).currentVariant.configReady || !unref(storyStore).currentVariant.previewReady ? (openBlock(), createBlock(BaseEmpty, {
+        key: 1,
+        class: "histoire-story-side-panel histoire-loading"
+      }, {
+        default: withCtx(() => [..._cache[1] || (_cache[1] = [
+          createElementVNode("span", null, "Loading...", -1)
+        ])]),
+        _: 1
+      })) : (openBlock(), createBlock(BaseSplitPane, {
+        key: 2,
+        "save-id": "story-sidepane",
+        orientation: "portrait",
+        class: "histoire-story-side-panel histoire-loaded htw-h-full",
+        "data-test-id": "story-side-panel"
+      }, {
+        first: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(_sfc_main$4, {
+              story: unref(storyStore).currentStory,
+              variant: unref(storyStore).currentVariant
+            }, null, 8, ["story", "variant"]),
+            (openBlock(), createBlock(resolveDynamicComponent(panelContentComponent.value), {
+              story: unref(storyStore).currentStory,
+              variant: unref(storyStore).currentVariant,
+              class: "htw-h-full htw-overflow-auto"
+            }, null, 8, ["story", "variant"]))
+          ])
+        ]),
+        last: withCtx(() => [
+          createVNode(StorySourceCode, {
+            story: unref(storyStore).currentStory,
+            variant: unref(storyStore).currentVariant,
+            class: "htw-h-full"
+          }, null, 8, ["story", "variant"])
+        ]),
+        _: 1
+      }));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/bundled/components/panel/StorySourceCode.vue.js

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

package/dist/bundled/components/panel/StorySourceCode.vue2.js

@@ -0,0 +1,204 @@
+import { defineComponent, ref, watchEffect, markRaw, shallowRef, watch, computed, onMounted, nextTick, resolveDirective, createElementBlock, openBlock, createCommentVNode, createBlock, createElementVNode, createVNode, withDirectives, normalizeClass, unref, toDisplayString, withCtx } from "@poveste/vendors/vue";
+import { Icon } from "@poveste/vendors/iconify";
+import { HstCopyIcon } from "@poveste/controls";
+import { unindent } from "@poveste/shared";
+import { createHighlighter } from "shiki";
+import { clientSupportPlugins } from "virtual:$histoire-support-plugins-client";
+import { isDark } from "../../util/dark.js";
+import BaseEmpty from "../base/BaseEmpty.vue.js";
+"use strict";
+const _hoisted_1 = { class: "histoire-story-source-code htw-bg-gray-50 dark:htw-bg-gray-750 htw-h-full htw-overflow-hidden htw-flex htw-flex-col" };
+const _hoisted_2 = {
+  key: 0,
+  class: "htw-h-10 htw-flex-none htw-border-b htw-border-solid htw-border-gray-500/5 htw-px-4 htw-flex htw-items-center htw-gap-2"
+};
+const _hoisted_3 = { class: "htw-flex htw-flex-none htw-gap-px htw-h-full htw-py-2" };
+const _hoisted_4 = {
+  key: 1,
+  class: "htw-text-red-500 htw-h-full htw-p-2 htw-overflow-auto htw-font-mono htw-text-sm"
+};
+const _hoisted_5 = ["value"];
+const _hoisted_6 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "StorySourceCode",
+  props: {
+    story: {},
+    variant: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const generateSourceCodeFn = ref(null);
+    watchEffect(async () => {
+      const clientPlugin = clientSupportPlugins[props.story.file?.supportPluginId];
+      if (clientPlugin) {
+        const pluginModule = await clientPlugin();
+        generateSourceCodeFn.value = markRaw(pluginModule.generateSourceCode);
+      }
+    });
+    const highlighter = shallowRef();
+    const dynamicSourceCode = ref("");
+    const error = ref(null);
+    watch(() => [props.variant, generateSourceCodeFn.value], async () => {
+      if (!generateSourceCodeFn.value) return;
+      error.value = null;
+      dynamicSourceCode.value = "";
+      try {
+        if (props.variant.source) {
+          dynamicSourceCode.value = props.variant.source;
+        } else if (props.variant.slots?.().source) {
+          const source = props.variant.slots?.().source()[0].children;
+          if (source) {
+            dynamicSourceCode.value = await unindent(source);
+          }
+        } else {
+          dynamicSourceCode.value = await generateSourceCodeFn.value(props.variant);
+        }
+      } catch (e) {
+        console.error(e);
+        error.value = e.message;
+      }
+      if (!dynamicSourceCode.value) {
+        displayedSource.value = "static";
+      }
+    }, {
+      deep: true,
+      immediate: true
+    });
+    const staticSourceCode = ref("");
+    watch(() => [props.story, props.story?.file?.source], async () => {
+      staticSourceCode.value = "";
+      const sourceLoader = props.story.file?.source;
+      if (sourceLoader) {
+        staticSourceCode.value = (await sourceLoader()).default;
+      }
+    }, {
+      immediate: true
+    });
+    const displayedSource = ref("dynamic");
+    const displayedSourceCode = computed(() => {
+      if (displayedSource.value === "dynamic") {
+        return dynamicSourceCode.value;
+      }
+      return staticSourceCode.value;
+    });
+    onMounted(async () => {
+      highlighter.value = await createHighlighter({
+        langs: [
+          "html",
+          "jsx"
+        ],
+        themes: [
+          "github-light",
+          "github-dark"
+        ]
+      });
+    });
+    const sourceHtml = computed(() => displayedSourceCode.value ? highlighter.value?.codeToHtml(displayedSourceCode.value, {
+      lang: "html",
+      theme: isDark.value ? "github-dark" : "github-light"
+    }) : "");
+    let lastScroll = 0;
+    watch(() => props.variant, () => {
+      lastScroll = 0;
+    });
+    const scroller = ref();
+    function onScroll(event) {
+      if (sourceHtml.value) {
+        lastScroll = event.target.scrollTop;
+      }
+    }
+    watch(sourceHtml, async () => {
+      await nextTick();
+      if (scroller.value) {
+        scroller.value.scrollTop = lastScroll;
+      }
+    });
+    return (_ctx, _cache) => {
+      const _directive_tooltip = resolveDirective("tooltip");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !error.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          _cache[2] || (_cache[2] = createElementVNode("div", { class: "htw-text-gray-900 dark:htw-text-gray-100" }, " Source ", -1)),
+          _cache[3] || (_cache[3] = createElementVNode("div", { class: "htw-flex-1" }, null, -1)),
+          createElementVNode("div", _hoisted_3, [
+            withDirectives((openBlock(), createElementBlock("button", {
+              class: normalizeClass(["htw-flex htw-items-center htw-gap-1 htw-h-full htw-px-1 htw-bg-gray-500/10 htw-rounded-l htw-transition-all htw-ease-[cubic-bezier(0,1,.6,1)] htw-duration-300 htw-overflow-hidden", [
+                displayedSource.value !== "dynamic" ? "htw-max-w-6 htw-opacity-70" : "htw-max-w-[82px] htw-text-primary-600 dark:htw-text-primary-400",
+                dynamicSourceCode.value ? "htw-cursor-pointer hover:htw-bg-gray-500/30 active:htw-bg-gray-600/50" : "htw-opacity-50"
+              ]]),
+              onClick: _cache[0] || (_cache[0] = ($event) => dynamicSourceCode.value && (displayedSource.value = "dynamic"))
+            }, [
+              createVNode(unref(Icon), {
+                icon: "carbon:flash",
+                class: "htw-w-4 htw-h-4 htw-flex-none"
+              }),
+              createElementVNode("span", {
+                class: normalizeClass(["transition-opacity duration-300", {
+                  "opacity-0": displayedSource.value !== "dynamic"
+                }])
+              }, " Dynamic ", 2)
+            ], 2)), [
+              [_directive_tooltip, !dynamicSourceCode.value ? "Dynamic source code is not available" : displayedSource.value !== "dynamic" ? "Switch to dynamic source" : null]
+            ]),
+            withDirectives((openBlock(), createElementBlock("button", {
+              class: normalizeClass(["htw-flex htw-items-center htw-gap-1 htw-h-full htw-px-1 htw-bg-gray-500/10 htw-rounded-r htw-transition-all htw-ease-[cubic-bezier(0,1,.6,1)] htw-duration-300 htw-overflow-hidden", [
+                displayedSource.value !== "static" ? "htw-max-w-6 htw-opacity-70" : "htw-max-w-[63px] htw-text-primary-600 dark:htw-text-primary-400",
+                staticSourceCode.value ? "htw-cursor-pointer hover:htw-bg-gray-500/30 active:htw-bg-gray-600/50" : "htw-opacity-50"
+              ]]),
+              onClick: _cache[1] || (_cache[1] = ($event) => staticSourceCode.value && (displayedSource.value = "static"))
+            }, [
+              createVNode(unref(Icon), {
+                icon: "carbon:document",
+                class: "htw-w-4 htw-h-4 htw-flex-none"
+              }),
+              createElementVNode("span", {
+                class: normalizeClass(["transition-opacity duration-300", {
+                  "opacity-0": displayedSource.value !== "static"
+                }])
+              }, " Static ", 2)
+            ], 2)), [
+              [_directive_tooltip, !staticSourceCode.value ? "Static source code is not available" : displayedSource.value !== "static" ? "Switch to static source" : null]
+            ])
+          ]),
+          createVNode(unref(HstCopyIcon), {
+            content: displayedSourceCode.value,
+            class: "htw-flex-none"
+          }, null, 8, ["content"])
+        ])) : createCommentVNode("", true),
+        error.value ? (openBlock(), createElementBlock("div", _hoisted_4, " Error: " + toDisplayString(error.value), 1)) : !displayedSourceCode.value ? (openBlock(), createBlock(BaseEmpty, { key: 2 }, {
+          default: withCtx(() => [
+            createVNode(unref(Icon), {
+              icon: "carbon:code-hide",
+              class: "htw-w-8 htw-h-8 htw-opacity-50 htw-mb-6"
+            }),
+            _cache[4] || (_cache[4] = createElementVNode("span", null, "Not available", -1))
+          ]),
+          _: 1
+        })) : !sourceHtml.value ? (openBlock(), createElementBlock("textarea", {
+          key: 3,
+          ref_key: "scroller",
+          ref: scroller,
+          class: "__histoire-code-placeholder htw-w-full htw-h-full htw-p-4 htw-outline-none htw-bg-transparent htw-resize-none htw-m-0",
+          value: displayedSourceCode.value,
+          readonly: "",
+          "data-test-id": "story-source-code",
+          onScroll
+        }, null, 40, _hoisted_5)) : (openBlock(), createElementBlock("div", {
+          key: 4,
+          ref_key: "scroller",
+          ref: scroller,
+          class: "htw-w-full htw-h-full htw-overflow-auto",
+          "data-test-id": "story-source-code",
+          onScroll
+        }, [
+          createElementVNode("div", {
+            class: "__histoire-code htw-p-4 htw-w-fit",
+            innerHTML: sourceHtml.value
+          }, null, 8, _hoisted_6)
+        ], 544))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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