@blokkli/editor 1.4.0-alpha.1 → 2.0.0-alpha.2

package/dist/runtime/components/Edit/Features/Assistant/Overlay/index.vue

@@ -10,13 +10,13 @@
         <p class="bk-lead">
           {{
             $t(
-              'assistantDialogLead',
-              "Please enter what you'd like the assistant to generate.",
-            )
+  "assistantDialogLead",
+  "Please enter what you'd like the assistant to generate."
+)
           }}
         </p>
         <label class="bk-form-label" for="assistant_prompt">
-          {{ $t('assistantPromptLabel', 'Prompt') }}
+          {{ $t("assistantPromptLabel", "Prompt") }}
         </label>
         <div class="bk-assistant-form-textarea">
           <textarea
@@ -26,11 +26,11 @@
             class="bk-form-input"
             rows="10"
             :placeholder="
-              $t(
-                'assistantPromptPlaceholder',
-                'Generate content for a page about how taxes work in Switzerland',
-              )
-            "
+  $t(
+    'assistantPromptPlaceholder',
+    'Generate content for a page about how taxes work in Switzerland'
+  )
+"
             required
           />
           <button
@@ -56,25 +56,18 @@
     </div>
     <template #footer>
       <button class="bk-button bk-is-primary" @click="onSubmit">
-        {{ $t('assistantDialogSubmit', 'Create blocks') }}
+        {{ $t("assistantDialogSubmit", "Create blocks") }}
       </button>
     </template>
   </FormOverlay>
 </template>
 
-<script setup lang="ts">
-import { FormOverlay } from '#blokkli/components'
-import type { AssistantResult } from '#blokkli/types'
-import { useBlokkli, ref } from '#imports'
-import ResultMarkup from './ResultMarkup/index.vue'
-
-const { $t, adapter } = useBlokkli()
-
-const emit = defineEmits<{
-  (e: 'close'): void
-  (e: 'submit', result: AssistantResult): void
-}>()
-
+<script setup>
+import { FormOverlay } from "#blokkli/components";
+import { useBlokkli, ref } from "#imports";
+import ResultMarkup from "./ResultMarkup/index.vue";
+const { $t, adapter } = useBlokkli();
+const emit = defineEmits(["close", "submit"]);
 const prompt = ref(
   `Write content for a page talking about VueJS. Please come up with good titles and content for each section.
 
@@ -88,11 +81,11 @@ When was it released, what were the changes.
 Write about the big changes introduced in Vue 3.
 
 # Comparison to React
-`,
-)
-const isGenerating = ref(false)
-const result = ref<AssistantResult | null>({
-  type: 'markup',
+`
+);
+const isGenerating = ref(false);
+const result = ref({
+  type: "markup",
   content: `
 <h2>Origins</h2>
 <p>Vue was created in 2014 by Evan You, a former Google engineer. It was initially released to the public in February 2014.</p>
@@ -105,43 +98,37 @@ const result = ref<AssistantResult | null>({
 
 <h2>Comparison to React</h2>
 <p>Vue is often compared to React due to their shared focus on building user interfaces. While React is developed and maintained by Facebook, Vue is an open-source project led by Evan You. Both frameworks have their strengths and weaknesses, and the choice between them often depends on the specific requirements of a project and the preferences of the development team.</p>
-`,
-})
-
+`
+});
 const onSubmit = () => {
   if (!result.value) {
-    emit('close')
-    return
+    emit("close");
+    return;
   }
-
-  emit('submit', result.value)
-}
+  emit("submit", result.value);
+};
 const onClose = () => {
-  emit('close')
-}
-
+  emit("close");
+};
 const onGenerate = async () => {
   if (isGenerating.value) {
-    return
+    return;
   }
-  isGenerating.value = true
-
+  isGenerating.value = true;
   try {
-    const fetched = await adapter.assistantGetResults!({
-      type: 'create',
-      prompt: prompt.value,
-    })
-    result.value = fetched || null
+    const fetched = await adapter.assistantGetResults({
+      type: "create",
+      prompt: prompt.value
+    });
+    result.value = fetched || null;
   } catch (_e) {
-    // Noop.
   }
-
-  isGenerating.value = false
-}
+  isGenerating.value = false;
+};
 </script>
 
-<script lang="ts">
+<script>
 export default {
-  name: 'AssistantOverlay',
-}
+  name: "AssistantOverlay"
+};
 </script>

package/dist/runtime/components/Edit/Features/Assistant/Overlay/index.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    submit: (result: import("#blokkli/types").AssistantResultMarkup) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onSubmit?: ((result: import("#blokkli/types").AssistantResultMarkup) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/Edit/Features/Assistant/index.vue

@@ -9,60 +9,51 @@
     type="assistant"
     :title="$t('assistantAddAction', 'Add with AI Assistant')"
     :description="
-      $t('assistantAddActionDescription', 'Add content using an AI assistant.')
-    "
+  $t('assistantAddActionDescription', 'Add content using an AI assistant.')
+"
     icon="robot"
     color="rose"
     @placed="placedAction = $event"
   />
 </template>
 
-<script lang="ts" setup>
-import type { ActionPlacedEvent, AssistantResult } from '#blokkli/types'
-import { useBlokkli, defineBlokkliFeature, ref } from '#imports'
-import { PluginAddAction } from '#blokkli/plugins'
-import Overlay from './Overlay/index.vue'
-
+<script setup>
+import { useBlokkli, defineBlokkliFeature, ref } from "#imports";
+import { PluginAddAction } from "#blokkli/plugins";
+import Overlay from "./Overlay/index.vue";
 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.',
+  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',
+    "assistantGetResults",
+    "assistantAddBlockFromResult"
   ],
-  screenshot: 'feature-assistant.jpg',
-})
-
-const { state, $t } = useBlokkli()
-
-const placedAction = ref<ActionPlacedEvent | null>(null)
-
+  screenshot: "feature-assistant.jpg"
+});
+const { state, $t } = useBlokkli();
+const placedAction = ref(null);
 const onClose = () => {
-  placedAction.value = null
-}
-
-const onSubmit = async (result: AssistantResult) => {
+  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.'),
-    )
+      () => adapter.assistantAddBlockFromResult({
+        result,
+        host: placedAction.value.host,
+        preceedingUuid: placedAction.value.preceedingUuid
+      }),
+      $t("assistantAddResultError", "Failed to add block from assistant.")
+    );
   }
-
-  onClose()
-}
+  onClose();
+};
 </script>
 
-<script lang="ts">
+<script>
 export default {
-  name: 'Assistant',
-}
+  name: "Assistant"
+};
 </script>

package/dist/runtime/components/Edit/Features/Assistant/index.vue.d.ts

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