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

package/dist/runtime/editor/translations/gsw_CH.json

@@ -75,6 +75,18 @@
     "source": "<p>This shows the list of available blocks that can be placed. Add a block by dragging the icon into the page.</p><p>When an existing block is selected, some blocks may be greyed out. This indicates which blocks can be placed inside or after the selected block.</p>",
     "translation": "<p>Do gsehsch d'Lischt vo allne verfüegbare Blöck wo chönne drzuegfüegt wärde. Zieh s'Symbol in d'Sitte zum e Block drzuefüege.</p><p>Wenn e Block usgwählt isch, sin gwüssi Blöck uusggruet. Das zeigt aa, welchi Blöck in oder noch däm usgwählte Block chönne platziert wärde.</p>"
   },
+  "agentPromptReadabilityLabel": {
+    "source": "Fix readability...",
+    "translation": ""
+  },
+  "agentPromptReadabilityPrompt": {
+    "source": "The readability issues have already been analyzed and the fix has been applied. Do not call any more tools. Just very briefly confirm that you are done.",
+    "translation": ""
+  },
+  "agentPromptReadabilityUserPrompt": {
+    "source": "Fix the readability of the selected paragraphs.",
+    "translation": ""
+  },
   "agentSidebarTooltipLabel": {
     "source": "@name (AI-Assistant)",
     "translation": ""
@@ -143,6 +155,34 @@
     "source": "Analyzing content...",
     "translation": "Inhalt wird analysiert..."
   },
+  "aiAgentApprovalAccept": {
+    "source": "Accept",
+    "translation": ""
+  },
+  "aiAgentApprovalAccepted": {
+    "source": "Accepted",
+    "translation": ""
+  },
+  "aiAgentApprovalHint": {
+    "source": "Review changes and accept or reject them individually. Tab/Arrow keys: navigate, Space/Enter: accept/reject.",
+    "translation": ""
+  },
+  "aiAgentApprovalNextChange": {
+    "source": "Next change",
+    "translation": ""
+  },
+  "aiAgentApprovalPrevChange": {
+    "source": "Previous change",
+    "translation": ""
+  },
+  "aiAgentApprovalRejected": {
+    "source": "Rejected",
+    "translation": ""
+  },
+  "aiAgentApprovalToggle": {
+    "source": "Toggle approval",
+    "translation": ""
+  },
   "aiAgentApprove": {
     "source": "Approve",
     "translation": ""
@@ -191,10 +231,6 @@
     "source": "Rewriting multiple texts...",
     "translation": ""
   },
-  "aiAgentBatchRewriteTitle": {
-    "source": "Rewrite @count fields",
-    "translation": ""
-  },
   "aiAgentBlockNotFound": {
     "source": "Block not found",
     "translation": ""
@@ -235,6 +271,38 @@
     "source": "Plan: @label",
     "translation": ""
   },
+  "aiAgentDelegateRewriteCancelled": {
+    "source": "Rewriting cancelled",
+    "translation": ""
+  },
+  "aiAgentDelegateRewriteChecking": {
+    "source": "Checking readability...",
+    "translation": ""
+  },
+  "aiAgentDelegateRewriteError": {
+    "source": "Rewriting failed",
+    "translation": ""
+  },
+  "aiAgentDelegateRewriteFailed": {
+    "source": "Rewriting failed",
+    "translation": ""
+  },
+  "aiAgentDelegateRewriteNoChanges": {
+    "source": "No changes detected",
+    "translation": ""
+  },
+  "aiAgentDelegateRewriteRetrying": {
+    "source": "Retrying @count fields (attempt @attempt)...",
+    "translation": ""
+  },
+  "aiAgentDelegateRewriteRunning": {
+    "source": "Rewriting texts...",
+    "translation": ""
+  },
+  "aiAgentDelegateRewriteStreaming": {
+    "source": "Rewriting @count fields...",
+    "translation": ""
+  },
   "aiAgentDeleteBlockDone": {
     "source": "Deleted @bundle",
     "translation": ""
@@ -267,6 +335,10 @@
     "source": "Connection lost. Reconnecting...",
     "translation": ""
   },
+  "aiAgentDropFiles": {
+    "source": "Drop files to attach",
+    "translation": ""
+  },
   "aiAgentDuplicateBlockDone": {
     "source": "Duplicated @bundle",
     "translation": ""
@@ -795,10 +867,6 @@
     "source": "Analyze the content of your page",
     "translation": "Dr Inhalt vo dinere Sitte analysiere"
   },
-  "analyzerReadabiliyAverageSentenceLength": {
-    "source": "Average sentence length @length → split sentences.",
-    "translation": "Durchschnittlichi Satzlängi @length → Sätz ufdrennen."
-  },
   "analyzerReadabiliyDescription": {
     "source": "Avoid texts that are hard to read.",
     "translation": "Vermiid Teggscht wo schwär z'läse sin."
@@ -2143,6 +2211,10 @@
     "source": "Hide interaction layers",
     "translation": ""
   },
+  "keyboardSpace": {
+    "source": "Space",
+    "translation": ""
+  },
   "libraryAdd": {
     "source": "Add to library...",
     "translation": "Zur Bibliothek drzuefüege"

package/dist/runtime/editor/translations/it.json

@@ -75,6 +75,18 @@
     "source": "<p>This shows the list of available blocks that can be placed. Add a block by dragging the icon into the page.</p><p>When an existing block is selected, some blocks may be greyed out. This indicates which blocks can be placed inside or after the selected block.</p>",
     "translation": ""
   },
+  "agentPromptReadabilityLabel": {
+    "source": "Fix readability...",
+    "translation": ""
+  },
+  "agentPromptReadabilityPrompt": {
+    "source": "The readability issues have already been analyzed and the fix has been applied. Do not call any more tools. Just very briefly confirm that you are done.",
+    "translation": ""
+  },
+  "agentPromptReadabilityUserPrompt": {
+    "source": "Fix the readability of the selected paragraphs.",
+    "translation": ""
+  },
   "agentSidebarTooltipLabel": {
     "source": "@name (AI-Assistant)",
     "translation": ""
@@ -143,6 +155,34 @@
     "source": "Analyzing content...",
     "translation": "Analisi del contenuto..."
   },
+  "aiAgentApprovalAccept": {
+    "source": "Accept",
+    "translation": ""
+  },
+  "aiAgentApprovalAccepted": {
+    "source": "Accepted",
+    "translation": ""
+  },
+  "aiAgentApprovalHint": {
+    "source": "Review changes and accept or reject them individually. Tab/Arrow keys: navigate, Space/Enter: accept/reject.",
+    "translation": ""
+  },
+  "aiAgentApprovalNextChange": {
+    "source": "Next change",
+    "translation": ""
+  },
+  "aiAgentApprovalPrevChange": {
+    "source": "Previous change",
+    "translation": ""
+  },
+  "aiAgentApprovalRejected": {
+    "source": "Rejected",
+    "translation": ""
+  },
+  "aiAgentApprovalToggle": {
+    "source": "Toggle approval",
+    "translation": ""
+  },
   "aiAgentApprove": {
     "source": "Approve",
     "translation": ""
@@ -191,10 +231,6 @@
     "source": "Rewriting multiple texts...",
     "translation": ""
   },
-  "aiAgentBatchRewriteTitle": {
-    "source": "Rewrite @count fields",
-    "translation": ""
-  },
   "aiAgentBlockNotFound": {
     "source": "Block not found",
     "translation": ""
@@ -235,6 +271,38 @@
     "source": "Plan: @label",
     "translation": ""
   },
+  "aiAgentDelegateRewriteCancelled": {
+    "source": "Rewriting cancelled",
+    "translation": ""
+  },
+  "aiAgentDelegateRewriteChecking": {
+    "source": "Checking readability...",
+    "translation": ""
+  },
+  "aiAgentDelegateRewriteError": {
+    "source": "Rewriting failed",
+    "translation": ""
+  },
+  "aiAgentDelegateRewriteFailed": {
+    "source": "Rewriting failed",
+    "translation": ""
+  },
+  "aiAgentDelegateRewriteNoChanges": {
+    "source": "No changes detected",
+    "translation": ""
+  },
+  "aiAgentDelegateRewriteRetrying": {
+    "source": "Retrying @count fields (attempt @attempt)...",
+    "translation": ""
+  },
+  "aiAgentDelegateRewriteRunning": {
+    "source": "Rewriting texts...",
+    "translation": ""
+  },
+  "aiAgentDelegateRewriteStreaming": {
+    "source": "Rewriting @count fields...",
+    "translation": ""
+  },
   "aiAgentDeleteBlockDone": {
     "source": "Deleted @bundle",
     "translation": ""
@@ -267,6 +335,10 @@
     "source": "Connection lost. Reconnecting...",
     "translation": ""
   },
+  "aiAgentDropFiles": {
+    "source": "Drop files to attach",
+    "translation": ""
+  },
   "aiAgentDuplicateBlockDone": {
     "source": "Duplicated @bundle",
     "translation": ""
@@ -795,10 +867,6 @@
     "source": "Analyze the content of your page",
     "translation": ""
   },
-  "analyzerReadabiliyAverageSentenceLength": {
-    "source": "Average sentence length @length → split sentences.",
-    "translation": ""
-  },
   "analyzerReadabiliyDescription": {
     "source": "Avoid texts that are hard to read.",
     "translation": ""
@@ -2143,6 +2211,10 @@
     "source": "Hide interaction layers",
     "translation": ""
   },
+  "keyboardSpace": {
+    "source": "Space",
+    "translation": ""
+  },
   "libraryAdd": {
     "source": "Add to library...",
     "translation": "Aggiungi alla biblioteca"

package/dist/runtime/editor/types/app.d.ts

@@ -27,6 +27,8 @@ import type { DefinitionProvider } from '../providers/definition.js';
 import type { PermissionsProvider } from '../providers/permissions.js';
 import type { AdaptersProvider } from '../providers/adapters.js';
 import type { AnalyzeProvider } from '../providers/analyze.js';
+import type { ReadabilityProvider } from '../providers/readability.js';
+import type { FieldValueProvider } from '../providers/fieldValue.js';
 import type { DragDropProvider } from '../providers/dragdrop.js';
 export interface BlokkliApp {
     /**
@@ -64,5 +66,7 @@ export interface BlokkliApp {
     icons: IconsProvider;
     permissions: PermissionsProvider;
     analyze: AnalyzeProvider;
+    readability: ReadabilityProvider;
+    fieldValue: FieldValueProvider;
     dragdrop: DragDropProvider;
 }

package/dist/shared/editor.9vf8ZnOp.mjs

@@ -0,0 +1,288 @@
+import * as ts from 'typescript';
+import { parseAndWalk } from 'oxc-walker';
+
+class CollectedFile {
+  constructor(filePath, fileContents) {
+    this.filePath = filePath;
+    this.fileContents = fileContents;
+  }
+  async handleChange(_helper) {
+    return Promise.resolve(true);
+  }
+  /**
+   * Validate the collected file and return any errors.
+   * Override this method in subclasses to add validation logic.
+   */
+  validate(_icons) {
+    return [];
+  }
+}
+class Collector {
+  constructor(helper) {
+    this.helper = helper;
+    this.files = /* @__PURE__ */ new Map();
+  }
+  files;
+  needsFileContents = true;
+  async addFile(filePath) {
+    if (this.needsFileContents) {
+      const contents = await this.helper.fileCache.read(filePath);
+      const file = this.createCollectedFile(filePath, contents.toString());
+      await file.handleChange(this.helper);
+      this.files.set(filePath, file);
+    } else {
+      const file = this.createCollectedFile(filePath);
+      await file.handleChange(this.helper);
+      this.files.set(filePath, file);
+    }
+  }
+  async handleAdd(filePath) {
+    const applies = await this.applies(filePath);
+    if (applies) {
+      await this.addFile(filePath);
+      return true;
+    }
+    return false;
+  }
+  async handleChange(filePath) {
+    const applies = await this.applies(filePath);
+    if (!applies) {
+      return this.handleUnlink(filePath);
+    }
+    const file = this.files.get(filePath);
+    if (!file) {
+      return false;
+    }
+    if (this.needsFileContents) {
+      const contents = await this.helper.fileCache.read(filePath);
+      file.fileContents = contents.toString();
+      return await file.handleChange(this.helper);
+    }
+    return true;
+  }
+  handleUnlink(filePath) {
+    if (this.files.has(filePath)) {
+      this.files.delete(filePath);
+      return true;
+    }
+    return false;
+  }
+  handleAddDir() {
+    return false;
+  }
+  handleUnlinkDir(folderPath) {
+    const allKeys = [...this.files.keys()];
+    const toRemove = allKeys.filter((filePath) => filePath.includes(folderPath));
+    if (toRemove.length) {
+      toRemove.forEach((key) => this.files.delete(key));
+      return true;
+    }
+    return false;
+  }
+  async handleWatchEvent(event, filePath) {
+    let hasChanged = false;
+    if (event === "add") {
+      hasChanged = await this.handleAdd(filePath);
+    } else if (event === "change") {
+      hasChanged = await this.handleChange(filePath);
+    } else if (event === "unlink") {
+      hasChanged = await this.handleUnlink(filePath);
+    } else if (event === "addDir") {
+      hasChanged = this.handleAddDir();
+    } else if (event === "unlinkDir") {
+      hasChanged = this.handleUnlinkDir(filePath);
+    }
+    return { hasChanged };
+  }
+  /**
+   * Validate all collected files and log any errors/warnings to the console.
+   * @returns true if there are validation errors (not warnings), false otherwise.
+   */
+  validate(icons) {
+    const allIssues = [];
+    for (const file of this.files.values()) {
+      const issues = file.validate(icons);
+      if (issues.length > 0) {
+        allIssues.push({ filePath: file.filePath, issues });
+      }
+    }
+    if (allIssues.length === 0) {
+      return false;
+    }
+    const errors = [];
+    const warnings = [];
+    for (const { filePath, issues } of allIssues) {
+      const fileErrors = issues.filter((i) => i.severity !== "warning");
+      const fileWarnings = issues.filter((i) => i.severity === "warning");
+      if (fileErrors.length > 0) {
+        errors.push({ filePath, issues: fileErrors });
+      }
+      if (fileWarnings.length > 0) {
+        warnings.push({ filePath, issues: fileWarnings });
+      }
+    }
+    if (warnings.length > 0) {
+      const lines = warnings.flatMap(({ filePath, issues }) => [
+        `  ${filePath}:`,
+        ...issues.map((e) => `    - ${e.message}`)
+      ]);
+      this.helper.logger.warn(
+        `bl\xF6kkli validation warnings:
+${lines.join("\n")}`
+      );
+    }
+    if (errors.length > 0) {
+      const lines = errors.flatMap(({ filePath, issues }) => [
+        `  ${filePath}:`,
+        ...issues.map((e) => `    - ${e.message}`)
+      ]);
+      this.helper.logger.error(
+        `bl\xF6kkli validation errors:
+${lines.join("\n")}`
+      );
+      return true;
+    }
+    return false;
+  }
+}
+
+function sortObjectKeys(obj) {
+  if (Array.isArray(obj)) {
+    return obj.map(sortObjectKeys);
+  } else if (obj && typeof obj === "object") {
+    const sortedObj = {};
+    const keys = Object.keys(obj).sort();
+    for (const key of keys) {
+      sortedObj[key] = sortObjectKeys(obj[key]);
+    }
+    return sortedObj;
+  }
+  return obj;
+}
+function toValidVariableName(input) {
+  let result = input.replace(/\W/g, "_");
+  if (/^\d/.test(result)) {
+    result = "_" + result;
+  }
+  if (result === "") {
+    result = "_empty";
+  }
+  return result;
+}
+function parseTsObject(tsObjectStr) {
+  const source = `(${tsObjectStr})`;
+  const result = ts.transpileModule(source, {
+    compilerOptions: {
+      target: ts.ScriptTarget.ESNext,
+      module: ts.ModuleKind.None,
+      removeComments: true
+    }
+  });
+  const jsCode = result.outputText.trim();
+  const createObj = new Function(`return ${jsCode}`);
+  const object = createObj();
+  return { object, source: jsCode };
+}
+function falsy(value) {
+  return value !== null && value !== void 0;
+}
+const SFC_SCRIPT_RE = /<script(?<attrs>[^>]*)>(?<content>[\s\S]*?)<\/script[^>]*>/gi;
+function extractScriptContent(sfc) {
+  const contents = [];
+  let hasMatch = false;
+  for (const match of sfc.matchAll(SFC_SCRIPT_RE)) {
+    hasMatch = true;
+    if (match?.groups?.content) {
+      contents.push({
+        loader: match.groups.attrs && /[tj]sx/.test(match.groups.attrs) ? "tsx" : "ts",
+        code: match.groups.content.trim()
+      });
+    }
+  }
+  if (!hasMatch) {
+    contents.push({
+      loader: "ts",
+      code: sfc.trim()
+    });
+  }
+  return contents;
+}
+function extractObjectLiteral(fileContents, composables) {
+  if (!composables.some((composable) => fileContents.includes(composable))) {
+    return void 0;
+  }
+  const scripts = extractScriptContent(fileContents);
+  for (const script of scripts) {
+    try {
+      let result;
+      const filename = script.loader === "tsx" ? "temp.tsx" : "temp.ts";
+      parseAndWalk(script.code, filename, {
+        parseOptions: {
+          range: true
+        },
+        enter(node) {
+          if (result) return;
+          if (node.type === "CallExpression" && node.callee.type === "Identifier" && composables.includes(node.callee.name)) {
+            for (const arg of node.arguments) {
+              if (arg.type === "ObjectExpression" && arg.range) {
+                result = script.code.substring(arg.range[0], arg.range[1]);
+                break;
+              }
+            }
+          }
+        }
+      });
+      if (result) {
+        return result;
+      }
+    } catch (error) {
+      console.log(error);
+      continue;
+    }
+  }
+  return void 0;
+}
+function extractStringProperty(fileContents, composables, propertyName) {
+  if (!composables.some((composable) => fileContents.includes(composable))) {
+    return void 0;
+  }
+  const scripts = extractScriptContent(fileContents);
+  for (const script of scripts) {
+    try {
+      let result;
+      const filename = script.loader === "tsx" ? "temp.tsx" : "temp.ts";
+      parseAndWalk(script.code, filename, {
+        parseOptions: {
+          range: true
+        },
+        enter(node) {
+          if (result) return;
+          if (node.type === "CallExpression" && node.callee.type === "Identifier" && composables.includes(node.callee.name)) {
+            for (const arg of node.arguments) {
+              if (arg.type === "ObjectExpression") {
+                for (const prop of arg.properties) {
+                  if (prop.type === "Property" && prop.key.type === "Identifier" && prop.key.name === propertyName && prop.value.type === "Literal" && typeof prop.value.value === "string") {
+                    result = prop.value.value;
+                    break;
+                  }
+                }
+                break;
+              }
+            }
+          }
+        }
+      });
+      if (result) {
+        return result;
+      }
+    } catch {
+      continue;
+    }
+  }
+  return void 0;
+}
+function onlyUnique(value, index, self) {
+  return self.indexOf(value) === index;
+}
+
+export { Collector as C, CollectedFile as a, extractObjectLiteral as b, extractStringProperty as e, falsy as f, onlyUnique as o, parseTsObject as p, sortObjectKeys as s, toValidVariableName as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blokkli/editor",
-  "version": "2.0.0-alpha.39",
+  "version": "2.0.0-alpha.40",
   "description": "Interactive page building experience for Nuxt",
   "keywords": [
     "cms",
@@ -105,7 +105,7 @@
     "@material-symbols/svg-600": "0.40.2",
     "@nuxt/kit": "^4.2.2",
     "apexcharts": "^5.4.0",
-    "artboard-deluxe": "^0.1.4",
+    "artboard-deluxe": "^0.1.5",
     "estree-walker-ts": "^1.1.0",
     "fzf": "^0.5.2",
     "get-video-id": "^4.1.7",

package/dist/modules/agent/runtime/app/tools/update_text_fields/Item.d.vue.ts

@@ -1,22 +0,0 @@
-import type { DiffDisplayMode } from '#blokkli/editor/components/DiffViewer/DiffDisplay/index.vue';
-type __VLS_Props = {
-    uuid: string;
-    fieldName: string;
-    fieldLabel: string;
-    newValue: string;
-    diffMode: DiffDisplayMode;
-};
-type __VLS_ModelProps = {
-    'selected'?: boolean;
-    'reason'?: string;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:selected": (value: boolean) => any;
-    "update:reason": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:selected"?: ((value: boolean) => any) | undefined;
-    "onUpdate:reason"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;