@blokkli/editor 2.0.0-alpha.35 → 2.0.0-alpha.36

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

@@ -92,7 +92,7 @@
     "translation": ""
   },
   "aiAgentAddContentSearchBlockRunning": {
-    "source": "Adding content block...",
+    "source": "Adding content paragraph...",
     "translation": ""
   },
   "aiAgentAddFragmentDone": {
@@ -203,6 +203,14 @@
     "source": "Connecting...",
     "translation": ""
   },
+  "aiAgentCreateChartDone": {
+    "source": "Added chart",
+    "translation": ""
+  },
+  "aiAgentCreateChartRunning": {
+    "source": "Creating chart...",
+    "translation": ""
+  },
   "aiAgentCreatePlan": {
     "source": "Plan: @label",
     "translation": ""
@@ -347,6 +355,18 @@
     "source": "Getting bundle info...",
     "translation": ""
   },
+  "aiAgentGetChartDataDone": {
+    "source": "Got chart data",
+    "translation": ""
+  },
+  "aiAgentGetChartDataRunning": {
+    "source": "Getting chart data...",
+    "translation": ""
+  },
+  "aiAgentGetChartTypeOptionsRunning": {
+    "source": "Getting chart options...",
+    "translation": ""
+  },
   "aiAgentGetChildBlocks": {
     "source": "Get child blocks",
     "translation": ""
@@ -383,6 +403,14 @@
     "source": "Getting mutation history...",
     "translation": ""
   },
+  "aiAgentGetPageStructureDone": {
+    "source": "Got page structure (@count paragraphs)",
+    "translation": ""
+  },
+  "aiAgentGetPageStructureRunning": {
+    "source": "Getting page structure...",
+    "translation": ""
+  },
   "aiAgentGetSelectedBlocksDone": {
     "source": "@count block(s) selected",
     "translation": ""
@@ -495,6 +523,10 @@
     "source": "Replacing media...",
     "translation": ""
   },
+  "aiAgentRetry": {
+    "source": "Retry",
+    "translation": ""
+  },
   "aiAgentSearchLibraryDone": {
     "source": "Searched library",
     "translation": ""
@@ -607,6 +639,14 @@
     "source": "Unknown message type",
     "translation": ""
   },
+  "aiAgentUpdateChartDone": {
+    "source": "Updated chart",
+    "translation": ""
+  },
+  "aiAgentUpdateChartRunning": {
+    "source": "Updating chart...",
+    "translation": ""
+  },
   "aiAgentUpdateOptionsOnBlockDone": {
     "source": "Updated @count option(s) on block",
     "translation": ""
@@ -919,6 +959,226 @@
     "source": "Cancel selection",
     "translation": ""
   },
+  "chartsAddColumn": {
+    "source": "Add column",
+    "translation": ""
+  },
+  "chartsAddFootnote": {
+    "source": "Add footnote",
+    "translation": ""
+  },
+  "chartsAddRow": {
+    "source": "Add row",
+    "translation": ""
+  },
+  "chartsAreaCurved": {
+    "source": "Smooth curves",
+    "translation": "Curve morbide"
+  },
+  "chartsAreaMarkers": {
+    "source": "Show markers",
+    "translation": "Mostra marcatori"
+  },
+  "chartsAutoUpdate": {
+    "source": "Auto-update",
+    "translation": ""
+  },
+  "chartsBarHorizontal": {
+    "source": "Horizontal",
+    "translation": "Orizzontale"
+  },
+  "chartsBarStacked": {
+    "source": "Stacked",
+    "translation": "Impilato"
+  },
+  "chartsBorderRadius": {
+    "source": "Corner radius",
+    "translation": "Raggio angoli"
+  },
+  "chartsBorderRadiusLarge": {
+    "source": "Large",
+    "translation": "Grande"
+  },
+  "chartsBorderRadiusNone": {
+    "source": "None",
+    "translation": "Nessuno"
+  },
+  "chartsBorderRadiusSmall": {
+    "source": "Small",
+    "translation": "Piccolo"
+  },
+  "chartsData": {
+    "source": "Data",
+    "translation": ""
+  },
+  "chartsDataLabels": {
+    "source": "Data labels",
+    "translation": "Etichette dati"
+  },
+  "chartsDonutShowLabels": {
+    "source": "Show labels",
+    "translation": "Mostra etichette"
+  },
+  "chartsDonutShowTotal": {
+    "source": "Show total",
+    "translation": "Mostra totale"
+  },
+  "chartsEditorSaveError": {
+    "source": "The chart could not be saved.",
+    "translation": ""
+  },
+  "chartsEditorTitle": {
+    "source": "Edit chart",
+    "translation": ""
+  },
+  "chartsFootnotes": {
+    "source": "Footnotes",
+    "translation": ""
+  },
+  "chartsGridLines": {
+    "source": "Grid lines",
+    "translation": "Linee griglia"
+  },
+  "chartsImportCsv": {
+    "source": "Import CSV",
+    "translation": ""
+  },
+  "chartsLegendPosition": {
+    "source": "Legend position",
+    "translation": "Posizione legenda"
+  },
+  "chartsLineCurved": {
+    "source": "Smooth curves",
+    "translation": "Curve morbide"
+  },
+  "chartsLineMarkers": {
+    "source": "Show markers",
+    "translation": "Mostra marcatori"
+  },
+  "chartsOpacityLight": {
+    "source": "Light",
+    "translation": "Leggero"
+  },
+  "chartsOpacitySolid": {
+    "source": "Solid",
+    "translation": "Solido"
+  },
+  "chartsOpacityTransparent": {
+    "source": "Transparent",
+    "translation": "Trasparente"
+  },
+  "chartsOptionGroupDisplay": {
+    "source": "Display",
+    "translation": ""
+  },
+  "chartsOptionGroupLabels": {
+    "source": "Labels",
+    "translation": ""
+  },
+  "chartsPieShowLabels": {
+    "source": "Show labels",
+    "translation": "Mostra etichette"
+  },
+  "chartsPositionBottom": {
+    "source": "Bottom",
+    "translation": "In basso"
+  },
+  "chartsPositionRight": {
+    "source": "Right",
+    "translation": "A destra"
+  },
+  "chartsPositionTop": {
+    "source": "Top",
+    "translation": "In alto"
+  },
+  "chartsPreview": {
+    "source": "Preview",
+    "translation": ""
+  },
+  "chartsPreviewPlaceholder": {
+    "source": "Click \"Refresh Preview\" to see the chart.",
+    "translation": ""
+  },
+  "chartsRadarFillOpacity": {
+    "source": "Fill opacity",
+    "translation": "Opacità riempimento"
+  },
+  "chartsRadarMarkers": {
+    "source": "Show markers",
+    "translation": "Mostra marcatori"
+  },
+  "chartsRadialBarShowLabels": {
+    "source": "Show labels",
+    "translation": "Mostra etichette"
+  },
+  "chartsRadialBarShowTotal": {
+    "source": "Show total",
+    "translation": "Mostra totale"
+  },
+  "chartsRefreshPreview": {
+    "source": "Refresh Preview",
+    "translation": ""
+  },
+  "chartsRotationAuto": {
+    "source": "Auto",
+    "translation": "Automatico"
+  },
+  "chartsStrokeMedium": {
+    "source": "Medium",
+    "translation": "Medio"
+  },
+  "chartsStrokeThick": {
+    "source": "Thick",
+    "translation": "Spesso"
+  },
+  "chartsStrokeThin": {
+    "source": "Thin",
+    "translation": "Sottile"
+  },
+  "chartsStrokeWidth": {
+    "source": "Line thickness",
+    "translation": "Spessore linea"
+  },
+  "chartsTitle": {
+    "source": "Title",
+    "translation": ""
+  },
+  "chartsTypeArea": {
+    "source": "Area",
+    "translation": ""
+  },
+  "chartsTypeBar": {
+    "source": "Bar",
+    "translation": ""
+  },
+  "chartsTypeDonut": {
+    "source": "Donut",
+    "translation": ""
+  },
+  "chartsTypeHeatmap": {
+    "source": "Heatmap",
+    "translation": "Mappa di calore"
+  },
+  "chartsTypeLine": {
+    "source": "Line",
+    "translation": ""
+  },
+  "chartsTypePie": {
+    "source": "Pie",
+    "translation": ""
+  },
+  "chartsTypeRadar": {
+    "source": "Radar",
+    "translation": "Radar"
+  },
+  "chartsTypeRadialBar": {
+    "source": "Radial Bar",
+    "translation": "Barra radiale"
+  },
+  "chartsXAxisRotation": {
+    "source": "Label rotation",
+    "translation": "Rotazione etichette"
+  },
   "clearInput": {
     "source": "Clear input",
     "translation": ""
@@ -1327,6 +1587,14 @@
     "source": "Breadcrumbs",
     "translation": ""
   },
+  "feature_charts_description": {
+    "source": "Add and edit interactive charts.",
+    "translation": ""
+  },
+  "feature_charts_label": {
+    "source": "Charts",
+    "translation": ""
+  },
   "feature_clipboard_description": {
     "source": "Provides clipboard integration to copy/paste existing blocks or paste supported clipboard content like text or images.",
     "translation": "Fornisce l'integrazione degli appunti per copiare/incollare blocchi esistenti o incollare contenuti supportati come testo o immagini."

package/dist/runtime/helpers/imports/index.d.ts

@@ -1,2 +1,9 @@
 import type { Component } from 'vue';
-export declare function getComponent(type: 'block' | 'fragment', bundle: string, fieldListType?: string, parentBundle?: string, allComponents?: Record<string, Component> | null): any;
+import type { ValidFieldListTypes, ValidProviderTypes } from '#blokkli-build/generated-types';
+type GetComponentContext = {
+    fieldListType?: ValidFieldListTypes;
+    parentBundle?: string;
+    providerType?: ValidProviderTypes;
+};
+export declare function getComponent(type: 'block' | 'fragment', bundleOrFragmentName: string, context: GetComponentContext, allComponents?: Record<string, Component> | null): any;
+export {};

package/dist/runtime/helpers/imports/index.js

@@ -26,9 +26,9 @@ function objectOrImport(key) {
   }
   return item;
 }
-export function getComponent(type, bundle, fieldListType, parentBundle, allComponents) {
-  if (fieldListType) {
-    const key2 = `${type}:${bundle}__f:${fieldListType}`;
+export function getComponent(type, bundleOrFragmentName, context, allComponents) {
+  if (context.providerType) {
+    const key2 = `${type}:${bundleOrFragmentName}__t:${context.providerType}`;
     if (allComponents && allComponents[key2]) {
       return allComponents[key2];
     }
@@ -36,8 +36,8 @@ export function getComponent(type, bundle, fieldListType, parentBundle, allCompo
       return objectOrImport(key2);
     }
   }
-  if (parentBundle) {
-    const key2 = `${type}:${bundle}__p:${parentBundle}`;
+  if (context.fieldListType) {
+    const key2 = `${type}:${bundleOrFragmentName}__f:${context.fieldListType}`;
     if (allComponents && allComponents[key2]) {
       return allComponents[key2];
     }
@@ -45,7 +45,16 @@ export function getComponent(type, bundle, fieldListType, parentBundle, allCompo
       return objectOrImport(key2);
     }
   }
-  const key = `${type}:${bundle}`;
+  if (context.parentBundle) {
+    const key2 = `${type}:${bundleOrFragmentName}__p:${context.parentBundle}`;
+    if (allComponents && allComponents[key2]) {
+      return allComponents[key2];
+    }
+    if (chunkMapping[key2]) {
+      return objectOrImport(key2);
+    }
+  }
+  const key = `${type}:${bundleOrFragmentName}`;
   if (allComponents && allComponents[key]) {
     return allComponents[key];
   }

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

@@ -1,7 +1,7 @@
 import type { InjectionKey, ComputedRef, Component } from 'vue';
 import type { EntityContext } from './../types/index.js';
 import type { DebugLogger } from '#blokkli/editor/providers/debug';
-import type { FieldListItemTyped, ValidFieldListTypes } from '#blokkli-build/generated-types';
+import type { FieldListItemTyped, ValidFieldListTypes, ValidProviderTypes } from '#blokkli-build/generated-types';
 import type DraggableListComponent from '../editor/components/DraggableList.vue.js';
 import type { BlokkliApp } from '#blokkli/editor/types/app';
 import type { MutatedField, MutatedItemProps, MutatedOptions } from '#blokkli/editor/types/state';
@@ -99,6 +99,10 @@ export declare const INJECT_MUTATED_FIELDS_MAP: InjectionKey<Record<string, Muta
  * For nested blocks, the entity context will be the block that contains nested blocks.
  */
 export declare const INJECT_ENTITY_CONTEXT: InjectionKey<EntityContext>;
+/**
+ * The current provider type.
+ */
+export declare const INJECT_PROVIDER_TYPE: InjectionKey<ValidProviderTypes>;
 /**
  * The entity context of the provider.
  */

package/dist/runtime/helpers/injections.js

@@ -49,6 +49,9 @@ export const INJECT_MUTATED_FIELDS_MAP = Symbol(
 export const INJECT_ENTITY_CONTEXT = Symbol(
   "blokkli_entity_context"
 );
+export const INJECT_PROVIDER_TYPE = Symbol(
+  "blokkli_provider_type"
+);
 export const INJECT_PROVIDER_CONTEXT = Symbol(
   "blokkli_provider_context"
 );

package/dist/runtime/helpers/runtimeHelpers/index.js

@@ -97,6 +97,20 @@ export function getRuntimeOptionValue(definition, value) {
       }
     }
     return value;
+  } else if (type === "json") {
+    if (typeof value === "string") {
+      try {
+        return JSON.parse(value);
+      } catch {
+      }
+    }
+    if (typeof defaultValue === "string") {
+      try {
+        return JSON.parse(defaultValue);
+      } catch {
+      }
+    }
+    return "";
   }
   if (defaultValue === void 0) {
     return "";

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

@@ -1,8 +1,8 @@
 import type { ComputedRef } from 'vue';
 import type { BlockOptionDefinition } from './blockOptions.js';
 import type { AdapterContext } from '../editor/adapter/index.js';
-import type { BlockBundleWithNested, FieldListItemTyped, GlobalOptionsKey, ValidChunkNames, ValidFieldListTypes, ValidGlobalConfigKeys, BundleProps } from '#blokkli-build/generated-types';
-import type { BlockDefinitionInputBase, BlockDefinitionRenderForBase, BlockDefinitionRenderForFieldListBase, BlockDefinitionRenderForFieldListTypeBase, BlockDefinitionRenderForParentBase, BlokkliDefinitionInputEditorBase, FragmentDefinitionInputBase, ProviderDefinitionInputBase } from './../../global/types/definitions.js';
+import type { BlockBundleWithNested, FieldListItemTyped, GlobalOptionsKey, ValidChunkNames, ValidFieldListTypes, ValidGlobalConfigKeys, BundleProps, ValidProviderTypes } from '#blokkli-build/generated-types';
+import type { BlockDefinitionInputBase, BlockDefinitionRenderForBase, BlockDefinitionRenderForFieldListBase, BlockDefinitionRenderForFieldListTypeBase, BlockDefinitionRenderForParentBase, BlockDefinitionRenderForProviderTypeBase, BlokkliDefinitionInputEditorBase, FragmentDefinitionInputBase, ProviderDefinitionInputBase } from './../../global/types/definitions.js';
 import type { GlobalOptionsType } from '#blokkli-build/definitions';
 import type { BlokkliIcon } from '#blokkli-build/icons';
 import type { BlokkliProviderEntityContext } from './provider.js';
@@ -16,7 +16,9 @@ type GetType<T> = T extends {
     type: 'range';
 } ? number : T extends {
     type: 'number';
-} ? number : string;
+} ? number : T extends {
+    type: 'json';
+} ? any : string;
 export type BlockDefinitionOptionsInput = {
     [key: string]: BlockOptionDefinition;
 };
@@ -104,8 +106,9 @@ export type BlokkliDefinitionInputEditor<Options extends BlockDefinitionOptionsI
 export type BlockDefinitionRenderForParent = BlockDefinitionRenderForParentBase<BlockBundleWithNested>;
 export type BlockDefinitionRenderForFieldList = BlockDefinitionRenderForFieldListBase<ValidFieldListTypes>;
 export type BlockDefinitionRenderForFieldListType = BlockDefinitionRenderForFieldListTypeBase<ValidFieldListTypes>;
-export type BlockDefinitionRenderFor = BlockDefinitionRenderForBase<BlockBundleWithNested, ValidFieldListTypes>;
-export type BlockDefinitionInput<Options extends BlockDefinitionOptionsInput = BlockDefinitionOptionsInput, GlobalOptions extends GlobalOptionsKey[] | undefined = [], Bundle extends BundleKey | string = string> = Omit<BlockDefinitionInputBase<Options, GlobalOptions, Bundle, ValidChunkNames, BlockBundleWithNested, ValidFieldListTypes, BlokkliIcon, BundleProps>, 'editor'> & {
+export type BlockDefinitionRenderForProviderType = BlockDefinitionRenderForProviderTypeBase<ValidProviderTypes>;
+export type BlockDefinitionRenderFor = BlockDefinitionRenderForBase<BlockBundleWithNested, ValidFieldListTypes, ValidProviderTypes>;
+export type BlockDefinitionInput<Options extends BlockDefinitionOptionsInput = BlockDefinitionOptionsInput, GlobalOptions extends GlobalOptionsKey[] | undefined = [], Bundle extends BundleKey | string = string> = Omit<BlockDefinitionInputBase<Options, GlobalOptions, Bundle, ValidChunkNames, BlockBundleWithNested, ValidFieldListTypes, BlokkliIcon, BundleProps, ValidProviderTypes>, 'editor'> & {
     /**
      * Settings for the behaviour in the editor.
      */

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

@@ -1,5 +1,7 @@
+import type { ValidProviderTypes } from '#blokkli-build/generated-types';
 import type { EntityContext } from '.';
 export type EditPermission = 'view' | 'edit' | 'review' | 'delete';
 export type BlokkliProviderEntityContext = EntityContext & {
+    providerType: ValidProviderTypes;
     language?: string;
 };

package/dist/shared/editor.6D5vApr0.mjs

@@ -0,0 +1,30 @@
+function defineCodeTemplate(name, buildCode, buildTypes, options) {
+  return {
+    type: "code",
+    name,
+    buildCode,
+    buildTypes,
+    options: {
+      dependencies: options?.dependencies || [],
+      write: !!options?.write,
+      context: options?.context || "app"
+    }
+  };
+}
+function defineFileTemplate(fileName, build, options) {
+  return {
+    type: "file",
+    fileName,
+    build,
+    options: {
+      dependencies: options?.dependencies || [],
+      write: options?.write ?? true,
+      context: options?.context || "app"
+    }
+  };
+}
+function withHelper(cb) {
+  return cb;
+}
+
+export { defineFileTemplate as a, defineCodeTemplate as d, withHelper as w };

package/dist/shared/{editor.DMFfaLVE.mjs → editor.BFIzNSQM.mjs}

@@ -143,33 +143,4 @@ ${lines.join("\n")}`
   }
 }
 
-function defineCodeTemplate(name, buildCode, buildTypes, options) {
-  return {
-    type: "code",
-    name,
-    buildCode,
-    buildTypes,
-    options: {
-      dependencies: options?.dependencies || [],
-      write: !!options?.write,
-      context: options?.context || "app"
-    }
-  };
-}
-function defineFileTemplate(fileName, build, options) {
-  return {
-    type: "file",
-    fileName,
-    build,
-    options: {
-      dependencies: options?.dependencies || [],
-      write: options?.write ?? true,
-      context: options?.context || "app"
-    }
-  };
-}
-function withHelper(cb) {
-  return cb;
-}
-
-export { Collector as C, CollectedFile as a, defineFileTemplate as b, defineCodeTemplate as d, withHelper as w };
+export { Collector as C, CollectedFile as a };

package/dist/shared/{editor.Iax3GCvt.d.mts → editor.CWQIFIEQ.d.mts}

@@ -114,6 +114,17 @@ type ModuleOptionsStorageDefaults = {
  * Options for the module.
  */
 type ModuleOptions = {
+    /**
+     * Additional blokkli/ directories provided by modules.
+     *
+     * These follow the same structure as <rootDir>/blokkli/ (tools/, skills/,
+     * prompts/, system-prompts/) and are scanned by collectors that support it.
+     *
+     * Modules should push to this array during alterOptions.
+     *
+     * @internal
+     */
+    blokkliDirs?: string[];
     /**
      * An array of blökkli modules to use.
      */
@@ -156,6 +167,14 @@ type ModuleOptions = {
      * this field.
      */
     fieldListTypes?: string[];
+    /**
+     * Valid blokkli provider types.
+     *
+     * If one or more values are defined, they can be passed to the
+     * BlokkliProvider component as a prop. The value is made available to all
+     * blokkli items inside this provider.
+     */
+    providerTypes?: string[];
     /**
      * The entity type of blokkli items.
      *
@@ -516,8 +535,11 @@ declare class ModuleContext {
     private templates;
     private templateContents;
     private adapterExtensions;
+    private featureFragments;
     collectors: Collector[];
     constructor(helper: ModuleHelper, icons: IconCollector, features: FeatureCollector, blocks: BlockCollector, theme: ThemeData);
+    addFeatureFragment(name: string): void;
+    getFeatureFragmentNames(): string[];
     registerAdapterExtension(namespace: string, path: string): void;
     getAdapterExtensions(): AdapterExtensionDefinition[];
     addCollector(collector: Collector): void;

package/dist/types.d.mts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blokkli/editor",
-  "version": "2.0.0-alpha.35",
+  "version": "2.0.0-alpha.36",
   "description": "Interactive page building experience for Nuxt",
   "keywords": [
     "cms",
@@ -42,6 +42,12 @@
       ],
       "agent": [
         "./dist/modules/agent/index.d.mts"
+      ],
+      "table-of-contents": [
+        "./dist/modules/table-of-contents/index.d.mts"
+      ],
+      "charts": [
+        "./dist/modules/charts/index.d.mts"
       ]
     }
   },
@@ -57,6 +63,14 @@
     "./agent": {
       "types": "./dist/modules/agent/index.d.mts",
       "import": "./dist/modules/agent/index.mjs"
+    },
+    "./table-of-contents": {
+      "types": "./dist/modules/table-of-contents/index.d.mts",
+      "import": "./dist/modules/table-of-contents/index.mjs"
+    },
+    "./charts": {
+      "types": "./dist/modules/charts/index.d.mts",
+      "import": "./dist/modules/charts/index.mjs"
     }
   },
   "scripts": {
@@ -90,6 +104,7 @@
   "dependencies": {
     "@material-symbols/svg-600": "0.40.2",
     "@nuxt/kit": "^4.2.2",
+    "apexcharts": "^5.4.0",
     "artboard-deluxe": "0.1.3",
     "estree-walker-ts": "^1.1.0",
     "fzf": "^0.5.2",
@@ -100,6 +115,7 @@
     "qrcode.vue": "^3.6.0",
     "turndown": "^7.2.0",
     "twgl.js": "^7.0.0",
+    "vue3-apexcharts": "^1.10.0",
     "zod": "^4.0.0"
   },
   "devDependencies": {