{"version":3,"file":"FilePreview-CIWQG3_L.js","sources":["../../src/lightspeed/features/file-preview/FileFrame.vue","../../src/lightspeed/features/file-preview/FilePreview.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useQuery } from \"@tanstack/vue-query\";\nimport { computedWithControl, syncRefs } from \"@vueuse/core\";\nimport { getViewerParams } from \"ls/api/cloud/prototype\";\nimport { useAxureCloudTitle } from \"ls/composables/useAxureCloudTitle\";\nimport { STALE } from \"ls/queries/staleTime\";\nimport { computed } from \"vue\";\nimport { useRoute } from \"vue-router\";\nimport { usePreviewIframe } from \"../files/context\";\nimport { useFileLinks } from \"../files/useFileLinks\";\nimport { isQuerySupportProject } from \"../files/utils\";\nimport { useFilePreviewContext } from \"./context\";\n\nconst props = defineProps<{\n  screen?: string;\n}>();\n\nconst { iframe, file, page } = useFilePreviewContext();\nconst { iframe: previewIframe } = usePreviewIframe();\n\nsyncRefs(iframe, previewIframe);\n\nconst pageName = computed(() => page.value?.pageName || file.value?.Name);\nuseAxureCloudTitle(pageName);\n\nconst links = useFileLinks(file);\nconst params = useQuery({\n  queryKey: computed(() => [\"viewer-params\"]),\n  queryFn: getViewerParams,\n  // only needed once, so we declare it as always fresh to not refetch on window focus or reconnect\n  staleTime: STALE.INFINITY,\n  // but always refetch when frame is mounted\n  refetchOnMount: \"always\",\n});\n\nconst route = useRoute();\n// need to ignore other changes except for viewer params\n// but we don't want to change `src` attribute as this will trigger full frame reload\n// so explicitly using `computedWithControl` to only trigger change when viewer-params change (loaded)\nconst iframeSrc = computedWithControl(params.data, () => {\n  if (!params.data.value) return;\n\n  const src = new URL(links.value.frame);\n  // set viewer params\n  for (const [key, value] of Object.entries(params.data.value.Params)) {\n    src.searchParams.append(key, value);\n  }\n\n  // add 'cl' parameter to iframeSrc for recognize request as in-app mode\n  src.searchParams.set(\"cl\", \"1\");\n\n  if (props.screen) {\n    src.searchParams.set(\"id\", props.screen);\n  }\n\n  // pass all query params\n  const query = route.query;\n  for (const [key, values] of Object.entries(query)) {\n    if (Array.isArray(values)) {\n      for (const value of values) {\n        if (value != null) {\n          src.searchParams.set(key, value);\n        }\n      }\n    } else if (values != null) {\n      src.searchParams.set(key, values);\n    }\n  }\n\n  // set query as hash for pre query-string prototypes\n  if (!isQuerySupportProject(file.value)) {\n    src.hash = src.search;\n  }\n\n  return src.href;\n});\n</script>\n\n<template>\n  <iframe\n    v-if=\"iframeSrc\"\n    ref=\"iframe\"\n    class=\"flex flex-1\"\n    :src=\"iframeSrc\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { routeNames } from \"ls/router/constants\";\nimport { computed } from \"vue\";\nimport { useRoute } from \"vue-router\";\nimport { useFile } from \"../files/useFile\";\nimport FileFrame from \"./FileFrame.vue\";\nimport FilePreviewContext from \"./FilePreviewContext.vue\";\nimport FilePreviewToolbar from \"./FilePreviewToolbar.vue\";\n\nconst props = defineProps<{\n  shortcut: string;\n  screen?: string;\n}>();\n\nconst route = useRoute();\n\nconst file = useFile(() => props.shortcut);\nconst mode = computed(() => {\n  if (route.name === routeNames.fileInspect) return \"inspect\";\n  return \"preview\";\n});\n</script>\n\n<template>\n  <div class=\"flex h-full min-h-0 flex-1 flex-col\">\n    <FilePreviewContext\n      v-if=\"file\"\n      :file=\"file\"\n      :mode=\"mode\"\n      :screen=\"screen\"\n    >\n      <FilePreviewToolbar />\n      <div class=\"flex flex-1 overflow-auto\">\n        <FileFrame\n          :screen=\"screen\"\n        />\n      </div>\n    </FilePreviewContext>\n  </div>\n</template>\n"],"names":["props","__props","iframe","file","page","useFilePreviewContext","previewIframe","usePreviewIframe","syncRefs","pageName","computed","_a","_b","useAxureCloudTitle","links","useFileLinks","params","useQuery","getViewerParams","STALE","route","useRoute","iframeSrc","computedWithControl","src","key","value","query","values","isQuerySupportProject","useFile","mode","routeNames"],"mappings":"20EAaA,MAAMA,EAAQC,EAIR,CAAE,OAAAC,EAAQ,KAAAC,EAAM,KAAAC,CAAA,EAASC,EAAsB,EAC/C,CAAE,OAAQC,CAAc,EAAIC,EAAiB,EAEnDC,EAASN,EAAQI,CAAa,EAExB,MAAAG,EAAWC,EAAS,aAAM,QAAAC,EAAAP,EAAK,QAAL,YAAAO,EAAY,aAAYC,EAAAT,EAAK,QAAL,YAAAS,EAAY,MAAI,EACxEC,EAAmBJ,CAAQ,EAErB,MAAAK,EAAQC,EAAaZ,CAAI,EACzBa,EAASC,EAAS,CACtB,SAAUP,EAAS,IAAM,CAAC,eAAe,CAAC,EAC1C,QAASQ,EAET,UAAWC,EAAM,SAEjB,eAAgB,QAAA,CACjB,EAEKC,EAAQC,EAAS,EAIjBC,EAAYC,EAAoBP,EAAO,KAAM,IAAM,CACnD,GAAA,CAACA,EAAO,KAAK,MAAO,OAExB,MAAMQ,EAAM,IAAI,IAAIV,EAAM,MAAM,KAAK,EAE1B,SAAA,CAACW,EAAKC,CAAK,IAAK,OAAO,QAAQV,EAAO,KAAK,MAAM,MAAM,EAC5DQ,EAAA,aAAa,OAAOC,EAAKC,CAAK,EAIhCF,EAAA,aAAa,IAAI,KAAM,GAAG,EAE1BxB,EAAM,QACRwB,EAAI,aAAa,IAAI,KAAMxB,EAAM,MAAM,EAIzC,MAAM2B,EAAQP,EAAM,MACpB,SAAW,CAACK,EAAKG,CAAM,IAAK,OAAO,QAAQD,CAAK,EAC1C,GAAA,MAAM,QAAQC,CAAM,EACtB,UAAWF,KAASE,EACdF,GAAS,MACPF,EAAA,aAAa,IAAIC,EAAKC,CAAK,OAG1BE,GAAU,MACfJ,EAAA,aAAa,IAAIC,EAAKG,CAAM,EAKpC,OAAKC,EAAsB1B,EAAK,KAAK,IACnCqB,EAAI,KAAOA,EAAI,QAGVA,EAAI,IAAA,CACZ,+QClED,MAAMxB,EAAQC,EAKRmB,EAAQC,EAAS,EAEjBlB,EAAO2B,EAAQ,IAAM9B,EAAM,QAAQ,EACnC+B,EAAOrB,EAAS,IAChBU,EAAM,OAASY,EAAW,YAAoB,UAC3C,SACR"}