Merge branch 'mh/delete-posts' into 'develop'

Delete posts

See merge request polycentric/polycentric!523

Author: markharding

.gitlab/images/rust/Dockerfile

@@ -11,7 +11,7 @@ RUN apt-get update && apt-get install -y \
 
 # Rust deps
 RUN rustup set profile default && rustup component add clippy rustfmt
-RUN cargo install just wasm-bindgen-cli cargo-ndk && rm -rf /usr/local/cargo/registry
+RUN cargo install just cargo-ndk && rm -rf /usr/local/cargo/registry
 
 # Android NDK
 RUN curl -L -o /tmp/ndk.zip "https://dl.google.com/android/repository/android-ndk-r27c-linux.zip" \

apps/polycentric/package.json

@@ -26,6 +26,7 @@
     "@react-navigation/bottom-tabs": "^7.15.4",
     "@react-navigation/elements": "^2.8.0",
     "@react-navigation/native": "^7.1.32",
+    "@rn-primitives/dropdown-menu": "^1.4.0",
     "@shopify/flash-list": "^2.3.1",
     "@types/react-native-web": "^0.19.2",
     "better-sqlite3": "^12.6.2",

apps/polycentric/src/common/components/DropdownMenu.tsx

@@ -0,0 +1,72 @@
+import * as DropdownMenuPrimitive from '@rn-primitives/dropdown-menu';
+import React, { ReactNode, useState } from 'react';
+import { View } from 'react-native';
+
+import { Atoms, useTheme } from '../theme';
+
+function DropdownMenuContent({
+  style,
+  ...props
+}: DropdownMenuPrimitive.ContentProps &
+  React.RefAttributes<DropdownMenuPrimitive.ContentRef>) {
+  const { theme } = useTheme();
+
+  return (
+    <DropdownMenuPrimitive.Portal>
+      <DropdownMenuPrimitive.Overlay>
+        <DropdownMenuPrimitive.Content
+          style={(state) => [
+            { borderWidth: 1, borderColor: theme.palette.neutral_50 },
+            Atoms.rounded_lg,
+            { minWidth: 256 },
+            //Atoms.outline_none,
+            { backgroundColor: theme.palette.neutral_25 },
+            Atoms.overflow_hidden,
+            typeof style === 'function' ? style(state) : style,
+          ]}
+          {...props}
+        />
+      </DropdownMenuPrimitive.Overlay>
+    </DropdownMenuPrimitive.Portal>
+  );
+}
+
+function DropdownMenuItem({
+  style,
+  children,
+  ...props
+}: DropdownMenuPrimitive.ItemProps & { children: ReactNode }) {
+  const { theme } = useTheme();
+  const [hovered, setHovering] = useState(false);
+
+  return (
+    <DropdownMenuPrimitive.Item
+      style={{ outline: 'none' }}
+      onHoverIn={() => setHovering(true)}
+      onHoverOut={() => setHovering(false)}
+      {...props}
+    >
+      <View
+        style={[
+          Atoms.py_md,
+          Atoms.px_lg,
+          hovered && { backgroundColor: theme.palette.neutral_50 },
+          Atoms.flex_row,
+          Atoms.align_center,
+          Atoms.gap_lg,
+        ]}
+      >
+        {children}
+      </View>
+    </DropdownMenuPrimitive.Item>
+  );
+}
+
+function DropdownMenu({ children }: { children: ReactNode }) {
+  return <DropdownMenuPrimitive.Root>{children}</DropdownMenuPrimitive.Root>;
+}
+DropdownMenu.Trigger = DropdownMenuPrimitive.Trigger;
+DropdownMenu.Content = DropdownMenuContent;
+DropdownMenu.Item = DropdownMenuItem;
+
+export default DropdownMenu;

…tric/src/common/components/List/List.tsx …lycentric/src/common/components/List.tsxapps/polycentric/src/common/components/List/List.tsx renamed to apps/polycentric/src/common/components/List.tsx apps/polycentric/src/common/components/List/List.tsx renamed to apps/polycentric/src/common/components/List.tsx

@@ -20,7 +20,7 @@ import Animated, {
   useAnimatedStyle,
   useSharedValue,
 } from 'react-native-reanimated';
-import { Atoms } from '../../theme';
+import { Atoms } from '../theme';
 
 // A reanimated-compatible FlashList.
 const AnimatedFlashList = Animated.createAnimatedComponent(FlashList);

…/common/components/TextArea/TextArea.tsx …ntric/src/common/components/TextArea.tsxapps/polycentric/src/common/components/TextArea/TextArea.tsx renamed to apps/polycentric/src/common/components/TextArea.tsx apps/polycentric/src/common/components/TextArea/TextArea.tsx renamed to apps/polycentric/src/common/components/TextArea.tsx

@@ -5,7 +5,7 @@ import {
   useRef,
 } from 'react';
 import { Platform, TextInput as RNTextInput } from 'react-native';
-import { TextInput, type TextInputProps } from '../primitives/TextInput';
+import { TextInput, type TextInputProps } from './primitives/TextInput';
 
 export interface TextAreaProps extends Omit<TextInputProps, 'multiline'> {
   /** Minimum height in pixels. Defaults to 40. */

apps/polycentric/src/common/components/primitives/index.ts

@@ -1,6 +1,6 @@
 export * from '../Avatar/Avatar';
 export * from '../Avatar/ProfileAvatar';
-export * from '../TextArea/TextArea';
+export * from '../TextArea';
 export * from './Button';
 export * from './Chip';
 export * from './HorizontalScrollGroup';

apps/polycentric/src/common/constants/routes.ts

@@ -3,20 +3,26 @@ import { PostData } from '../lib/polycentric-hooks';
 
 export type OpenComposeOptions = {
   replyTo?: PostData['id'];
+  quote?: PostData['id'];
   /** Immediately launch the image picker once the composer mounts. */
   attachImage?: boolean;
 };
 
 export function openCompose(options: OpenComposeOptions = {}) {
-  const { replyTo, attachImage } = options;
+  const { replyTo, quote, attachImage } = options;
   const params = new URLSearchParams();
   if (replyTo) {
     params.set('replyTo', replyTo);
   }
+  if (quote) {
+    params.set('quote', quote);
+  }
   if (attachImage) params.set('attach', '1');
-  const qs = params.toString();
+  const queryString = params.toString();
   router.push(
-    qs ? `${Routes.tabs.feed.compose}?${qs}` : Routes.tabs.feed.compose,
+    queryString
+      ? `${Routes.tabs.feed.compose}?${queryString}`
+      : Routes.tabs.feed.compose,
   );
 }
 

apps/polycentric/src/common/lib/polycentric-hooks/helpers.ts

@@ -35,6 +35,9 @@ export type PostData = {
     parentId?: string;
   };
 
+  /** Hex of the quoted post's EventKey — same encoding as `PostData.id`. */
+  quoteId?: string;
+
   signedEvent: v2.SignedEvent;
 };
 
@@ -74,6 +77,9 @@ export function decodePostBundle(bundle: v2.EventBundle): PostData | null {
             : undefined,
         }
       : undefined;
+    const quoteId = post.quote
+      ? bytesToHex(v2.EventKey.toBinary(post.quote))
+      : undefined;
 
     return {
       id,
@@ -84,6 +90,7 @@ export function decodePostBundle(bundle: v2.EventBundle): PostData | null {
       createdAt: Number(event.createdAt ?? 0),
       images: post.images,
       reply,
+      quoteId,
       signedEvent: v2.SignedEvent.create({
         eventBytes: bundle.signedEvent.eventBytes,
         signature: bundle.signedEvent.signature,

apps/polycentric/src/common/util/Alert.tsx

@@ -0,0 +1 @@
+export { Alert } from 'react-native';

apps/polycentric/src/common/util/Alert.web.tsx

@@ -0,0 +1,22 @@
+import type { AlertButton, AlertStatic } from 'react-native';
+
+class AlertWeb implements Pick<AlertStatic, 'alert'> {
+  public alert(title: string, message?: string, buttons?: AlertButton[]): void {
+    if (buttons === undefined || buttons.length === 0) {
+      window.alert([title, message].filter(Boolean).join('\n'));
+      return;
+    }
+
+    const result = window.confirm([title, message].filter(Boolean).join('\n'));
+
+    if (result === true) {
+      const confirm = buttons.find(({ style }) => style !== 'cancel');
+      confirm?.onPress?.();
+      return;
+    }
+
+    const cancel = buttons.find(({ style }) => style === 'cancel');
+    cancel?.onPress?.();
+  }
+}
+export const Alert = new AlertWeb();