@abraca/nuxt 0.1.1 → 0.3.0

package/dist/runtime/components/AVoiceBar.vue

@@ -71,11 +71,11 @@ const micIcon = computed(() => {
   return isMuted.value ? "i-lucide-mic-off" : "i-lucide-mic";
 });
 defineShortcuts({
-  "alt_m": {
+  alt_m: {
     handler: toggleMute,
     whenever: [isActive]
   },
-  "alt_v": {
+  alt_v: {
     handler: toggleVideo,
     whenever: [isActive]
   }
@@ -83,7 +83,10 @@ defineShortcuts({
 </script>
 
 <template>
-  <div v-bind="$attrs" class="w-full">
+  <div
+    v-bind="$attrs"
+    class="w-full"
+  >
     <ClientOnly>
       <UPopover
         v-model:open="popoverOpen"
@@ -147,7 +150,10 @@ defineShortcuts({
             </UAvatarGroup>
 
             <template v-if="isConnected">
-              <UTooltip :text="isMuted ? locale.unmute : locale.mute" :kbds="['Alt', 'M']">
+              <UTooltip
+                :text="isMuted ? locale.unmute : locale.mute"
+                :kbds="['Alt', 'M']"
+              >
                 <UButton
                   :icon="isMuted ? 'i-lucide-mic-off' : 'i-lucide-mic'"
                   size="xs"
@@ -157,7 +163,10 @@ defineShortcuts({
                   @click.stop="toggleMute"
                 />
               </UTooltip>
-              <UTooltip text="Toggle video" :kbds="['Alt', 'V']">
+              <UTooltip
+                text="Toggle video"
+                :kbds="['Alt', 'V']"
+              >
                 <UButton
                   :icon="isVideoEnabled ? 'i-lucide-video' : 'i-lucide-video-off'"
                   size="xs"
@@ -167,7 +176,10 @@ defineShortcuts({
                   @click.stop="toggleVideo"
                 />
               </UTooltip>
-              <UTooltip v-if="canScreenShare" text="Screen share">
+              <UTooltip
+                v-if="canScreenShare"
+                text="Screen share"
+              >
                 <UButton
                   :icon="isScreenEnabled ? 'i-lucide-monitor-up' : 'i-lucide-monitor'"
                   size="xs"
@@ -216,7 +228,10 @@ defineShortcuts({
             <!-- Connecting -->
             <template v-else-if="isConnecting">
               <div class="flex items-center gap-2 py-0.5">
-                <UIcon name="i-lucide-loader-circle" class="size-4 text-warning animate-spin shrink-0" />
+                <UIcon
+                  name="i-lucide-loader-circle"
+                  class="size-4 text-warning animate-spin shrink-0"
+                />
                 <span class="text-sm text-muted">{{ locale.connecting }}</span>
               </div>
               <UButton
@@ -315,9 +330,21 @@ defineShortcuts({
                         :style="peer.color ? avatarBorderStyle(peer.color, neutral) : ''"
                       />
                       <span class="text-xs truncate flex-1">{{ peer.displayName || peer.userId.slice(0, 6) }}</span>
-                      <UIcon v-if="peer.remoteVideo" name="i-lucide-video" class="size-3 text-primary shrink-0" />
-                      <UIcon v-if="peer.remoteScreen" name="i-lucide-monitor-up" class="size-3 text-primary shrink-0" />
-                      <UIcon v-if="peer.remoteMuted" name="i-lucide-mic-off" class="size-3 text-error shrink-0" />
+                      <UIcon
+                        v-if="peer.remoteVideo"
+                        name="i-lucide-video"
+                        class="size-3 text-primary shrink-0"
+                      />
+                      <UIcon
+                        v-if="peer.remoteScreen"
+                        name="i-lucide-monitor-up"
+                        class="size-3 text-primary shrink-0"
+                      />
+                      <UIcon
+                        v-if="peer.remoteMuted"
+                        name="i-lucide-mic-off"
+                        class="size-3 text-error shrink-0"
+                      />
                     </div>
                     <!-- Audio level bar -->
                     <div class="flex items-center gap-2 pl-7">
@@ -348,14 +375,23 @@ defineShortcuts({
                   </div>
                 </div>
               </template>
-              <p v-else class="text-xs text-muted text-center py-0.5">
+              <p
+                v-else
+                class="text-xs text-muted text-center py-0.5"
+              >
                 {{ locale.alone }}
               </p>
             </template>
 
             <!-- Error -->
-            <div v-if="voiceError" class="flex items-start gap-1.5 text-error">
-              <UIcon name="i-lucide-alert-circle" class="size-3.5 shrink-0 mt-0.5" />
+            <div
+              v-if="voiceError"
+              class="flex items-start gap-1.5 text-error"
+            >
+              <UIcon
+                name="i-lucide-alert-circle"
+                class="size-3.5 shrink-0 mt-0.5"
+              />
               <p class="text-xs leading-tight">
                 {{ voiceError.message }}
               </p>
@@ -370,8 +406,14 @@ defineShortcuts({
           class="flex items-center gap-1.5 w-full px-2 opacity-30 pointer-events-none"
           :class="props.collapsed ? 'justify-center h-8' : 'min-h-8 py-1'"
         >
-          <UIcon name="i-lucide-mic-off" class="size-4 text-dimmed" />
-          <span v-if="!props.collapsed" class="text-xs text-dimmed">{{ locale.voice }}</span>
+          <UIcon
+            name="i-lucide-mic-off"
+            class="size-4 text-dimmed"
+          />
+          <span
+            v-if="!props.collapsed"
+            class="text-xs text-dimmed"
+          >{{ locale.voice }}</span>
         </div>
       </template>
     </ClientOnly>

package/dist/runtime/components/AVoiceTile.vue

@@ -41,7 +41,10 @@ const kindIcon = computed(() => props.kind === "screen" ? "i-lucide-monitor-up"
       :style="props.mirrored ? 'transform: scaleX(-1)' : ''"
     />
     <div class="absolute bottom-2 left-2 flex items-center gap-1.5 bg-black/60 backdrop-blur-sm rounded px-2 py-1">
-      <UIcon :name="kindIcon" class="size-3 text-white/70 shrink-0" />
+      <UIcon
+        :name="kindIcon"
+        class="size-3 text-white/70 shrink-0"
+      />
       <span class="text-xs text-white font-medium truncate max-w-32">{{ name }}</span>
     </div>
   </div>

package/dist/runtime/components/AWindowLayer.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { computed } from "vue";
 const { windows } = useWindowManager();
-const windowIds = computed(() => [...windows.value.keys()]);
+const windowIds = computed(() => [...windows.keys()]);
 </script>
 
 <template>

package/dist/runtime/components/aware/AArea.vue

@@ -18,8 +18,8 @@ const hoverRingStyle = computed(() => {
   <component
     :is="tag"
     class="relative"
-    v-on="hoverHandlers"
     :style="hoverRingStyle"
+    v-on="hoverHandlers"
   >
     <slot />
     <Transition name="aa-peer">

package/dist/runtime/components/aware/AAvatar.vue

@@ -35,22 +35,59 @@ const popoverOpen = ref(false);
 
 <template>
   <!-- Popover variant (click to open details) -->
-  <UPopover v-if="showPopover" v-model:open="popoverOpen">
-    <UTooltip v-if="showTooltip" :text="tooltipText" :delay-duration="600">
-      <UChip v-if="showStatus && chipColor !== void 0" :color="chipColor" position="top-right" size="sm">
-        <UAvatar :alt="name" :size="size" :style="avatarStyle" />
+  <UPopover
+    v-if="showPopover"
+    v-model:open="popoverOpen"
+  >
+    <UTooltip
+      v-if="showTooltip"
+      :text="tooltipText"
+      :delay-duration="600"
+    >
+      <UChip
+        v-if="showStatus && chipColor !== void 0"
+        :color="chipColor"
+        position="top-right"
+        size="sm"
+      >
+        <UAvatar
+          :alt="name"
+          :size="size"
+          :style="avatarStyle"
+        />
       </UChip>
-      <UAvatar v-else :alt="name" :size="size" :style="avatarStyle" />
+      <UAvatar
+        v-else
+        :alt="name"
+        :size="size"
+        :style="avatarStyle"
+      />
     </UTooltip>
-    <UAvatar v-else :alt="name" :size="size" :style="avatarStyle" />
+    <UAvatar
+      v-else
+      :alt="name"
+      :size="size"
+      :style="avatarStyle"
+    />
 
     <template #content>
       <div class="p-3 w-52 flex flex-col gap-3">
         <div class="flex items-center gap-3">
-          <UAvatar :alt="name" size="md" :style="avatarStyle" />
+          <UAvatar
+            :alt="name"
+            size="md"
+            :style="avatarStyle"
+          />
           <div class="flex-1 min-w-0">
-            <p class="text-sm font-semibold text-default truncate">{{ name }}</p>
-            <p v-if="docContext" class="text-xs text-muted truncate">{{ docContext }}</p>
+            <p class="text-sm font-semibold text-default truncate">
+              {{ name }}
+            </p>
+            <p
+              v-if="docContext"
+              class="text-xs text-muted truncate"
+            >
+              {{ docContext }}
+            </p>
           </div>
         </div>
         <USeparator />
@@ -69,18 +106,50 @@ const popoverOpen = ref(false);
   </UPopover>
 
   <!-- Tooltip-only variant -->
-  <UTooltip v-else-if="showTooltip" :text="tooltipText" :delay-duration="600">
-    <UChip v-if="showStatus && chipColor !== void 0" :color="chipColor" position="top-right" size="sm">
-      <UAvatar :alt="name" :size="size" :style="avatarStyle" />
+  <UTooltip
+    v-else-if="showTooltip"
+    :text="tooltipText"
+    :delay-duration="600"
+  >
+    <UChip
+      v-if="showStatus && chipColor !== void 0"
+      :color="chipColor"
+      position="top-right"
+      size="sm"
+    >
+      <UAvatar
+        :alt="name"
+        :size="size"
+        :style="avatarStyle"
+      />
     </UChip>
-    <UAvatar v-else :alt="name" :size="size" :style="avatarStyle" />
+    <UAvatar
+      v-else
+      :alt="name"
+      :size="size"
+      :style="avatarStyle"
+    />
   </UTooltip>
 
   <!-- Bare variant -->
   <template v-else>
-    <UChip v-if="showStatus && chipColor !== void 0" :color="chipColor" position="top-right" size="sm">
-      <UAvatar :alt="name" :size="size" :style="avatarStyle" />
+    <UChip
+      v-if="showStatus && chipColor !== void 0"
+      :color="chipColor"
+      position="top-right"
+      size="sm"
+    >
+      <UAvatar
+        :alt="name"
+        :size="size"
+        :style="avatarStyle"
+      />
     </UChip>
-    <UAvatar v-else :alt="name" :size="size" :style="avatarStyle" />
+    <UAvatar
+      v-else
+      :alt="name"
+      :size="size"
+      :style="avatarStyle"
+    />
   </template>
 </template>

package/dist/runtime/components/aware/AButton.vue

@@ -14,7 +14,11 @@ const pressRingStyle = computed(() => {
 </script>
 
 <template>
-  <span class="relative inline-flex" v-on="handlers" :style="pressRingStyle">
+  <span
+    class="relative inline-flex"
+    :style="pressRingStyle"
+    v-on="handlers"
+  >
     <UButton v-bind="$attrs" />
     <Transition name="aa-peer">
       <span

package/dist/runtime/components/aware/ACursorLabel.vue

@@ -26,7 +26,11 @@ const triangleStyle = computed(() => ({
 </script>
 
 <template>
-  <div v-show="visible" :style="labelStyle" class="flex flex-col items-center">
+  <div
+    v-show="visible"
+    :style="labelStyle"
+    class="flex flex-col items-center"
+  >
     <!-- Name pill -->
     <span
       class="flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium text-white whitespace-nowrap shadow-sm"

package/dist/runtime/components/aware/ADocBadge.vue

@@ -14,7 +14,10 @@ const visible = computed(() => peers.value.slice(0, props.max));
 </script>
 
 <template>
-  <div v-show="peers.length > 0" class="flex items-center -space-x-1">
+  <div
+    v-show="peers.length > 0"
+    class="flex items-center -space-x-1"
+  >
     <UAvatar
       v-for="peer in visible"
       :key="peer.clientId"

package/dist/runtime/components/aware/AFacepile.vue

@@ -24,7 +24,10 @@ const overflowOpen = ref(false);
 </script>
 
 <template>
-  <div v-if="allPeers.length > 0" class="flex items-center">
+  <div
+    v-if="allPeers.length > 0"
+    class="flex items-center"
+  >
     <!-- Stacked avatars -->
     <div class="flex items-center -space-x-2">
       <UTooltip
@@ -44,7 +47,10 @@ const overflowOpen = ref(false);
     </div>
 
     <!-- Name labels (expanded mode) -->
-    <div v-if="showNames && visible.length > 0" class="ml-2 flex items-center gap-2">
+    <div
+      v-if="showNames && visible.length > 0"
+      class="ml-2 flex items-center gap-2"
+    >
       <span
         v-for="peer in visible"
         :key="peer.clientId"
@@ -54,7 +60,11 @@ const overflowOpen = ref(false);
     </div>
 
     <!-- Overflow badge + popover -->
-    <UPopover v-if="overflow > 0" v-model:open="overflowOpen" :content="{ side: 'bottom', align: 'start' }">
+    <UPopover
+      v-if="overflow > 0"
+      v-model:open="overflowOpen"
+      :content="{ side: 'bottom', align: 'start' }"
+    >
       <UBadge
         :label="`+${overflow}`"
         color="neutral"

package/dist/runtime/components/aware/AInput.vue

@@ -19,7 +19,11 @@ const focusRingStyle = computed(() => {
 </script>
 
 <template>
-  <div class="relative w-full" v-on="handlers" :style="focusRingStyle">
+  <div
+    class="relative w-full"
+    :style="focusRingStyle"
+    v-on="handlers"
+  >
     <UInput v-bind="$attrs" />
     <Transition name="aa-peer">
       <span

package/dist/runtime/components/aware/ATextarea.vue

@@ -19,7 +19,11 @@ const focusRingStyle = computed(() => {
 </script>
 
 <template>
-  <div class="relative w-full" v-on="handlers" :style="focusRingStyle">
+  <div
+    class="relative w-full"
+    :style="focusRingStyle"
+    v-on="handlers"
+  >
     <UTextarea v-bind="$attrs" />
     <Transition name="aa-peer">
       <span

package/dist/runtime/components/aware/AUserList.vue

@@ -19,7 +19,10 @@ function docContext(user) {
 <template>
   <div class="flex flex-col">
     <!-- Empty state -->
-    <p v-if="displayed.length === 0" class="text-sm text-muted text-center py-4">
+    <p
+      v-if="displayed.length === 0"
+      class="text-sm text-muted text-center py-4"
+    >
       {{ emptyLabel }}
     </p>
 
@@ -44,7 +47,10 @@ function docContext(user) {
             <p class="text-sm font-medium text-default truncate">
               {{ peer.user?.name || "Anonymous" }}
             </p>
-            <p v-if="docContext(peer)" class="text-xs text-muted truncate">
+            <p
+              v-if="docContext(peer)"
+              class="text-xs text-muted truncate"
+            >
               {{ docContext(peer) }}
             </p>
           </div>

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

@@ -2,7 +2,18 @@ import { type RendererBaseProps } from '../../composables/useRendererBase.js';
 import type { AbracadabraLocale } from '../../locale.js';
 type __VLS_Props = RendererBaseProps & {
     labels?: Partial<AbracadabraLocale['renderers']['calendar']>;
+    editable?: boolean;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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<{}>, {
+    editable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;