@ohos-ports/histoire-app 1.0.0-beta.0

package/dist/bundled/components/toolbar/ToolbarResponsiveSize.vue2.js

@@ -0,0 +1,127 @@
+import { defineComponent, resolveComponent, resolveDirective, createBlock, openBlock, unref, withCtx, withDirectives, createElementBlock, normalizeClass, createVNode, createElementVNode, createTextVNode, vModelText, Fragment, renderList, toDisplayString, createCommentVNode } from "@histoire/vendors/vue";
+import { Icon } from "@histoire/vendors/iconify";
+import { usePreviewSettingsStore } from "../../stores/preview-settings.js";
+import { histoireConfig } from "../../util/config.js";
+import "../base/BaseCheckbox.vue.js";
+import _sfc_main$1 from "../base/BaseCheckbox.vue2.js";
+"use strict";
+const _hoisted_1 = { class: "htw-flex htw-flex-col htw-items-stretch" };
+const _hoisted_2 = { class: "htw-flex htw-items-center htw-gap-2 htw-px-4 htw-py-3" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "htw-ml-auto htw-opacity-70 htw-flex htw-gap-1" };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { key: 0 };
+const _hoisted_7 = { key: 1 };
+const _hoisted_8 = { key: 2 };
+const _hoisted_9 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ToolbarResponsiveSize",
+  setup(__props) {
+    const settings = usePreviewSettingsStore().currentSettings;
+    return (_ctx, _cache) => {
+      const _component_VDropdown = resolveComponent("VDropdown");
+      const _directive_tooltip = resolveDirective("tooltip");
+      return openBlock(), createBlock(_component_VDropdown, {
+        placement: "bottom-end",
+        skidding: 6,
+        disabled: !unref(histoireConfig).responsivePresets?.length,
+        class: "histoire-toolbar-responsive-size htw-h-full htw-flex-none"
+      }, {
+        popper: withCtx(({ hide }) => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(_sfc_main$1, {
+              modelValue: unref(settings).rotate,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(settings).rotate = $event)
+            }, {
+              default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                createTextVNode(" Rotate ", -1)
+              ])]),
+              _: 1
+            }, 8, ["modelValue"]),
+            createElementVNode("div", _hoisted_2, [
+              withDirectives(createElementVNode("input", {
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(settings).responsiveWidth = $event),
+                type: "number",
+                class: "htw-bg-transparent htw-border htw-border-gray-200 dark:htw-border-gray-850 htw-rounded htw-w-20 htw-opacity-50 focus:htw-opacity-100 htw-flex-1 htw-min-w-0",
+                step: "16",
+                placeholder: "Auto"
+              }, null, 512), [
+                [
+                  vModelText,
+                  unref(settings).responsiveWidth,
+                  void 0,
+                  { number: true }
+                ],
+                [_directive_tooltip, "Responsive width (px)"]
+              ]),
+              _cache[4] || (_cache[4] = createElementVNode("span", { class: "htw-opacity-50" }, "×", -1)),
+              withDirectives(createElementVNode("input", {
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(settings).responsiveHeight = $event),
+                type: "number",
+                class: "htw-bg-transparent htw-border htw-border-gray-200 dark:htw-border-gray-850 htw-rounded htw-w-20 htw-opacity-50 focus:htw-opacity-100 htw-flex-1 htw-min-w-0",
+                step: "16",
+                placeholder: "Auto"
+              }, null, 512), [
+                [
+                  vModelText,
+                  unref(settings).responsiveHeight,
+                  void 0,
+                  { number: true }
+                ],
+                [_directive_tooltip, "Responsive height (px)"]
+              ])
+            ]),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(histoireConfig).responsivePresets, (preset, index) => {
+              return openBlock(), createElementBlock("button", {
+                key: index,
+                class: normalizeClass(["htw-px-4 htw-py-3 htw-cursor-pointer htw-text-left htw-flex htw-gap-4", [
+                  unref(settings).responsiveWidth === preset.width && unref(settings).responsiveHeight === preset.height ? "htw-bg-primary-500 hover:htw-bg-primary-600 htw-text-white dark:htw-text-black" : "htw-bg-transparent hover:htw-bg-primary-100 dark:hover:htw-bg-primary-700"
+                ]]),
+                onClick: ($event) => {
+                  unref(settings).responsiveWidth = preset.width;
+                  unref(settings).responsiveHeight = preset.height;
+                  hide();
+                }
+              }, [
+                createTextVNode(toDisplayString(preset.label) + " ", 1),
+                createElementVNode("span", _hoisted_4, [
+                  preset.width ? (openBlock(), createElementBlock("span", _hoisted_5, [
+                    createTextVNode(toDisplayString(preset.width), 1),
+                    !preset.height ? (openBlock(), createElementBlock("span", _hoisted_6, "px")) : createCommentVNode("", true)
+                  ])) : createCommentVNode("", true),
+                  preset.width && preset.height ? (openBlock(), createElementBlock("span", _hoisted_7, "x")) : createCommentVNode("", true),
+                  preset.height ? (openBlock(), createElementBlock("span", _hoisted_8, [
+                    createTextVNode(toDisplayString(preset.height), 1),
+                    !preset.width ? (openBlock(), createElementBlock("span", _hoisted_9, "px")) : createCommentVNode("", true)
+                  ])) : createCommentVNode("", true)
+                ])
+              ], 10, _hoisted_3);
+            }), 128))
+          ])
+        ]),
+        default: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock("div", {
+            class: normalizeClass(["htw-flex htw-items-center htw-gap-1 htw-h-full htw-px-2 htw-group", {
+              "htw-cursor-pointer hover:htw-text-primary-500": unref(histoireConfig).responsivePresets?.length
+            }])
+          }, [
+            createVNode(unref(Icon), {
+              icon: "carbon:devices",
+              class: "htw-w-4 htw-h-4 htw-opacity-50 group-hover:htw-opacity-100"
+            }),
+            createVNode(unref(Icon), {
+              icon: "carbon:caret-down",
+              class: "htw-w-4 htw-h-4 htw-opacity-50 group-hover:htw-opacity-100"
+            })
+          ], 2)), [
+            [_directive_tooltip, "Responsive sizes"]
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/bundled/components/toolbar/ToolbarTextDirection.vue.js

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

package/dist/bundled/components/toolbar/ToolbarTextDirection.vue2.js

@@ -0,0 +1,27 @@
+import { defineComponent, resolveDirective, withDirectives, createElementBlock, openBlock, unref, createVNode } from "@histoire/vendors/vue";
+import { Icon } from "@histoire/vendors/iconify";
+import { usePreviewSettingsStore } from "../../stores/preview-settings.js";
+"use strict";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ToolbarTextDirection",
+  setup(__props) {
+    const settings = usePreviewSettingsStore().currentSettings;
+    return (_ctx, _cache) => {
+      const _directive_tooltip = resolveDirective("tooltip");
+      return withDirectives((openBlock(), createElementBlock("a", {
+        class: "histoire-toolbar-text-direction htw-flex htw-items-center htw-gap-1 htw-h-full htw-px-2 hover:htw-text-primary-500 htw-opacity-50 hover:htw-opacity-100 dark:hover:htw-text-primary-400 htw-text-gray-900 dark:htw-text-gray-100",
+        onClick: _cache[0] || (_cache[0] = ($event) => unref(settings).textDirection = unref(settings).textDirection === "ltr" ? "rtl" : "ltr")
+      }, [
+        createVNode(unref(Icon), {
+          icon: unref(settings).textDirection === "ltr" ? "fluent:text-paragraph-direction-right-16-regular" : "fluent:text-paragraph-direction-left-16-regular",
+          class: "htw-w-4 htw-h-4"
+        }, null, 8, ["icon"])
+      ])), [
+        [_directive_tooltip, `Switch to text direction ${unref(settings).textDirection === "ltr" ? "Right to Left" : "Left to Right"}`]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/bundled/components/toolbar/ToolbarTitle.vue.js

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

package/dist/bundled/components/toolbar/ToolbarTitle.vue2.js

@@ -0,0 +1,26 @@
+import { defineComponent, createElementBlock, openBlock, createVNode, createElementVNode, unref, normalizeClass, toDisplayString } from "@histoire/vendors/vue";
+import { Icon } from "@histoire/vendors/iconify";
+"use strict";
+const _hoisted_1 = { class: "histoire-toolbar-title htw-flex htw-items-center htw-gap-1 htw-text-gray-500 htw-flex-1 htw-truncate htw-min-w-0" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ToolbarTitle",
+  props: {
+    variant: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Icon), {
+          icon: __props.variant.icon ?? "carbon:cube",
+          class: normalizeClass(["htw-w-4 htw-h-4 htw-opacity-50", [
+            __props.variant.iconColor ? "bind-icon-color" : "htw-text-gray-500"
+          ]])
+        }, null, 8, ["icon", "class"]),
+        createElementVNode("span", null, toDisplayString(__props.variant.title), 1)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/bundled/components/tree/StoryGroup.vue.js

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

package/dist/bundled/components/tree/StoryGroup.vue2.js

@@ -0,0 +1,74 @@
+import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, Fragment, createElementVNode, withKeys, createVNode, unref, toDisplayString, renderList, createBlock } from "@histoire/vendors/vue";
+import { Icon } from "@histoire/vendors/iconify";
+import { useFolderStore } from "../../stores/folder.js";
+import StoryListFolder from "./StoryListFolder.vue.js";
+import StoryListItem from "./StoryListItem.vue.js";
+"use strict";
+const _hoisted_1 = {
+  "data-test-id": "story-group",
+  class: "histoire-story-group htw-my-2 first:htw-mt-0 last:htw-mb-0 htw-group"
+};
+const _hoisted_2 = { class: "htw-truncate" };
+const _hoisted_3 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "StoryGroup",
+  props: {
+    path: { default: () => [] },
+    group: {},
+    stories: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const folderStore = useFolderStore();
+    const folderPath = computed(() => [...props.path, props.group.title]);
+    const isFolderOpen = computed(() => folderStore.isFolderOpened(folderPath.value, true));
+    function toggleOpen() {
+      folderStore.toggleFolder(folderPath.value, false);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.group.title ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          _cache[0] || (_cache[0] = createElementVNode("div", { class: "htw-h-[1px] htw-bg-gray-500/10 htw-mx-6 htw-mb-2 group-first:htw-hidden" }, null, -1)),
+          createElementVNode("div", {
+            role: "button",
+            tabindex: "0",
+            class: "htw-px-0.5 htw-py-2 md:htw-py-1.5 htw-mx-1 htw-rounded-sm hover:htw-bg-primary-100 dark:hover:htw-bg-primary-900 htw-cursor-pointer htw-select-none htw-flex htw-items-center htw-gap-2 htw-min-w-0 htw-opacity-50 hover:htw-opacity-100",
+            onClick: toggleOpen,
+            onKeyup: [
+              withKeys(toggleOpen, ["enter"]),
+              withKeys(toggleOpen, ["space"])
+            ]
+          }, [
+            createVNode(unref(Icon), {
+              icon: isFolderOpen.value ? "ri:subtract-line" : "ri:add-line",
+              class: "htw-w-4 htw-h-4 htw-ml-4 htw-rounded-sm htw-border htw-border-gray-500/40"
+            }, null, 8, ["icon"]),
+            createElementVNode("span", _hoisted_2, toDisplayString(__props.group.title), 1)
+          ], 32)
+        ], 64)) : createCommentVNode("", true),
+        isFolderOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.group.children, (element) => {
+            return openBlock(), createElementBlock(Fragment, {
+              key: element.title
+            }, [
+              element.children ? (openBlock(), createBlock(StoryListFolder, {
+                key: 0,
+                path: folderPath.value,
+                folder: element,
+                stories: __props.stories,
+                depth: 0
+              }, null, 8, ["path", "folder", "stories"])) : (openBlock(), createBlock(StoryListItem, {
+                key: 1,
+                story: __props.stories[element.index],
+                depth: 0
+              }, null, 8, ["story"]))
+            ], 64);
+          }), 128))
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/bundled/components/tree/StoryList.vue.js

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

package/dist/bundled/components/tree/StoryList.vue2.js

@@ -0,0 +1,41 @@
+import { defineComponent, createElementBlock, openBlock, Fragment, renderList, createBlock } from "@histoire/vendors/vue";
+import "./StoryGroup.vue.js";
+import StoryListFolder from "./StoryListFolder.vue.js";
+import StoryListItem from "./StoryListItem.vue.js";
+import _sfc_main$1 from "./StoryGroup.vue2.js";
+"use strict";
+const _hoisted_1 = { class: "histoire-story-list htw-overflow-y-auto" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "StoryList",
+  props: {
+    tree: {},
+    stories: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tree, (element) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: element.title
+          }, [
+            element.group ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              group: element,
+              stories: __props.stories
+            }, null, 8, ["group", "stories"])) : element.children ? (openBlock(), createBlock(StoryListFolder, {
+              key: 1,
+              folder: element,
+              stories: __props.stories
+            }, null, 8, ["folder", "stories"])) : (openBlock(), createBlock(StoryListItem, {
+              key: 2,
+              story: __props.stories[element.index]
+            }, null, 8, ["story"]))
+          ], 64);
+        }), 128))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/bundled/components/tree/StoryListFolder.vue.js

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

package/dist/bundled/components/tree/StoryListFolder.vue2.js

@@ -0,0 +1,86 @@
+import { defineComponent, useCssVars, computed, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, withKeys, createVNode, unref, normalizeClass, toDisplayString, Fragment, renderList, createBlock } from "@histoire/vendors/vue";
+import { Icon } from "@histoire/vendors/iconify";
+import { useFolderStore } from "../../stores/folder.js";
+import StoryListItem from "./StoryListItem.vue.js";
+"use strict";
+const _hoisted_1 = {
+  "data-test-id": "story-list-folder",
+  class: "histoire-story-list-folder"
+};
+const _hoisted_2 = { class: "bind-tree-padding htw-flex htw-items-center htw-gap-2 htw-min-w-0" };
+const _hoisted_3 = { class: "htw-flex htw-flex-none htw-items-center htw-opacity-30 [.histoire-story-list-folder-button:hover_&]:htw-opacity-100 htw-ml-4 htw-w-4 htw-h-4 htw-rounded-sm htw-border htw-border-gray-500/40" };
+const _hoisted_4 = { class: "htw-truncate" };
+const _hoisted_5 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "StoryListFolder",
+  props: {
+    path: { default: () => [] },
+    folder: {},
+    stories: {},
+    depth: { default: 0 }
+  },
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v5352bb71": folderPadding.value
+    }));
+    const props = __props;
+    const folderStore = useFolderStore();
+    const folderPath = computed(() => [...props.path, props.folder.title]);
+    const isFolderOpen = computed(() => folderStore.isFolderOpened(folderPath.value));
+    function toggleOpen() {
+      folderStore.toggleFolder(folderPath.value);
+    }
+    const folderPadding = computed(() => {
+      return `${props.depth * 12}px`;
+    });
+    return (_ctx, _cache) => {
+      const _component_StoryListFolder = resolveComponent("StoryListFolder", true);
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          role: "button",
+          tabindex: "0",
+          class: "histoire-story-list-folder-button htw-px-0.5 htw-py-2 md:htw-py-1.5 htw-mx-1 htw-rounded-sm hover:htw-bg-primary-100 dark:hover:htw-bg-primary-900 htw-cursor-pointer htw-select-none htw-flex",
+          onClick: toggleOpen,
+          onKeyup: [
+            withKeys(toggleOpen, ["enter"]),
+            withKeys(toggleOpen, ["space"])
+          ]
+        }, [
+          createElementVNode("span", _hoisted_2, [
+            createElementVNode("span", _hoisted_3, [
+              createVNode(unref(Icon), {
+                icon: "carbon:caret-right",
+                class: normalizeClass(["htw-w-full htw-h-full htw-transition-transform htw-duration-150", {
+                  "htw-rotate-90": isFolderOpen.value
+                }])
+              }, null, 8, ["class"])
+            ]),
+            createElementVNode("span", _hoisted_4, toDisplayString(__props.folder.title), 1)
+          ])
+        ], 32),
+        isFolderOpen.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.folder.children, (element) => {
+            return openBlock(), createElementBlock(Fragment, {
+              key: element.title
+            }, [
+              element.children ? (openBlock(), createBlock(_component_StoryListFolder, {
+                key: 0,
+                path: folderPath.value,
+                folder: element,
+                stories: __props.stories,
+                depth: __props.depth + 1
+              }, null, 8, ["path", "folder", "stories", "depth"])) : (openBlock(), createBlock(StoryListItem, {
+                key: 1,
+                story: __props.stories[element.index],
+                depth: __props.depth + 1
+              }, null, 8, ["story", "depth"]))
+            ], 64);
+          }), 128))
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/bundled/components/tree/StoryListItem.vue.js

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

package/dist/bundled/components/tree/StoryListItem.vue2.js

@@ -0,0 +1,69 @@
+import { defineComponent, useCssVars, computed, ref, createElementBlock, openBlock, createVNode, withCtx, createElementVNode, createCommentVNode, unref, normalizeClass, toDisplayString } from "@histoire/vendors/vue";
+import { Icon } from "@histoire/vendors/iconify";
+import { useRoute } from "@histoire/vendors/vue-router";
+import { useScrollOnActive } from "../../util/scroll.js";
+import BaseListItemLink from "../base/BaseListItemLink.vue.js";
+"use strict";
+const _hoisted_1 = { class: "bind-tree-margin htw-flex htw-items-center htw-gap-2 htw-pl-4 htw-min-w-0" };
+const _hoisted_2 = { class: "htw-truncate" };
+const _hoisted_3 = {
+  key: 0,
+  class: "htw-opacity-40 htw-text-sm"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "StoryListItem",
+  props: {
+    story: {},
+    depth: { default: 0 }
+  },
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v2562213a": filePadding.value,
+      "v1eff521f": _ctx.story.iconColor
+    }));
+    const props = __props;
+    const filePadding = computed(() => {
+      return `${props.depth * 12}px`;
+    });
+    const route = useRoute();
+    const isActive = computed(() => route.params.storyId === props.story.id);
+    const el = ref();
+    useScrollOnActive(isActive, el);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "el",
+        ref: el,
+        "data-test-id": "story-list-item",
+        class: "histoire-story-list-item"
+      }, [
+        createVNode(BaseListItemLink, {
+          to: {
+            name: "story",
+            params: {
+              storyId: __props.story.id
+            }
+          },
+          class: "htw-pl-0.5 htw-pr-2 htw-py-2 md:htw-py-1.5 htw-mx-1 htw-rounded-sm"
+        }, {
+          default: withCtx(({ active }) => [
+            createElementVNode("span", _hoisted_1, [
+              createVNode(unref(Icon), {
+                icon: __props.story.icon ?? "carbon:cube",
+                class: normalizeClass(["htw-w-5 htw-h-5 sm:htw-w-4 sm:htw-h-4 htw-flex-none", {
+                  "htw-text-primary-500": !active && !__props.story.iconColor,
+                  "bind-icon-color": !active && __props.story.iconColor
+                }])
+              }, null, 8, ["icon", "class"]),
+              createElementVNode("span", _hoisted_2, toDisplayString(__props.story.title), 1)
+            ]),
+            !__props.story.docsOnly ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.story.variants.length), 1)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["to"])
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/bundled/index.js

@@ -0,0 +1,36 @@
+import "./_virtual/_node-dom-env.js";
+import FloatingVue from "@histoire/vendors/floating-vue";
+import { createPinia } from "@histoire/vendors/pinia";
+import { createApp } from "@histoire/vendors/vue";
+import "./App.vue.js";
+import { setupPluginApi } from "./plugin.js";
+import { router } from "./router.js";
+import "./_virtual/histoire-theme.js";
+import _sfc_main from "./App.vue2.js";
+"use strict";
+async function mountMainApp() {
+  const app = createApp(_sfc_main);
+  app.use(createPinia());
+  app.use(FloatingVue, {
+    overflowPadding: 4,
+    arrowPadding: 8,
+    themes: {
+      tooltip: {
+        distance: 8
+      },
+      dropdown: {
+        computeTransformOrigin: true,
+        distance: 8
+      }
+    }
+  });
+  app.use(router);
+  app.mount("#app");
+  if (import.meta.hot) {
+    import.meta.hot.send("histoire:mount", {});
+    /* @__PURE__ */ setupPluginApi();
+  }
+}
+export {
+  mountMainApp
+};

package/dist/bundled/plugin.js

@@ -0,0 +1,49 @@
+import { router } from "./router.js";
+"use strict";
+function setupPluginApi() {
+  if (!import.meta.hot) return;
+  const listeners = {};
+  import.meta.hot.on("histoire:dev-event-result", ({ event, result }) => {
+    const set = listeners[event];
+    if (set) {
+      for (const listener of set) {
+        listener(result);
+      }
+    }
+  });
+  function addDevEventListener(event, listener) {
+    let set = listeners[event];
+    if (!set) {
+      set = /* @__PURE__ */ new Set();
+      listeners[event] = set;
+    }
+    set.add(listener);
+    return () => {
+      set.delete(listener);
+    };
+  }
+  window.__HST_PLUGIN_API__ = {
+    sendEvent: (event, payload) => {
+      return new Promise((resolve) => {
+        import.meta.hot.send(`histoire:dev-event`, {
+          event,
+          payload
+        });
+        if (event.startsWith("on")) {
+          resolve(void 0);
+        } else {
+          const off = addDevEventListener(event, (result) => {
+            off();
+            resolve(result);
+          });
+        }
+      });
+    },
+    openStory: (storyId) => {
+      router.push({ name: "story", params: { storyId } });
+    }
+  };
+}
+export {
+  setupPluginApi
+};

package/dist/bundled/router.js

@@ -0,0 +1,32 @@
+import { createWebHistory, createWebHashHistory, createRouter } from "@histoire/vendors/vue-router";
+import { histoireConfig } from "./util/config.js";
+"use strict";
+const base = (typeof import.meta !== "undefined" && import.meta.env && import.meta.env.BASE_URL !== undefined) ? import.meta.env.BASE_URL : "/";
+function createRouterHistory() {
+  switch (histoireConfig.routerMode) {
+    case "hash":
+      return createWebHashHistory(base);
+    case "history":
+    default:
+      return createWebHistory(base);
+  }
+}
+const router = createRouter({
+  history: createRouterHistory(),
+  routes: [
+    {
+      path: "/",
+      name: "home",
+      component: () => import("./components/HomeView.vue.js")
+    },
+    {
+      path: "/story/:storyId",
+      name: "story",
+      component: () => import("./components/story/StoryView.vue.js")
+    }
+  ]
+});
+export {
+  base,
+  router
+};