@blokkli/editor 2.0.0-alpha.52 → 2.0.0-alpha.53

package/dist/shared/{editor.DsGJIlGn.d.mts → editor.BTOBvmaz.d.mts}

@@ -563,9 +563,11 @@ interface ComplexOptionTypeDefinition {
     typeName: string;
     typePath: string;
     editorComponentPath: string;
-    editorButtonLabel: string;
+    editTitle: {
+        key: string;
+        defaultTranslation: string;
+    };
     editorIcon: string;
-    editorTitle?: string;
 }
 declare class ModuleContext {
     helper: ModuleHelper;
@@ -579,11 +581,23 @@ declare class ModuleContext {
     private featureFragments;
     private complexOptionTypes;
     private cssFiles;
+    private contentPaths;
     private additionalIcons;
     collectors: Collector[];
     constructor(helper: ModuleHelper, icons: IconCollector, features: FeatureCollector, blocks: BlockCollector, theme: ThemeData);
     addCSS(filePath: string): void;
     getCSSFiles(): string[];
+    /**
+     * Register a directory containing Vue files that should participate in
+     * blökkli's CSS build pipeline. Files in these directories will:
+     * - Have their Tailwind utility classes generated and included in the output
+     * - Have their template class names mangled (_bk_ prefix) at build time
+     * - Have their <style> blocks processed through blökkli's PostCSS pipeline
+     *
+     * @param dirPath - Absolute path to a directory containing Vue components
+     */
+    addContentPath(dirPath: string): void;
+    getContentPaths(): string[];
     addIcon(...names: string[]): void;
     getAdditionalIcons(): string[];
     addFeatureFragment(name: string): void;
@@ -615,7 +629,10 @@ declare class ModuleContext {
 type Blokkli = {
     helper: ModuleHelper;
     context: ModuleContext;
-    $t: (key: string, defaultText: string) => string;
+    $t: (key: string, defaultText: string) => {
+        key: string;
+        defaultTranslation: string;
+    };
 };
 type BlokkliModuleInit<O extends object> = {
     alterOptions?: (options: ModuleOptions) => void;

package/dist/types.d.mts

@@ -4,6 +4,6 @@ declare module '@nuxt/schema' {
   interface NuxtHooks extends ModuleHooks {}
 }
 
-export { type ModuleHooks } from './shared/editor.DsGJIlGn.mjs'
+export { type ModuleHooks } from './shared/editor.BTOBvmaz.mjs'
 
 export { type ModuleOptions, default } from './module.mjs'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blokkli/editor",
-  "version": "2.0.0-alpha.52",
+  "version": "2.0.0-alpha.53",
   "description": "Interactive page building experience for Nuxt",
   "keywords": [
     "cms",
@@ -49,6 +49,9 @@
       "charts": [
         "./dist/modules/charts/index.d.mts"
       ],
+      "iframes": [
+        "./dist/modules/iframes/index.d.mts"
+      ],
       "modules": [
         "./dist/modules/index.d.mts"
       ],
@@ -78,6 +81,10 @@
       "types": "./dist/modules/charts/index.d.mts",
       "import": "./dist/modules/charts/index.mjs"
     },
+    "./iframes": {
+      "types": "./dist/modules/iframes/index.d.mts",
+      "import": "./dist/modules/iframes/index.mjs"
+    },
     "./modules": {
       "types": "./dist/modules/index.d.mts",
       "import": "./dist/modules/index.mjs"
@@ -89,7 +96,7 @@
     }
   },
   "scripts": {
-    "prepack": "rm -rf dist && nuxt-module-build build && find dist/ -type f -name '*.*' | grep '.spec.' | xargs rm -f",
+    "prepack": "rm -rf dist && nuxt-module-build build && find dist/ -type f -name '*.*' | grep '.spec.' | xargs rm -f && npx tsx scripts/mangle-dist.ts",
     "dev": "nuxi dev playground --host",
     "typecheck": "npm run typecheck:build && npm run typecheck:runtime && npm run typecheck:server && npm run typecheck:playground",
     "typecheck:build": "vue-tsc --noEmit -p .nuxt/tsconfig.node.json",
@@ -99,7 +106,7 @@
     "dev:minimal": "nuxi dev playground-minimal --host",
     "styles:build": "postcss ./css/index.css -o ./src/runtime/editor/css/output.css",
     "styles:watch": "postcss ./css/index.css -o ./src/runtime/editor/css/output.css --watch",
-    "dev:build": "npm run dev:prepare && nuxt build playground",
+    "dev:build": "npm run changelog && npm run dev:prepare && nuxi generate playground",
     "dev:start": "npx serve playground/.output/public",
     "dev:prepare": "PLAYGROUND_MODULE_BUILD=true nuxt-module-build build --stub && PLAYGROUND_MODULE_BUILD=true nuxt-module-build prepare && nuxi prepare playground",
     "release": "npm run lint && npm run prepack && changelogen --release",
@@ -128,6 +135,8 @@
     "html-diff-ts": "^1.4.2",
     "marked": "^17.0.1",
     "mitt": "^3.0.1",
+    "papaparse": "^5.5.3",
+    "pofile": "^1.1.4",
     "qrcode.vue": "^3.6.0",
     "twgl.js": "^7.0.0",
     "vue3-apexcharts": "^1.10.0",
@@ -149,6 +158,7 @@
     "@types/gettext-parser": "^8.0.0",
     "@types/micromatch": "^4.0.10",
     "@types/node": "^25.0.3",
+    "@types/papaparse": "^5.5.2",
     "@types/turndown": "^5.0.5",
     "@vue/test-utils": "^2.4.6",
     "axe-core": "^4.11.0",
@@ -156,6 +166,7 @@
     "ckeditor5": "^47.3.0",
     "commander": "^13.1.0",
     "cypress": "^15.8.1",
+    "deepl-node": "^1.25.0",
     "eslint": "^9.39.2",
     "eslint-plugin-oxlint": "^1.35.0",
     "eslint-plugin-sonarjs": "^3.0.5",
@@ -175,10 +186,12 @@
     "postcss-mixins": "^12.1.2",
     "postcss-nested-import": "^1.3.0",
     "postcss-replace": "^2.0.1",
+    "postcss-selector-parser": "^7.1.1",
     "postcss-url": "^10.1.3",
     "prettier": "^3.7.4",
     "prettier-plugin-glsl": "^0.2.2",
     "tailwindcss": "^3.4.17",
+    "tsx": "^4.21.0",
     "unbuild": "^3.6.1",
     "vite-plugin-glsl": "^1.5.5",
     "vitepress": "^1.6.4",

package/dist/runtime/editor/features/analyze/Renderer/fragment.glsl

@@ -1,74 +0,0 @@
-#version 300 es
-
-precision highp float;
-
-in vec4 v_quad;
-in float v_rect_type;
-in vec3 v_color;
-in vec2 v_rect_size;
-in vec2 v_rect_center;
-in float v_opacity;
-in float v_border_opacity;
-in float v_border_factor;
-in float v_fill_opacity;
-
-out vec4 fragColor;
-
-uniform float u_dpi;
-
-int pseudoQuadrant(vec2 p) {
-  return int(floor(step(0.0, p.x) + 2.0 * step(0.0, -p.y)));
-}
-
-float sdRoundBox(vec2 p, vec2 b, vec4 radii) {
-  int idx = pseudoQuadrant(p);
-  float cr;
-  if (idx == 0) cr = radii[0];
-  else if (idx == 1) cr = radii[1];
-  else if (idx == 2) cr = radii[3];
-  else cr = radii[2];
-  vec2 q = abs(p) - b + cr;
-  return min(max(q.x, q.y), 0.0) + length(max(q, 0.0)) - cr;
-}
-
-void main() {
-  float borderThickness = 2.0 * u_dpi * v_border_factor;
-  vec2 size = v_rect_size;
-  vec4 radius = vec4(4.0 * u_dpi * v_border_factor);
-
-  vec2 posRelativeToQuad = gl_FragCoord.xy - v_rect_center;
-
-  // Outer rounded rectangle (includes border)
-  float outerDist = sdRoundBox(posRelativeToQuad, size / 2.0, radius);
-
-  // Inner rounded rectangle (fill area, excluding border)
-  float innerDist = sdRoundBox(
-    posRelativeToQuad,
-    size / 2.0 - borderThickness,
-    radius - borderThickness
-  );
-
-  // Calculate fill alpha (inside the inner rectangle)
-  float fillAlpha = 1.0 - smoothstep(-1.0, 0.0, innerDist);
-
-  // Calculate border alpha (between outer and inner)
-  float outerAlpha = 1.0 - smoothstep(-1.0, 0.0, outerDist);
-  float borderAlpha = outerAlpha * (1.0 - fillAlpha);
-
-  // Background (transparent)
-  vec4 bg = vec4(0.0, 0.0, 0.0, 0.0);
-
-  // Fill (semi-transparent) - use fill opacity from vertex shader
-  vec4 fill = vec4(v_color, v_fill_opacity * v_opacity);
-
-  // Border - use opacity calculated in vertex shader
-  vec4 border = vec4(v_color, v_border_opacity);
-
-  // Mix background with fill
-  vec4 res_with_fill = mix(bg, fill, fillAlpha);
-
-  // Mix with border
-  vec4 finalColor = mix(res_with_fill, border, borderAlpha);
-
-  fragColor = finalColor;
-}

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

@@ -1,24 +0,0 @@
-import type { AnalyzeResultMapped } from '#blokkli/analyzer/types';
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{
-    results: AnalyzeResultMapped[];
-    isStale: boolean;
-    isRunning: boolean;
-    manualAnalyzerIds: Set<string>;
-    isShown: boolean;
-} & {
-    modelValue?: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    results: AnalyzeResultMapped[];
-    isStale: boolean;
-    isRunning: boolean;
-    manualAnalyzerIds: Set<string>;
-    isShown: boolean;
-} & {
-    modelValue?: string;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/editor/features/analyze/Renderer/index.vue

@@ -1,330 +0,0 @@
-<template>
-  <Teleport to="#bk-canvas-overlay">
-    <button
-      v-if="tooltipData"
-      v-show="showTooltip"
-      class="bk bk-analyze-tooltip bk-control"
-      :class="'bk-is-' + tooltipData.status"
-      :style="{
-  transform: `translate(${tooltipData.x}px, ${tooltipData.y}px)`
-}"
-      @click.prevent="onTooltipClick"
-    >
-      <Icon name="bk_mdi_speed" />
-      <span>{{ tooltipData.title }}</span>
-      <span v-if="tooltipData.scoreText" class="bk-analyze-tooltip-score">{{
-        tooltipData.scoreText
-      }}</span>
-    </button>
-  </Teleport>
-</template>
-
-<script setup>
-import { useBlokkli, computed, watch, ref } from "#imports";
-import {
-  setBuffersAndAttributes,
-  drawBufferInfo,
-  setUniforms
-} from "twgl.js";
-import vs from "./vertex.glsl?raw";
-import fs from "./fragment.glsl?raw";
-import { RectangleBufferCollector } from "#blokkli/editor/helpers/webgl";
-import { toShaderColor } from "#blokkli/editor/helpers/color";
-import { defineRenderer, onBlokkliEvent } from "#blokkli/editor/composables";
-import { Icon } from "#blokkli/editor/components";
-const props = defineProps({
-  results: { type: Array, required: true },
-  isStale: { type: Boolean, required: true },
-  isRunning: { type: Boolean, required: true },
-  manualAnalyzerIds: { type: Set, required: true },
-  isShown: { type: Boolean, required: true }
-});
-const {
-  animation,
-  ui,
-  theme,
-  selection,
-  element,
-  dom,
-  blocks,
-  eventBus,
-  readability
-} = useBlokkli();
-const showTooltip = computed(() => {
-  return !ui.isChangingOptions.value && !selection.isMultiSelecting.value && !selection.activeEditableLabel.value && !selection.isDragging.value;
-});
-const activeId = defineModel({ type: String, ...{
-  default: ""
-} });
-const statusPriority = {
-  violation: 3,
-  incomplete: 2,
-  pass: 1,
-  inapplicable: 0
-};
-const nodes = computed(() => {
-  const mappedNodes = [];
-  for (let i = 0; i < props.results.length; i++) {
-    const result = props.results[i];
-    if (!result) {
-      continue;
-    }
-    if (result.status !== "incomplete" && result.status !== "violation") {
-      continue;
-    }
-    for (let j = 0; j < result.nodes.length; j++) {
-      const node = result.nodes[j];
-      if (!node) {
-        continue;
-      }
-      for (let k = 0; k < node.targets.length; k++) {
-        const target = node.targets[k];
-        if (!target) {
-          continue;
-        }
-        let targetElement = null;
-        if (typeof target.target === "string") {
-          targetElement = element.query(
-            ui.providerElement,
-            target.target,
-            "Find analyze node target element."
-          );
-        } else if (target.target instanceof HTMLElement) {
-          targetElement = target.target;
-        } else {
-          const item = blocks.getBlock(target.target.uuid);
-          if (item) {
-            targetElement = dom.getDragElement(item) ?? null;
-          }
-        }
-        if (targetElement) {
-          mappedNodes.push({
-            id: result.id,
-            element: targetElement,
-            index: target.globalIndex,
-            title: result.title,
-            status: result.status,
-            plugin: result.plugin,
-            score: node.score
-          });
-        }
-      }
-    }
-  }
-  const nodeMap = /* @__PURE__ */ new Map();
-  for (const node of mappedNodes) {
-    const existing = nodeMap.get(node.element);
-    if (!existing || statusPriority[node.status] > statusPriority[existing.status]) {
-      nodeMap.set(node.element, node);
-    }
-  }
-  const finalNodes = Array.from(nodeMap.values());
-  return finalNodes;
-});
-const activeRectId = computed(() => {
-  if (!activeId.value) {
-    return -1;
-  }
-  for (let i = 0; i < nodes.value.length; i++) {
-    const node = nodes.value[i];
-    const id = node.id + "_____" + node.index;
-    if (activeId.value === id) {
-      return i;
-    }
-  }
-  return -1;
-});
-const hoveredNode = ref(null);
-const tooltipData = computed(() => {
-  const node = hoveredNode.value;
-  if (!node) {
-    return null;
-  }
-  const rect = collector.rectCache.get(node.element);
-  if (!rect) {
-    return null;
-  }
-  const scale = ui.artboardScale.value;
-  const offset = ui.artboardOffset.value;
-  const x = rect.x * scale + offset.x;
-  const y = rect.y * scale + offset.y;
-  let scoreText = "";
-  if (node.score != null) {
-    const label = readability.analyzer.value.scoreLabel;
-    scoreText = `${label} ${readability.formatScore(node.score)}`;
-  }
-  return {
-    x,
-    y,
-    title: node.title,
-    status: node.status,
-    scoreText
-  };
-});
-function onTooltipClick() {
-  const node = hoveredNode.value;
-  if (!node) {
-    return;
-  }
-  const id = node.id + "_____" + node.index;
-  if (activeId.value === id) {
-    activeId.value = "";
-  } else {
-    activeId.value = id;
-    eventBus.emit("sidebar:open", "analyze");
-  }
-  hoveredNode.value = null;
-}
-class AnalyzeRectangleBufferCollector extends RectangleBufferCollector {
-  prevKey = "";
-  rectCache = /* @__PURE__ */ new Map();
-  clearCache() {
-    this.rectCache.clear();
-    this.prevKey = "";
-  }
-  getBufferInfo(gl, force) {
-    const key = nodes.value.map((node, index) => {
-      if (!this.rectCache.has(node.element)) {
-        const rect2 = ui.getAbsoluteElementRect(node.element);
-        this.rectCache.set(node.element, rect2);
-      }
-      const rect = this.rectCache.get(node.element);
-      if (!rect) {
-        return `${index}_no_rect`;
-      }
-      return `${index}_${rect.x}_${rect.y}_${rect.width}_${rect.height}_${node.status}`;
-    }).join("_");
-    const hasChanged = force || this.prevKey !== key;
-    if (hasChanged) {
-      this.reset();
-      for (let i = 0; i < nodes.value.length; i++) {
-        const node = nodes.value[i];
-        const id = `analyze_${i}`;
-        if (this.added.has(id)) {
-          continue;
-        }
-        const rect = this.rectCache.get(node.element);
-        if (!rect) {
-          continue;
-        }
-        this.added.add(id);
-        const isManual = props.manualAnalyzerIds.has(node.plugin);
-        const statusType = node.status === "violation" ? isManual ? 0 : 1 : isManual ? 2 : 3;
-        this.addRectangle(
-          {
-            id,
-            x: rect.x,
-            y: rect.y,
-            width: rect.width,
-            height: rect.height,
-            status: node.status,
-            plugin: node.plugin,
-            nodeIndex: node.index
-          },
-          statusType
-        );
-      }
-      this.prevKey = key;
-    }
-    if (hasChanged && gl) {
-      this.bufferInfo = this.createBufferInfo(gl);
-    }
-    return { info: this.bufferInfo, hasChanged };
-  }
-}
-function getOpacity() {
-  return props.isRunning ? 0.3 : 1;
-}
-const { collector } = defineRenderer("analyze-overlay", {
-  zIndex: 500,
-  collector: () => new AnalyzeRectangleBufferCollector(),
-  program: () => ({ shaders: [vs, fs] }),
-  enabled: () => !selection.isMultiSelecting.value && !selection.isDragging.value && !ui.isChangingOptions.value && !selection.activeEditableLabel.value,
-  render: (_ctx, gl, program) => {
-    gl.useProgram(program.program);
-    const { info } = collector.getBufferInfo(gl);
-    if (!info) {
-      return;
-    }
-    setUniforms(program, {
-      u_color_violation: toShaderColor(theme.red.value.normal),
-      u_color_incomplete: toShaderColor(theme.yellow.value.normal),
-      u_opacity: getOpacity(),
-      u_manual_stale: props.isStale ? 1 : 0,
-      u_active_id: activeRectId.value
-    });
-    animation.setSharedUniforms(gl, program);
-    setBuffersAndAttributes(gl, program, info);
-    drawBufferInfo(gl, info, gl.TRIANGLES);
-  },
-  renderFallback: (ctx, ctx2d) => {
-    collector.getBufferInfo();
-    const rects = Object.values(collector.rects);
-    if (rects.length === 0) {
-      return;
-    }
-    const rgbaToCss = (rgb, alpha) => {
-      return `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${alpha})`;
-    };
-    const globalOpacity = getOpacity();
-    const borderRadius = 8 * ctx.dpi;
-    for (let i = 0; i < rects.length; i++) {
-      const rect = rects[i];
-      const isManual = props.manualAnalyzerIds.has(rect.plugin);
-      const finalOpacity = isManual && props.isStale ? 0.3 : globalOpacity;
-      const fillAlpha = 0.3 * finalOpacity;
-      const baseColor = rect.status === "violation" ? theme.red.value.normal : theme.yellow.value.normal;
-      const fillColor = rgbaToCss(baseColor, fillAlpha);
-      const x = (rect.x * ctx.artboardScale + ctx.artboardOffset.x) * ctx.dpi;
-      const y = (rect.y * ctx.artboardScale + ctx.artboardOffset.y) * ctx.dpi;
-      const width = rect.width * ctx.artboardScale * ctx.dpi;
-      const height = rect.height * ctx.artboardScale * ctx.dpi;
-      ctx2d.fillStyle = fillColor;
-      ctx2d.beginPath();
-      ctx2d.roundRect(x, y, width, height, borderRadius);
-      ctx2d.fill();
-    }
-  }
-});
-onBlokkliEvent("ui:resized", function() {
-  collector.clearCache();
-  collector.reset();
-});
-onBlokkliEvent("option:finish-change", () => {
-  collector.clearCache();
-  collector.reset();
-});
-watch(
-  () => props.results,
-  () => {
-    collector.clearCache();
-    collector.reset();
-  }
-);
-onBlokkliEvent("canvas:draw", (e) => {
-  const artboardX = (e.mouseX - e.artboardOffset.x) / e.artboardScale;
-  const artboardY = (e.mouseY - e.artboardOffset.y) / e.artboardScale;
-  for (let i = 0; i < nodes.value.length; i++) {
-    const node = nodes.value[i];
-    const rect = collector.rectCache.get(node.element);
-    if (!rect) {
-      continue;
-    }
-    if (artboardX >= rect.x && artboardX <= rect.x + rect.width && artboardY >= rect.y && artboardY <= rect.y + rect.height) {
-      hoveredNode.value = node;
-      return;
-    }
-  }
-  hoveredNode.value = null;
-});
-onBlokkliEvent("window:clickAway", () => {
-  hoveredNode.value = null;
-  activeId.value = "";
-});
-</script>
-
-<script>
-export default {
-  name: "AnalyzeOverlay"
-};
-</script>

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

@@ -1,24 +0,0 @@
-import type { AnalyzeResultMapped } from '#blokkli/analyzer/types';
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{
-    results: AnalyzeResultMapped[];
-    isStale: boolean;
-    isRunning: boolean;
-    manualAnalyzerIds: Set<string>;
-    isShown: boolean;
-} & {
-    modelValue?: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    results: AnalyzeResultMapped[];
-    isStale: boolean;
-    isRunning: boolean;
-    manualAnalyzerIds: Set<string>;
-    isShown: boolean;
-} & {
-    modelValue?: string;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/editor/features/analyze/Renderer/vertex.glsl

@@ -1,94 +0,0 @@
-#version 300 es
-
-precision highp float;
-
-// [x, y] position.
-in vec2 a_position;
-// The [x,y,width, height] of the quad the vertex belongs to.
-in vec4 a_quad;
-in float a_rect_id;
-in float a_rect_type;
-
-// The global scaling applied to all quads.
-uniform float u_scale;
-uniform float u_dpi;
-// The amount of pixels to offset on the x axis.
-uniform float u_offset_x;
-// The amount of pixels to offset on the y axis.
-uniform float u_offset_y;
-uniform vec2 u_resolution;
-uniform vec3 u_color_violation;
-uniform vec3 u_color_incomplete;
-uniform float u_opacity;
-uniform float u_manual_stale;
-uniform float u_active_id;
-
-out vec4 v_quad;
-out float v_rect_type;
-out vec3 v_color;
-out vec2 v_rect_size;
-out vec2 v_rect_center;
-out float v_opacity;
-out float v_border_opacity;
-out float v_border_factor;
-out float v_fill_opacity;
-
-void main() {
-  // Apply global scale and offsets
-  vec2 offsetPosition = a_position * u_scale;
-  offsetPosition.x += u_offset_x;
-  offsetPosition.y += u_offset_y;
-
-  // Normalize position for rendering
-  vec2 normalizedPosition = offsetPosition / u_resolution;
-
-  // Transform to screen space (-1 to 1)
-  vec2 screenSpacePosition = normalizedPosition * 2.0 - vec2(1.0, 1.0);
-  screenSpacePosition.y = -screenSpacePosition.y;
-
-  // Output final position in clip space
-  gl_Position = vec4(screenSpacePosition, 0.0, 1.0) * u_dpi;
-
-  // Pass quad and type to fragment shader
-  vec4 transformed_quad = vec4(
-    (a_quad.x * u_scale + u_offset_x) * u_dpi,
-    (u_resolution.y - a_quad.y * u_scale - a_quad.w * u_scale - u_offset_y) *
-      u_dpi,
-    a_quad.z * u_scale * u_dpi,
-    a_quad.w * u_scale * u_dpi
-  );
-  v_quad = transformed_quad;
-  v_rect_type = a_rect_type;
-  v_rect_size = vec2(v_quad.z, v_quad.w);
-  v_rect_center = vec2(v_quad.x + v_quad.z / 2.0, v_quad.y + v_quad.w / 2.0);
-
-  // Set color based on status type
-  // 0 = violation (manual), 1 = violation (continuous)
-  // 2 = incomplete (manual), 3 = incomplete (continuous)
-  if (a_rect_type < 1.5) {
-    // Types 0 and 1: violation
-    v_color = u_color_violation;
-  } else {
-    // Types 2 and 3: incomplete
-    v_color = u_color_incomplete;
-  }
-
-  // Calculate final opacity
-  // Check if this is a manual analyzer (type 0 or 2)
-  bool isManual = a_rect_type == 0.0 || a_rect_type == 2.0;
-
-  // If manual AND stale, use 0.3, otherwise use global opacity
-  if (isManual && u_manual_stale > 0.5) {
-    v_opacity = 0.3;
-  } else {
-    v_opacity = u_opacity;
-  }
-
-  // Calculate border factor based on scale.
-  v_border_factor = smoothstep(0.5, 0.8, u_scale);
-
-  // Calculate fill opacity based on whether this rect is active
-  // If active (rect_id matches u_active_id), use 0.5, otherwise 0.1
-  v_fill_opacity = a_rect_id == u_active_id ? 0.3 : 0.1;
-  v_border_opacity = a_rect_id == u_active_id ? 1.0 : 0.5;
-}

package/dist/runtime/editor/features/assistant/Overlay/ResultMarkup/index.d.vue.ts

@@ -1,7 +0,0 @@
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{
-    markup: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    markup: string;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;