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

package/dist/runtime/editor/features/assistant/Overlay/ResultMarkup/index.vue

@@ -1,17 +0,0 @@
-<template>
-  <div class="bk-assistant-result-markup">
-    <div class="ck-content" v-html="markup" />
-  </div>
-</template>
-
-<script setup>
-defineProps({
-  markup: { type: String, required: true }
-});
-</script>
-
-<script>
-export default {
-  name: "AssistantResultMarkup"
-};
-</script>

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

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

package/dist/runtime/editor/features/assistant/Overlay/index.vue

@@ -1,108 +0,0 @@
-<template>
-  <FormOverlay
-    id="assistant"
-    :title="$t('assistantDialogTitle', 'Generate content with AI assistant')"
-    icon="robot"
-    @close="onClose"
-  >
-    <div class="bk-assistant-form">
-      <div class="bk">
-        <p class="bk-lead">
-          {{
-            $t(
-  "assistantDialogLead",
-  "Please enter what you'd like the assistant to generate."
-)
-          }}
-        </p>
-        <label class="bk-form-label" for="assistant_prompt">
-          {{ $t("assistantPromptLabel", "Prompt") }}
-        </label>
-        <div class="bk-assistant-form-textarea">
-          <textarea
-            id="assistant_prompt"
-            v-model="prompt"
-            type="text"
-            class="bk-form-input"
-            rows="10"
-            :placeholder="
-  $t(
-    'assistantPromptPlaceholder',
-    'Generate content for a page about how taxes work in Switzerland'
-  )
-"
-            required
-          />
-          <button
-            class="bk-button bk-is-small"
-            :class="{ 'bk-is-loading': isGenerating }"
-            @click.prevent="onGenerate"
-          >
-            Generate
-          </button>
-        </div>
-      </div>
-      <div class="bk-assistant-form-result">
-        <div class="bk-form-label">Result</div>
-        <div>
-          <template v-if="result">
-            <ResultMarkup
-              v-if="result.type === 'markup'"
-              :markup="result.content"
-            />
-          </template>
-        </div>
-      </div>
-    </div>
-    <template #footer>
-      <button class="bk-button bk-is-primary" @click="onSubmit">
-        {{ $t("assistantDialogSubmit", "Create blocks") }}
-      </button>
-    </template>
-  </FormOverlay>
-</template>
-
-<script setup>
-import { FormOverlay } from "#blokkli/editor/components";
-import { useBlokkli, ref } from "#imports";
-import ResultMarkup from "./ResultMarkup/index.vue";
-const { $t, adapter } = useBlokkli();
-const emit = defineEmits(["close", "submit"]);
-const prompt = ref("");
-const isGenerating = ref(false);
-const result = ref({
-  type: "markup",
-  content: ""
-});
-const onSubmit = () => {
-  if (!result.value) {
-    emit("close");
-    return;
-  }
-  emit("submit", result.value);
-};
-const onClose = () => {
-  emit("close");
-};
-const onGenerate = async () => {
-  if (isGenerating.value) {
-    return;
-  }
-  isGenerating.value = true;
-  try {
-    const fetched = await adapter.assistantGetResults({
-      type: "create",
-      prompt: prompt.value
-    });
-    result.value = fetched || null;
-  } catch (_e) {
-  }
-  isGenerating.value = false;
-};
-</script>
-
-<script>
-export default {
-  name: "AssistantOverlay"
-};
-</script>

package/dist/runtime/editor/features/assistant/docs.md

@@ -1,7 +0,0 @@
-## Overview
-
-The `assistant` feature implements an add action that can be dragged anywhere on
-the page. Once placed, a modal overlay is shown with a basic prompt textarea,
-where the user can enter a prompt. Clicking on _Generate_ calls the
-[adapter.assistantGetResults] method which is expected to return the content
-that should be generated.

package/dist/runtime/editor/features/assistant/index.vue

@@ -1,66 +0,0 @@
-<template>
-  <Teleport :to="ui.mainLayoutElement.value">
-    <BlokkliTransition name="slide-in">
-      <Overlay v-if="placedAction" @close="onClose" @submit="onSubmit" />
-    </BlokkliTransition>
-  </Teleport>
-</template>
-
-<script setup>
-import { useBlokkli, defineBlokkliFeature, ref } from "#imports";
-import { BlokkliTransition } from "#blokkli/editor/components";
-import Overlay from "./Overlay/index.vue";
-import { defineAddAction } from "#blokkli/editor/composables";
-const { adapter } = defineBlokkliFeature({
-  id: "assistant",
-  icon: "robot",
-  label: "Assistant",
-  description: "Provides a dynamic add block action to add one or more blocks generated by an AI assistant.",
-  requiredAdapterMethods: [
-    "assistantGetResults",
-    "assistantAddBlockFromResult"
-  ],
-  screenshot: "feature-assistant.jpg",
-  dependencies: ["add-list"]
-});
-const { state, $t, ui } = useBlokkli();
-const placedAction = ref(null);
-const onClose = () => {
-  placedAction.value = null;
-};
-const onSubmit = async (result) => {
-  if (adapter.assistantAddBlockFromResult && placedAction.value) {
-    await state.mutateWithLoadingState(
-      () => adapter.assistantAddBlockFromResult({
-        result,
-        host: placedAction.value.host,
-        preceedingUuid: placedAction.value.preceedingUuid
-      }),
-      $t("assistantAddResultError", "Failed to add block from assistant.")
-    );
-  }
-  onClose();
-};
-defineAddAction(() => {
-  return {
-    id: "assistant",
-    title: $t("assistantAddAction", "Add with AI Assistant"),
-    description: $t(
-      "assistantAddActionDescription",
-      "Add content using an AI assistant."
-    ),
-    icon: "robot",
-    color: "rose",
-    weight: 0,
-    callback: (data) => {
-      placedAction.value = data;
-    }
-  };
-});
-</script>
-
-<script>
-export default {
-  name: "Assistant"
-};
-</script>

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

@@ -1,37 +0,0 @@
-import type { BlokkliItemHost } from '#blokkli/editor/types/field';
-export type AssistantResultMarkup = {
-    type: 'markup';
-    content: string;
-};
-export type AssistantResult = AssistantResultMarkup;
-type AdapterAssistantAddBlockFromResult = {
-    result: AssistantResult;
-    host: BlokkliItemHost;
-    preceedingUuid: string | null;
-};
-type AdapterAssistantGetResultsCreate = {
-    type: 'create';
-    prompt: string;
-};
-type AdapterAssistantGetResultsEdit = {
-    type: 'edit';
-    /**
-     * The text that should be edited.
-     */
-    text: string;
-    prompt: string;
-};
-type AdapterAssistantGetResults = AdapterAssistantGetResultsCreate | AdapterAssistantGetResultsEdit;
-declare module '#blokkli/editor/adapter' {
-    interface BlokkliAdapter<T> {
-        /**
-         * Get the result for an assistant query.
-         */
-        assistantGetResults?: (e: AdapterAssistantGetResults) => Promise<AssistantResult | undefined>;
-        /**
-         * Add one or more blocks from the given assistant result.
-         */
-        assistantAddBlockFromResult?: (e: AdapterAssistantAddBlockFromResult) => Promise<MutationResponseLike<T>> | undefined;
-    }
-}
-export {};

package/dist/runtime/editor/features/media-library/Library/FilterSelect/index.vue

@@ -1,168 +0,0 @@
-<template>
-  <div
-    ref="root"
-    class="bk-media-library-filter-select"
-    :class="{ 'bk-is-open': isOpen }"
-    @keydown.stop="onKeydown"
-  >
-    <button type="button" @click="toggle">
-      <div>
-        <span class="bk-media-library-filter-select-label">{{ label }}</span>
-        <span
-          v-if="selectedLabel"
-          class="bk-media-library-filter-select-value"
-          >{{ selectedLabel }}</span
-        >
-      </div>
-      <Icon name="bk_mdi_arrow_drop_down" />
-    </button>
-    <div
-      v-if="isOpen"
-      class="bk-media-library-filter-select-dropdown bk-scrollbar-dark"
-    >
-      <div
-        v-if="options.length > 10"
-        class="bk-media-library-filter-select-search"
-      >
-        <input
-          ref="searchInput"
-          v-model="search"
-          class="bk-form-input bk-is-small"
-          type="text"
-          :placeholder="$t('filterSelectSearch', 'Search...')"
-        />
-      </div>
-      <ul ref="listEl">
-        <li v-for="(option, index) in filteredOptions" :key="option.value">
-          <button
-            type="button"
-            :class="{
-  'bk-is-active': option.value === modelValue,
-  'bk-is-highlighted': index === highlightedIndex
-}"
-            @click="select(option.value)"
-            @mouseenter="highlightedIndex = index"
-          >
-            {{ option.label }}
-          </button>
-        </li>
-        <li
-          v-if="!filteredOptions.length"
-          class="bk-media-library-filter-select-empty"
-        >
-          {{ $t("filterSelectNoResults", "No results") }}
-        </li>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import {
-  ref,
-  computed,
-  nextTick,
-  watch,
-  useTemplateRef,
-  onBeforeUnmount,
-  useBlokkli
-} from "#imports";
-import { Icon } from "#blokkli/editor/components";
-const { $t } = useBlokkli();
-const props = defineProps({
-  label: { type: String, required: true },
-  options: { type: Array, required: true },
-  modelValue: { type: String, required: false }
-});
-const emit = defineEmits(["update:modelValue"]);
-const isOpen = ref(false);
-const search = ref("");
-const highlightedIndex = ref(-1);
-const searchInput = useTemplateRef("searchInput");
-const root = useTemplateRef("root");
-const listEl = useTemplateRef("listEl");
-const selectedLabel = computed(() => {
-  const option = props.options.find((o) => o.value === props.modelValue);
-  return option?.label ?? "";
-});
-const filteredOptions = computed(() => {
-  if (!search.value) {
-    return props.options;
-  }
-  const term = search.value.toLowerCase();
-  return props.options.filter((o) => o.label.toLowerCase().includes(term));
-});
-watch(filteredOptions, () => {
-  highlightedIndex.value = -1;
-});
-function scrollToHighlighted() {
-  if (!listEl.value || highlightedIndex.value < 0) {
-    return;
-  }
-  const buttons = listEl.value.querySelectorAll("button");
-  buttons[highlightedIndex.value]?.scrollIntoView({ block: "nearest" });
-}
-function toggle() {
-  isOpen.value = !isOpen.value;
-  if (isOpen.value) {
-    search.value = "";
-    highlightedIndex.value = -1;
-    nextTick(() => {
-      searchInput.value?.focus();
-    });
-  }
-}
-function select(value) {
-  emit("update:modelValue", value);
-  isOpen.value = false;
-}
-function onKeydown(e) {
-  if (!isOpen.value) {
-    if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-      e.preventDefault();
-      toggle();
-    }
-    return;
-  }
-  const options = filteredOptions.value;
-  switch (e.key) {
-    case "ArrowDown":
-      e.preventDefault();
-      highlightedIndex.value = highlightedIndex.value < options.length - 1 ? highlightedIndex.value + 1 : 0;
-      nextTick(scrollToHighlighted);
-      break;
-    case "ArrowUp":
-      e.preventDefault();
-      highlightedIndex.value = highlightedIndex.value > 0 ? highlightedIndex.value - 1 : options.length - 1;
-      nextTick(scrollToHighlighted);
-      break;
-    case "Enter": {
-      e.preventDefault();
-      const option = options[highlightedIndex.value];
-      if (option) {
-        select(option.value);
-      }
-      break;
-    }
-    case "Escape":
-      e.preventDefault();
-      isOpen.value = false;
-      break;
-  }
-}
-function onClickOutside(e) {
-  if (root.value && !root.value.contains(e.target)) {
-    isOpen.value = false;
-  }
-}
-watch(isOpen, (open) => {
-  if (open) {
-    document.addEventListener("click", onClickOutside, true);
-  } else {
-    document.removeEventListener("click", onClickOutside, true);
-  }
-});
-onBeforeUnmount(() => {
-  document.removeEventListener("click", onClickOutside, true);
-});
-</script>

package/dist/runtime/editor/providers/fieldValueAdapterTypes.d.ts

@@ -1,13 +0,0 @@
-import type { TextFieldValue } from './fieldValue.js';
-declare module '#blokkli/editor/adapter' {
-    interface BlokkliAdapter<T> {
-        /**
-         * Return raw text field values for all blocks.
-         *
-         * Used by the fieldValue provider to score unprocessed markup instead of
-         * DOM-rendered content. If not implemented, the provider falls back to
-         * reading text from the directive system / DOM.
-         */
-        getTextFieldValues?: () => Promise<TextFieldValue[]>;
-    }
-}