@blokkli/editor 2.0.0-alpha.56 → 2.0.0-alpha.58

package/dist/runtime/editor/events/index.d.ts

@@ -138,8 +138,9 @@ export type AddNewBlocksEvent = {
     host: BlokkliItemHost;
     afterUuid: string | null;
 };
-export type UpdateMutatedFieldsEvent = {
+export type UpdatePreviewStateEvent = {
     fields: MutatedField[];
+    mutatedEntity: Record<any, any>;
 };
 type MultiSelectStartEvent = {
     x: number;
@@ -197,7 +198,7 @@ export interface EventbusEvents {
     'dragging:move': Coord;
     'dragging:end': undefined;
     'add:block:new': AddNewBlockEvent;
-    updateMutatedFields: UpdateMutatedFieldsEvent;
+    updatePreviewState: UpdatePreviewStateEvent;
     animationFrame: AnimationFrameEvent;
     message: Message;
     keyPressed: KeyPressedEvent;
@@ -286,7 +287,7 @@ export type BlokkliEventBus = Emitter<EventbusEventsType>;
 export declare const emitMessage: (message: string, type?: "success" | "error" | "warning", additional?: string | Error | unknown, replace?: boolean) => void;
 type FrameEventBusEvents = {
     selectItems: string[];
-    mutatedFields: MutatedField[];
+    updatePreviewState: UpdatePreviewStateEvent;
     focus: string;
     updateOption: UpdateBlockOptionEvent;
 };

package/dist/runtime/editor/features/add-list/index.vue

@@ -86,7 +86,8 @@ const { settings } = defineBlokkliFeature({
       default: false
     }
   },
-  screenshot: "feature-add-list.jpg"
+  screenshot: "feature-add-list.jpg",
+  viewports: ["desktop"]
 });
 const {
   $t,

package/dist/runtime/editor/features/changelog/changelog.json

@@ -1,4 +1,12 @@
 [
+  {
+    "version": "2.0.0-alpha.57",
+    "date": "2026-04-29",
+    "body": {
+      "en": "<h3>Fixes</h3>\n<ul>\n<li>Added and removed text is highlighted again in the diff view on the page.</li>\n<li>The translation banner is no longer shown while the AI assistant is waiting\nfor changes to be approved.</li>\n<li>The AI assistant no longer gets stuck in the &quot;Thinking&quot; state when the\nconnection to the server is lost.</li>\n<li>In the responsive preview, changes to page content are once again updated\nautomatically.</li>\n</ul>\n",
+      "de": "<h3>Fehlerbehebungen</h3>\n<ul>\n<li>Hinzugefügte und entfernte Texte werden im Vergleichsmodus auf der Seite\nwieder farblich hervorgehoben.</li>\n<li>Das Sprachbanner wird nicht mehr angezeigt, während der KI-Assistent auf die\nBestätigung von Änderungen wartet.</li>\n<li>Der KI-Assistent bleibt nicht mehr im «Überlegen»-Zustand hängen, wenn die\nVerbindung zum Server unterbrochen wird.</li>\n<li>In der responsiven Vorschau werden Änderungen an Seiteninhalten wieder\nautomatisch aktualisiert</li>\n</ul>\n"
+    }
+  },
   {
     "version": "2.0.0-alpha.55",
     "date": "2026-04-20",

package/dist/runtime/editor/features/dev-mode/index.vue

@@ -43,13 +43,7 @@
 </template>
 
 <script setup>
-import {
-  useBlokkli,
-  defineBlokkliFeature,
-  ref,
-  computed,
-  onMounted
-} from "#imports";
+import { useBlokkli, defineBlokkliFeature, ref, computed } from "#imports";
 import { PluginViewOption } from "#blokkli/editor/plugins";
 import { Banner, BannerInner } from "#blokkli/editor/components";
 import { addElementClasses } from "#blokkli/editor/composables";
@@ -108,9 +102,6 @@ addElementClasses(
   "bk-hide-interaction-layers",
   isEnabled
 );
-onMounted(() => {
-  console.log(fieldMappingValidations.value);
-});
 </script>
 
 <script>

package/dist/runtime/editor/features/responsive-preview/Frame/index.vue

@@ -46,8 +46,8 @@ const src = computed(
   () => route.fullPath.replace("blokkliEditing", "blokkliPreview")
 );
 onBlokkliEvent(
-  "updateMutatedFields",
-  (e) => frameEventBus.emit("mutatedFields", e.fields)
+  "updatePreviewState",
+  (e) => frameEventBus.emit("updatePreviewState", e)
 );
 onBlokkliEvent("select", (uuids) => {
   const uuid = Array.isArray(uuids) ? uuids[0] : uuids;

package/dist/runtime/editor/features/translations/index.vue

@@ -52,6 +52,7 @@
   <Teleport to="#bk-banner-list">
     <Banner
       v-if="isTranslating"
+      v-show="!ui.isApproving.value"
       :active-language
       :show-csv="
   !!adapter.loadTextFieldValuesForLanguage && !!adapter.importTranslationsBatched

package/dist/runtime/editor/plugins/Sidebar/index.vue

@@ -306,7 +306,7 @@ export default {
 
 <style>
 .bk-html-root {
-  --bk-sidebar-width-right: 100vw;
+  --bk-sidebar-width-right: 280px;
   --bk-toolbar-left-width: 50px;
   --bk-add-item-icon-padding: 6px;
   --bk-item-icon-radius-base-toolbar: 4px;
@@ -471,10 +471,17 @@ export default {
   flex-direction: column;
   --bk-tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--bk-tw-bg-opacity, 1));
-  grid-area: sidebar-right;
+  grid-area: viewport;
   width: var(--bk-sidebar-width-right);
 }
 
+@media (min-width: 768px) {
+
+.bk.bk-sidebar-right-wrapper {
+    grid-area: sidebar-right
+}
+  }
+
 .bk.bk-sidebar-right-wrapper > * {
   pointer-events: auto;
 }

package/dist/runtime/editor/providers/state.js

@@ -216,7 +216,10 @@ export default async function(eventBus, adapter, context, $t, providerKey, permi
     mutatedItemPropsUuids.forEach((uuid) => {
       mutatedItemProps[uuid] = void 0;
     });
-    eventBus.emit("updateMutatedFields", { fields: newMutatedFields });
+    eventBus.emit("updatePreviewState", {
+      fields: newMutatedFields,
+      mutatedEntity: mutatedEntity.value
+    });
     nextTick(() => {
       refreshKey.value = Date.now().toString();
       eventBus.emit("state:reloaded");

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

@@ -80,7 +80,7 @@ declare class BlockCollector extends Collector<CollectedBlockFile> {
     private patterns;
     constructor(helper: ModuleHelper, icons: IconCollector);
     init(): Promise<void>;
-    runHooks(): any;
+    runHooks(): Promise<any>;
     createCollectedFile(filePath: string, fileContents?: string): CollectedBlockFile;
     private findBlockForFolderFile;
     protected handleAdd(filePath: string): Promise<boolean>;
@@ -444,7 +444,7 @@ declare class FeatureCollector extends Collector<CollectedFeatureFile> {
     constructor(helper: ModuleHelper);
     getEnabledFeatures(): ExtractedFeatureDefinition[];
     init(): Promise<void>;
-    runHooks(): any;
+    runHooks(): Promise<any>;
     createCollectedFile(filePath: string, fileContents?: string): CollectedFeatureFile;
     applies(filePath: string): Promise<boolean>;
     getDependencyTypes(): TemplateDependency[];
@@ -541,7 +541,7 @@ declare class IconCollector extends Collector {
     getValidMaterialIconNames(): string[];
     handleWatchEvent(event: WatchEvent, filePath: string): Promise<HandleWatchEventResult>;
     init(): Promise<void>;
-    runHooks(): any;
+    runHooks(): Promise<any>;
     applies(filePath: string): Promise<boolean>;
     getDependencyTypes(): TemplateDependency[];
     createCollectedFile(filePath: string, fileContents?: string): CollectedFile;

package/dist/shared/{editor.9vf8ZnOp.mjs → editor.FygP6XeF.mjs}

@@ -174,11 +174,11 @@ function parseTsObject(tsObjectStr) {
   const result = ts.transpileModule(source, {
     compilerOptions: {
       target: ts.ScriptTarget.ESNext,
-      module: ts.ModuleKind.None,
+      module: ts.ModuleKind.ESNext,
       removeComments: true
     }
   });
-  const jsCode = result.outputText.trim();
+  const jsCode = result.outputText.trim().replace(/^(?:["'][^"'\n]*["']\s*;?\s*)+/, "");
   const createObj = new Function(`return ${jsCode}`);
   const object = createObj();
   return { object, source: jsCode };

package/dist/types.d.mts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blokkli/editor",
-  "version": "2.0.0-alpha.56",
+  "version": "2.0.0-alpha.58",
   "description": "Interactive page building experience for Nuxt",
   "keywords": [
     "cms",
@@ -136,7 +136,6 @@
   },
   "dependencies": {
     "@material-symbols/svg-600": "0.40.2",
-    "@nuxt/kit": "^4.2.2",
     "apexcharts": "^5.4.0",
     "artboard-deluxe": "^0.1.5",
     "estree-walker-ts": "^1.1.0",
@@ -157,8 +156,9 @@
     "@ckeditor/ckeditor5-vue": "^7.3.0",
     "@nuxt/devtools": "^3.1.1",
     "@nuxt/eslint-config": "^1.12.1",
+    "@nuxt/kit": "^4.4.4",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.2.2",
+    "@nuxt/schema": "^4.4.4",
     "@nuxt/test-utils": "^3.21.0",
     "@nuxtjs/tailwindcss": "^6.14.0",
     "@tailwindcss/forms": "^0.5.11",
@@ -182,10 +182,12 @@
     "eslint-plugin-tailwindcss": "^3.18.2",
     "gettext-parser": "^8.0.0",
     "happy-dom": "^20.0.11",
-    "nuxt": "^4.2.2",
+    "nuxt": "^4.4.4",
     "nuxt-graphql-middleware": "^5.3.0",
     "nuxt-svg-icon-sprite": "^2.0.2",
     "openai": "^6.17.0",
+    "oxc-parser": "^0.98.0",
+    "oxc-walker": "^0.7.0",
     "oxfmt": "^0.20.0",
     "oxlint": "^1.35.0",
     "playwright-core": "^1.57.0",
@@ -198,13 +200,15 @@
     "postcss-selector-parser": "^7.1.1",
     "postcss-url": "^10.1.3",
     "prettier": "^3.7.4",
-    "prettier-plugin-glsl": "^0.2.2",
+    "prettier-plugin-glsl": "^0.2.5",
     "syllable": "^5.0.1",
     "tailwindcss": "^3.4.17",
     "tsx": "^4.21.0",
+    "turndown": "^7.2.4",
+    "typescript": "^6.0.0",
     "unbuild": "^3.6.1",
     "vite-plugin-glsl": "^1.5.5",
-    "vitepress": "^1.6.4",
+    "vitepress": "^2.0.0-alpha.17",
     "vitest": "^3.2.4",
     "vue-tsc": "^3.1.8"
   },
@@ -225,7 +229,7 @@
     "syllable": "*",
     "tailwindcss": "*",
     "turndown": "^7.2.2",
-    "typescript": "^5.0.0"
+    "typescript": "^5.0.0 || ^6.0.0"
   },
   "peerDependenciesMeta": {
     "syllable": {
@@ -258,5 +262,24 @@
   },
   "engines": {
     "node": ">=18.0.0"
+  },
+  "overrides": {
+    "lodash": "^4.17.24",
+    "@nuxt/module-builder": {
+      "typescript": "$typescript"
+    },
+    "postcss-url": {
+      "minimatch": "^10.2.3"
+    },
+    "eslint-plugin-sonarjs": {
+      "minimatch": "^10.2.3"
+    },
+    "prettier-plugin-glsl": {
+      "chevrotain": "^12.0.0",
+      "lodash": "^4.17.24"
+    },
+    "cypress": {
+      "@cypress/request": "^4.0.0"
+    }
   }
 }

package/dist/modules/agent/runtime/app/composables/agentProvider.d.ts

@@ -1,62 +0,0 @@
-import { type Ref } from '#imports';
-import { type Attachment, type ConversationItem, type ActiveItem, type MutationAction, type PreSeededToolResult, type AutoExecuteTool } from '#blokkli/agent/app/types';
-import type { ClientPlanState, UsageTurn, PageContext, Transcript } from '#blokkli/agent/shared/types';
-import type { AgentConversationSummary } from '#blokkli/agent/app/features/agent/types';
-import type { AgentToolName, AgentToolMap } from '#blokkli-build/agent-client';
-import type { BlokkliApp } from '#blokkli/editor/types/app';
-import type { FullBlokkliAdapter } from '#blokkli/editor/adapter';
-export type PendingMutationState = {
-    action: MutationAction;
-    resolve: (approved: boolean) => void;
-};
-export type PendingToolCall = {
-    toolName: string;
-    params: Record<string, unknown>;
-};
-export type AgentProviderOptions = {
-    app: BlokkliApp;
-    adapter: FullBlokkliAdapter<any>;
-    itemEntityType: string;
-};
-export type AgentProvider = {
-    isConnected: Readonly<Ref<boolean>>;
-    isReady: Readonly<Ref<boolean>>;
-    hasBeenReady: Readonly<Ref<boolean>>;
-    connect: () => void;
-    disconnect: () => void;
-    conversation: Ref<ConversationItem[]>;
-    activeItem: Ref<ActiveItem | null>;
-    isProcessing: Ref<boolean>;
-    isThinking: Ref<boolean>;
-    autoApprove: Ref<boolean>;
-    pendingMutation: Ref<PendingMutationState | null>;
-    pendingToolCall: Ref<PendingToolCall | null>;
-    plan: Ref<ClientPlanState | null>;
-    approvePlan: () => void;
-    rejectPlan: () => void;
-    usageTurns: Ref<UsageTurn[]>;
-    sendPrompt: (text: string, displayPrompt?: string, selectedUuids?: string[], attachments?: Attachment[], autoLoadTools?: string[], autoLoadSkills?: string[], preSeededResults?: PreSeededToolResult[], autoExecuteTools?: AutoExecuteTool[]) => void;
-    runToolForPrompt: <T extends AgentToolName>(toolName: T, params: AgentToolMap[T]['params']) => Promise<PreSeededToolResult & {
-        result: AgentToolMap[T]['result'];
-    }>;
-    retry: () => void;
-    approve: () => void;
-    reject: () => void;
-    setAutoApprove: (value: boolean) => void;
-    cancel: () => void;
-    newConversation: () => void;
-    getTranscript: () => void;
-    onToolComponentDone: (result: unknown) => void;
-    toolDetails: Map<string, unknown>;
-    transcriptContent: Ref<Transcript | null>;
-    showTranscript: Ref<boolean>;
-    conversationList: Ref<AgentConversationSummary[]>;
-    showConversationList: Ref<boolean>;
-    activeConversationId: Readonly<Ref<string | null>>;
-    switchConversation: (id: string) => void;
-    deleteConversation: (id: string) => void;
-    refreshConversationList: () => Promise<void>;
-    feedbackItemIds: Ref<Set<string>>;
-    pageContext: Ref<PageContext | null>;
-};
-export default function (app: BlokkliApp, adapter: FullBlokkliAdapter<any>, agentName: string): AgentProvider;