@blokkli/editor 2.0.0-alpha.40 → 2.0.0-alpha.42

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@blokkli/editor",
   "configKey": "blokkli",
-  "version": "2.0.0-alpha.40",
+  "version": "2.0.0-alpha.42",
   "compatibility": {
     "nuxt": ">=3.15.0"
   },

package/dist/module.mjs

@@ -18,7 +18,7 @@ import 'typescript';
 import 'oxc-walker';
 
 const name = "@blokkli/editor";
-const version = "2.0.0-alpha.40";
+const version = "2.0.0-alpha.42";
 
 function validateOption(optionKey, option, icons) {
   const errors = [];

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

@@ -19,6 +19,12 @@ type AgentModelDefinition = {
         output: number;
     };
 };
+type AgentModuleOptionsRoutes = {
+    agent: string;
+    fetch: string;
+    stream: string;
+    routing: string;
+};
 type AgentModuleOptions = {
     /**
      * Allowed origins for the fetch endpoint.
@@ -58,6 +64,7 @@ type AgentModuleOptions = {
      * The name of the agent as shown to the user.
      */
     agentName?: string;
+    routes?: Partial<AgentModuleOptionsRoutes>;
 };
 
 declare const _default: (options: AgentModuleOptions) => BlokkliModule<AgentModuleOptions>;

package/dist/modules/agent/index.mjs

@@ -109,7 +109,7 @@ class AgentCollector extends Collector {
   }
 }
 
-function createClientTemplate(toolCollector, promptCollector, skillsCollector, options) {
+function createClientTemplate(toolCollector, promptCollector, skillsCollector, options, routes) {
   return defineCodeTemplate(
     "agent-client",
     (ctx) => {
@@ -154,6 +154,10 @@ function createClientTemplate(toolCollector, promptCollector, skillsCollector, o
       exports$1.push(
         `export const hasWebFetch = ${JSON.stringify(!!options.allowedFetchOrigins)}`
       );
+      exports$1.push(`export const routeAgent = ${JSON.stringify(routes.agent)}`);
+      exports$1.push(`export const routeFetch = ${JSON.stringify(routes.fetch)}`);
+      exports$1.push(`export const routeStream = ${JSON.stringify(routes.stream)}`);
+      exports$1.push(`export const routeRoute = ${JSON.stringify(routes.routing)}`);
       exports$1.push(
         `export const toolNames = ${JSON.stringify(toolCollector.getNames())}`
       );
@@ -203,6 +207,10 @@ ${toolMapBlock}
 export type AgentToolName = ${agentToolNameType}
 export type AgentSkillName = ${agentSkillNameType}
 
+export const routeAgent: string
+export const routeFetch: string
+export const routeStream: string
+export const routeRoute: string
 export const mcpTools: McpToolDefinition[]
 export const agentPrompts: AgentPromptItem[]
 export const defaultPrompts: string[]
@@ -546,10 +554,12 @@ function transformToolSource(source, filePath) {
   return result;
 }
 
-const AGENT_ROUTE = "/api/blokkli/agent";
-const FETCH_ROUTE = "/api/blokkli/agent/fetch";
-const STREAM_ROUTE = "/api/blokkli/agent/stream";
-const ROUTE_ROUTE = "/api/blokkli/agent/route";
+const DEFAULT_ROUTES = {
+  agent: "/api/blokkli/agent",
+  fetch: "/api/blokkli/agent/fetch",
+  stream: "/api/blokkli/agent/stream",
+  routing: "/api/blokkli/agent/route"
+};
 const index = defineBlokkliModule({
   alterOptions: (options) => {
     options.featureImports ||= [];
@@ -583,6 +593,10 @@ export default defineNuxtConfig({
 `);
       throw new Error("Experimental WebSocket support of Nitro is not enabled.");
     }
+    const routes = {
+      ...DEFAULT_ROUTES,
+      ...options.routes
+    };
     const nuxt = ctx.helper.nuxt;
     const moduleResolver = createResolver(
       fileURLToPath(new URL("./", import.meta.url))
@@ -673,7 +687,8 @@ export default defineNuxtConfig({
         mcpTools,
         promptsCollector,
         skillsCollector,
-        options
+        options,
+        routes
       )
     );
     const moduleSystemPromptsDir = moduleResolver.resolve(
@@ -711,20 +726,20 @@ export default defineNuxtConfig({
       })
     );
     addServerHandler({
-      route: AGENT_ROUTE,
+      route: routes.agent,
       handler: moduleResolver.resolve("./runtime/server/agent"),
       lazy: true
     });
     addServerHandler({
-      route: FETCH_ROUTE,
+      route: routes.fetch,
       handler: moduleResolver.resolve("./runtime/server/fetch")
     });
     addServerHandler({
-      route: STREAM_ROUTE,
+      route: routes.stream,
       handler: moduleResolver.resolve("./runtime/server/stream")
     });
     addServerHandler({
-      route: ROUTE_ROUTE,
+      route: routes.routing,
       handler: moduleResolver.resolve("./runtime/server/route")
     });
     const relativeSkillsDir = path.relative(
@@ -756,10 +771,10 @@ export default defineNuxtConfig({
     });
     nuxt.hook("nitro:init", (nitro) => {
       nitro.hooks.hook("types:extend", (types) => {
-        Reflect.deleteProperty(types.routes, AGENT_ROUTE);
-        Reflect.deleteProperty(types.routes, FETCH_ROUTE);
-        Reflect.deleteProperty(types.routes, STREAM_ROUTE);
-        Reflect.deleteProperty(types.routes, ROUTE_ROUTE);
+        Reflect.deleteProperty(types.routes, routes.agent);
+        Reflect.deleteProperty(types.routes, routes.fetch);
+        Reflect.deleteProperty(types.routes, routes.stream);
+        Reflect.deleteProperty(types.routes, routes.routing);
       });
     });
   }

package/dist/modules/agent/runtime/app/composables/agentProvider.js

@@ -13,7 +13,7 @@ import {
   isToolError,
   resolveTools
 } from "#blokkli/agent/app/helpers";
-import { mcpTools } from "#blokkli-build/agent-client";
+import { mcpTools, routeAgent, routeRoute } from "#blokkli-build/agent-client";
 import { generateUUID } from "#blokkli/editor/helpers/uuid";
 import { itemEntityType } from "#blokkli-build/config";
 export default function(app, adapter, agentName) {
@@ -234,7 +234,7 @@ export default function(app, adapter, agentName) {
       ws = null;
     }
     const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
-    const url = `${protocol}//${window.location.host}/api/blokkli/agent`;
+    const url = `${protocol}//${window.location.host}${routeAgent}`;
     ws = new WebSocket(url);
     ws.addEventListener("open", onWebSocketOpen);
     ws.addEventListener("close", onWebSocketClose);
@@ -838,7 +838,7 @@ export default function(app, adapter, agentName) {
     let resolvedAutoLoadSkills = autoLoadSkills;
     if (isFirstMessage && !hasClientDirectives && storedPageContext.value) {
       try {
-        const routingResult = await fetch("/api/blokkli/agent/route", {
+        const routingResult = await fetch(routeRoute, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({

package/dist/modules/agent/runtime/app/tools/delegate_text_rewrite/Component.vue

@@ -44,6 +44,7 @@ import { useBlokkli, ref, reactive, onMounted, onBeforeUnmount } from "#imports"
 import { Icon, DiffApproval } from "#blokkli/editor/components";
 import ToolCard from "../../features/agent/Panel/ToolCard/index.vue";
 import { itemEntityType } from "#blokkli-build/config";
+import { routeStream } from "#blokkli-build/agent-client";
 import { useEditableFieldOverride } from "#blokkli/editor/composables";
 import { applyOperations } from "../helpers";
 const props = defineProps({
@@ -358,7 +359,7 @@ function handleSSEEvent(eventType, data) {
 async function fetchStream(authToken, requestFields, templateParams) {
   abortController = new AbortController();
   try {
-    const response = await fetch("/api/blokkli/agent/stream", {
+    const response = await fetch(routeStream, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({

package/dist/modules/agent/runtime/app/tools/web_fetch/index.js

@@ -1,5 +1,6 @@
 import { z } from "zod";
 import { defineBlokkliAgentTool } from "#blokkli/agent/app/composables";
+import { routeFetch } from "#blokkli-build/agent-client";
 const paramsSchema = z.object({
   url: z.string().url().describe("The URL to fetch content from"),
   format: z.enum(["markdown", "html"]).default("markdown").describe(
@@ -25,7 +26,7 @@ export default defineBlokkliAgentTool({
   resultSchema,
   async execute(ctx, params) {
     const { $t } = ctx.app;
-    const response = await fetch("/api/blokkli/agent/fetch", {
+    const response = await fetch(routeFetch, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({ url: params.url, format: params.format })

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

@@ -291,7 +291,8 @@ export default defineBlokkliEditAdapter(
     const route = useRoute();
     const router = useRouter();
     const changeLanguage = (translation) => {
-      return router.push({ path: translation.url, query: route.query });
+      const path = translation.url.includes("http") ? new URL(translation.url).pathname : translation.url;
+      return router.push({ path, query: route.query });
     };
     const buildEditableFrameUrl = (e) => {
       const url = "/" + [

package/dist/runtime/components/BlokkliProvider.vue

@@ -7,43 +7,45 @@
     :data-blokkli-provider-active="isInEditor ? 'true' : 'false'"
   >
     <BlokkliRootErrorBoundary v-if="isInEditor">
-      <PreviewProvider
-        v-if="isPreviewing"
-        v-slot="{ mutatedEntity }"
-        :entity
-        :entity-type
-        :entity-uuid
-        :entity-bundle
-        :language
-        :provider-type
-      >
-        <slot
-          :entity="mutatedEntity"
-          :is-editing
-          :can-edit
-          :is-preview="isPreviewing"
-        />
-      </PreviewProvider>
-      <EditProvider
-        v-else-if="isEditing && shouldRender && providerEl"
-        v-slot="{ mutatedEntity }"
-        :provider-el
-        :entity
-        :entity-type
-        :entity-uuid
-        :entity-bundle
-        :language
-        :isolate
-        :permissions
-        :provider-type
-      >
-        <slot
-          :is-editing
-          :can-edit
-          :is-preview="isPreviewing"
-          :entity="mutatedEntity"
-        />
-      </EditProvider>
+      <ClientOnly>
+        <PreviewProvider
+          v-if="isPreviewing"
+          v-slot="{ mutatedEntity }"
+          :entity
+          :entity-type
+          :entity-uuid
+          :entity-bundle
+          :language
+          :provider-type
+        >
+          <slot
+            :entity="mutatedEntity"
+            :is-editing
+            :can-edit
+            :is-preview="isPreviewing"
+          />
+        </PreviewProvider>
+        <EditProvider
+          v-else-if="isEditing && shouldRender && providerEl"
+          v-slot="{ mutatedEntity }"
+          :provider-el
+          :entity
+          :entity-type
+          :entity-uuid
+          :entity-bundle
+          :language
+          :isolate
+          :permissions
+          :provider-type
+        >
+          <slot
+            :is-editing
+            :can-edit
+            :is-preview="isPreviewing"
+            :entity="mutatedEntity"
+          />
+        </EditProvider>
+      </ClientOnly>
     </BlokkliRootErrorBoundary>
 
     <slot

package/dist/runtime/editor/components/PreviewProvider.vue

@@ -59,10 +59,20 @@ const { data, refresh, error } = await useAsyncData(
   () => adapter.loadState().then((v) => adapter.mapState(v))
 );
 function updateMutatedFields(fields) {
-  fields.forEach((field) => {
+  const existingKeys = Object.keys(mutatedFieldsMap);
+  const newKeys = /* @__PURE__ */ new Set();
+  for (let i = 0; i < fields.length; i++) {
+    const field = fields[i];
     const key = getFieldKey(field.entityUuid, field.name);
     mutatedFieldsMap[key] = field;
-  });
+    newKeys.add(key);
+  }
+  for (let i = 0; i < existingKeys.length; i++) {
+    const key = existingKeys[i];
+    if (!newKeys.has(key)) {
+      delete mutatedFieldsMap[key];
+    }
+  }
 }
 const updateState = () => {
   const fields = data.value?.mutatedState?.fields || [];

package/dist/runtime/editor/features/analyze/readability/builtinAnalyzer.js

@@ -21,18 +21,18 @@ const SCORE_CONFIGS = {
     label: "WSTF",
     compute: (tr, text) => tr.wienerSachtextformel(text, 1),
     direction: "higher_harder",
-    bands: { easy: 6, ok: 10 },
-    impactThresholds: [8, 10, 12],
+    bands: { easy: 7, ok: 14 },
+    impactThresholds: [12, 16, 20],
     referenceTable: [
-      { range: "4\u20136", label: "Very easy (primary school level)" },
-      { range: "6\u20138", label: "Easy (simple articles)" },
-      { range: "8\u201310", label: "Medium (newspapers)" },
-      { range: "10\u201312", label: "Difficult (official documents)" },
+      { range: "Below 4", label: "Very easy (children's books)" },
+      { range: "4\u20137", label: "Easy (simple articles)" },
+      { range: "7\u201311", label: "Medium (standard website content)" },
+      { range: "11\u201314", label: "Moderately difficult (official documents)" },
       {
-        range: "Above 12",
-        label: "Very difficult \u2014 this is what gets flagged"
+        range: "Above 14",
+        label: "Difficult \u2014 this is what gets flagged"
       },
-      { range: "Above 14", label: "Critical \u2014 must be simplified" }
+      { range: "Above 20", label: "Critical \u2014 must be simplified" }
     ]
   },
   fr: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blokkli/editor",
-  "version": "2.0.0-alpha.40",
+  "version": "2.0.0-alpha.42",
   "description": "Interactive page building experience for Nuxt",
   "keywords": [
     "cms",