@blokkli/editor 2.0.0-alpha.62 → 2.0.0-alpha.64

package/dist/modules/charts/index.mjs

@@ -3,7 +3,7 @@ import { defineBlokkliModule } from '../index.mjs';
 import { fileURLToPath } from 'node:url';
 import * as path from 'node:path';
 import * as fs from 'node:fs';
-import { C as Collector, a as CollectedFile, e as extractFirstStringArg } from '../../shared/editor.Gu7mgJ5Q.mjs';
+import { C as Collector, a as CollectedFile, b as extractFirstStringArg } from '../../shared/editor.BGemL1Oh.mjs';
 import { d as defineCodeTemplate } from '../../shared/editor.6D5vApr0.mjs';
 import 'typescript';
 import 'oxc-walker';
@@ -223,6 +223,31 @@ export const chartTypeIllustrations: Partial<Record<ChartTypeId, Component>>
   );
 }
 
+const DEFAULT_NUMBER_FORMAT_LOCALES = [
+  "de-CH",
+  "fr-CH",
+  "it-CH",
+  "de-DE",
+  "en-US",
+  "en-GB",
+  "fr-FR"
+];
+function createConfigTemplate(options) {
+  const numberFormatLocales = options?.numberFormat?.locales ?? DEFAULT_NUMBER_FORMAT_LOCALES;
+  return defineCodeTemplate(
+    "charts-config",
+    () => `export const chartsConfig = {
+  numberFormatLocales: ${JSON.stringify(numberFormatLocales)},
+}
+`,
+    () => `export const chartsConfig: {
+  numberFormatLocales: string[]
+}
+`,
+    { write: true }
+  );
+}
+
 const resolve = createResolver(
   fileURLToPath(new URL("./", import.meta.url))
 ).resolve;
@@ -231,7 +256,16 @@ const index = defineBlokkliModule({
     options.blokkliDirs ??= [];
     options.blokkliDirs.push(resolve("./runtime/blokkli"));
   },
-  setup({ context, helper, $t }) {
+  setup({ context, helper, $t }, options) {
+    helper.addPackageDependency(
+      "echarts/core",
+      "echarts/renderers",
+      "echarts/charts",
+      "echarts/components",
+      "vue-echarts",
+      "json5",
+      "zod"
+    );
     helper.addAlias("#blokkli/charts/types", resolve("./runtime/types"));
     helper.addAlias(
       "#blokkli/charts/definition",
@@ -261,6 +295,7 @@ const index = defineBlokkliModule({
     context.addTemplate(createDefinitionsTemplate(chartTypes));
     context.addTemplate(createComponentsTemplate(chartTypes));
     context.addTemplate(createIllustrationsTemplate(chartTypes));
+    context.addTemplate(createConfigTemplate(options));
     helper.addAppTsInclude(projectChartsDir);
     for (const dir of moduleBlokkliDirs) {
       helper.addAppTsInclude(path.join(dir, "chart-types"));

package/dist/modules/charts/runtime/blokkli/tools/chart_schemas.d.ts

@@ -1,7 +1,7 @@
 import { z } from 'zod';
 import type { BlokkliChartData } from '#blokkli/charts/types';
 import type { McpToolContext } from '#blokkli/agent/app/types';
-import type { ColorOption } from '#blokkli/editor/types/config';
+import type { ColorOption } from '#blokkli/types/colors';
 export declare const chartTypeEnum: z.ZodEnum<{
     [x: string]: string;
 }>;

package/dist/modules/charts/runtime/blokkli/tools/chart_schemas.js

@@ -1,11 +1,17 @@
 import { z } from "zod";
+import { isColorIdValid } from "#blokkli/helpers/colors";
 import { getColorIdAtIndex } from "../../helpers/index.js";
 import { getChartTypeRuntime, getDefaultTypeOptions } from "../../chart-types/index.js";
 import { colorOptions } from "#blokkli-build/editor-config";
 import { definitionIds } from "#blokkli-build/charts-definitions";
 const agentChartTypeIds = definitionIds.filter((id) => id !== "advanced");
 export const chartTypeEnum = z.enum(agentChartTypeIds);
-const colorIds = Object.keys(colorOptions);
+const colorIds = Object.entries(colorOptions).flatMap(([id, option]) => {
+  if ("shades" in option) {
+    return Object.keys(option.shades).map((shade) => `${id}.${shade}`);
+  }
+  return [id];
+});
 export const chartColorEnum = z.enum(colorIds);
 export const chartSeriesSchema = z.object({
   name: z.string().describe("Series name (shown in legend)"),
@@ -89,8 +95,9 @@ export function validateAdvancedConfig(value) {
   return { value };
 }
 export function validateChartData(data, options) {
-  const validIds = new Set(options.map((c) => c.id));
-  const availableIds = options.map((c) => c.id);
+  const availableIds = options.flatMap(
+    (c) => c.shades?.length ? c.shades.map((s) => `${c.id}.${s.id}`) : [c.id]
+  );
   for (let i = 0; i < data.series.length; i++) {
     const series = data.series[i];
     if (series.data.length !== data.categories.length) {
@@ -103,7 +110,7 @@ export function validateChartData(data, options) {
     const series = data.series[i];
     if (!series.color) {
       series.color = getColorIdAtIndex(i, options);
-    } else if (!validIds.has(series.color)) {
+    } else if (!isColorIdValid(series.color, options)) {
       return {
         error: `Invalid color ID "${series.color}" on series "${series.name}". Available colors: ${availableIds.join(", ")}`
       };
@@ -118,7 +125,7 @@ export function validateChartData(data, options) {
     } else {
       for (let i = 0; i < data.categoryColors.length; i++) {
         const id = data.categoryColors[i];
-        if (!validIds.has(id)) {
+        if (!isColorIdValid(id, options)) {
           return {
             error: `Invalid categoryColor ID "${id}" at index ${i}. Available colors: ${availableIds.join(", ")}`
           };

package/dist/modules/charts/runtime/components/ChartRenderer/index.vue

@@ -29,7 +29,7 @@
 </template>
 
 <script setup>
-import { computed, inject, ref, useAppConfig } from "#imports";
+import { computed, inject, ref, useBlokkliRuntimeConfig } from "#imports";
 import { applyFootnotes, SUPERSCRIPTS } from "../../helpers";
 import { detectDateFormat, formatDateCategory } from "../../helpers/dateFormat";
 import { INJECT_CHART_PREVIEW_DYNAMIC_DATA } from "../../helpers/previewInjection";
@@ -55,17 +55,12 @@ const props = defineProps({
   dynamicData: { type: [Object, null], required: false }
 });
 const isEditing = inject(INJECT_IS_EDITING, false);
-const appConfig = useAppConfig();
+const { resolveColorHex, colorPalette } = useBlokkliRuntimeConfig();
 const providerEntity = inject(INJECT_PROVIDER_CONTEXT, null);
 const previewDynamicData = inject(INJECT_CHART_PREVIEW_DYNAMIC_DATA, null);
 const currentLanguage = computed(
   () => props.languageOverride ?? providerEntity?.value.language ?? ""
 );
-const colorPalette = computed(() => {
-  const map = appConfig.blokkli?.colorOptions;
-  if (!map) return [];
-  return Object.keys(map).map((id) => ({ id, hex: map[id] }));
-});
 const hasDynamicSource = computed(() => !!props.dataSource);
 const effectiveDynamicPayload = computed(() => {
   if (props.dynamicData !== void 0 && props.dynamicData !== null) {
@@ -80,17 +75,17 @@ const effectiveData = computed(() => {
     const overrides = props.dataSource?.seriesOverrides ?? {};
     const categoryOverrides = props.dataSource?.categoryColorOverrides ?? {};
     const palette = colorPalette.value;
-    const fallback = palette[0]?.id ?? "";
+    const fallback = palette[0] ?? "";
     const visibleSeries = payload.series.filter(
       (s) => overrides[s.name]?.hidden !== true
     );
     const series = visibleSeries.map((s, i) => ({
       name: s.name,
-      color: overrides[s.name]?.color ?? palette[i % Math.max(palette.length, 1)]?.id ?? fallback,
+      color: overrides[s.name]?.color ?? palette[i % Math.max(palette.length, 1)] ?? fallback,
       data: s.data
     }));
     const categoryColors = payload.categories.map((label, i) => {
-      return categoryOverrides[label] ?? palette[i % Math.max(palette.length, 1)]?.id ?? fallback;
+      return categoryOverrides[label] ?? palette[i % Math.max(palette.length, 1)] ?? fallback;
     });
     return {
       categories: payload.categories,
@@ -159,10 +154,6 @@ function superscriptFor(n) {
   }
   return String(n).split("").map((d) => SUPERSCRIPTS[d] || d).join("");
 }
-function resolveHex(id) {
-  const map = appConfig.blokkli?.colorOptions;
-  return map?.[id] || "#888888";
-}
 const typeComponent = computed(
   () => chartTypeComponents[props.type]
 );
@@ -176,8 +167,8 @@ const renderProps = computed(() => {
       name: applyFootnotes(s.name),
       data: s.data
     })),
-    seriesHexColors: data.series.map((s) => resolveHex(s.color)),
-    categoryHexColors: data.categoryColors.map(resolveHex),
+    seriesHexColors: data.series.map((s) => resolveColorHex(s.color)),
+    categoryHexColors: data.categoryColors.map(resolveColorHex),
     typeOptions: props.typeOptions ?? {},
     numberFormat: resolvedNumberFormat.value,
     isEditing,

package/dist/modules/charts/runtime/features/charts/Editor/AdvancedConfigPanel/index.vue

@@ -121,7 +121,7 @@ function openExamples() {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-advanced-config-error {
   border-radius: 4px;
   border-style: var(--bk-tw-border-style);

package/dist/modules/charts/runtime/features/charts/Editor/ChartTypeOptions/Field.vue

@@ -1,16 +1,16 @@
 <template>
   <FormToggle
     v-if="option.type === 'checkbox'"
-    :label="option.label"
-    :description="option.description"
+    :label
+    :description
     :model-value="!!(value ?? option.default)"
     @update:model-value="$emit('update', $event)"
   />
   <FormRadio
     v-else-if="option.type === 'radios'"
     :id="`chart-option-${optionKey}`"
-    :label="option.label"
-    :description="option.description"
+    :label
+    :description
     inline
     :options="radioOptions"
     :model-value="String(value ?? option.default ?? '')"
@@ -19,8 +19,8 @@
   <FormNumber
     v-else-if="option.type === 'number'"
     :id="`chart-option-${optionKey}`"
-    :label="option.label"
-    :description="option.description"
+    :label
+    :description
     :min="numberMin"
     :max="numberMax"
     :nullable="option.nullable"
@@ -31,8 +31,8 @@
   <FormText
     v-else-if="option.type === 'text'"
     :id="`chart-option-${optionKey}`"
-    :label="option.label"
-    :description="option.description"
+    :label
+    :description
     :model-value="String(value ?? option.default ?? '')"
     lazy
     @update:model-value="$emit('update', $event ?? '')"
@@ -40,7 +40,7 @@
 </template>
 
 <script setup>
-import { computed } from "#imports";
+import { computed, useBlokkli } from "#imports";
 import {
   FormToggle,
   FormRadio,
@@ -53,6 +53,16 @@ const props = defineProps({
   value: { type: null, required: true }
 });
 defineEmits(["update"]);
+const { definitions } = useBlokkli();
+const label = computed(() => {
+  return definitions.resolveDefinitionString(props.option.label);
+});
+const description = computed(() => {
+  if (props.option.description) {
+    return definitions.resolveDefinitionString(props.option.description);
+  }
+  return void 0;
+});
 const radioOptions = computed(() => {
   if (props.option.type !== "radios") {
     return [];

package/dist/modules/charts/runtime/features/charts/Editor/ColorDropdown/index.vue

@@ -1,84 +1,14 @@
 <template>
-  <Dropdown position="top-left" button-class="bk-chart-color-dropdown-button">
-    <template #button>
-      <span
-        class="bk-chart-color-swatch bk-chart-data-table-input"
-        :style="{ backgroundColor: displayColor }"
-      />
-    </template>
-    <template #default="{ close }">
-      <DropdownItem
-        v-for="entry in colorOptions"
-        :key="entry.id"
-        :text="entry.label"
-        @click="
-  () => {
-    emit('select', entry.id);
-    close();
-  }
-"
-      >
-        <span
-          class="bk-chart-color-swatch"
-          :style="{ backgroundColor: entry.hex }"
-        />
-      </DropdownItem>
-    </template>
-  </Dropdown>
+  <ColorDropdown
+    :model-value="colorId"
+    @update:model-value="$emit('select', $event)"
+  />
 </template>
 
 <script setup>
-import { computed, useBlokkli } from "#imports";
-import { Dropdown, DropdownItem } from "#blokkli/editor/components";
-const props = defineProps({
+import { ColorDropdown } from "#blokkli/editor/components";
+defineProps({
   colorId: { type: String, required: true }
 });
-const emit = defineEmits(["select"]);
-const { config } = useBlokkli();
-const colorOptions = computed(() => config.colorOptions.value);
-const displayColor = computed(() => config.getColorHex(props.colorId));
+defineEmits(["select"]);
 </script>
-
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
-.bk .bk-chart-color-dropdown-button {
-  display: flex;
-  width: 40px;
-  height: 40px;
-  align-items: center;
-  justify-content: center;
-}
-:is(.bk .bk-chart-color-dropdown-button):hover .bk-chart-color-swatch {
-  outline-style: var(--bk-tw-outline-style);
-  outline-width: 2px;
-  outline-offset: calc(2px * -1);
-  outline-color: rgb(var(--bk-theme-mono-100) / 1);
-}
-@supports (color: color-mix(in lab, red, red)) {
-  :is(.bk .bk-chart-color-dropdown-button):hover .bk-chart-color-swatch {
-    outline-color: color-mix(in oklab, rgb(var(--bk-theme-mono-100) / 1) 40%, transparent);
-  }
-}
-:is(:is(.bk .bk-chart-color-dropdown-button):hover .bk-chart-color-swatch):before {
-  opacity: 80%;
-}
-.bk .bk-chart-color-swatch {
-  position: relative;
-  display: block;
-  width: 20px;
-  height: 20px;
-  border-radius: calc(infinity * 1px);
-}
-:is(.bk .bk-chart-color-swatch):before {
-  content: '';
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  height: 100%;
-  border-radius: calc(infinity * 1px);
-  border-style: var(--bk-tw-border-style);
-  border-width: 1px;
-  border-color: rgb(var(--bk-theme-mono-900) / 1);
-  opacity: 40%;
-}
-</style>

package/dist/modules/charts/runtime/features/charts/Editor/CsvImport/OutputPreviewTable/index.vue

@@ -102,7 +102,7 @@ function onDragEnd() {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-csv-preview-table th,.bk-csv-preview-table td {
   border-right-style: var(--bk-tw-border-style);
   border-right-width: 1px;

package/dist/modules/charts/runtime/features/charts/Editor/CsvImport/csvHelpers.d.ts

@@ -1,4 +1,4 @@
-import type { ColorOption } from '#blokkli/editor/types/config';
+import type { ColorOption } from '#blokkli/types/colors';
 import type { ChartSeries } from '../../../../types.js';
 export type CsvGrid = string[][];
 export type ColumnRole = 'category' | 'series' | 'value' | 'groupBy' | 'ignore';

package/dist/modules/charts/runtime/features/charts/Editor/DataTable/index.vue

@@ -10,11 +10,15 @@
         <th />
         <th v-for="(s, si) in series" :key="si">
           <div class="bk-chart-data-table-series-header">
-            <ColorDropdown
+            <span
               v-if="hasSeriesColors"
-              :color-id="s.color"
-              @select="updateSeriesColor(si, $event)"
-            />
+              class="_bk_contents"
+            >
+              <ColorDropdown
+                :color-id="s.color"
+                @select="updateSeriesColor(si, $event)"
+              />
+            </span>
             <input
               type="text"
               :value="s.name"
@@ -52,11 +56,15 @@
       <tr v-for="(cat, ci) in categories" :key="ci">
         <td>
           <div class="bk-chart-data-table-category-cell">
-            <ColorDropdown
+            <span
               v-if="hasCategoryColors"
-              :color-id="categoryColors[ci] || ''"
-              @select="updateCategoryColor(ci, $event)"
-            />
+              class="_bk_contents"
+            >
+              <ColorDropdown
+                :color-id="categoryColors[ci] || ''"
+                @select="updateCategoryColor(ci, $event)"
+              />
+            </span>
             <input
               type="text"
               class="bk-chart-data-table-input _bk_font-semibold"

package/dist/modules/charts/runtime/features/charts/Editor/NumberFormatEditor/index.vue

@@ -69,6 +69,7 @@ import { computed, useBlokkli } from "#imports";
 import { createNumberFormatter } from "../../../../helpers/numberFormat";
 import { FormSelect, FormText, FormRadio } from "#blokkli/editor/components";
 import PanelSection from "#blokkli/editor/components/Panel/Section/index.vue";
+import { chartsConfig } from "#blokkli-build/charts-config";
 const { $t } = useBlokkli();
 const props = defineProps({
   format: { type: Object, required: true }
@@ -83,15 +84,30 @@ function update(key, value) {
   }
   emit("update:format", next);
 }
+function deriveLocaleLabel(id) {
+  let name = id;
+  try {
+    name = new Intl.DisplayNames([id], {
+      type: "language",
+      languageDisplay: "standard"
+    }).of(id) ?? id;
+  } catch {
+  }
+  try {
+    const example = new Intl.NumberFormat(id, {
+      minimumFractionDigits: 2
+    }).format(1234.5);
+    return `${name} \u2014 ${example}`;
+  } catch {
+    return name;
+  }
+}
 const localeOptions = computed(() => [
   { value: "", label: $t("chartsNumberFormatLocaleAuto", "Auto (browser)") },
-  { value: "de-CH", label: "Deutsch (Schweiz) \u2014 1\u2019234.50" },
-  { value: "fr-CH", label: "Fran\xE7ais (Suisse) \u2014 1 234,50" },
-  { value: "it-CH", label: "Italiano (Svizzera) \u2014 1\u2019234,50" },
-  { value: "de-DE", label: "Deutsch (Deutschland) \u2014 1.234,50" },
-  { value: "en-US", label: "English (US) \u2014 1,234.50" },
-  { value: "en-GB", label: "English (UK) \u2014 1,234.50" },
-  { value: "fr-FR", label: "Fran\xE7ais (France) \u2014 1 234,50" }
+  ...chartsConfig.numberFormatLocales.map((id) => ({
+    value: id,
+    label: deriveLocaleLabel(id)
+  }))
 ]);
 const decimalsOptions = computed(() => [
   { value: "", label: $t("auto", "Auto") },

package/dist/modules/charts/runtime/features/charts/Editor/index.vue

@@ -239,9 +239,11 @@ import "#blokkli/charts/adapter";
 import {
   categoriesAreDates,
   categoriesAreNumeric,
+  getColorIdAtIndex,
   getDefaultChartData,
   getFirstColorId
 } from "../../../helpers";
+import { isColorIdValid } from "#blokkli/helpers/colors";
 import { getChartType, getDefaultTypeOptions } from "../../../chart-types";
 import { useChartEditorState } from "./useChartEditorState";
 import { useChartDataSourcePreview } from "./useChartDataSourcePreview";
@@ -283,24 +285,21 @@ function getCurrentData() {
     const hasSeries = Array.isArray(parsed?.series) && parsed.series.length > 0;
     if (parsed && (isAdvanced2 || hasSeries)) {
       if (!isAdvanced2) {
-        const validIds = new Set(colorOptions.map((c) => c.id));
         const fallbackId = getFirstColorId(colorOptions);
         for (const series of parsed.series) {
-          if (!validIds.has(series.color)) {
+          if (!isColorIdValid(series.color, colorOptions)) {
             series.color = fallbackId;
           }
         }
         if (Array.isArray(parsed.categoryColors)) {
           for (let i = 0; i < parsed.categoryColors.length; i++) {
-            if (!validIds.has(parsed.categoryColors[i])) {
+            if (!isColorIdValid(parsed.categoryColors[i], colorOptions)) {
               parsed.categoryColors[i] = fallbackId;
             }
           }
         } else {
           parsed.categoryColors = parsed.categories.map(
-            (_, i) => {
-              return colorOptions[i % colorOptions.length]?.id || fallbackId;
-            }
+            (_, i) => getColorIdAtIndex(i, colorOptions)
           );
         }
       } else {

package/dist/modules/charts/runtime/features/charts/Editor/useChartEditorState.d.ts

@@ -1,5 +1,5 @@
 import type { BlokkliChartData, ChartSeries, ChartType } from '../../../types.js';
-import type { ColorOption } from '#blokkli/editor/types/config';
+import type { ColorOption } from '#blokkli/types/colors';
 export declare function useChartEditorState(initial: BlokkliChartData, options: ColorOption[]): {
     data: any;
     canUndo: any;

package/dist/modules/charts/runtime/helpers/index.d.ts

@@ -1,5 +1,5 @@
 import type { BlokkliChartData } from '../types.js';
-import type { ColorOption } from '#blokkli/editor/types/config';
+import type { ColorOption } from '#blokkli/types/colors';
 export declare const SUPERSCRIPTS: Record<string, string>;
 /**
  * Replace `{1}`, `{2}`, etc. with Unicode superscript characters.
@@ -11,6 +11,7 @@ export declare function applyFootnotes(text: string): string;
 export declare function getFirstColorId(options: ColorOption[]): string;
 /**
  * Get a color ID for the given index, cycling through available colors.
+ * Always returns the canonical form (`<base>.<mainShade>` for ramps).
  */
 export declare function getColorIdAtIndex(index: number, options: ColorOption[]): string;
 export declare function getDefaultChartData(options: ColorOption[]): BlokkliChartData;

package/dist/modules/charts/runtime/helpers/index.js

@@ -1,3 +1,4 @@
+import { canonicalColorId } from "#blokkli/helpers/colors";
 import { detectDateFormat } from "./dateFormat.js";
 export const SUPERSCRIPTS = {
   "1": "\xB9",
@@ -18,11 +19,12 @@ export function applyFootnotes(text) {
   );
 }
 export function getFirstColorId(options) {
-  return options[0]?.id || "";
+  return options[0] ? canonicalColorId(options[0]) : "";
 }
 export function getColorIdAtIndex(index, options) {
   if (options.length === 0) return "";
-  return options[index % options.length]?.id || options[0]?.id || "";
+  const option = options[index % options.length] ?? options[0];
+  return canonicalColorId(option);
 }
 export function getDefaultChartData(options) {
   return {

package/dist/modules/drupal/graphql/base/fragment.paragraphsBlokkliEditState.graphql

@@ -4,6 +4,11 @@ fragment paragraphsBlokkliEditState on ParagraphsBlokkliEditState {
   }
 
   currentIndex
+  changedRawField {
+    first {
+      value
+    }
+  }
   currentUserIsOwner
   ownerName
   user: uid {

package/dist/modules/drupal/graphql/base/fragment.paragraphsBlokkliMutationResult.graphql

@@ -4,4 +4,7 @@ fragment paragraphsBlokkliMutationResult on ParagraphsBlokkliMutationResult {
   state {
     ...paragraphsBlokkliEditState
   }
+  violations {
+    ...paragraphsBlokkliViolation
+  }
 }

package/dist/modules/drupal/index.d.mts

@@ -1,4 +1,4 @@
-import { B as BlokkliModule } from '../../shared/editor.D28NbXr3.mjs';
+import { B as BlokkliModule } from '../../shared/editor.BDyiQvbV.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';

package/dist/modules/drupal/runtime/adapter/index.js

@@ -216,6 +216,8 @@ export default defineBlokkliEditAdapter(
       const mutations = (state?.mutations || []).filter(falsy);
       const currentUserIsOwner = !!state?.currentUserIsOwner;
       const ownerName = state?.ownerName || "";
+      const lastChangedRaw = state?.changedRawField?.first?.value;
+      const lastChanged = lastChangedRaw ? parseInt(lastChangedRaw) : void 0;
       const fields = state?.mutatedState?.fields || [];
       const violations = state.mutatedState?.violations || [];
       const entity = state.entity;
@@ -255,6 +257,7 @@ export default defineBlokkliEditAdapter(
         mutations,
         currentUserIsOwner,
         ownerName,
+        lastChanged,
         ownerId: state.user?.id,
         mutatedState: {
           fields,
@@ -336,7 +339,8 @@ export default defineBlokkliEditAdapter(
       return {
         success: !!action?.success,
         state: action?.state,
-        errors: (action?.errors ?? []).filter(falsy)
+        errors: (action?.errors ?? []).filter(falsy),
+        violations: action?.violations ?? []
       };
     };
     const mapImportSummary = (summary) => {

package/dist/modules/iframes/index.d.mts

@@ -1,4 +1,4 @@
-import { B as BlokkliModule } from '../../shared/editor.D28NbXr3.mjs';
+import { B as BlokkliModule } from '../../shared/editor.BDyiQvbV.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';

package/dist/modules/index.d.mts

@@ -1,4 +1,4 @@
-export { b as Blokkli, B as BlokkliModule, d as defineBlokkliModule } from '../shared/editor.D28NbXr3.mjs';
+export { b as Blokkli, B as BlokkliModule, d as defineBlokkliModule } from '../shared/editor.BDyiQvbV.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../dist/global/types/definitions.js';

package/dist/modules/readability/index.d.mts

@@ -1,4 +1,4 @@
-import { B as BlokkliModule } from '../../shared/editor.D28NbXr3.mjs';
+import { B as BlokkliModule } from '../../shared/editor.BDyiQvbV.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';

package/dist/modules/readability/index.mjs

@@ -6,7 +6,8 @@ const resolve = createResolver(
   fileURLToPath(new URL("./", import.meta.url))
 ).resolve;
 const index = defineBlokkliModule({
-  setup({ context }) {
+  setup({ context, helper }) {
+    helper.addPackageDependency("syllable");
     context.registerAdapterExtension(
       "@blokkli/readability",
       resolve("./runtime/adapter-extension")

package/dist/modules/table-of-contents/index.d.mts

@@ -1,4 +1,4 @@
-import { B as BlokkliModule } from '../../shared/editor.D28NbXr3.mjs';
+import { B as BlokkliModule } from '../../shared/editor.BDyiQvbV.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';