@blokkli/editor 2.0.0-alpha.53 → 2.0.0-alpha.55

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

@@ -31,6 +31,7 @@ import type { ReadabilityProvider } from '../providers/readability.js';
 import type { FieldValueProvider } from '../providers/fieldValue.js';
 import type { DragDropProvider } from '../providers/dragdrop.js';
 import type { CacheProvider } from '../providers/cache.js';
+import type { WorkspacesProvider } from '../providers/workspaces.js';
 export interface BlokkliApp {
     /**
      * The adapter.
@@ -71,4 +72,5 @@ export interface BlokkliApp {
     fieldValue: FieldValueProvider;
     dragdrop: DragDropProvider;
     cache: CacheProvider;
+    workspaces: WorkspacesProvider;
 }

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

@@ -4,7 +4,7 @@ import type { AdapterMethods } from '#blokkli/editor/adapter';
 import type { BlokkliApp } from './app.js';
 import type { UserPermissions } from './permissions.js';
 export type FeatureDefinitionSetting = FeatureDefinitionSettingCheckbox | FeatureDefinitionSettingRadios<BlokkliIcon> | FeatureDefinitionSettingMethod<BlokkliApp> | FeatureDefinitionSettingSlider;
-export type FeatureDefinition<Methods extends AdapterMethods[] = [], T extends string = ''> = Omit<FeatureDefinitionBase<AdapterMethods, BlokkliIcon, T>, 'requiredAdapterMethods' | 'settings' | 'requiredPermissions'> & {
+export type FeatureDefinition<Methods extends AdapterMethods[] = []> = Omit<FeatureDefinitionBase<AdapterMethods, BlokkliIcon>, 'requiredAdapterMethods' | 'settings' | 'requiredPermissions'> & {
     requiredAdapterMethods?: [...Methods];
     settings?: Record<string, FeatureDefinitionSetting>;
     requiredPermissions?: UserPermissions[];

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

@@ -70,6 +70,13 @@ export interface MappedState {
         entityType: string;
         entityBundle: string;
     }[];
+    droppableFieldValues?: {
+        uuid: string;
+        fieldName: string;
+        ids: string[];
+        entityType: string;
+        entityBundle: string;
+    }[];
     ignoredAnalyzeIdentifiers?: string[];
 }
 export type MutateWithLoadingStateFunction = (promise: () => Promise<MutationResponseLike<any>> | undefined, errorMessage?: string | false, successMessage?: string) => Promise<boolean>;

package/dist/runtime/helpers/injections.d.ts

@@ -3,6 +3,7 @@ import type { EntityContext } from './../types/index.js';
 import type { DebugLogger } from '#blokkli/editor/providers/debug';
 import type { FieldListItemTyped, ValidFieldListTypes, ValidProviderTypes } from '#blokkli-build/generated-types';
 import type DraggableListComponent from '../editor/components/DraggableList.vue.js';
+import type BlokkliEditableEditComponent from '../editor/components/BlokkliEditableEdit.vue.js';
 import type { BlokkliApp } from '#blokkli/editor/types/app';
 import type { MutatedField, MutatedItemProps, MutatedOptions } from '#blokkli/editor/types/state';
 import type { DefineBlokkliContext } from '#blokkli/types/definitions';
@@ -16,6 +17,7 @@ type ItemEditContext = {
     mutatedOptions: MutatedOptions;
     dom?: DomProvider;
     definitions: DefinitionProvider;
+    selectedUuids: ComputedRef<string[]>;
     useBlockRegistration?: (dom: DomProvider, uuid: string) => void;
 };
 export declare const INJECT_APP: InjectionKey<BlokkliApp>;
@@ -119,6 +121,10 @@ export declare const INJECT_PROVIDER_KEY: InjectionKey<string>;
  * The DraggableList component used during editing.
  */
 export declare const INJECT_EDIT_FIELD_LIST_COMPONENT: InjectionKey<typeof DraggableListComponent>;
+/**
+ * The BlokkliEditableEdit component used during editing.
+ */
+export declare const INJECT_EDIT_EDITABLE_COMPONENT: InjectionKey<typeof BlokkliEditableEditComponent>;
 /**
  * The reactive item props override object, used to override props values (during editing).
  */

package/dist/runtime/helpers/injections.js

@@ -64,6 +64,9 @@ export const INJECT_PROVIDER_KEY = Symbol(
 export const INJECT_EDIT_FIELD_LIST_COMPONENT = Symbol(
   "blokkli_edit_field_list_component"
 );
+export const INJECT_EDIT_EDITABLE_COMPONENT = Symbol(
+  "blokkli_edit_editable_component"
+);
 export const INJECT_ITEM_PROPS_OVERRIDE = Symbol(
   "blokkli_edit_item_props_override"
 );

package/dist/runtime/types/definitions.d.ts

@@ -79,6 +79,10 @@ export type DefineBlokkliContext<T extends BlockDefinitionOptionsInput = BlockDe
      * The provider context.
      */
     provider: ComputedRef<BlokkliProviderEntityContext | null>;
+    /**
+     * Whether the block is currently selected in the editor. Only available during editing.
+     */
+    isSelected?: ComputedRef<boolean>;
 };
 export type DefineProviderContext<T extends BlockDefinitionOptionsInput = BlockDefinitionOptionsInput, G extends ValidGlobalConfigKeys | undefined = undefined> = {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blokkli/editor",
-  "version": "2.0.0-alpha.53",
+  "version": "2.0.0-alpha.55",
   "description": "Interactive page building experience for Nuxt",
   "keywords": [
     "cms",
@@ -57,6 +57,9 @@
       ],
       "tailwind": [
         "./dist/modules/tailwind/index.d.mts"
+      ],
+      "readability": [
+        "./dist/modules/readability/index.d.mts"
       ]
     }
   },
@@ -93,6 +96,11 @@
       "types": "./dist/modules/tailwind/index.d.mts",
       "require": "./dist/modules/tailwind/index.mjs",
       "import": "./dist/modules/tailwind/index.mjs"
+    },
+    "./readability": {
+      "types": "./dist/modules/readability/index.d.mts",
+      "require": "./dist/modules/readability/index.mjs",
+      "import": "./dist/modules/readability/index.mjs"
     }
   },
   "scripts": {
@@ -107,8 +115,10 @@
     "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-ssr": "npm run dev:prepare && nuxt build playground",
     "dev:start": "npx serve playground/.output/public",
     "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",
     "changelog": "node ./scripts/changelog/index.cjs",
     "texts": "node ./scripts/texts/index.cjs",
@@ -145,7 +155,6 @@
   "devDependencies": {
     "@anthropic-ai/sdk": "^0.71.2",
     "@ckeditor/ckeditor5-vue": "^7.3.0",
-    "@lunarisapp/readability": "^1.0.2",
     "@nuxt/devtools": "^3.1.1",
     "@nuxt/eslint-config": "^1.12.1",
     "@nuxt/module-builder": "^1.0.2",
@@ -190,6 +199,7 @@
     "postcss-url": "^10.1.3",
     "prettier": "^3.7.4",
     "prettier-plugin-glsl": "^0.2.2",
+    "syllable": "^5.0.1",
     "tailwindcss": "^3.4.17",
     "tsx": "^4.21.0",
     "unbuild": "^3.6.1",
@@ -200,7 +210,6 @@
   },
   "peerDependencies": {
     "@anthropic-ai/sdk": "*",
-    "@lunarisapp/readability": "*",
     "@thedutchcoder/postcss-rem-to-px": "*",
     "acorn": "^8.0.0",
     "axe-core": "*",
@@ -213,12 +222,13 @@
     "postcss": "*",
     "postcss-import": "*",
     "postcss-replace": "*",
+    "syllable": "*",
     "tailwindcss": "*",
     "turndown": "^7.2.2",
     "typescript": "^5.0.0"
   },
   "peerDependenciesMeta": {
-    "@lunarisapp/readability": {
+    "syllable": {
       "optional": true
     },
     "@thedutchcoder/postcss-rem-to-px": {

package/dist/runtime/editor/features/analyze/readability/builtinAnalyzer.d.ts

@@ -1,6 +0,0 @@
-import type { ReadabilityAnalyzer } from './types.js';
-/**
- * Create the built-in readability analyzer using language-specific algorithms:
- * LIX (en/fr), Wiener Sachtextformel (de), Gulpease (it).
- */
-export declare function createBuiltinReadabilityAnalyzer(): ReadabilityAnalyzer;

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

@@ -1,216 +0,0 @@
-const SCORE_CONFIGS = {
-  en: {
-    label: "FRE",
-    compute: (tr, text) => tr.fleschReadingEase(text),
-    direction: "higher_easier",
-    bands: { easy: 60, ok: 30 },
-    impactThresholds: [50, 30, 10],
-    minWords: 15,
-    referenceTable: [
-      { range: "Above 70", label: "Very easy (simple, conversational)" },
-      { range: "60\u201370", label: "Easy (standard web content)" },
-      { range: "50\u201360", label: "Fairly difficult (could be simpler)" },
-      { range: "30\u201350", label: "Difficult (academic, technical)" },
-      {
-        range: "Below 30",
-        label: "Very difficult \u2014 this is what gets flagged"
-      },
-      { range: "Below 10", label: "Critical \u2014 must be simplified" }
-    ]
-  },
-  de: {
-    label: "WSTF",
-    compute: (tr, text) => tr.wienerSachtextformel(text, 1),
-    direction: "higher_harder",
-    bands: { easy: 15, ok: 18 },
-    impactThresholds: [16, 20, 24],
-    minWords: 5,
-    referenceTable: [
-      { range: "Below 8", label: "Very easy (children's books)" },
-      { range: "8\u201315", label: "Easy (standard website content)" },
-      { range: "15\u201318", label: "Moderately difficult (could be simpler)" },
-      {
-        range: "Above 18",
-        label: "Difficult \u2014 this is what gets flagged"
-      },
-      { range: "Above 24", label: "Critical \u2014 must be simplified" }
-    ]
-  },
-  fr: {
-    label: "LIX",
-    compute: (tr, text) => tr.lix(text),
-    direction: "higher_harder",
-    bands: { easy: 40, ok: 59 },
-    impactThresholds: [50, 60, 70],
-    minWords: 5,
-    referenceTable: [
-      { range: "Below 25", label: "Very easy (children's books)" },
-      { range: "25\u201340", label: "Easy (simple articles)" },
-      { range: "40\u201350", label: "Medium (newspapers)" },
-      { range: "50\u201360", label: "Difficult (official documents)" },
-      {
-        range: "Above 60",
-        label: "Very difficult \u2014 this is what gets flagged"
-      },
-      { range: "Above 70", label: "Critical \u2014 must be simplified" }
-    ]
-  },
-  it: {
-    label: "Gulpease",
-    compute: (tr, text) => tr.gulpeaseIndex(text),
-    direction: "higher_easier",
-    bands: { easy: 80, ok: 60 },
-    impactThresholds: [60, 50, 40],
-    minWords: 5,
-    referenceTable: [
-      { range: "Above 80", label: "Very easy (children's books)" },
-      { range: "60\u201380", label: "Easy (simple articles)" },
-      { range: "50\u201360", label: "Medium (newspapers)" },
-      { range: "40\u201350", label: "Difficult (official documents)" },
-      {
-        range: "Below 40",
-        label: "Very difficult \u2014 this is what gets flagged"
-      },
-      { range: "Below 30", label: "Critical \u2014 must be simplified" }
-    ]
-  }
-};
-const SUPPORTED_LANGUAGES = ["en", "de", "fr", "it"];
-function getConfig(langcode) {
-  if (isSupportedLangcode(langcode)) {
-    return SCORE_CONFIGS[langcode];
-  }
-  return SCORE_CONFIGS.en;
-}
-function isSupportedLangcode(v) {
-  return v === "en" || v === "de" || v === "fr" || v === "it";
-}
-function mapLang(langcode) {
-  const lc = (langcode || "").toLowerCase();
-  if (lc.startsWith("de")) return "de_CH";
-  if (lc.startsWith("fr")) return "fr";
-  if (lc.startsWith("it")) return "it";
-  return "en_GB";
-}
-function segmentWords(text) {
-  if ("Segmenter" in Intl) {
-    const seg = new Intl.Segmenter(void 0, { granularity: "word" });
-    const out = [];
-    for (const s of seg.segment(text)) {
-      if (s.isWordLike)
-        out.push(text.slice(s.index, s.index + s.segment.length));
-    }
-    return out;
-  }
-  return text.match(/\p{Letter}+(?:'\p{Letter}+)?/gu) ?? [];
-}
-function safe(fn) {
-  try {
-    const n = fn();
-    return Number.isFinite(n) ? n : void 0;
-  } catch {
-    return void 0;
-  }
-}
-function round(n) {
-  return Math.round(n * 10) / 10;
-}
-function classifyBandGeneric(score, config) {
-  if (config.direction === "higher_easier") {
-    if (score >= config.bands.easy) return "easy";
-    if (score >= config.bands.ok) return "ok";
-    return "hard";
-  }
-  if (score <= config.bands.easy) return "easy";
-  if (score <= config.bands.ok) return "ok";
-  return "hard";
-}
-function impactForScoreGeneric(score, config) {
-  const [moderate, serious, critical] = config.impactThresholds;
-  if (config.direction === "higher_easier") {
-    if (score < critical) return "critical";
-    if (score < serious) return "serious";
-    if (score < moderate) return "moderate";
-    return "minor";
-  }
-  if (score >= critical) return "critical";
-  if (score >= serious) return "serious";
-  if (score >= moderate) return "moderate";
-  return "minor";
-}
-function buildAgentContext(config) {
-  const rows = config.referenceTable.map((row) => `- ${row.range}: ${row.label}`).join("\n");
-  return `## ${config.label} Score Reference
-
-${rows}`;
-}
-export function createBuiltinReadabilityAnalyzer() {
-  let textReadability = null;
-  let currentLangcode = "en";
-  return {
-    id: "builtin",
-    label: (langcode) => {
-      if (langcode === "de") return "Lesbarkeit";
-      return "Readability";
-    },
-    description: "Analyzes text readability using language-specific algorithms (LIX, Wiener Sachtextformel, Gulpease).",
-    supportedLanguages: SUPPORTED_LANGUAGES,
-    get minWordsForConfidence() {
-      return getConfig(currentLangcode).minWords;
-    },
-    get scoreLabel() {
-      return getConfig(currentLangcode).label;
-    },
-    async init(langcode) {
-      currentLangcode = langcode;
-      const { TextReadability } = await import("@lunarisapp/readability");
-      textReadability = new TextReadability({
-        lang: mapLang(langcode),
-        cache: true
-      });
-    },
-    async analyze(texts, langcode) {
-      if (!isSupportedLangcode(langcode)) {
-        return texts.map(() => null);
-      }
-      if (!textReadability) {
-        const { TextReadability } = await import("@lunarisapp/readability");
-        textReadability = new TextReadability({
-          lang: mapLang(langcode),
-          cache: true
-        });
-      }
-      const config = getConfig(langcode);
-      const tr = textReadability;
-      return texts.map((text) => {
-        const trimmed = text.trim();
-        if (!trimmed) return null;
-        const words = segmentWords(trimmed);
-        if (words.length < config.minWords) return null;
-        const score = safe(() => config.compute(tr, trimmed));
-        return score != null ? round(score) : null;
-      });
-    },
-    classifyBand(score, langcode) {
-      return classifyBandGeneric(score, getConfig(langcode));
-    },
-    impactForScore(score) {
-      return impactForScoreGeneric(score, getConfig(currentLangcode));
-    },
-    getAgentContext() {
-      return buildAgentContext(getConfig(currentLangcode));
-    },
-    getScaleInfo(langcode) {
-      const config = getConfig(langcode);
-      const t1 = Math.min(config.bands.easy, config.bands.ok);
-      const t2 = Math.max(config.bands.easy, config.bands.ok);
-      const padding = Math.round((t2 - t1) * 0.5);
-      return {
-        thresholds: [t1, t2],
-        direction: config.direction,
-        scaleMin: Math.max(0, t1 - padding),
-        scaleMax: t2 + padding
-      };
-    }
-  };
-}

package/dist/runtime/editor/features/workspace/types.d.ts

@@ -1,59 +0,0 @@
-export type HostEntitySearchResultLabelMap = {
-    label: string;
-    bundles: Record<string, string>;
-};
-export type HostEntitySearchResultItem = {
-    /**
-     * The ID of the host entity.
-     */
-    id: string;
-    /**
-     * The UUID of the host entity.
-     */
-    uuid: string;
-    /**
-     * The entity type of the host entity.
-     */
-    entityType: string;
-    /**
-     * The entity bundle of the host entity.
-     */
-    bundle: string;
-    /**
-     * The label of the host entity.
-     */
-    label: string;
-    /**
-     * The url to start editing.
-     */
-    url: string;
-    /**
-     * If an edit state exists: The time when the edit state was last changed.
-     */
-    lastChanged: string | null;
-    /**
-     * If an edit state exists: The ID of the owner of the edit state.
-     */
-    uid: string | null;
-    /**
-     * Optional additional context used for searching (e.g. SKU, internal ID).
-     *
-     * Not displayed in the UI, but included in the fzf search.
-     */
-    context?: string;
-};
-export type HostEntitySearchResult = {
-    items: HostEntitySearchResultItem[];
-    /**
-     * A map with keys that are entity types.
-     */
-    labelMap: HostEntitySearchResultLabelMap;
-};
-declare module '#blokkli/editor/adapter' {
-    interface BlokkliAdapter<T> {
-        /**
-         * Search for host entities.
-         */
-        getHostEntities?: () => Promise<HostEntitySearchResult>;
-    }
-}