rebrand: docker image mattfly/obsidian -> mattfly/obby

.github/workflows/docker.yaml

@@ -5,10 +5,11 @@ on:
     branches:
       - main
     tags:
-    - 'v*.*.*'
+      - 'v*.*.*'
+  workflow_dispatch:
 
 env:
-  IMAGE_NAME: mattfly/obsidian
+  IMAGE_NAME: obbyirc/obby
 
 jobs:
   build:

BUILD.md

@@ -113,8 +113,8 @@ oauth-provider "github" {
 ### Docker
 
 ```sh
-docker build -t obsidianirc .
-docker run -p 80:80 obsidianirc
+docker build -t obby .
+docker run -p 80:80 obby
 ```
 
 #### Building Docker with custom configuration
@@ -133,7 +133,7 @@ docker build \
   --build-arg VITE_DEFAULT_OAUTH_CLIENT_ID="m0obbyircd1234" \
   --build-arg VITE_BACKEND_URL=https://api.example.net \
   --build-arg VITE_TENOR_API_KEY=your-tenor-key \
-  -t obsidianirc .
+  -t obby .
 ```
 
 ### LINUX

INSTALL.md

@@ -131,7 +131,7 @@ yay -S obsidianirc
 ## Docker
 
 ```sh
-docker run -p 8080:80 mattfly/obsidian:latest
+docker run -p 8080:80 obbyirc/obby:latest
 ```
 
 ## Manual build and development

README.md

@@ -1,4 +1,4 @@
-[![Docker Hub](https://img.shields.io/badge/Docker%20Hub-mattfly%2Fobsidian-blue?logo=docker&style=flat-square)](https://hub.docker.com/r/mattfly/obsidian)
+[![Docker Hub](https://img.shields.io/badge/Docker%20Hub-obbyirc%2Fobby-blue?logo=docker&style=flat-square)](https://hub.docker.com/r/obbyirc/obby)
 [![Cloudflare Pages](https://img.shields.io/endpoint?url=https://cloudflare-pages-badges.mattf.workers.dev//?projectName=obsidianirc)](https://obsidianirc.pages.dev/)
 [![pages-build-deployment](https://github.com/ObsidianIRC/obsidianirc.github.io/actions/workflows/pages/pages-build-deployment/badge.svg)](https://obsidianirc.github.io/)
 [![Google Play](https://img.shields.io/badge/Google_Play-Download-414141?logo=google-play)](https://play.google.com/store/apps/details?id=com.obsidianirc.dev)

src-tauri/Entitlements.plist

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>com.apple.security.device.audio-input</key>
+	<true/>
+	<key>com.apple.security.device.camera</key>
+	<true/>
+</dict>
+</plist>

src-tauri/Info.plist

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>NSMicrophoneUsageDescription</key>
+	<string>ObsidianIRC uses the microphone for voice calls.</string>
+	<key>NSCameraUsageDescription</key>
+	<string>ObsidianIRC uses the camera for video calls.</string>
+</dict>
+</plist>

src-tauri/tauri.conf.json

@@ -32,6 +32,10 @@
         "bundleMediaFramework": true
       }
     },
+    "macOS": {
+      "minimumSystemVersion": "12.0",
+      "entitlements": "Entitlements.plist"
+    },
     "icon": [
       "icons/32x32.png",
       "icons/128x128.png",

src/components/PdfErrorBoundary.tsx

@@ -0,0 +1,33 @@
+import { Component, type ReactNode } from "react";
+
+// Stable reference: react-pdf reloads the document whenever the `options` prop
+// is a new object, so this must never be reallocated per render. isEvalSupported
+// is disabled to stop pdf.js from running eval() on untrusted document content.
+export const PDF_OPTIONS = { isEvalSupported: false } as const;
+
+/**
+ * react-pdf renders pages through pdf.js passive effects. When the surrounding
+ * Document unmounts (channel switch, StrictMode re-invoke) the worker transport
+ * is destroyed, but a still-pending Page effect can call into it and throw
+ * "Cannot read properties of null (reading 'sendWithPromise')". Without a
+ * boundary that throw is uncaught and takes down the whole app, so we catch it
+ * and let the caller fall back to a non-pdf.js renderer.
+ */
+export class PdfErrorBoundary extends Component<
+  { onError: () => void; children: ReactNode },
+  { hasError: boolean }
+> {
+  state = { hasError: false };
+
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+
+  componentDidCatch() {
+    this.props.onError();
+  }
+
+  render() {
+    return this.state.hasError ? null : this.props.children;
+  }
+}

src/components/layout/ChannelMessageList.tsx

@@ -16,6 +16,7 @@
   SCROLL_TOLERANCE,
   useScrollToBottom,
 } from "../../hooks/useScrollToBottom";
+import { buildMarkdownFromSelection } from "../../lib/chatMarkdownCopy";
 import { groupConsecutiveEvents } from "../../lib/eventGrouping";
 import ircClient from "../../lib/ircClient";
 import useStore from "../../store";
@@ -413,6 +414,18 @@
           className="flex-grow overflow-y-auto overflow-x-hidden flex flex-col bg-discord-dark-200 text-discord-text-normal relative"
           // Disable CSS scroll anchoring — it compounds with our useLayoutEffect delta correction causing double-jumps in browser.
           style={{ overflowAnchor: "none" }}
+          onCopy={(e) => {
+            const root = messagesContainerRef.current;
+            if (!root) return;
+            const markdown = buildMarkdownFromSelection(
+              window.getSelection(),
+              root,
+            );
+            if (markdown !== null) {
+              e.preventDefault();
+              e.clipboardData.setData("text/plain", markdown);
+            }
+          }}
         >
           {isLoadingHistory && !isFetchingMore ? (
             <div className="flex-grow flex items-center justify-center">
@@ -521,8 +534,8 @@
                 );
                 const previousMessage = channelMessages[originalIndex - 1];
                 const showHeader =
                   !previousMessage ||
                   previousMessage.type !== "message" ||
                   previousMessage.userId !== message.userId ||
                   new Date(message.timestamp).getTime() -
                     new Date(previousMessage.timestamp).getTime() >

src/components/layout/ChatArea.tsx

@@ -2159,9 +2159,9 @@ export const ChatArea: React.FC<{
                         !isNativeMobile &&
                         !isCompactInput
                         ? globalSettings.multilineOnShiftEnter
-                          ? t`Message #${selectedChannel.name.replace(/^#/, "")} (Shift+Enter for new line)`
-                          : t`Message #${selectedChannel.name.replace(/^#/, "")} (Enter for new line, Shift+Enter to send)`
-                        : t`Message #${selectedChannel.name.replace(/^#/, "")}`
+                          ? t`Message ${selectedChannel.name} (Shift+Enter for new line)`
+                          : t`Message ${selectedChannel.name} (Enter for new line, Shift+Enter to send)`
+                        : t`Message ${selectedChannel.name}`
                       : selectedPrivateChat
                         ? globalSettings.enableMultilineInput &&
                           !isMobile &&

src/components/message/MediaPreview.tsx

@@ -28,6 +28,7 @@ import {
   setVideoPosition,
 } from "../../lib/videoPositionCache";
 import useStore from "../../store";
+import { PDF_OPTIONS, PdfErrorBoundary } from "../PdfErrorBoundary";
 
 const ReactPlayer = lazy(() => import("react-player"));
 const LazyDocument = lazy(() =>
@@ -1021,20 +1022,22 @@ const PdfPreview: React.FC<{
         />
       }
     >
-      <LazyDocument
-        file={url}
-        options={{ isEvalSupported: false }}
-        loading={null}
-        onLoadError={() => setPdfError(true)}
-      >
-        <LazyPage
-          pageNumber={1}
-          width={PDF_THUMB_W}
-          canvasBackground="white"
-          renderTextLayer={false}
-          renderAnnotationLayer={false}
-        />
-      </LazyDocument>
+      <PdfErrorBoundary onError={() => setPdfError(true)}>
+        <LazyDocument
+          file={url}
+          options={PDF_OPTIONS}
+          loading={null}
+          onLoadError={() => setPdfError(true)}
+        >
+          <LazyPage
+            pageNumber={1}
+            width={PDF_THUMB_W}
+            canvasBackground="white"
+            renderTextLayer={false}
+            renderAnnotationLayer={false}
+          />
+        </LazyDocument>
+      </PdfErrorBoundary>
     </Suspense>,
   );
 };

src/components/message/MessageItem.tsx

@@ -3,6 +3,7 @@ import type * as React from "react";
 import { memo, useCallback, useMemo, useRef, useState } from "react";
 import { useLongPress } from "../../hooks/useLongPress";
 import { useMediaQuery } from "../../hooks/useMediaQuery";
+import { formatCopyAuthor } from "../../lib/chatMarkdownCopy";
 import { renderWithCustomEmoji, useEmojiResolver } from "../../lib/customEmoji";
 import ircClient from "../../lib/ircClient";
 import {
@@ -352,6 +353,19 @@ export const MessageItem = memo((props: MessageItemProps) => {
   // message.content is already combined for multiline messages by the IRC client
   const messageContent = message.content;
 
+  // Author + time + raw markdown source, surfaced as data attributes so the
+  // chat copy handler (chatMarkdownCopy) can rebuild a markdown transcript that
+  // preserves authorship and markdown the rendered DOM would otherwise strip.
+  const copyAuthor = formatCopyAuthor(displayName, message.userId, isSystem);
+  const copyTime = useMemo(
+    () =>
+      new Intl.DateTimeFormat("en-US", {
+        hour: "2-digit",
+        minute: "2-digit",
+      }).format(new Date(message.timestamp)),
+    [message.timestamp],
+  );
+
   // draft/custom-emoji: gather pack URLs for this message's channel +
   // network in priority order so a channel pack can shadow a network
   // shortcode of the same name.
@@ -668,6 +682,9 @@ export const MessageItem = memo((props: MessageItemProps) => {
     <div
       ref={messageRowRef}
       data-message-id={message.id}
+      data-md-author={copyAuthor}
+      data-md-time={copyTime}
+      data-md-source={messageContent}
       className={`px-4 hover:bg-discord-message-hover group relative transition-colors duration-150 ${
         showHeader ? "mt-4" : "py-0.5"
       }${isHighlighted ? " bg-primary/10 ring-1 ring-primary/30 rounded" : ""}${

src/components/ui/MediaViewerModal.tsx

@@ -46,6 +46,7 @@ import { isTauri } from "../../lib/platformUtils";
 import useStore, { getChannelMessages } from "../../store";
 import type { Message } from "../../types";
 import { ResizableSidebar } from "../layout/ResizableSidebar";
+import { PDF_OPTIONS, PdfErrorBoundary } from "../PdfErrorBoundary";
 import ExternalLinkWarningModal from "./ExternalLinkWarningModal";
 import { MediaCommentsSidebar } from "./MediaCommentsSidebar";
 
@@ -322,20 +323,23 @@ const PdfModalViewer: React.FC<{ url: string; onRequestOpen: () => void }> = ({
             <div className="w-64 h-96 bg-discord-dark-400/50 animate-pulse rounded" />
           }
         >
-          <LazyDocument
-            file={url}
-            onLoadSuccess={({ numPages: n }) => setNumPages(n)}
-            onLoadError={() => setUseNativeViewer(true)}
-            loading={null}
-          >
-            <LazyPage
-              pageNumber={pageNumber}
-              canvasBackground="white"
-              renderTextLayer={false}
-              renderAnnotationLayer={false}
-              width={pageWidth}
-            />
-          </LazyDocument>
+          <PdfErrorBoundary onError={() => setUseNativeViewer(true)}>
+            <LazyDocument
+              file={url}
+              options={PDF_OPTIONS}
+              onLoadSuccess={({ numPages: n }) => setNumPages(n)}
+              onLoadError={() => setUseNativeViewer(true)}
+              loading={null}
+            >
+              <LazyPage
+                pageNumber={pageNumber}
+                canvasBackground="white"
+                renderTextLayer={false}
+                renderAnnotationLayer={false}
+                width={pageWidth}
+              />
+            </LazyDocument>
+          </PdfErrorBoundary>
         </Suspense>
       </div>