@blokkli/editor 2.0.0-alpha.58 → 2.0.0-alpha.59

package/dist/runtime/editor/features/comments/CommentInput/index.vue.d.ts

@@ -1,15 +1,30 @@
 type __VLS_Props = {
     id: string;
-    placeholder?: string;
+    initialValue?: string;
+    autofocus?: boolean;
+    submitLabel: string;
+    cancellable?: boolean;
+    /**
+     * When provided, replaces the default "non-empty" check for enabling the
+     * submit button. Used by edit-mode where submit should also require a
+     * change relative to the original body.
+     */
+    canSubmit?: boolean;
+    boxed?: boolean;
 };
-type __VLS_ModelProps = {
-    modelValue?: string;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string) => void;
+    submit: (value: string) => void;
+    cancel: () => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onSubmit?: ((value: string) => any) | undefined;
+}>, {
+    canSubmit: boolean;
+    initialValue: string;
+    autofocus: boolean;
+    cancellable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/editor/features/comments/Overlay/Item/index.d.vue.ts

@@ -3,19 +3,46 @@ type __VLS_Props = {
     isReduced: boolean;
     isLeft: boolean;
     uuids: string[];
-    comments: CommentItem[];
+    roots: CommentItem[];
+    replies: CommentItem[];
     style: any;
     showComments: boolean;
     width: number;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggle: () => void;
-    addComment: (text: string) => void;
-    resolveComment: (text: string) => void;
+    reply: (data: {
+        parentUuid: string;
+        body: string;
+    }) => void;
+    edit: (data: {
+        uuid: string;
+        body: string;
+    }) => void;
+    toggleTask: (data: {
+        uuid: string;
+        taskIndex: number;
+    }) => void;
+    delete: (uuid: string) => void;
+    resolveComment: (uuid: string) => void;
+    unresolveComment: (uuid: string) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((uuid: string) => any) | undefined;
+    onEdit?: ((data: {
+        uuid: string;
+        body: string;
+    }) => any) | undefined;
     onToggle?: (() => any) | undefined;
-    onAddComment?: ((text: string) => any) | undefined;
-    onResolveComment?: ((text: string) => any) | undefined;
+    onToggleTask?: ((data: {
+        uuid: string;
+        taskIndex: number;
+    }) => any) | undefined;
+    onReply?: ((data: {
+        parentUuid: string;
+        body: string;
+    }) => any) | undefined;
+    onResolveComment?: ((uuid: string) => any) | undefined;
+    onUnresolveComment?: ((uuid: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/editor/features/comments/Overlay/Item/index.vue

@@ -1,94 +1,132 @@
 <template>
   <div
-    class="bk-comments-overlay-item"
+    class="bk-comments-overlay-item _bk_absolute _bk_top-0 _bk_left-0 _bk_pointer-events-auto _bk_origin-top-left _bk_size-[46px]"
     :style="style"
     :class="{
-  'bk-is-active': showComments,
+  '_bk_z-comments-overlay-active': showComments,
   'bk-is-left': isLeft,
   'bk-is-right': !isLeft
 }"
   >
     <button
-      class="bk-comments-overlay-item-button"
-      :class="{
-  'bk-has-unresolved-comments': unresolvedCount > 0
-}"
+      v-show="!showComments"
+      class="_bk_font-bold _bk_leading-none _bk_text-[46px] _bk_text-mono-600 _bk_z-20 _bk_origin-top-left _bk_size-full _bk_relative _bk_group"
       @click.prevent="$emit('toggle')"
       @pointerdown.prevent.stop
       @pointerup.prevent.stop
       @pointermove.prevent.stop
     >
-      <Icon v-if="showComments" name="bk_mdi_close" />
-      <span v-else>{{ unresolvedCount }}</span>
+      <div
+        class="_bk_absolute _bk_top-[0.069em] _bk_left-[0.069em] _bk_right-[0.069em] _bk_h-[0.7em]"
+        :class="[
+  unresolvedCount > 0 ? '_bk_text-yellow-dark _bk_group-hover:text-yellow-light' : '_bk_text-white'
+]"
+      >
+        <div
+          class="_bk_size-full _bk_flex _bk_items-center _bk_justify-center _bk_text-[0.4em] _bk_leading-none"
+        >
+          <span>{{ unresolvedCount || roots.length }}</span>
+        </div>
+      </div>
+      <div v-show="!showComments" class="_bk_col-start-1 _bk_row-start-1">
+        <Icon
+          name="bk_mdi_chat_bubble-fill"
+          class="_bk_size-full"
+          :class="
+  unresolvedCount > 0 ? '_bk_text-yellow-normal _bk_group-hover:text-yellow-dark' : '_bk_text-mono-400 _bk_group-hover:text-mono-600'
+"
+        />
+      </div>
     </button>
     <div
       v-if="showComments"
-      class="bk-comments-overlay-comments"
-      :class="{ 'bk-is-left': isLeft, 'bk-is-right': !isLeft }"
+      class="_bk_bg-white _bk_shadow-xl _bk_origin-top-left _bk_absolute _bk_top-[4px] _bk_z-10 _bk_rounded _bk_overflow-hidden _bk_border _bk_border-mono-400"
+      :class="{ '_bk_left-3': isLeft, '_bk_right-3': !isLeft }"
       :style="{
   width: width + 'px'
 }"
       @pointerdown.capture.stop
       @pointerup.capture.stop
       @pointermove.capture.stop
+      @wheel.passive="onWheel"
     >
-      <div class="bk-comments-overlay-comments-header">
-        <Icon name="bk_mdi_comment" />
-        <span
-          >{{ comments.length }}
-          {{
-            comments.length === 1 ? $t("singleComment", "comment") : $t("comments", "Comments")
-          }}</span
-        >
-      </div>
-      <div v-for="comment in comments" :key="comment.uuid">
-        <Comment v-bind="comment" @resolve="resolveComment(comment.uuid)" />
-      </div>
-      <div class="bk-comments-overlay-form" @keydown.capture.stop>
-        <CommentInput
-          id="comment_reply"
-          v-model.lazy="commentText"
-          :placeholder="$t('commentBodyPlaceholder', 'Add reply')"
-        />
+      <div
+        class="_bk_bg-mono-200 _bk_h-[32px] _bk_text-xs _bk_uppercase _bk_tracking-wide _bk_font-semibold _bk_flex _bk_items-center _bk_border-b _bk_border-b-mono-400 _bk_text-mono-700"
+        :class="{
+  '_bk_pl-15': !isLeft
+}"
+      >
+        <div>{{ countLabel }}</div>
         <button
-          v-if="commentText"
-          class="bk-button bk-is-warning"
-          @click="addComment"
+          class="_bk_size-[32px] _bk_flex _bk_items-center _bk_justify-center _bk_hover:bg-mono-300"
+          :class="{
+  '_bk_ml-auto': !isLeft,
+  '_bk_order-first _bk_mr-3': isLeft
+}"
+          @click.prevent="$emit('toggle')"
         >
-          {{ $t("commentAdd", "Add comment") }}
+          <Icon name="bk_mdi_close" class="_bk_size-15" />
         </button>
       </div>
+      <div
+        ref="scrollEl"
+        class="_bk_max-h-[60vh] _bk_overflow-y-auto _bk_bg-mono-100 _bk_flex _bk_flex-col _bk_gap-10"
+      >
+        <CommentThread
+          v-for="root in roots"
+          :key="root.uuid"
+          :root="root"
+          :replies="getRepliesFor(root.uuid)"
+          @reply="$emit('reply', $event)"
+          @edit="$emit('edit', $event)"
+          @delete="$emit('delete', $event)"
+          @resolve="$emit('resolveComment', root.uuid)"
+          @unresolve="$emit('unresolveComment', root.uuid)"
+          @toggle-task="$emit('toggleTask', $event)"
+        />
+      </div>
     </div>
   </div>
 </template>
 
 <script setup>
-import { computed, useBlokkli } from "#imports";
+import { computed, useBlokkli, useTemplateRef } from "#imports";
 import { Icon } from "#blokkli/editor/components";
-import Comment from "./../../Comment/index.vue";
-import CommentInput from "./../../CommentInput/index.vue";
-const { $t, storage } = useBlokkli();
-const commentText = storage.useWithContextPrefix("commentReply", "");
-const emit = defineEmits(["toggle", "addComment", "resolveComment"]);
+import CommentThread from "./../../Thread/index.vue";
+const { $t } = useBlokkli();
+defineEmits(["toggle", "reply", "edit", "toggleTask", "delete", "resolveComment", "unresolveComment"]);
 const props = defineProps({
   isReduced: { type: Boolean, required: true },
   isLeft: { type: Boolean, required: true },
   uuids: { type: Array, required: true },
-  comments: { type: Array, required: true },
+  roots: { type: Array, required: true },
+  replies: { type: Array, required: true },
   style: { type: null, required: true },
   showComments: { type: Boolean, required: true },
   width: { type: Number, required: true }
 });
 const unresolvedCount = computed(
-  () => props.comments.filter((v) => !v.resolved).length
+  () => props.roots.filter((r) => !r.resolved).length
 );
-function addComment() {
-  emit("addComment", commentText.value);
-  commentText.value = "";
-}
-function resolveComment(uuid) {
-  if (uuid) {
-    emit("resolveComment", uuid);
+const countLabel = computed(() => {
+  const count = props.roots.length;
+  const template = count === 1 ? $t("commentsCountOne", "1 comment") : $t("commentsCountOther", "@count comments");
+  return template.replace("@count", count.toString());
+});
+const scrollEl = useTemplateRef("scrollEl");
+let hasScrollbar = null;
+const onWheel = (e) => {
+  if (hasScrollbar === null) {
+    const element = scrollEl.value;
+    hasScrollbar = element && element.scrollHeight > element.clientHeight;
+  }
+  if (hasScrollbar) {
+    if (!e.ctrlKey && !e.metaKey) {
+      e.stopPropagation();
+    }
   }
+};
+function getRepliesFor(rootUuid) {
+  return props.replies.filter((r) => r.parentUuid === rootUuid);
 }
 </script>

package/dist/runtime/editor/features/comments/Overlay/Item/index.vue.d.ts

@@ -3,19 +3,46 @@ type __VLS_Props = {
     isReduced: boolean;
     isLeft: boolean;
     uuids: string[];
-    comments: CommentItem[];
+    roots: CommentItem[];
+    replies: CommentItem[];
     style: any;
     showComments: boolean;
     width: number;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggle: () => void;
-    addComment: (text: string) => void;
-    resolveComment: (text: string) => void;
+    reply: (data: {
+        parentUuid: string;
+        body: string;
+    }) => void;
+    edit: (data: {
+        uuid: string;
+        body: string;
+    }) => void;
+    toggleTask: (data: {
+        uuid: string;
+        taskIndex: number;
+    }) => void;
+    delete: (uuid: string) => void;
+    resolveComment: (uuid: string) => void;
+    unresolveComment: (uuid: string) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((uuid: string) => any) | undefined;
+    onEdit?: ((data: {
+        uuid: string;
+        body: string;
+    }) => any) | undefined;
     onToggle?: (() => any) | undefined;
-    onAddComment?: ((text: string) => any) | undefined;
-    onResolveComment?: ((text: string) => any) | undefined;
+    onToggleTask?: ((data: {
+        uuid: string;
+        taskIndex: number;
+    }) => any) | undefined;
+    onReply?: ((data: {
+        parentUuid: string;
+        body: string;
+    }) => any) | undefined;
+    onResolveComment?: ((uuid: string) => any) | undefined;
+    onUnresolveComment?: ((uuid: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,19 +1,41 @@
 import type { CommentItem } from '../types.js';
 type __VLS_Props = {
     comments: CommentItem[];
+    showResolved: boolean;
+    recentlyResolved: string[];
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    addComment: (data: {
-        uuids: string[];
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reply: (data: {
+        parentUuid: string;
         body: string;
-    }) => any;
-    resolveComment: (uuid: string) => any;
+    }) => void;
+    edit: (data: {
+        uuid: string;
+        body: string;
+    }) => void;
+    toggleTask: (data: {
+        uuid: string;
+        taskIndex: number;
+    }) => void;
+    delete: (uuid: string) => void;
+    resolveComment: (uuid: string) => void;
+    unresolveComment: (uuid: string) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onAddComment?: ((data: {
-        uuids: string[];
+    onDelete?: ((uuid: string) => any) | undefined;
+    onEdit?: ((data: {
+        uuid: string;
+        body: string;
+    }) => any) | undefined;
+    onToggleTask?: ((data: {
+        uuid: string;
+        taskIndex: number;
+    }) => any) | undefined;
+    onReply?: ((data: {
+        parentUuid: string;
         body: string;
     }) => any) | undefined;
     onResolveComment?: ((uuid: string) => any) | undefined;
+    onUnresolveComment?: ((uuid: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,6 +1,9 @@
 <template>
   <Teleport to="#bk-canvas-overlay">
-    <div ref="overlay" class="bk bk-comments-overlay bk-control">
+    <div
+      ref="overlay"
+      class="bk bk-comments-overlay bk-control _bk_fixed _bk_top-0 _bk_left-0 _bk_w-full _bk_h-full _bk_pointer-events-none _bk_z-comments-overlay"
+    >
       <Item
         v-for="item in indicators"
         :key="item.id"
@@ -10,8 +13,12 @@
         :show-comments="active === item.id"
         :width
         @toggle="toggle(item)"
-        @add-comment="$emit('addComment', { body: $event, uuids: item.uuids })"
+        @reply="$emit('reply', $event)"
+        @edit="$emit('edit', $event)"
+        @delete="$emit('delete', $event)"
         @resolve-comment="$emit('resolveComment', $event)"
+        @unresolve-comment="$emit('unresolveComment', $event)"
+        @toggle-task="$emit('toggleTask', $event)"
       />
     </div>
   </Teleport>
@@ -26,16 +33,18 @@ import { onBlokkliEvent } from "#blokkli/editor/composables";
 const { eventBus, ui, dom } = useBlokkli();
 const width = computed(() => {
   if (ui.viewport.value.width > 1600) {
-    return 400;
+    return 460;
   } else if (ui.viewport.value.width > 1300) {
-    return 350;
+    return 400;
   }
-  return 300;
+  return 320;
 });
 const props = defineProps({
-  comments: { type: Array, required: true }
+  comments: { type: Array, required: true },
+  showResolved: { type: Boolean, required: true },
+  recentlyResolved: { type: Array, required: true }
 });
-defineEmits(["addComment", "resolveComment"]);
+defineEmits(["reply", "edit", "toggleTask", "delete", "resolveComment", "unresolveComment"]);
 const isReduced = ref(false);
 const isLeft = ref(false);
 const active = ref("");
@@ -48,6 +57,21 @@ function toggle(item) {
     eventBus.emit("select:end", item.uuids);
   }
 }
+const repliesByRoot = computed(() => {
+  const map = /* @__PURE__ */ new Map();
+  for (const comment of props.comments) {
+    if (!comment.parentUuid) {
+      continue;
+    }
+    const list = map.get(comment.parentUuid) || [];
+    list.push(comment);
+    map.set(comment.parentUuid, list);
+  }
+  for (const list of map.values()) {
+    list.sort((a, b) => Date.parse(a.created) - Date.parse(b.created));
+  }
+  return map;
+});
 const indicators = ref([]);
 onBlokkliEvent("canvas:draw", (e) => {
   const scale = e.artboardScale;
@@ -67,8 +91,12 @@ onBlokkliEvent("canvas:draw", (e) => {
     yMap.add(y);
     return y;
   };
-  for (let i = 0; i < props.comments.length; i++) {
-    const comment = props.comments[i];
+  const roots = props.comments.filter((c) => !c.parentUuid);
+  for (let i = 0; i < roots.length; i++) {
+    const comment = roots[i];
+    if (comment.resolved && !props.showResolved && !props.recentlyResolved.includes(comment.uuid)) {
+      continue;
+    }
     const uuids = comment.blockUuids || [];
     const rects = uuids.filter(falsy).map((uuid) => {
       const blockRect = dom.getBlockRect(uuid);
@@ -92,7 +120,8 @@ onBlokkliEvent("canvas:draw", (e) => {
           const y = findY(Math.round(bounds.y));
           newIndicators[id] = {
             id,
-            comments: [comment],
+            roots: [comment],
+            replies: repliesByRoot.value.get(comment.uuid) || [],
             uuids,
             style: {
               // @TODO: Because the --bk-artboard-scale CSS variable was
@@ -103,7 +132,9 @@ onBlokkliEvent("canvas:draw", (e) => {
             }
           };
         } else {
-          newIndicators[id].comments.push(comment);
+          newIndicators[id].roots.push(comment);
+          const moreReplies = repliesByRoot.value.get(comment.uuid) || [];
+          newIndicators[id].replies.push(...moreReplies);
         }
       }
     }

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

@@ -1,19 +1,41 @@
 import type { CommentItem } from '../types.js';
 type __VLS_Props = {
     comments: CommentItem[];
+    showResolved: boolean;
+    recentlyResolved: string[];
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    addComment: (data: {
-        uuids: string[];
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reply: (data: {
+        parentUuid: string;
         body: string;
-    }) => any;
-    resolveComment: (uuid: string) => any;
+    }) => void;
+    edit: (data: {
+        uuid: string;
+        body: string;
+    }) => void;
+    toggleTask: (data: {
+        uuid: string;
+        taskIndex: number;
+    }) => void;
+    delete: (uuid: string) => void;
+    resolveComment: (uuid: string) => void;
+    unresolveComment: (uuid: string) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onAddComment?: ((data: {
-        uuids: string[];
+    onDelete?: ((uuid: string) => any) | undefined;
+    onEdit?: ((data: {
+        uuid: string;
+        body: string;
+    }) => any) | undefined;
+    onToggleTask?: ((data: {
+        uuid: string;
+        taskIndex: number;
+    }) => any) | undefined;
+    onReply?: ((data: {
+        parentUuid: string;
         body: string;
     }) => any) | undefined;
     onResolveComment?: ((uuid: string) => any) | undefined;
+    onUnresolveComment?: ((uuid: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/editor/features/comments/Sidebar/AddForm/index.d.vue.ts

@@ -0,0 +1,9 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    start: () => any;
+    submit: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onStart?: (() => any) | undefined;
+    onSubmit?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/editor/features/comments/Sidebar/AddForm/index.vue

@@ -0,0 +1,58 @@
+<template>
+  <SidebarFloater mono>
+    <button
+      v-if="!isOpen"
+      type="button"
+      class="bk-button _bk_w-full bk-scheme-yellow"
+      data-test="comments-sidebar-add-button"
+      @click="open"
+    >
+      <Icon name="bk_mdi_add_comment" class="_bk_size-18" />
+      <span class="_bk_font-semibold">{{
+        $t("commentAddPlaceholder", "Add new comment", { more: true })
+      }}</span>
+    </button>
+    <CommentInput
+      v-else
+      id="comment_sidebar_add"
+      :initial-value="draft"
+      cancellable
+      :submit-label="$t('commentSave', 'Submit comment')"
+      @change="draft = $event"
+      @submit="onSubmit"
+      @cancel="onCancel"
+    />
+  </SidebarFloater>
+</template>
+
+<script setup>
+import { nextTick, ref, useBlokkli } from "#imports";
+import { Icon } from "#blokkli/editor/components";
+import CommentInput from "../../CommentInput/index.vue";
+import SidebarFloater from "#blokkli/editor/components/SidebarFloater/index.vue";
+const { $t, storage } = useBlokkli();
+const emit = defineEmits(["submit", "start"]);
+const draft = storage.useWithContextPrefix("commentSidebarAdd", "");
+const isOpen = ref(draft.value.trim().length > 0);
+function open() {
+  isOpen.value = true;
+  nextTick(() => {
+    emit("start");
+  });
+}
+function onCancel() {
+  draft.value = "";
+  isOpen.value = false;
+}
+function onSubmit(value) {
+  emit("submit", value);
+  draft.value = "";
+  isOpen.value = false;
+}
+</script>
+
+<script>
+export default {
+  name: "SidebarAddForm"
+};
+</script>

package/dist/runtime/editor/features/comments/Sidebar/AddForm/index.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    start: () => any;
+    submit: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onStart?: (() => any) | undefined;
+    onSubmit?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/editor/features/comments/Sidebar/index.d.vue.ts

@@ -0,0 +1,50 @@
+import type { CommentItem } from '../types.js';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    comments: CommentItem[];
+    recentlyResolved: string[];
+} & {
+    showResolved?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reply: (value: {
+        parentUuid: string;
+        body: string;
+    }) => void;
+    edit: (value: {
+        uuid: string;
+        body: string;
+    }) => void;
+    toggleTask: (value: {
+        uuid: string;
+        taskIndex: number;
+    }) => void;
+    add: (value: string) => void;
+    delete: (value: string) => void;
+    resolve: (value: string) => void;
+    unresolve: (value: string) => void;
+    "update:showResolved": (value: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<{
+    comments: CommentItem[];
+    recentlyResolved: string[];
+} & {
+    showResolved?: boolean;
+}> & Readonly<{
+    onAdd?: ((value: string) => any) | undefined;
+    onDelete?: ((value: string) => any) | undefined;
+    onEdit?: ((value: {
+        uuid: string;
+        body: string;
+    }) => any) | undefined;
+    onResolve?: ((value: string) => any) | undefined;
+    onUnresolve?: ((value: string) => any) | undefined;
+    onToggleTask?: ((value: {
+        uuid: string;
+        taskIndex: number;
+    }) => any) | undefined;
+    onReply?: ((value: {
+        parentUuid: string;
+        body: string;
+    }) => any) | undefined;
+    "onUpdate:showResolved"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;