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

package/dist/shared/{editor.Gu7mgJ5Q.mjs → editor.BGemL1Oh.mjs}

@@ -1,151 +1,6 @@
 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);
@@ -317,4 +172,149 @@ function onlyUnique(value, index, self) {
   return self.indexOf(value) === index;
 }
 
-export { Collector as C, CollectedFile as a, extractStringProperty as b, extractObjectLiteral as c, extractFirstStringArg as e, falsy as f, onlyUnique as o, parseTsObject as p, sortObjectKeys as s, toValidVariableName as t };
+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;
+  }
+}
+
+export { Collector as C, CollectedFile as a, extractFirstStringArg as b, extractObjectLiteral as c, extractStringProperty as e, falsy as f, onlyUnique as o, parseTsObject as p, sortObjectKeys as s, toValidVariableName as t };

package/dist/types.d.mts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blokkli/editor",
-  "version": "2.0.0-alpha.62",
+  "version": "2.0.0-alpha.64",
   "description": "Interactive page building experience for Nuxt",
   "keywords": [
     "cms",
@@ -104,9 +104,9 @@
     }
   },
   "scripts": {
-    "prepack": "rm -rf dist && nuxt-module-build build && npx tsx scripts/mangle-dist.ts",
+    "prepack": "rm -rf dist && nuxt-module-build build && bunx 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": "bun run typecheck:build && bun run typecheck:runtime && bun run typecheck:server && bun run typecheck:playground",
     "typecheck:build": "vue-tsc --noEmit -p .nuxt/tsconfig.node.json",
     "typecheck:runtime": "vue-tsc --noEmit -p .nuxt/tsconfig.app.json",
     "typecheck:server": "vue-tsc --noEmit -p .nuxt/tsconfig.server.json",
@@ -114,119 +114,118 @@
     "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 changelog && npm run dev:prepare && nuxi generate playground",
+    "dev:build": "bun run changelog && bun run dev:prepare && nuxi generate playground",
     "dev:build-ssr": "PLAYGROUND_SSR_BUILD=true nuxt build playground",
-    "dev:start": "npx serve playground/.output/public",
+    "dev:start": "bunx serve playground/.output/public",
     "dev:start-ssr": "cd playground && node -r dotenv/config ./.output/server/index.mjs",
     "dev:prepare": "PLAYGROUND_MODULE_BUILD=true nuxt-module-build build --stub && PLAYGROUND_MODULE_BUILD=true nuxt-module-build prepare && nuxi prepare playground",
-    "dev:analyze": "npx nuxt analyze playground",
-    "release": "npm run lint && npm run prepack && changelogen --release",
+    "dev:analyze": "bunx nuxt analyze playground",
+    "release": "bun run lint && bun run prepack && changelogen --release",
     "changelog": "node ./scripts/changelog/index.cjs",
     "texts": "node ./scripts/texts/index.cjs",
     "material-icons": "node ./scripts/material-icons/index.cjs",
-    "lint": "npx oxlint && eslint ./src",
-    "lint:fix": "npx oxlint --fix && eslint ./src --fix",
-    "test": "npm run test:unit && npm run test:e2e",
+    "lint": "bunx oxlint && eslint ./src",
+    "lint:fix": "bunx oxlint --fix && eslint ./src --fix",
+    "test": "bun run test:unit && bun run test:e2e",
     "test:watch": "vitest watch --project unit --project e2e --no-file-parallelism",
     "test:unit": "vitest run --project unit",
     "test:unit:watch": "vitest watch --project unit",
     "test:e2e": "vitest run --project e2e",
-    "format": "prettier . --check",
-    "format:fix": "prettier . --write",
+    "format": "oxfmt --check && prettier '**/*.graphql' --check",
+    "format:fix": "oxfmt --write && prettier '**/*.graphql' --write",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:preview": "vitepress preview docs"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "@material-symbols/svg-600": "0.40.2",
-    "@tiptap/core": "^3.22.5",
-    "@tiptap/extension-emoji": "^3.22.5",
-    "@tiptap/extension-mention": "^3.22.5",
-    "@tiptap/extension-task-item": "^3.22.5",
-    "@tiptap/extension-task-list": "^3.22.5",
-    "@tiptap/pm": "^3.22.5",
-    "@tiptap/starter-kit": "^3.22.5",
-    "@tiptap/suggestion": "^3.22.5",
-    "@tiptap/vue-3": "^3.22.5",
+    "@material-symbols/svg-600": "0.45.1",
+    "@tiptap/core": "^3.26.1",
+    "@tiptap/extension-emoji": "^3.26.1",
+    "@tiptap/extension-mention": "^3.26.1",
+    "@tiptap/extension-task-item": "^3.26.1",
+    "@tiptap/extension-task-list": "^3.26.1",
+    "@tiptap/pm": "^3.26.1",
+    "@tiptap/starter-kit": "^3.26.1",
+    "@tiptap/suggestion": "^3.26.1",
+    "@tiptap/vue-3": "^3.26.1",
     "artboard-deluxe": "^0.1.5",
-    "echarts": "^6.0.0",
+    "echarts": "^6.1.0",
     "estree-walker-ts": "^1.1.0",
     "fzf": "^0.5.2",
-    "get-video-id": "^4.1.7",
+    "get-video-id": "^4.2.0",
     "html-diff-ts": "^1.4.2",
     "json5": "^2.2.3",
-    "marked": "^17.0.1",
+    "marked": "^18.0.5",
     "mitt": "^3.0.1",
     "papaparse": "^5.5.3",
     "pofile": "^1.1.4",
-    "qrcode.vue": "^3.6.0",
+    "qrcode.vue": "^3.10.0",
     "twgl.js": "^7.0.0",
     "vue-echarts": "^8.0.1",
-    "zod": "^4.0.0"
+    "zod": "^4.4.3"
   },
   "devDependencies": {
-    "@anthropic-ai/sdk": "^0.71.2",
-    "@ckeditor/ckeditor5-vue": "^8.0.0",
-    "@nuxt/devtools": "^3.1.1",
-    "@nuxt/eslint-config": "^1.12.1",
-    "@nuxt/kit": "^4.4.4",
+    "@anthropic-ai/sdk": "^0.104.1",
+    "@ckeditor/ckeditor5-vue": "^8.1.1",
+    "@nuxt/devtools": "^3.2.4",
+    "@nuxt/eslint-config": "^1.16.0",
+    "@nuxt/kit": "^4.4.8",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.4.4",
-    "@nuxt/test-utils": "^3.21.0",
+    "@nuxt/schema": "^4.4.8",
+    "@nuxt/test-utils": "^4.0.3",
     "@tailwindcss/forms": "^0.5.11",
-    "@tailwindcss/postcss": "^4.2.4",
-    "@tailwindcss/typography": "^0.5.19",
-    "@tailwindcss/vite": "^4.2.4",
+    "@tailwindcss/postcss": "^4.3.1",
+    "@tailwindcss/typography": "^0.5.20",
+    "@tailwindcss/vite": "^4.3.1",
     "@thedutchcoder/postcss-rem-to-px": "^0.0.2",
-    "@types/gettext-parser": "^8.0.0",
+    "@types/gettext-parser": "^9.0.0",
     "@types/micromatch": "^4.0.10",
-    "@types/node": "^25.0.3",
+    "@types/node": "^25.9.3",
     "@types/papaparse": "^5.5.2",
-    "@types/turndown": "^5.0.5",
-    "@vue/test-utils": "^2.4.6",
-    "axe-core": "^4.11.0",
+    "@types/turndown": "^5.0.6",
+    "@vue/test-utils": "^2.4.11",
+    "axe-core": "^4.12.1",
     "changelogen": "^0.6.2",
-    "ckeditor5": "^48.1.1",
-    "commander": "^13.1.0",
-    "deepl-node": "^1.25.0",
-    "eslint": "^9.39.2",
-    "eslint-plugin-oxlint": "^1.35.0",
-    "eslint-plugin-sonarjs": "^3.0.5",
+    "ckeditor5": "^48.2.0",
+    "commander": "^15.0.0",
+    "deepl-node": "^1.27.0",
+    "eslint": "^10.5.0",
+    "eslint-plugin-oxlint": "^1.69.0",
+    "eslint-plugin-sonarjs": "^4.0.3",
     "eslint-plugin-tailwindcss": "^4.0.0-beta.0",
-    "gettext-parser": "^8.0.0",
-    "happy-dom": "^20.0.11",
-    "nuxt": "^4.4.4",
-    "nuxt-graphql-middleware": "^5.3.0",
+    "gettext-parser": "^9.0.2",
+    "happy-dom": "^20.10.3",
+    "nuxt": "^4.4.8",
+    "nuxt-graphql-middleware": "^5.4.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",
-    "postcss": "^8.5.6",
+    "oxc-parser": "^0.135.0",
+    "oxc-walker": "^1.0.0",
+    "oxfmt": "^0.54.0",
+    "oxlint": "^1.69.0",
+    "playwright-core": "^1.60.0",
+    "postcss": "^8.5.15",
     "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.1",
     "postcss-mixins": "^12.1.2",
     "postcss-nested-import": "^1.3.0",
     "postcss-nesting": "^14.0.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.5",
+    "postcss-selector-parser": "^7.1.4",
+    "postcss-url": "^10.1.4",
+    "prettier": "^3.8.4",
     "syllable": "^5.0.1",
     "tailwindcss": "^4.2.4",
-    "tsx": "^4.21.0",
+    "tsx": "^4.22.4",
     "turndown": "^7.2.4",
-    "typescript": "^6.0.0",
+    "typescript": "^6.0.3",
     "unbuild": "^3.6.1",
-    "vite-plugin-glsl": "^1.5.5",
+    "vite-plugin-glsl": "^1.6.0",
     "vitepress": "^2.0.0-alpha.17",
-    "vitest": "^3.2.4",
-    "vue-router": "^5.0.7",
-    "vue-tsc": "^3.1.8"
+    "vitest": "^4.1.9",
+    "vue-router": "^5.1.0",
+    "vue-tsc": "^3.3.5"
   },
   "peerDependencies": {
     "@anthropic-ai/sdk": "*",
@@ -279,21 +278,14 @@
   "engines": {
     "node": ">=18.0.0"
   },
+  "packageManager": "bun@1.3.14",
+  "trustedDependencies": [
+    "@parcel/watcher",
+    "esbuild",
+    "unrs-resolver"
+  ],
   "overrides": {
     "lodash": "^4.17.24",
-    "vue": "^3.5.34",
-    "@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"
-    }
+    "vue": "^3.5.34"
   }
 }

package/dist/runtime/editor/features/validations/Overlay/Item.d.vue.ts

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

package/dist/runtime/editor/features/validations/Overlay/Item.vue

@@ -1,36 +0,0 @@
-<template>
-  <div :style="style">
-    <div v-html="messages.join(', ')" />
-  </div>
-</template>
-
-<script setup>
-import { useBlokkli, ref, computed } from "#imports";
-import { onBlokkliEvent } from "#blokkli/editor/composables";
-const { dom } = useBlokkli();
-const props = defineProps({
-  uuid: { type: String, required: true },
-  messages: { type: Array, required: true }
-});
-const rect = ref(null);
-const style = computed(() => {
-  if (!rect.value) {
-    return;
-  }
-  return {
-    transform: `translate(${rect.value.x}px, ${rect.value.y}px)`,
-    width: rect.value.width + "px",
-    height: rect.value.height + "px"
-  };
-});
-onBlokkliEvent("canvas:draw", () => {
-  const newRect = dom.getBlockRect(props.uuid);
-  if (!newRect) {
-    return;
-  }
-  if (newRect.width === rect.value?.width && newRect.height === rect.value.height && newRect.x === rect.value.x && newRect.y === rect.value.y) {
-    return;
-  }
-  rect.value = newRect;
-});
-</script>

package/dist/runtime/editor/features/validations/Overlay/Item.vue.d.ts

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

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

@@ -1,7 +0,0 @@
-import type { Validation } from '#blokkli/editor/types/state';
-type __VLS_Props = {
-    validations: Validation[];
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;