@templatical/editor 0.41.0 → 0.42.1

package/dist/cdn/chunks/{IssuesPanel-CKkv9z9g.js → IssuesPanel-qKY6UDd-.js}

@@ -1,7 +1,7 @@
 import { E as e, F as t, N as n, R as r, S as i, at as a, b as o, ct as s, f as c, g as l, h as u, m as d, p as f, u as p, ut as m, y as h } from "./draggable-IB4x6w2O.js";
 import { K as g, g as _ } from "./keys-DCWeHkSF.js";
 import { t as v } from "./useI18n-CyO_Nmca.js";
-import { Ht as y, Mt as b, dt as x, r as S, st as C, u as w } from "./icons-BKkJ-5xF.js";
+import { Nt as y, Ut as b, ct as x, d as S, ft as C, r as w } from "./icons-CQnjugjy.js";
 import { t as T } from "./useScrollToBlock-DgHZJvID.js";
 //#region src/components/sidebar/IssuesPanel.vue?vue&type=script&setup=true&lang.ts
 var E = { class: "tpl:flex tpl:flex-col tpl:gap-4 tpl:p-4" }, D = { class: "tpl:flex tpl:items-center tpl:gap-2" }, O = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, k = ["title"], A = {
@@ -24,7 +24,7 @@ var E = { class: "tpl:flex tpl:flex-col tpl:gap-4 tpl:p-4" }, D = { class: "tpl:
 			V?.applyFix(e);
 		}
 		return (e, i) => (n(), l("div", E, [f("header", D, [
-			o(a(C), {
+			o(a(x), {
 				size: 16,
 				"stroke-width": 1.5
 			}),
@@ -38,21 +38,21 @@ var E = { class: "tpl:flex tpl:flex-col tpl:gap-4 tpl:p-4" }, D = { class: "tpl:
 			{
 				key: "errors",
 				title: a(z).issues.groupErrors,
-				icon: a(b),
+				icon: a(y),
 				items: W.value,
 				tone: "tpl:text-[var(--tpl-danger)]"
 			},
 			{
 				key: "warnings",
 				title: a(z).issues.groupWarnings,
-				icon: a(w),
+				icon: a(S),
 				items: G.value,
 				tone: "tpl:text-[var(--tpl-warning)]"
 			},
 			{
 				key: "info",
 				title: a(z).issues.groupInfo,
-				icon: a(x),
+				icon: a(C),
 				items: K.value,
 				tone: "tpl:text-[var(--tpl-text-muted)]"
 			}
@@ -78,7 +78,7 @@ var E = { class: "tpl:flex tpl:flex-col tpl:gap-4 tpl:p-4" }, D = { class: "tpl:
 				"data-testid": "issue-jump",
 				class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]",
 				onClick: (t) => J(e)
-			}, [o(a(y), {
+			}, [o(a(b), {
 				size: 10,
 				"stroke-width": 2
 			}), h(" " + m(a(z).issues.jump), 1)], 8, L)) : u("", !0), e.fix ? (n(), l("button", {
@@ -87,7 +87,7 @@ var E = { class: "tpl:flex tpl:flex-col tpl:gap-4 tpl:p-4" }, D = { class: "tpl:
 				class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:bg-[var(--tpl-primary)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-on-primary)]",
 				title: e.fix.description,
 				onClick: (t) => Y(e)
-			}, [o(a(S), {
+			}, [o(a(w), {
 				size: 10,
 				"stroke-width": 2
 			}), h(" " + m(a(z).issues.fix), 1)], 8, R)) : u("", !0)])
@@ -97,4 +97,4 @@ var E = { class: "tpl:flex tpl:flex-col tpl:gap-4 tpl:p-4" }, D = { class: "tpl:
 //#endregion
 export { z as default };
 
-//# sourceMappingURL=IssuesPanel-CKkv9z9g.js.map
+//# sourceMappingURL=IssuesPanel-qKY6UDd-.js.map

package/dist/cdn/chunks/IssuesPanel-qKY6UDd-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IssuesPanel-qKY6UDd-.js","names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","_unref","_toDisplayString","_createCommentVNode","_Fragment","_renderList","AlertCircle","AlertTriangle","_normalizeClass","_createBlock","_resolveDynamicComponent","_createTextVNode","_sfc_main","inject","renderList","openBlock","resolveDynamicComponent","defineComponent","unref","createVNode","normalizeClass","computed","createElementBlock","createCommentVNode","createBlock","createBaseVNode","Fragment","toDisplayString","createTextVNode","TEMPLATE_LINT_KEY","EDITOR_KEY","useI18n","CircleAlert","ArrowRight","ListChecks","TriangleAlert","Info","Wrench","useScrollToBlock","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","IssuesPanel_default","lint","editor","scrollToBlock","errors","i","warnings","infos","totalCount","jumpTo","issue","applyFix","t","format","group"],"sources":["../../../src/components/sidebar/IssuesPanel.vue","../../../src/components/sidebar/IssuesPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport {\n  ListChecks,\n  AlertCircle,\n  AlertTriangle,\n  Info,\n  ArrowRight,\n  Wrench,\n} from \"@lucide/vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { useScrollToBlock } from \"../../composables/useScrollToBlock\";\nimport { TEMPLATE_LINT_KEY, EDITOR_KEY } from \"../../keys\";\nimport type { LintIssue } from \"../../composables/useTemplateLint\";\n\nconst { t, format } = useI18n();\nconst lint = inject(TEMPLATE_LINT_KEY, null);\nconst editor = inject(EDITOR_KEY, null);\nconst scrollToBlock = useScrollToBlock();\n\nconst errors = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.severity === \"error\"),\n);\nconst warnings = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.severity === \"warning\"),\n);\nconst infos = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.severity === \"info\"),\n);\n\nconst totalCount = computed(\n  () => errors.value.length + warnings.value.length + infos.value.length,\n);\n\nfunction jumpTo(issue: LintIssue): void {\n  if (!editor) return;\n  if (!issue.blockId) return;\n  editor.selectBlock(issue.blockId);\n  // Selecting is invisible on its own — on a long template the block sits\n  // below the fold and the canvas stays put, so \"Jump\" appears to do nothing.\n  scrollToBlock(issue.blockId);\n}\n\nfunction applyFix(issue: LintIssue): void {\n  lint?.applyFix(issue);\n}\n</script>\n\n<template>\n  <div class=\"tpl:flex tpl:flex-col tpl:gap-4 tpl:p-4\">\n    <header class=\"tpl:flex tpl:items-center tpl:gap-2\">\n      <ListChecks :size=\"16\" :stroke-width=\"1.5\" />\n      <h3\n        class=\"tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n      >\n        {{ t.issues.panelTitle }}\n      </h3>\n      <span\n        v-if=\"totalCount > 0\"\n        class=\"tpl:ml-auto tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]\"\n        :title=\"format(t.issues.issueCountTooltip, { count: totalCount })\"\n      >\n        {{ totalCount }}\n      </span>\n    </header>\n\n    <div\n      v-if=\"!lint || lint.unavailable.value\"\n      class=\"tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n    >\n      <!-- Quality package not available; render nothing visible beyond a hint. -->\n    </div>\n\n    <div\n      v-else-if=\"totalCount === 0\"\n      class=\"tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3 tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n    >\n      {{ t.issues.emptyState }}\n    </div>\n\n    <template v-else>\n      <section\n        v-for=\"group in [\n          {\n            key: 'errors',\n            title: t.issues.groupErrors,\n            icon: AlertCircle,\n            items: errors,\n            tone: 'tpl:text-[var(--tpl-danger)]',\n          },\n          {\n            key: 'warnings',\n            title: t.issues.groupWarnings,\n            icon: AlertTriangle,\n            items: warnings,\n            tone: 'tpl:text-[var(--tpl-warning)]',\n          },\n          {\n            key: 'info',\n            title: t.issues.groupInfo,\n            icon: Info,\n            items: infos,\n            tone: 'tpl:text-[var(--tpl-text-muted)]',\n          },\n        ]\"\n        :key=\"group.key\"\n      >\n        <header\n          v-if=\"group.items.length > 0\"\n          class=\"tpl:mb-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-semibold tpl:uppercase tpl:tracking-wide\"\n          :class=\"group.tone\"\n        >\n          <component :is=\"group.icon\" :size=\"12\" :stroke-width=\"2\" />\n          {{ group.title }}\n          <span class=\"tpl:ml-auto tpl:font-normal tpl:opacity-70\">\n            {{ group.items.length }}\n          </span>\n        </header>\n        <ul\n          v-if=\"group.items.length > 0\"\n          class=\"tpl:m-0 tpl:mb-3 tpl:flex tpl:list-none tpl:flex-col tpl:gap-2 tpl:p-0\"\n        >\n          <li\n            v-for=\"issue in group.items\"\n            :key=\"`${issue.ruleId}-${issue.blockId ?? 'template'}`\"\n            class=\"tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3\"\n          >\n            <p class=\"tpl:m-0 tpl:mb-2 tpl:text-xs tpl:text-[var(--tpl-text)]\">\n              {{ issue.message }}\n            </p>\n            <p\n              class=\"tpl:m-0 tpl:mb-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]\"\n            >\n              {{ issue.ruleId }}\n            </p>\n            <div class=\"tpl:flex tpl:gap-1.5\">\n              <button\n                v-if=\"issue.blockId\"\n                type=\"button\"\n                data-testid=\"issue-jump\"\n                class=\"tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]\"\n                @click=\"jumpTo(issue)\"\n              >\n                <ArrowRight :size=\"10\" :stroke-width=\"2\" />\n                {{ t.issues.jump }}\n              </button>\n              <button\n                v-if=\"issue.fix\"\n                type=\"button\"\n                class=\"tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:bg-[var(--tpl-primary)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-on-primary)]\"\n                :title=\"issue.fix.description\"\n                @click=\"applyFix(issue)\"\n              >\n                <Wrench :size=\"10\" :stroke-width=\"2\" />\n                {{ t.issues.fix }}\n              </button>\n            </div>\n          </li>\n        </ul>\n      </section>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport {\n  ListChecks,\n  AlertCircle,\n  AlertTriangle,\n  Info,\n  ArrowRight,\n  Wrench,\n} from \"@lucide/vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { useScrollToBlock } from \"../../composables/useScrollToBlock\";\nimport { TEMPLATE_LINT_KEY, EDITOR_KEY } from \"../../keys\";\nimport type { LintIssue } from \"../../composables/useTemplateLint\";\n\nconst { t, format } = useI18n();\nconst lint = inject(TEMPLATE_LINT_KEY, null);\nconst editor = inject(EDITOR_KEY, null);\nconst scrollToBlock = useScrollToBlock();\n\nconst errors = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.severity === \"error\"),\n);\nconst warnings = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.severity === \"warning\"),\n);\nconst infos = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.severity === \"info\"),\n);\n\nconst totalCount = computed(\n  () => errors.value.length + warnings.value.length + infos.value.length,\n);\n\nfunction jumpTo(issue: LintIssue): void {\n  if (!editor) return;\n  if (!issue.blockId) return;\n  editor.selectBlock(issue.blockId);\n  // Selecting is invisible on its own — on a long template the block sits\n  // below the fold and the canvas stays put, so \"Jump\" appears to do nothing.\n  scrollToBlock(issue.blockId);\n}\n\nfunction applyFix(issue: LintIssue): void {\n  lint?.applyFix(issue);\n}\n</script>\n\n<template>\n  <div class=\"tpl:flex tpl:flex-col tpl:gap-4 tpl:p-4\">\n    <header class=\"tpl:flex tpl:items-center tpl:gap-2\">\n      <ListChecks :size=\"16\" :stroke-width=\"1.5\" />\n      <h3\n        class=\"tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n      >\n        {{ t.issues.panelTitle }}\n      </h3>\n      <span\n        v-if=\"totalCount > 0\"\n        class=\"tpl:ml-auto tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]\"\n        :title=\"format(t.issues.issueCountTooltip, { count: totalCount })\"\n      >\n        {{ totalCount }}\n      </span>\n    </header>\n\n    <div\n      v-if=\"!lint || lint.unavailable.value\"\n      class=\"tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n    >\n      <!-- Quality package not available; render nothing visible beyond a hint. -->\n    </div>\n\n    <div\n      v-else-if=\"totalCount === 0\"\n      class=\"tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3 tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n    >\n      {{ t.issues.emptyState }}\n    </div>\n\n    <template v-else>\n      <section\n        v-for=\"group in [\n          {\n            key: 'errors',\n            title: t.issues.groupErrors,\n            icon: AlertCircle,\n            items: errors,\n            tone: 'tpl:text-[var(--tpl-danger)]',\n          },\n          {\n            key: 'warnings',\n            title: t.issues.groupWarnings,\n            icon: AlertTriangle,\n            items: warnings,\n            tone: 'tpl:text-[var(--tpl-warning)]',\n          },\n          {\n            key: 'info',\n            title: t.issues.groupInfo,\n            icon: Info,\n            items: infos,\n            tone: 'tpl:text-[var(--tpl-text-muted)]',\n          },\n        ]\"\n        :key=\"group.key\"\n      >\n        <header\n          v-if=\"group.items.length > 0\"\n          class=\"tpl:mb-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-semibold tpl:uppercase tpl:tracking-wide\"\n          :class=\"group.tone\"\n        >\n          <component :is=\"group.icon\" :size=\"12\" :stroke-width=\"2\" />\n          {{ group.title }}\n          <span class=\"tpl:ml-auto tpl:font-normal tpl:opacity-70\">\n            {{ group.items.length }}\n          </span>\n        </header>\n        <ul\n          v-if=\"group.items.length > 0\"\n          class=\"tpl:m-0 tpl:mb-3 tpl:flex tpl:list-none tpl:flex-col tpl:gap-2 tpl:p-0\"\n        >\n          <li\n            v-for=\"issue in group.items\"\n            :key=\"`${issue.ruleId}-${issue.blockId ?? 'template'}`\"\n            class=\"tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3\"\n          >\n            <p class=\"tpl:m-0 tpl:mb-2 tpl:text-xs tpl:text-[var(--tpl-text)]\">\n              {{ issue.message }}\n            </p>\n            <p\n              class=\"tpl:m-0 tpl:mb-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]\"\n            >\n              {{ issue.ruleId }}\n            </p>\n            <div class=\"tpl:flex tpl:gap-1.5\">\n              <button\n                v-if=\"issue.blockId\"\n                type=\"button\"\n                data-testid=\"issue-jump\"\n                class=\"tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]\"\n                @click=\"jumpTo(issue)\"\n              >\n                <ArrowRight :size=\"10\" :stroke-width=\"2\" />\n                {{ t.issues.jump }}\n              </button>\n              <button\n                v-if=\"issue.fix\"\n                type=\"button\"\n                class=\"tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:bg-[var(--tpl-primary)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-on-primary)]\"\n                :title=\"issue.fix.description\"\n                @click=\"applyFix(issue)\"\n              >\n                <Wrench :size=\"10\" :stroke-width=\"2\" />\n                {{ t.issues.fix }}\n              </button>\n            </div>\n          </li>\n        </ul>\n      </section>\n    </template>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/cdn/chunks/LoadingTrack-_7DH_5aw.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingTrack-_7DH_5aw.js","names":[],"sources":["../../../src/components/LoadingTrack.vue"],"sourcesContent":["<template>\n  <div class=\"tpl-loading-track\"></div>\n</template>\n\n<style scoped>\n.tpl-loading-track {\n  height: 3px;\n  width: 100%;\n  border-radius: 9999px;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    color-mix(in srgb, var(--tpl-primary) 10%, transparent) 15%,\n    color-mix(in srgb, var(--tpl-primary) 30%, transparent) 30%,\n    var(--tpl-primary) 50%,\n    color-mix(in srgb, var(--tpl-primary) 30%, transparent) 70%,\n    color-mix(in srgb, var(--tpl-primary) 10%, transparent) 85%,\n    transparent 100%\n  );\n  background-size: 200% 100%;\n  animation: tpl-loading-flow 3s ease-in-out infinite;\n}\n\n@keyframes tpl-loading-flow {\n  0% {\n    background-position: 100% 0;\n  }\n  100% {\n    background-position: -100% 0;\n  }\n}\n/* The bar communicates \"working\" by its presence and its amber fill; the sweep\n   is decoration, so reduced motion holds it still rather than removing it. */\n@media (prefers-reduced-motion: reduce) {\n  .tpl-loading-track {\n    animation: none;\n    background-position: 50% 0;\n  }\n}\n</style>\n"],"mappings":";;;YACO,IAAA,EAAA,OAAM,oBAAmB;;CAA9B,OAAA,EAAA,GAAA,EAAqC,OAArC,CAAqC"}
+{"version":3,"file":"LoadingTrack-_7DH_5aw.js","names":["_openBlock","_createElementBlock","openBlock","createElementBlock","_plugin_vue_export_helper_default","_sfc_main","_hoisted_1","_sfc_render","LoadingTrack_default"],"sources":["../../../src/components/LoadingTrack.vue"],"sourcesContent":["<template>\n  <div class=\"tpl-loading-track\"></div>\n</template>\n\n<style scoped>\n.tpl-loading-track {\n  height: 3px;\n  width: 100%;\n  border-radius: 9999px;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    color-mix(in srgb, var(--tpl-primary) 10%, transparent) 15%,\n    color-mix(in srgb, var(--tpl-primary) 30%, transparent) 30%,\n    var(--tpl-primary) 50%,\n    color-mix(in srgb, var(--tpl-primary) 30%, transparent) 70%,\n    color-mix(in srgb, var(--tpl-primary) 10%, transparent) 85%,\n    transparent 100%\n  );\n  background-size: 200% 100%;\n  animation: tpl-loading-flow 3s ease-in-out infinite;\n}\n\n@keyframes tpl-loading-flow {\n  0% {\n    background-position: 100% 0;\n  }\n  100% {\n    background-position: -100% 0;\n  }\n}\n/* The bar communicates \"working\" by its presence and its amber fill; the sweep\n   is decoration, so reduced motion holds it still rather than removing it. */\n@media (prefers-reduced-motion: reduce) {\n  .tpl-loading-track {\n    animation: none;\n    background-position: 50% 0;\n  }\n}\n</style>\n"],"mappings":";;;YACOM,IAAA,EAAA,OAAM,oBAAmB;;CAA9B,OAAAN,EAAA,GAAAC,EAAqC,OAArCK,CAAqC"}