npm - @poveste/app - Versions diffs - 0.1.0 - Mend

@@ -0,0 +1,70 @@
+import { markRaw, reactive } from "@poveste/vendors/vue";
+"use strict";
+const copiedFromExistingVariant = [
+  "state",
+  "slots",
+  "source",
+  "responsiveDisabled",
+  "autoPropsDisabled",
+  "setupApp",
+  "configReady",
+  "previewReady"
+];
+function mapFile(file, existingFile) {
+  let result;
+  if (existingFile) {
+    result = existingFile;
+    for (const key in file) {
+      if (key === "story") {
+        result.story = {
+          ...result.story,
+          ...file.story,
+          file: markRaw(result),
+          variants: file.story.variants.map((v) => mapVariant(v, existingFile.story.variants.find((item) => item.id === v.id)))
+        };
+      } else if (key !== "component") {
+        result[key] = file[key];
+      }
+    }
+  } else {
+    result = {
+      ...file,
+      component: markRaw(file.component),
+      story: {
+        ...file.story,
+        title: file.story.title,
+        file: markRaw(file),
+        variants: file.story.variants.map((v) => mapVariant(v)),
+        slots: () => ({})
+      }
+    };
+  }
+  return result;
+}
+function mapVariant(variant, existingVariant) {
+  let result;
+  if (existingVariant) {
+    result = existingVariant;
+    for (const key in variant) {
+      if (!copiedFromExistingVariant.includes(key)) {
+        result[key] = variant[key];
+      }
+    }
+  } else {
+    result = {
+      ...variant,
+      state: reactive({
+        _hPropState: {},
+        _hPropDefs: {}
+      }),
+      setupApp: null,
+      slots: () => ({}),
+      previewReady: false
+    };
+  }
+  return result;
+}
+export {
+  mapFile,
+  mapVariant
+};

@@ -0,0 +1,6 @@
+function openInEditor(file) {
+  return fetch(`${import.meta.env.BASE_URL}__open-in-editor?file=${encodeURIComponent(file)}`);
+}
+export {
+  openInEditor
+};

@@ -0,0 +1,21 @@
+import { reactive } from "@poveste/vendors/vue";
+import { histoireConfig } from "./config.js";
+"use strict";
+const receivedSettings = reactive({});
+function applyPreviewSettings(settings) {
+  Object.assign(receivedSettings, settings);
+  document.documentElement.setAttribute("dir", settings.textDirection);
+  const contrastColor = getContrastColor(settings);
+  document.documentElement.style.setProperty("--histoire-contrast-color", contrastColor);
+  if (histoireConfig.autoApplyContrastColor) {
+    document.documentElement.style.color = contrastColor;
+  }
+}
+function getContrastColor(setting) {
+  return histoireConfig.backgroundPresets.find((preset) => preset.color === setting.backgroundColor)?.contrastColor ?? "unset";
+}
+export {
+  applyPreviewSettings,
+  getContrastColor,
+  receivedSettings
+};

@@ -0,0 +1,6 @@
+import { useMediaQuery } from "@poveste/vendors/vue-use";
+"use strict";
+const isMobile = useMediaQuery("(max-width: 640px)");
+export {
+  isMobile
+};

@@ -0,0 +1,11 @@
+import { base } from "../router.js";
+"use strict";
+function getSandboxUrl(story, variant) {
+  const url = new URLSearchParams();
+  url.append("storyId", story.id);
+  url.append("variantId", variant.id);
+  return `${base}__sandbox.html?${url.toString()}`;
+}
+export {
+  getSandboxUrl
+};

@@ -0,0 +1,31 @@
+import scrollIntoView from "@poveste/vendors/scroll";
+import { watch, onMounted } from "@poveste/vendors/vue";
+"use strict";
+function useScrollOnActive(active, el) {
+  watch(active, (value) => {
+    if (value) {
+      autoScroll();
+    }
+  });
+  function autoScroll() {
+    if (el.value) {
+      scrollIntoView(el.value, {
+        scrollMode: "if-needed",
+        block: "center",
+        inline: "nearest",
+        behavior: "smooth"
+      });
+    }
+  }
+  onMounted(() => {
+    if (active.value) {
+      autoScroll();
+    }
+  });
+  return {
+    autoScroll
+  };
+}
+export {
+  useScrollOnActive
+};

@@ -0,0 +1,28 @@
+import { ref, watch, computed } from "@poveste/vendors/vue";
+"use strict";
+function useSelection(list) {
+  const selectedIndex = ref(0);
+  watch(list, () => {
+    selectedIndex.value = 0;
+  });
+  function selectNext() {
+    selectedIndex.value++;
+    if (selectedIndex.value > list.value.length - 1) {
+      selectedIndex.value = 0;
+    }
+  }
+  function selectPrevious() {
+    selectedIndex.value--;
+    if (selectedIndex.value < 0) {
+      selectedIndex.value = list.value.length - 1;
+    }
+  }
+  return {
+    selectedIndex: computed(() => selectedIndex.value),
+    selectNext,
+    selectPrevious
+  };
+}
+export {
+  useSelection
+};

@@ -0,0 +1,41 @@
+import { isRef, unref } from "@poveste/vendors/vue";
+"use strict";
+const isObject = (val) => val !== null && typeof val === "object";
+function toRawDeep(val, clean = false, seen = /* @__PURE__ */ new WeakMap()) {
+  const unwrappedValue = isRef(val) ? unref(val) : val;
+  if (typeof unwrappedValue === "symbol") {
+    return unwrappedValue.toString();
+  }
+  if (!isObject(unwrappedValue)) {
+    return unwrappedValue;
+  }
+  if (seen.has(unwrappedValue)) {
+    return seen.get(unwrappedValue);
+  }
+  if (Array.isArray(unwrappedValue)) {
+    const result = [];
+    seen.set(unwrappedValue, result);
+    let list = unwrappedValue.map((value) => toRawDeep(value, clean, seen));
+    if (clean) {
+      list = list.filter((value) => typeof value !== "function");
+    }
+    result.push(...list);
+    return result;
+  } else {
+    const result = {};
+    seen.set(unwrappedValue, result);
+    toRawObject(unwrappedValue, result, clean, seen);
+    return result;
+  }
+}
+function toRawObject(obj, target, clean = false, seen = /* @__PURE__ */ new WeakMap()) {
+  Object.keys(obj).forEach((key) => {
+    if (clean && typeof obj[key] === "function") {
+      return;
+    }
+    target[key] = toRawDeep(obj[key], clean, seen);
+  });
+}
+export {
+  toRawDeep
+};

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

@@ -0,0 +1,21 @@
+import { computed } from "@poveste/vendors/vue";
+import { useRoute } from "@poveste/vendors/vue-router";
+"use strict";
+function useCurrentVariantRoute(variant) {
+  const route = useRoute();
+  const isActive = computed(() => route.query.variantId === variant.value.id);
+  const targetRoute = computed(() => ({
+    ...route,
+    query: {
+      ...route.query,
+      variantId: variant.value.id
+    }
+  }));
+  return {
+    isActive,
+    targetRoute
+  };
+}
+export {
+  useCurrentVariantRoute
+};

@poveste/app 0.1.0