@jant/core 0.5.3 → 0.6.0

package/src/client/tiptap/extensions.ts

@@ -85,9 +85,7 @@ export function createSettingsEditorExtensions(
     BubbleMenu.configure({
       toolbarMode: "compose",
     }),
-    LinkToolbar.configure({
-      toolbarMode: "compose",
-    }),
+    LinkToolbar,
   ];
 }
 
@@ -118,9 +116,7 @@ export function createEditorExtensions(
     BubbleMenu.configure({
       toolbarMode: options.toolbarMode ?? "default",
     }),
-    LinkToolbar.configure({
-      toolbarMode: options.toolbarMode ?? "default",
-    }),
+    LinkToolbar,
     ExitableMarks,
     InsertParagraphAround,
     TabIndent,

package/src/client/tiptap/link-toolbar.ts

@@ -13,11 +13,6 @@ import { Extension } from "@tiptap/core";
 import { Plugin, PluginKey } from "@tiptap/pm/state";
 import type { EditorState } from "@tiptap/pm/state";
 import type { EditorView } from "@tiptap/pm/view";
-import {
-  applyDockedToolbarOffset,
-  isComposeDockedToolbar,
-  type FormattingToolbarMode,
-} from "./toolbar-mode.js";
 import {
   getFixedFloatingContainerRect,
   getFloatingPosition,
@@ -96,15 +91,8 @@ function getLinkRange(state: EditorState): LinkRange | null {
 export const LinkToolbar = Extension.create({
   name: "linkToolbar",
 
-  addOptions() {
-    return {
-      toolbarMode: "default" as FormattingToolbarMode,
-    };
-  },
-
   addProseMirrorPlugins() {
     const editor = this.editor;
-    const toolbarMode = this.options.toolbarMode as FormattingToolbarMode;
 
     // DOM elements
     let inputEl: HTMLElement | null = null;
@@ -204,17 +192,8 @@ export const LinkToolbar = Extension.create({
       from: number,
       to: number,
     ) {
-      const docked = isComposeDockedToolbar(toolbarMode);
-      el.classList.toggle("tiptap-link-input-docked", docked);
       el.style.display = "flex";
 
-      if (docked) {
-        applyDockedToolbarOffset(el, view);
-        el.style.removeProperty("left");
-        el.style.removeProperty("top");
-        return;
-      }
-
       const dialog = view.dom.closest("dialog");
       const start = view.coordsAtPos(from);
       const end = view.coordsAtPos(to);

package/src/client/tiptap/paste-media.ts

@@ -76,6 +76,47 @@ export const PasteMedia = Extension.create<PasteMediaOptions>({
   addProseMirrorPlugins() {
     const extension = this;
 
+    /**
+     * Routes dropped/pasted files into inline images or attachments using the
+     * same decision as the host (`shouldInsertInline`). Returns false when
+     * there is nothing this extension can handle, so the caller leaves the
+     * event to the editor's default behavior.
+     */
+    const routeFiles = (files: File[]): boolean => {
+      const inlineFiles = files.filter(
+        (file) => extension.options.shouldInsertInline?.(file) === true,
+      );
+      const attachmentFiles = files.filter(
+        (file) => !inlineFiles.includes(file),
+      );
+
+      if (
+        inlineFiles.length === 0 &&
+        (attachmentFiles.length === 0 ||
+          extension.options.onPasteFiles === undefined)
+      ) {
+        return false;
+      }
+
+      for (const file of inlineFiles) {
+        const uploadInlineImage = extension.options.uploadInlineImage;
+        if (uploadInlineImage) {
+          void uploadInlineImage(file);
+          continue;
+        }
+        void uploadAndInsertInlineImage(extension.editor, file);
+      }
+
+      if (
+        attachmentFiles.length > 0 &&
+        extension.options.onPasteFiles !== undefined
+      ) {
+        extension.options.onPasteFiles(attachmentFiles);
+      }
+
+      return true;
+    };
+
     return [
       new Plugin({
         key: pasteMediaPluginKey,
@@ -83,40 +124,15 @@ export const PasteMedia = Extension.create<PasteMediaOptions>({
           handlePaste(_view, event) {
             const files = getClipboardFiles(event.clipboardData);
             if (files.length === 0) return false;
-
-            const inlineFiles = files.filter(
-              (file) => extension.options.shouldInsertInline?.(file) === true,
-            );
-            const attachmentFiles = files.filter(
-              (file) => !inlineFiles.includes(file),
-            );
-
-            if (
-              inlineFiles.length === 0 &&
-              (attachmentFiles.length === 0 ||
-                extension.options.onPasteFiles === undefined)
-            ) {
-              return false;
-            }
-
+            if (!routeFiles(files)) return false;
+            event.preventDefault();
+            return true;
+          },
+          handleDrop(_view, event) {
+            const files = getClipboardFiles(event.dataTransfer);
+            if (files.length === 0) return false;
+            if (!routeFiles(files)) return false;
             event.preventDefault();
-
-            for (const file of inlineFiles) {
-              const uploadInlineImage = extension.options.uploadInlineImage;
-              if (uploadInlineImage) {
-                void uploadInlineImage(file);
-                continue;
-              }
-              void uploadAndInsertInlineImage(extension.editor, file);
-            }
-
-            if (
-              attachmentFiles.length > 0 &&
-              extension.options.onPasteFiles !== undefined
-            ) {
-              extension.options.onPasteFiles(attachmentFiles);
-            }
-
             return true;
           },
         },

package/src/client/tiptap/toolbar-mode.ts

@@ -1,44 +1 @@
-import type { EditorView } from "@tiptap/pm/view";
-
 export type FormattingToolbarMode = "default" | "compose";
-
-// Dock the formatting toolbar to the bottom of the compose surface only on
-// touch-first devices. `(pointer: coarse)` targets the primary input, so real
-// mobile/tablets match but a narrow desktop window (e.g. browser used as a
-// sidebar) keeps the floating bubble menu near the selection.
-const MOBILE_FORMATTING_QUERY = "(pointer: coarse)";
-
-export function isComposeDockedToolbar(mode: FormattingToolbarMode): boolean {
-  return (
-    mode === "compose" &&
-    (globalThis.matchMedia?.(MOBILE_FORMATTING_QUERY).matches ?? false)
-  );
-}
-
-export function applyDockedToolbarOffset(
-  el: HTMLElement,
-  view: EditorView,
-): void {
-  const composeEditor = view.dom.closest("jant-compose-editor");
-  const root =
-    view.dom.closest(
-      "jant-compose-dialog, .compose-fullscreen, .compose-attached-panel",
-    ) ?? view.dom.closest("dialog");
-
-  let offset = 16;
-  const toolsRow =
-    composeEditor?.querySelector<HTMLElement>(".compose-tools-row") ??
-    root?.querySelector<HTMLElement>(".compose-tools-row");
-  const actionRow = root?.querySelector<HTMLElement>(".compose-action-row");
-  const attachmentDock = composeEditor?.querySelector<HTMLElement>(
-    ".compose-attachments-dock",
-  );
-
-  if (toolsRow) offset += toolsRow.getBoundingClientRect().height;
-  if (actionRow) offset += actionRow.getBoundingClientRect().height;
-  if (attachmentDock) {
-    offset += attachmentDock.getBoundingClientRect().height;
-  }
-
-  el.style.setProperty("--tiptap-docked-offset", `${offset}px`);
-}

package/src/client/video-processor.ts

@@ -7,6 +7,8 @@
  * - Strips spurious rotation metadata from the output (mediabunny may
  *   bake rotation into pixels AND write a display matrix, causing the
  *   browser to double-rotate)
+ * - Clears the alternate_group track flag (mediabunny sets it non-zero,
+ *   which stops Safari's native video controls from auto-hiding)
  * - Extracts poster frame + blurhash during processing
  *
  * Requires WebCodecs API support — check `isSupported()` before use.
@@ -25,6 +27,7 @@ import {
 } from "mediabunny";
 import { encode } from "blurhash";
 import { normalizeDurationSeconds } from "../lib/video-playback.js";
+import { zeroTrackAlternateGroups } from "../lib/mp4-track-flags.js";
 
 /** Maximum pixels for the long edge of the output video. */
 const MAX_LONG_EDGE = 1920;
@@ -222,6 +225,12 @@ async function processToFile(
     const buffer = target.buffer;
     if (!buffer) throw new Error("Video processing produced no output");
 
+    // Mediabunny tags each track with a non-zero alternate_group, which makes
+    // Safari treat tracks as mutually exclusive alternates and never auto-hide
+    // the native <video> control bar during playback. Zero it so the controls
+    // behave like any other MP4.
+    zeroTrackAlternateGroups(buffer);
+
     // Detect whether this browser double-rotates.  Chrome's WebCodecs
     // bakes rotation into the pixel data AND mediabunny writes a display
     // matrix → the browser applies the matrix again (double-rotation).

package/src/db/migrations/0022_old_gressill.sql

@@ -0,0 +1,24 @@
+CREATE TABLE `telegram_binding` (
+	`id` text PRIMARY KEY NOT NULL,
+	`site_id` text NOT NULL,
+	`bot_id` text NOT NULL,
+	`telegram_user_id` text NOT NULL,
+	`telegram_username` text,
+	`last_update_id` integer,
+	`bound_at` integer NOT NULL,
+	FOREIGN KEY (`site_id`) REFERENCES `site`(`id`) ON UPDATE no action ON DELETE cascade
+);
+--> statement-breakpoint
+CREATE UNIQUE INDEX `uq_telegram_binding_site_id` ON `telegram_binding` (`site_id`);--> statement-breakpoint
+CREATE UNIQUE INDEX `uq_telegram_binding_bot_user` ON `telegram_binding` (`bot_id`,`telegram_user_id`);--> statement-breakpoint
+CREATE TABLE `telegram_pending_binding` (
+	`id` text PRIMARY KEY NOT NULL,
+	`site_id` text NOT NULL,
+	`code` text NOT NULL,
+	`created_at` integer NOT NULL,
+	`expires_at` integer NOT NULL,
+	FOREIGN KEY (`site_id`) REFERENCES `site`(`id`) ON UPDATE no action ON DELETE cascade
+);
+--> statement-breakpoint
+CREATE UNIQUE INDEX `uq_telegram_pending_binding_site_id` ON `telegram_pending_binding` (`site_id`);--> statement-breakpoint
+CREATE UNIQUE INDEX `uq_telegram_pending_binding_code` ON `telegram_pending_binding` (`code`);

package/src/db/migrations/0023_broad_terror.sql

@@ -0,0 +1,20 @@
+CREATE TABLE `telegram_media_group_item` (
+	`id` text PRIMARY KEY NOT NULL,
+	`site_id` text NOT NULL,
+	`bot_id` text NOT NULL,
+	`telegram_user_id` text NOT NULL,
+	`media_group_id` text NOT NULL,
+	`chat_id` integer NOT NULL,
+	`message_id` integer NOT NULL,
+	`update_id` integer NOT NULL,
+	`file_id` text NOT NULL,
+	`media_kind` text NOT NULL,
+	`mime_type` text,
+	`original_name` text,
+	`caption_markdown` text,
+	`created_at` integer NOT NULL,
+	FOREIGN KEY (`site_id`) REFERENCES `site`(`id`) ON UPDATE no action ON DELETE cascade
+);
+--> statement-breakpoint
+CREATE INDEX `idx_telegram_media_group_item_group` ON `telegram_media_group_item` (`bot_id`,`media_group_id`);--> statement-breakpoint
+CREATE UNIQUE INDEX `uq_telegram_media_group_item_message` ON `telegram_media_group_item` (`bot_id`,`media_group_id`,`message_id`);

package/src/db/migrations/0024_red_the_twelve.sql

@@ -0,0 +1,3 @@
+ALTER TABLE `telegram_media_group_item` ADD `width` integer;--> statement-breakpoint
+ALTER TABLE `telegram_media_group_item` ADD `height` integer;--> statement-breakpoint
+ALTER TABLE `telegram_media_group_item` ADD `duration_seconds` integer;

package/src/db/migrations/0025_exotic_wendell_rand.sql

@@ -0,0 +1 @@
+ALTER TABLE `telegram_media_group_item` ADD `poster_file_id` text;