@blokkli/editor 2.0.0-alpha.47 → 2.0.0-alpha.49

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

@@ -1267,10 +1267,6 @@
     "source": "Edit chart...",
     "translation": ""
   },
-  "chartsEditorSaveError": {
-    "source": "The chart could not be saved.",
-    "translation": ""
-  },
   "chartsEditorTitle": {
     "source": "Edit chart",
     "translation": ""
@@ -1523,6 +1519,10 @@
     "source": "Shows all comments for the current page.",
     "translation": ""
   },
+  "complexOptionsSaveError": {
+    "source": "The data could not be saved.",
+    "translation": ""
+  },
   "conversionsConvertTo": {
     "source": "Convert to: @bundle",
     "translation": ""
@@ -1851,14 +1851,6 @@
     "source": "Changelog",
     "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."
@@ -1883,6 +1875,14 @@
     "source": "Comments",
     "translation": "Commenti"
   },
+  "feature_complex-options_description": {
+    "source": "Edit complex option types such as charts.",
+    "translation": ""
+  },
+  "feature_complex-options_label": {
+    "source": "Complex Options",
+    "translation": ""
+  },
   "feature_conversions_description": {
     "source": "Provides block actions to convert one or more blocks to a different bundle.",
     "translation": "Fornisce azioni di blocco per convertire uno o più blocchi in un tipo diverso."
@@ -2259,6 +2259,14 @@
     "source": "This field is required",
     "translation": "Questo campo è obbligatorio"
   },
+  "filterSelectNoResults": {
+    "source": "No results",
+    "translation": ""
+  },
+  "filterSelectSearch": {
+    "source": "Search...",
+    "translation": ""
+  },
   "fragmentsAddFragmentAction": {
     "source": "Fragment",
     "translation": ""
@@ -2460,7 +2468,7 @@
     "translation": ""
   },
   "libraryItemEditOverlayBackWithPage": {
-    "source": "Back to \"@label\"",
+    "source": "Save and go back to \"@label\"",
     "translation": ""
   },
   "libraryItemEditOverlayTitle": {

package/dist/shared/{editor.BVregnEC.d.mts → editor.DsGJIlGn.d.mts}

@@ -6,7 +6,7 @@ import { Resolver } from '@nuxt/kit';
 import { FeatureDefinitionBase } from '../../dist/global/types/features.js';
 
 type TemplateCallback = (context: ModuleContext) => string | Promise<string>;
-type TemplateDependency = 'icons' | 'features' | 'block-content' | 'block-path' | 'block-global-options' | 'agent-mcp-tools' | 'agent-server' | 'agent-prompts';
+type TemplateDependency = 'icons' | 'features' | 'block-content' | 'block-path' | 'block-global-options' | 'agent-mcp-tools' | 'agent-server' | 'agent-prompts' | 'module-css';
 /**
  * Where the template should be available:
  * - 'app': Only in app context (default)
@@ -400,6 +400,14 @@ declare class ModuleHelper implements ValidationInterface {
     addComponent(name: string): void;
     addComposable(name: string): void;
     addAlias(name: string, path: string): void;
+    /**
+     * Add a directory to the app TypeScript tsconfig includes.
+     */
+    addAppTsInclude(absolutePath: string): void;
+    /**
+     * Add a directory to the server/Nitro TypeScript tsconfig includes.
+     */
+    addServerTsInclude(absolutePath: string): void;
     /**
      * Add a path to Nitro's externals.inline for server-side usage.
      * @see https://github.com/nuxt/nuxt/issues/28995
@@ -557,6 +565,7 @@ interface ComplexOptionTypeDefinition {
     editorComponentPath: string;
     editorButtonLabel: string;
     editorIcon: string;
+    editorTitle?: string;
 }
 declare class ModuleContext {
     helper: ModuleHelper;
@@ -569,8 +578,14 @@ declare class ModuleContext {
     private adapterExtensions;
     private featureFragments;
     private complexOptionTypes;
+    private cssFiles;
+    private additionalIcons;
     collectors: Collector[];
     constructor(helper: ModuleHelper, icons: IconCollector, features: FeatureCollector, blocks: BlockCollector, theme: ThemeData);
+    addCSS(filePath: string): void;
+    getCSSFiles(): string[];
+    addIcon(...names: string[]): void;
+    getAdditionalIcons(): string[];
     addFeatureFragment(name: string): void;
     getFeatureFragmentNames(): string[];
     registerComplexOptionType(def: ComplexOptionTypeDefinition): void;
@@ -610,5 +625,7 @@ type BlokkliModule<O extends object = object> = {
     options?: O;
     init: BlokkliModuleInit<O>;
 };
+declare function defineBlokkliModule<O extends object, HasOptions = object extends O ? true : false>(init: BlokkliModuleInit<O>): HasOptions extends true ? (options?: O) => BlokkliModule<O> : (options: O) => BlokkliModule<O>;
 
-export type { BlokkliModule as B, ModuleOptions as M, ModuleHooks as a };
+export { defineBlokkliModule as d };
+export type { BlokkliModule as B, ModuleOptions as M, ModuleHooks as a, Blokkli as b };

package/dist/types.d.mts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blokkli/editor",
-  "version": "2.0.0-alpha.47",
+  "version": "2.0.0-alpha.49",
   "description": "Interactive page building experience for Nuxt",
   "keywords": [
     "cms",
@@ -48,6 +48,12 @@
       ],
       "charts": [
         "./dist/modules/charts/index.d.mts"
+      ],
+      "modules": [
+        "./dist/modules/index.d.mts"
+      ],
+      "tailwind": [
+        "./dist/modules/tailwind/index.d.mts"
       ]
     }
   },
@@ -71,6 +77,15 @@
     "./charts": {
       "types": "./dist/modules/charts/index.d.mts",
       "import": "./dist/modules/charts/index.mjs"
+    },
+    "./modules": {
+      "types": "./dist/modules/index.d.mts",
+      "import": "./dist/modules/index.mjs"
+    },
+    "./tailwind": {
+      "types": "./dist/modules/tailwind/index.d.mts",
+      "require": "./dist/modules/tailwind/index.mjs",
+      "import": "./dist/modules/tailwind/index.mjs"
     }
   },
   "scripts": {
@@ -173,6 +188,7 @@
   "peerDependencies": {
     "@anthropic-ai/sdk": "^0.71.2",
     "@lunarisapp/readability": "^1.0.2",
+    "@thedutchcoder/postcss-rem-to-px": "^0.0.2",
     "acorn": "^8.0.0",
     "axe-core": "^4.10.0",
     "esbuild": ">=0.20.0",
@@ -181,6 +197,10 @@
     "micromatch": "^4.0.0",
     "openai": "^4.0.0",
     "oxc-walker": "^0.5.0",
+    "postcss": "^8.4.0",
+    "postcss-import": "^16.0.0",
+    "postcss-replace": "^2.0.0",
+    "tailwindcss": "^3.4.0",
     "turndown": "^7.2.2",
     "typescript": "^5.0.0"
   },
@@ -188,6 +208,9 @@
     "@lunarisapp/readability": {
       "optional": true
     },
+    "@thedutchcoder/postcss-rem-to-px": {
+      "optional": true
+    },
     "axe-core": {
       "optional": true
     },
@@ -196,6 +219,18 @@
     },
     "@anthropic-ai/sdk": {
       "optional": true
+    },
+    "postcss": {
+      "optional": true
+    },
+    "postcss-import": {
+      "optional": true
+    },
+    "postcss-replace": {
+      "optional": true
+    },
+    "tailwindcss": {
+      "optional": true
     }
   },
   "engines": {

package/dist/modules/charts/runtime/features/charts/index.vue

@@ -1,72 +0,0 @@
-<template>
-  <NestedEditorOverlay
-    v-if="uuid"
-    :uuid
-    :title="$t('chartsEditorTitle', 'Edit chart')"
-    icon="bk_mdi_area_chart"
-    theme="accent"
-    :element
-    @submit="onSubmit"
-    @close="onSubmit"
-  >
-    <ChartsEditor ref="editorRef" :uuid :option-key="optionKey" />
-  </NestedEditorOverlay>
-</template>
-
-<script setup>
-import { onBlokkliEvent } from "#blokkli/editor/composables";
-import {
-  defineBlokkliFeature,
-  ref,
-  useTemplateRef,
-  useBlokkli,
-  computed
-} from "#imports";
-import { NestedEditorOverlay } from "#blokkli/editor/components";
-import ChartsEditor from "./Editor/index.vue";
-defineBlokkliFeature({
-  id: "charts",
-  icon: "bk_mdi_area_chart",
-  label: "Charts",
-  description: "Add and edit interactive charts.",
-  requiredAdapterMethods: ["updateOptions"]
-});
-const { $t, state, adapter, dom, blocks } = useBlokkli();
-const uuid = ref(null);
-const optionKey = ref("data");
-const element = computed(() => {
-  if (!uuid.value) {
-    return null;
-  }
-  const block = blocks.getBlock(uuid.value);
-  if (!block) {
-    return null;
-  }
-  return dom.getDragElement(block);
-});
-const isLoading = ref(false);
-const editorRef = useTemplateRef("editorRef");
-async function onSubmit() {
-  if (!uuid.value || !editorRef.value) return;
-  const chartData = editorRef.value.getData();
-  isLoading.value = true;
-  await state.mutateWithLoadingState(
-    () => adapter.updateOptions([
-      {
-        uuid: uuid.value,
-        key: optionKey.value,
-        value: JSON.stringify(chartData)
-      }
-    ]),
-    $t("chartsEditorSaveError", "The chart could not be saved.")
-  );
-  isLoading.value = false;
-  uuid.value = null;
-}
-onBlokkliEvent("option:edit-complex", (data) => {
-  if (data.dataType === "chart") {
-    uuid.value = data.uuid;
-    optionKey.value = data.key;
-  }
-});
-</script>