@revenexx/editor 0.1.0

package/dist/runtime/editor/features/analyze/Main.vue.d.ts

@@ -0,0 +1,24 @@
+import type { AnalyzeProvider } from '#blokkli/editor/providers/analyze';
+type __VLS_Props = {
+    langcode: string;
+    analyze: AnalyzeProvider;
+    isShown: boolean;
+    shouldRender: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+    'issueCount'?: number;
+    'hasViolation'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    "update:issueCount": (value: number) => any;
+    "update:hasViolation": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:issueCount"?: ((value: number) => any) | undefined;
+    "onUpdate:hasViolation"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/analyze/Results/Results.d.vue.ts

@@ -0,0 +1,7 @@
+import type { AnalyzeResultMapped } from '../analyzers/types.js';
+type __VLS_Props = {
+    results: AnalyzeResultMapped[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/analyze/Results/Results.vue

@@ -0,0 +1,78 @@
+<template>
+  <div>
+    <Section
+      v-for="group in grouped"
+      :key="group.group"
+      :label="group.label"
+      :count="group.results.length"
+      :results="group.results"
+      :open="group.open"
+    />
+  </div>
+</template>
+
+<script setup>
+import { computed, useBlokkli } from "#imports";
+import Section from "./Section.vue";
+const props = defineProps({
+  results: { type: Array, required: true }
+});
+const { $t } = useBlokkli();
+const groupOrder = {
+  problems: 1,
+  success: 2,
+  inapplicable: 3
+};
+const statusOrder = {
+  violation: 1,
+  incomplete: 2,
+  pass: 3,
+  inapplicable: 4
+};
+function getGroup(status) {
+  if (status === "violation" || status === "incomplete") {
+    return "problems";
+  } else if (status === "pass") {
+    return "success";
+  }
+  return "inapplicable";
+}
+function getGroupLabel(group) {
+  if (group === "problems") {
+    return "Problems";
+  } else if (group === "success") {
+    return $t("analyzeStatusPass", "Pass");
+  }
+  return $t("analyzeStatusInapplicable", "Inapplicable");
+}
+const grouped = computed(() => {
+  const map = props.results.reduce(
+    (acc, result) => {
+      const group = getGroup(result.status);
+      if (!acc[group]) {
+        acc[group] = [];
+      }
+      acc[group].push(result);
+      return acc;
+    },
+    {}
+  );
+  return Object.entries(map).map(([key, results]) => {
+    const group = key;
+    return {
+      group,
+      label: getGroupLabel(group),
+      open: group === "problems",
+      results: results.sort((a, b) => {
+        const statusDiff = statusOrder[a.status] - statusOrder[b.status];
+        if (statusDiff !== 0) {
+          return statusDiff;
+        }
+        return a.title.localeCompare(b.title);
+      })
+    };
+  }).sort((a, b) => {
+    return groupOrder[a.group] - groupOrder[b.group];
+  });
+});
+</script>

package/dist/runtime/editor/features/analyze/Results/Results.vue.d.ts

@@ -0,0 +1,7 @@
+import type { AnalyzeResultMapped } from '../analyzers/types.js';
+type __VLS_Props = {
+    results: AnalyzeResultMapped[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/analyze/Results/ResultsItem.d.vue.ts

@@ -0,0 +1,15 @@
+import type { AnalyzeCategory, AnalyzeImpact, AnalyzeNodeMapped, AnalyzeStatus } from '../analyzers/types.js';
+type __VLS_Props = {
+    id: string;
+    title: string;
+    category: AnalyzeCategory;
+    description: string;
+    link?: string;
+    status: AnalyzeStatus;
+    impact?: AnalyzeImpact;
+    plugin: string;
+    nodes: AnalyzeNodeMapped[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/analyze/Results/ResultsItem.vue

@@ -0,0 +1,57 @@
+<template>
+  <div
+    class="_bk_py-20 _bk_border-b _bk_border-b-mono-300 _bk_first:pt-0 _bk_last:border-b-0 _bk_group/results-item"
+  >
+    <div class="_bk_flex _bk_flex-wrap _bk_gap-5 _bk_mb-10">
+      <Status :status :title="key" />
+      <Pill :text="categoryLabel" scheme="mono" />
+      <div class="_bk_ml-auto">
+        <a
+          v-if="link"
+          :href="link"
+          target="_blank"
+          :title="link"
+          class="_bk_flex _bk_text-sm _bk_gap-3 _bk_font-semibold _bk_leading-none _bk_items-center _bk_underline-offset-4 _bk_text-mono-400 _bk_hover:text-accent-600 _bk_hover:underline"
+        >
+          <span class="_bk_opacity-0 _bk_group-hover/results-item:opacity-100">{{
+            $t("analyzeMoreLink", "More")
+          }}</span>
+          <Icon name="bk_mdi_help-fill" class="_bk_size-18" />
+        </a>
+      </div>
+    </div>
+    <h3 class="_bk_font-semibold _bk_text-base">{{ title }}</h3>
+    <div
+      v-if="description"
+      class="_bk_text-sm _bk_text-mono-600 _bk_mt-5 bk-content"
+      v-html="description"
+    />
+
+    <ResultsItemNodes :nodes :result-id="id" />
+  </div>
+</template>
+
+<script setup>
+import { computed, useBlokkli } from "#imports";
+import { Icon, Pill } from "#blokkli/editor/components";
+import Status from "./Status.vue";
+import ResultsItemNodes from "./ResultsItemNodes.vue";
+import { useAnalyzeHelper } from "../helper";
+const props = defineProps({
+  id: { type: String, required: true },
+  title: { type: String, required: true },
+  category: { type: String, required: true },
+  description: { type: String, required: true },
+  link: { type: String, required: false },
+  status: { type: String, required: true },
+  impact: { type: String, required: false },
+  plugin: { type: String, required: true },
+  nodes: { type: Array, required: true }
+});
+const { getCategoryLabel } = useAnalyzeHelper();
+const { $t } = useBlokkli();
+const categoryLabel = computed(() => {
+  return getCategoryLabel(props.category);
+});
+const key = computed(() => `${props.plugin}:${props.id}`);
+</script>

package/dist/runtime/editor/features/analyze/Results/ResultsItem.vue.d.ts

@@ -0,0 +1,15 @@
+import type { AnalyzeCategory, AnalyzeImpact, AnalyzeNodeMapped, AnalyzeStatus } from '../analyzers/types.js';
+type __VLS_Props = {
+    id: string;
+    title: string;
+    category: AnalyzeCategory;
+    description: string;
+    link?: string;
+    status: AnalyzeStatus;
+    impact?: AnalyzeImpact;
+    plugin: string;
+    nodes: AnalyzeNodeMapped[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/analyze/Results/ResultsItemNodes.d.vue.ts

@@ -0,0 +1,8 @@
+import type { AnalyzeNodeMapped } from '../analyzers/types.js';
+type __VLS_Props = {
+    resultId: string;
+    nodes: AnalyzeNodeMapped[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/analyze/Results/ResultsItemNodes.vue

@@ -0,0 +1,103 @@
+<template>
+  <details
+    v-if="nodes.length"
+    class="_bk_bg-mono-100 _bk_mt-10 _bk_overflow-hidden _bk_group/nodes"
+    :open="isSingle || isOpen"
+    @toggle="shouldRender = true"
+  >
+    <summary
+      v-show="!isSingle"
+      class="_bk_group-open/nodes:text-mono-950 _bk_text-sm _bk_font-semibold _bk_p-10 _bk_cursor-pointer _bk_appearance-none _bk_list-none _bk_flex _bk_justify-between _bk_items-center _bk_text-mono-600 _bk_hover:bg-mono-200 _bk_hover:text-mono-950"
+    >
+      <span>{{ $t("multipleItemsLabel", "Items") }}</span>
+      <Icon
+        name="bk_mdi_arrow_drop_down"
+        class="_bk_group-open/nodes:rotate-180 _bk_size-15"
+      />
+    </summary>
+
+    <div v-if="shouldRender" class="bk-analyze-results-item-nodes-list">
+      <ul
+        v-for="(group, i) in grouped"
+        :key="i"
+        :class="{
+  '_bk_border-t _bk_border-t-mono-300 _bk_pt-10': i > 0
+}"
+      >
+        <li>
+          <p
+            v-if="group.description && group.description !== 'NONE'"
+            class="_bk_text-xs _bk_text-mono-700 _bk_px-10 _bk_mb-3"
+            :class="{
+  '_bk_pt-10': isSingle
+}"
+            v-html="group.description"
+          />
+          <ul>
+            <li
+              v-for="(node, j) in group.nodes"
+              :key="i + '_' + j"
+              class="_bk_text-xs"
+            >
+              <ResultsItemNodesTarget
+                v-for="(target, k) in node.targets"
+                :key="i + '_' + j + '_' + k"
+                :node
+                :target
+                :result-id
+              />
+            </li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+  </details>
+</template>
+
+<script setup>
+import { computed, ref, useBlokkli, watch } from "#imports";
+import ResultsItemNodesTarget from "./ResultsItemNodesTarget.vue";
+import { Icon } from "#blokkli/editor/components";
+const props = defineProps({
+  resultId: { type: String, required: true },
+  nodes: { type: Array, required: true }
+});
+const shouldRender = ref(false);
+const isOpen = ref(false);
+const { $t, ui } = useBlokkli();
+const isSingle = computed(
+  () => props.nodes.length === 1 && props.nodes[0]?.targets.length === 1
+);
+const grouped = computed(() => {
+  const map = props.nodes.reduce(
+    (acc, node) => {
+      const description = node.description ?? "NONE";
+      if (!acc[description]) {
+        acc[description] = [];
+      }
+      acc[description].push(node);
+      return acc;
+    },
+    {}
+  );
+  return Object.entries(map).map(([description, nodes]) => {
+    return {
+      description: description === "none" ? "" : description,
+      nodes
+    };
+  });
+});
+watch(
+  () => ui.activeHighlightId.value,
+  (id) => {
+    const resultId = id.split("_____")[0];
+    if (resultId === props.resultId) {
+      shouldRender.value = true;
+      isOpen.value = true;
+    }
+  },
+  // Immediate so a panel mounting AFTER a highlight click (e.g. cold-load
+  // sidebar open) still sees the already-set `activeHighlightId` and expands.
+  { immediate: true }
+);
+</script>

package/dist/runtime/editor/features/analyze/Results/ResultsItemNodes.vue.d.ts

@@ -0,0 +1,8 @@
+import type { AnalyzeNodeMapped } from '../analyzers/types.js';
+type __VLS_Props = {
+    resultId: string;
+    nodes: AnalyzeNodeMapped[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/analyze/Results/ResultsItemNodesTarget.d.vue.ts

@@ -0,0 +1,9 @@
+import type { AnalyzeNodeMapped, AnalyzeNodeTargetMapped } from '#blokkli/analyzer/types';
+type __VLS_Props = {
+    resultId: string;
+    node: AnalyzeNodeMapped;
+    target: AnalyzeNodeTargetMapped;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/analyze/Results/ResultsItemNodesTarget.vue

@@ -0,0 +1,170 @@
+<template>
+  <div
+    class="bk-analyze-results-item-nodes-target _bk_relative _bk_flex _bk_items-center _bk_gap-5 _bk_pr-5"
+    :class="{
+  '_bk_bg-accent-700': isFocused
+}"
+  >
+    <button
+      ref="elButton"
+      class="_bk_flex-1 _bk_min-w-0 _bk_text-mono-600 _bk_flex _bk_items-center _bk_gap-5 _bk_hover:underline _bk_underline-offset-[3px] _bk_py-[7px] _bk_px-10 _bk_hover:text-accent-700 _bk_scroll-mt-50"
+      :class="{
+  '_bk_!text-accent-50': isFocused
+}"
+      @click.prevent="onClick"
+    >
+      <div v-if="node.score != null && node.scoreLabel">
+        <Pill :text="readability.formatScore(node.score)" />
+      </div>
+      <span class="_bk_truncate _bk_w-full _bk_inline-block _bk_font-mono">{{
+        getLabel()
+      }}</span>
+    </button>
+    <button
+      v-if="node.identifier"
+      class="_bk_shrink-0 _bk_size-25 _bk_flex _bk_items-center _bk_justify-center _bk_rounded _bk_group/tooltip _bk_relative"
+      :class="
+  isFocused ? '_bk_text-accent-200 _bk_hover:text-accent-700 _bk_hover:bg-white' : '_bk_text-mono-500 _bk_hover:bg-accent-700 _bk_hover:text-accent-50'
+"
+      @click.prevent="
+  eventBus.emit(node.ignored ? 'analyze:unignore' : 'analyze:ignore', {
+    resultId,
+    identifier: node.identifier
+  })
+"
+    >
+      <Icon
+        :name="node.ignored ? 'bk_mdi_visibility' : 'bk_mdi_visibility_off'"
+        class="_bk_size-15"
+      />
+      <Tooltip
+        placement="center-before"
+        small
+        :label="
+  node.ignored ? $t('analyzeUnignore', 'Restore') : $t('analyzeIgnore', 'Ignore')
+"
+      />
+    </button>
+  </div>
+</template>
+
+<script setup>
+import {
+  computed,
+  onMounted,
+  useBlokkli,
+  useTemplateRef,
+  watch
+} from "#imports";
+import { renderCycle } from "#blokkli/editor/helpers/vue";
+import { Icon, Tooltip, Pill } from "#blokkli/editor/components";
+const props = defineProps({
+  resultId: { type: String, required: true },
+  node: { type: Object, required: true },
+  target: { type: Object, required: true }
+});
+const { $t, ui, eventBus, dom, blocks, element, readability } = useBlokkli();
+const activeIndex = computed(() => {
+  const index = ui.activeHighlightId.value.split("_____")[1];
+  if (index === void 0) {
+    return -1;
+  }
+  const indexNumber = Number.parseInt(index);
+  if (Number.isNaN(indexNumber)) {
+    return -1;
+  }
+  return indexNumber;
+});
+const elButton = useTemplateRef("elButton");
+const isFocused = computed(() => activeIndex.value === props.target.globalIndex);
+function getElement() {
+  if (props.target.target) {
+    if (typeof props.target.target === "string") {
+      return element.query(
+        document.documentElement,
+        props.target.target,
+        "Find analyze result item node target."
+      );
+    } else if (props.target.target instanceof HTMLElement) {
+      return props.target.target;
+    } else if (typeof props.target.target === "object" && "uuid" in props.target.target) {
+      const item = blocks.getBlock(props.target.target.uuid);
+      if (item) {
+        return dom.getDragElement(item) ?? null;
+      }
+    }
+  }
+  return null;
+}
+function getElementLabel(tagName) {
+  return `<${tagName.toLowerCase()}>`;
+}
+function getLabel() {
+  if (props.target.target) {
+    if (typeof props.target.target === "string") {
+      return props.target.target;
+    } else if (props.target.target instanceof HTMLElement) {
+      if (props.target.target instanceof HTMLImageElement) {
+        if (props.target.target.alt) {
+          return props.target.target.alt.slice(0, 50);
+        }
+      }
+      const textContent = (props.target.target.textContent ?? "").slice(0, 50);
+      if (textContent) {
+        return textContent;
+      }
+      return getElementLabel(props.target.target.tagName);
+    } else if (typeof props.target.target === "object" && "uuid" in props.target.target) {
+      return props.target.target.uuid;
+    }
+  }
+}
+function findClosestUuid(element2) {
+  const closestBlock = element2.closest("[data-bk-uuid]");
+  if (closestBlock instanceof HTMLElement) {
+    const uuid = closestBlock.dataset.bkUuid;
+    if (uuid) {
+      return uuid;
+    }
+  }
+}
+async function onClick() {
+  if (activeIndex.value === props.target.globalIndex) {
+    ui.activeHighlightId.value = "";
+    return;
+  }
+  const element2 = getElement();
+  if (!element2) {
+    return;
+  }
+  const closestUuid = findClosestUuid(element2);
+  if (closestUuid) {
+    eventBus.emit("select", closestUuid);
+  } else {
+    eventBus.emit("select:unselect");
+  }
+  await renderCycle();
+  eventBus.emit("scrollIntoView", {
+    element: element2
+  });
+  ui.activeHighlightId.value = props.resultId + "_____" + props.target.globalIndex;
+}
+function scrollFocusedIntoView() {
+  if (elButton.value) {
+    elButton.value.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest"
+    });
+  }
+}
+watch(isFocused, (isFocused2) => {
+  if (isFocused2) {
+    scrollFocusedIntoView();
+  }
+});
+onMounted(() => {
+  if (isFocused.value) {
+    scrollFocusedIntoView();
+  }
+});
+</script>

package/dist/runtime/editor/features/analyze/Results/ResultsItemNodesTarget.vue.d.ts

@@ -0,0 +1,9 @@
+import type { AnalyzeNodeMapped, AnalyzeNodeTargetMapped } from '#blokkli/analyzer/types';
+type __VLS_Props = {
+    resultId: string;
+    node: AnalyzeNodeMapped;
+    target: AnalyzeNodeTargetMapped;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/analyze/Results/Section.d.vue.ts

@@ -0,0 +1,10 @@
+import type { AnalyzeResultMapped } from '../analyzers/types.js';
+type __VLS_Props = {
+    label: string;
+    count: number;
+    results: AnalyzeResultMapped[];
+    open?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/analyze/Results/Section.vue

@@ -0,0 +1,42 @@
+<template>
+  <details
+    :open
+    class="bk-analyze-results _bk_border-b _bk_border-b-mono-300 _bk_first:border-t _bk_first:border-t-mono-300 _bk_group"
+  >
+    <summary
+      v-show="!open"
+      class="_bk_font-bold _bk_flex _bk_w-full _bk_cursor-pointer _bk_justify-between _bk_items-center _bk_hover:bg-mono-100 _bk_py-18 _bk_px-20 _bk_group-open:bg-transparent!"
+    >
+      <div class="_bk_flex _bk_gap-3">
+        <span>{{ label }}</span>
+        <div>
+          <Pill :text="count" />
+        </div>
+      </div>
+      <Icon
+        name="bk_mdi_arrow_drop_down"
+        class="_bk_size-20 _bk_group-open:rotate-180"
+      />
+    </summary>
+    <ul :class="{ '_bk_pt-20': open }" class="_bk_px-20">
+      <li>
+        <ResultsItem
+          v-for="result in results"
+          v-bind="result"
+          :key="result.id"
+        />
+      </li>
+    </ul>
+  </details>
+</template>
+
+<script setup>
+import ResultsItem from "./ResultsItem.vue";
+import { Icon, Pill } from "#blokkli/editor/components";
+defineProps({
+  label: { type: String, required: true },
+  count: { type: Number, required: true },
+  results: { type: Array, required: true },
+  open: { type: Boolean, required: false }
+});
+</script>

package/dist/runtime/editor/features/analyze/Results/Section.vue.d.ts

@@ -0,0 +1,10 @@
+import type { AnalyzeResultMapped } from '../analyzers/types.js';
+type __VLS_Props = {
+    label: string;
+    count: number;
+    results: AnalyzeResultMapped[];
+    open?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/analyze/Results/Status.d.vue.ts

@@ -0,0 +1,9 @@
+import type { AnalyzeStatus } from '../analyzers/types.js';
+type __VLS_Props = {
+    status?: AnalyzeStatus;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    status: AnalyzeStatus;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/analyze/Results/Status.vue

@@ -0,0 +1,24 @@
+<template>
+  <Pill :text="label" :scheme variant="normal" />
+</template>
+
+<script setup>
+import { computed } from "#imports";
+import { useAnalyzeHelper } from "../helper";
+import { Pill } from "#blokkli/editor/components";
+const props = defineProps({
+  status: { type: String, required: false, default: "inapplicable" }
+});
+const { getStatusLabel } = useAnalyzeHelper();
+const label = computed(() => getStatusLabel(props.status ?? "inapplicable"));
+const scheme = computed(() => {
+  if (props.status === "inapplicable") {
+    return "mono";
+  } else if (props.status === "incomplete") {
+    return "yellow";
+  } else if (props.status === "violation") {
+    return "red";
+  }
+  return "lime";
+});
+</script>

package/dist/runtime/editor/features/analyze/Results/Status.vue.d.ts

@@ -0,0 +1,9 @@
+import type { AnalyzeStatus } from '../analyzers/types.js';
+type __VLS_Props = {
+    status?: AnalyzeStatus;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    status: AnalyzeStatus;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/analyze/Summary/index.d.vue.ts

@@ -0,0 +1,7 @@
+import type { AnalyzeResultMapped } from '../analyzers/types.js';
+type __VLS_Props = {
+    results: AnalyzeResultMapped[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;