@abraca/nuxt 1.8.2 → 2.0.0

package/dist/runtime/components/editor/ANodeInlineLabel.d.vue.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    modelValue: string;
+    placeholder?: string;
+    variant?: 'label' | 'title' | 'name';
+    disabled?: boolean;
+};
+declare function startEdit(): void;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    startEdit: typeof startEdit;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    editStart: () => any;
+    editEnd: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onEditStart?: (() => any) | undefined;
+    onEditEnd?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    variant: "label" | "title" | "name";
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/editor/ANodeInlineLabel.vue

@@ -0,0 +1,101 @@
+<script setup>
+import { ref, watch, nextTick } from "vue";
+const props = defineProps({
+  modelValue: { type: String, required: true },
+  placeholder: { type: String, required: false, default: "Untitled" },
+  variant: { type: String, required: false, default: "label" },
+  disabled: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["update:modelValue", "editStart", "editEnd"]);
+const editable = ref(null);
+const editing = ref(false);
+function startEdit() {
+  if (props.disabled) return;
+  if (editing.value) return;
+  editing.value = true;
+  emit("editStart");
+  nextTick(() => {
+    if (!editable.value) return;
+    editable.value.focus();
+    const range = document.createRange();
+    range.selectNodeContents(editable.value);
+    const sel = window.getSelection();
+    sel?.removeAllRanges();
+    sel?.addRange(range);
+  });
+}
+function commit() {
+  if (!editing.value) return;
+  const next = (editable.value?.innerText ?? "").replace(/\s+/g, " ").trim();
+  editing.value = false;
+  emit("editEnd");
+  if (next !== props.modelValue) emit("update:modelValue", next);
+  if (editable.value) editable.value.innerText = next || props.modelValue;
+}
+function cancel() {
+  if (!editing.value) return;
+  editing.value = false;
+  emit("editEnd");
+  if (editable.value) editable.value.innerText = props.modelValue;
+}
+function onKeydown(e) {
+  if (e.key === "Enter") {
+    e.preventDefault();
+    editable.value?.blur();
+  } else if (e.key === "Escape") {
+    e.preventDefault();
+    cancel();
+    editable.value?.blur();
+  } else {
+    e.stopPropagation();
+  }
+}
+function onPaste(e) {
+  e.preventDefault();
+  const text = e.clipboardData?.getData("text/plain") ?? "";
+  if (!text) return;
+  const win = typeof window !== "undefined" ? window : void 0;
+  const sel = win?.getSelection?.();
+  if (sel && sel.rangeCount > 0) {
+    const range = sel.getRangeAt(0);
+    range.deleteContents();
+    range.insertNode(win.document.createTextNode(text.replace(/\s+/g, " ")));
+    range.collapse(false);
+  }
+}
+watch(() => props.modelValue, (v) => {
+  if (!editing.value && editable.value) {
+    editable.value.innerText = v;
+  }
+});
+defineExpose({ startEdit });
+</script>
+
+<template>
+  <span
+    class="inline-node-label group/label inline-flex items-center rounded-sm min-w-[1ch]"
+    :class="[
+  variant === 'title' && 'font-semibold text-(--ui-text-highlighted)',
+  variant === 'name' && 'font-mono font-semibold text-(--ui-primary)',
+  variant === 'label' && 'text-(--ui-text-highlighted)',
+  editing ? 'ring-1 ring-(--ui-primary) bg-(--ui-bg-elevated) px-1 -mx-1' : 'hover:bg-(--ui-bg-elevated)/60 px-1 -mx-1 cursor-text'
+]"
+    contenteditable="false"
+    @click="startEdit"
+    @dblclick.stop="startEdit"
+  >
+    <span
+      ref="editable"
+      :contenteditable="editing && !disabled"
+      class="outline-none whitespace-pre"
+      :class="!modelValue && !editing ? 'text-(--ui-text-muted) italic' : ''"
+      spellcheck="false"
+      @mousedown="(e) => {
+  if (editing) e.stopPropagation();
+}"
+      @blur="commit"
+      @keydown="onKeydown"
+      @paste="onPaste"
+    >{{ modelValue || (editing ? "" : placeholder) }}</span>
+  </span>
+</template>

package/dist/runtime/components/editor/ANodeInlineLabel.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    modelValue: string;
+    placeholder?: string;
+    variant?: 'label' | 'title' | 'name';
+    disabled?: boolean;
+};
+declare function startEdit(): void;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    startEdit: typeof startEdit;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    editStart: () => any;
+    editEnd: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onEditStart?: (() => any) | undefined;
+    onEditEnd?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    variant: "label" | "title" | "name";
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/ADocLoadError.d.vue.ts

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

package/dist/runtime/components/renderers/ADocLoadError.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="flex flex-col items-center justify-center gap-3 w-full h-full min-h-48 text-dimmed">
+    <UIcon name="i-lucide-triangle-alert" class="size-8" />
+    <p class="text-sm">
+      Failed to load renderer
+    </p>
+    <p class="text-xs">
+      Navigate away and back to retry
+    </p>
+  </div>
+</template>

package/dist/runtime/components/renderers/ADocLoadError.vue.d.ts

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

package/dist/runtime/components/renderers/ADocLoadingSkeleton.d.vue.ts

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

package/dist/runtime/components/renderers/ADocLoadingSkeleton.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="flex items-center justify-center w-full h-full min-h-48">
+    <UIcon name="i-lucide-loader-circle" class="size-6 text-dimmed animate-spin" />
+  </div>
+</template>

package/dist/runtime/components/renderers/ADocLoadingSkeleton.vue.d.ts

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

package/dist/runtime/components/renderers/AMediaRenderer.vue

@@ -36,7 +36,7 @@ const {
   closePanel
 } = useNodePanel(childProviderRef);
 const { mediaItems, groupedMedia } = useMediaExtractor(
-  tree,
+  tree.entries,
   props.docLabel
 );
 const mediaElementRef = shallowRef(null);

package/dist/runtime/components/renderers/AOverviewRenderer.d.vue.ts

@@ -0,0 +1,22 @@
+import { type AbracadabraLocale } from '../../locale.js';
+import { type RendererBaseProps } from '../../composables/useRendererBase.js';
+type __VLS_Props = RendererBaseProps & {
+    followingUser?: string | null;
+    isSpaceRoot?: boolean;
+    labels?: Partial<AbracadabraLocale['renderers']['overview']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    connectedUsers: import("vue").ComputedRef<{
+        clientId: number;
+        name: string;
+        color: string;
+        avatar: string | undefined;
+        publicKey: any;
+    }[]>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    labels: Partial<AbracadabraLocale["renderers"]["overview"]>;
+    followingUser: string | null;
+    isSpaceRoot: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;