-
24 | {result.data.map((contact) => (
25 |
62 |
69 | ) : (
70 |
71 | )}
72 |
73 |
74 |
86 |
75 |
85 | 76 | {/* @ts-ignore */} 77 | {contact.remark ?? contact.username ?? contact.title} 78 | {contact.is_openim && ( 79 | 80 | @企业微信 81 | 82 | )} 83 |
84 |
42 | {preview && (
43 |
44 | {preview}
45 |
46 | )}
47 |
48 | {abstract}
49 |
50 |
56 | // {result && (
57 | // <>
58 | // {result.raw_aud_src && (
59 | //
63 | // download aud
64 | //
65 | // )}
66 | // {result.transcription &&
70 | );
71 | },
72 | );
73 |
74 | export default LocalVoice;
75 |
--------------------------------------------------------------------------------
/src/components/media-message-list.tsx:
--------------------------------------------------------------------------------
1 | import Message from "@/components/message/message.tsx";
2 | import { useApp } from "@/lib/hooks/appProvider.tsx";
3 | import useQuery from "@/lib/hooks/useQuery.ts";
4 | import {
5 | type Chat,
6 | type ControllerPaginatorResult,
7 | type ImageMessage as ImageMessageVM,
8 | MessageType,
9 | type MessageVM,
10 | } from "@/lib/schema.ts";
11 | import type React from "react";
12 | import { useState } from "react";
13 | import { useEffect } from "react";
14 |
15 | interface MediaMessageListProps extends React.HTMLAttributes{result.transcription}
} 67 | // 68 | // )} 69 | //*]:basis-20 [&>*]:grow"}>
58 | {Object.keys(messageList)
59 | .map(Number)
60 | .sort((a, b) => b - a)
61 | .flatMap((key) => messageList[key])
62 | .map((message) => (
63 |
87 | );
88 | }
89 |
--------------------------------------------------------------------------------
/src/components/message-bubble-group.tsx:
--------------------------------------------------------------------------------
1 | import User from "@/components/user.tsx";
2 | import { MessageDirection, type User as UserVM } from "@/lib/schema.ts";
3 |
4 | import _global from "@/lib/global.ts";
5 | import type { MessageVM } from "@/lib/schema.ts";
6 | import { cn } from "@/lib/utils.ts";
7 | import { ErrorBoundary } from "react-error-boundary";
8 | import Message from "./message/message.tsx";
9 |
10 | interface BubbleGroupProps extends React.HTMLAttributes
64 | {
77 | // setIsOpenMediaViewer(true)
78 | }}
79 | />
80 |
81 | ))}
82 |
83 | {Array.from(new Array(8)).map(() => (
84 |
85 | ))}
86 | {
38 | if (_global.enableDebug) console.log(messages);
39 | }}
40 | >
41 | 解析失败：消息组
42 |
43 | }
44 | >
45 |
52 | {showPhoto && (
53 |
90 |
65 | {showUsername && (
66 |
89 | *:nth-child(n+2).bubble-tail-l]:bubble-tail-none [&>*:nth-child(n+2).bubble-tail-r]:bubble-tail-none",
79 | className,
80 | )}
81 | {...props}
82 | >
83 | {messages.map((message, index) => (
84 |
88 |
37 |
42 |
49 | );
50 |
51 | return (
52 |
35 |
50 | );
51 |
52 | return (
53 | 36 | {decodeUnicodeReferences(message.message_entity.msg.appmsg.title)} 37 |
38 |
47 | {message.message_entity.msg.appmsg.des}
48 |
49 |
64 |
81 | );
82 |
83 | return (
84 |
65 |
80 | 66 | {message.message_entity.msg.appmsg.title} 67 |
68 |
69 | {message.message_entity.msg.appmsg.appattach.cdnthumbmd5 && (
70 |
79 |
24 |
25 |
31 | );
32 |
33 | return (
34 |
26 |
30 | 27 | {message.from.remark ?? message.from.username}发起了位置共享 28 |
29 |
44 |
71 | );
72 |
73 | if (variant === "referenced")
74 | return (
75 |
57 | {message.reply_to_message ? (
58 |
70 |
76 |
23 |
27 | );
28 | return (
29 | 24 | 朋友使用的铃声 {message.message_entity.msg.appmsg.title} 25 |
26 |
30 |
32 | );
33 | }
34 |
--------------------------------------------------------------------------------
/src/components/message/app-message/scan-result-message.tsx:
--------------------------------------------------------------------------------
1 | import { LinkCard } from "@/components/link-card.tsx";
2 | import type { AppMessageProps } from "@/components/message/app-message.tsx";
3 | import type { AppMessageType } from "@/lib/schema.ts";
4 |
5 | export interface ScanResultMessageEntity {
6 | type: AppMessageType.SCAN_RESULT;
7 | title: string;
8 | scanhistory: {
9 | url: string;
10 | time: string; // e.g. "2024-08-04 18:49"
11 | scene: number; // e.g. 1
12 | type: string | "QR_CODE" | "CODE_128";
13 | version: number;
14 | isfromalbum: number;
15 | network: number;
16 | isfromcombinetab: number;
17 | };
18 | }
19 |
20 | type ScanResultMessageProps = AppMessageProps朋友使用的铃声 {message.message_entity.msg.appmsg.title})
31 |
42 |
44 | );
45 | }
46 |
--------------------------------------------------------------------------------
/src/components/message/app-message/solitaire-message.tsx:
--------------------------------------------------------------------------------
1 | import { TripleCircleIcon } from "@/components/icon.tsx";
2 | import type { AppMessageProps } from "@/components/message/app-message.tsx";
3 | import MessageInlineWrapper from "@/components/message/message-inline.tsx";
4 | import {
5 | FormatTextMessageContent,
6 | textMessageVariants,
7 | } from "@/components/message/text-message.tsx";
8 | import type { AppMessageType } from "@/lib/schema.ts";
9 | import { cn } from "@/lib/utils.ts";
10 |
11 | export interface SolitaireMessageEntity {
12 | type: AppMessageType.SOLITAIRE;
13 | title: string;
14 | des: string;
15 | extinfo: {
16 | solitaire_info: string; // xml
17 | };
18 | }
19 |
20 | type SolitaireProps = AppMessageProps扫码结果通知 {message.message_entity.msg.appmsg.title})
43 |
38 |
43 |
51 | );
52 |
53 | return (
54 |
38 |
46 | );
47 |
48 | return (
49 |
52 |
74 | );
75 |
76 | return (
77 |
53 |
61 |
62 | 58 | {message.message_entity.msg.appmsg.finderShopWindowShare.nickname} 59 |
60 |
63 | 微信小店
64 |
73 |
65 |
72 |
31 | {message.message_entity.msg.appmsg.title}
32 |
33 | );
34 | }
35 |
36 | return (
37 |
29 | {message.direction === MessageDirection.outgoing ? (
30 |
38 | );
39 | }
40 |
41 | return (
42 |
35 |
37 | {message.message_entity.msgContent}
36 |
46 |
50 | );
51 | }
52 |
53 | return (
54 | 47 | {message.message_entity.msgContent} 48 |
49 |
55 |
57 | );
58 | }
59 |
--------------------------------------------------------------------------------
/src/components/message/location-message.tsx:
--------------------------------------------------------------------------------
1 | import type { MessageProp } from "@/components/message/message.tsx";
2 | import type { LocationMessage as LocationMessageVM } from "@/lib/schema.ts";
3 | import { cn } from "@/lib/utils.ts";
4 | import { cva } from "class-variance-authority";
5 | import { LocationIcon } from "../icon";
6 | import MessageInlineWrapper from "./message-inline";
7 |
8 | type LocationMessageProps = MessageProp{message.message_entity.msgContent}
56 |
45 |
55 | );
56 |
57 | return (
58 |
47 |
54 | 48 | {message.message_entity.msg.location["@_poiname"]} 49 |
50 |51 | {message.message_entity.msg.location["@_label"]} 52 |
53 |
23 | {showUsername && (
24 |
43 |
45 | );
46 |
47 | return (
48 |
63 |
90 | );
91 |
92 | return (
93 |
24 |
26 | );
27 |
28 | return {content}
25 |{content}
; 29 | } 30 | -------------------------------------------------------------------------------- /src/components/message/verify-message.tsx: -------------------------------------------------------------------------------- 1 | import type { MessageProp } from "@/components/message/message.tsx"; 2 | import User from "@/components/user.tsx"; 3 | import type { VerityMessage as VerityMessageVM } from "@/lib/schema.ts"; 4 | 5 | type VerifyMessageProps = MessageProp
56 |
65 | );
66 | }
67 |
--------------------------------------------------------------------------------
/src/components/message/voice-message.tsx:
--------------------------------------------------------------------------------
1 | import LocalVoice from "@/components/local-voice.tsx";
2 | import MessageInlineWrapper from "@/components/message/message-inline.tsx";
3 | import type { MessageProp } from "@/components/message/message.tsx";
4 | import { useApp } from "@/lib/hooks/appProvider.tsx";
5 | import type { VoiceMessage as VoiceMessageVM } from "@/lib/schema.ts";
6 | import { cn } from "@/lib/utils.ts";
7 |
8 | type VoiceMessageProps = MessageProp
61 | {message.message_entity.msg["@_fromnickname"]}:{" "}
62 | {message.message_entity.msg["@_content"]}
63 |
64 |
38 |
40 | );
41 |
42 | return (
43 |
51 | {message.direction === MessageDirection.outgoing ? (
52 |
68 | )}
69 |
70 | {message.message_entity.voipinvitemsg && (
71 |
57 |
67 | 58 | {message.from.remark ?? message.from.username}发起了语音通话 59 |
60 |61 | {message.message_entity.voipmsg["@_type"] === "VoIPBubbleMsg" && 62 | message.message_entity.voipmsg[ 63 | message.message_entity.voipmsg["@_type"] 64 | ].msg} 65 |
66 |
72 |
74 | )}
75 |
76 | );
77 |
78 | return (
79 | 通话邀请
73 |80 | {message.message_entity.voipmsg && ( 81 | 82 | [语音通话]{" "} 83 | {message.message_entity.voipmsg["@_type"] === "VoIPBubbleMsg" && 84 | message.message_entity.voipmsg[ 85 | message.message_entity.voipmsg["@_type"] 86 | ].msg} 87 | 88 | )} 89 | 90 | {message.message_entity.voipinvitemsg && 通话邀请} 91 |
92 | ); 93 | } 94 | -------------------------------------------------------------------------------- /src/components/message/wecom-contact-message.tsx: -------------------------------------------------------------------------------- 1 | import Image from "@/components/image.tsx"; 2 | import type { MessageProp } from "@/components/message/message.tsx"; 3 | import type { WeComContactMessage as WeComContactMessageVM } from "@/lib/schema.ts"; 4 | import type * as React from "react"; 5 | import MessageInlineWrapper from "./message-inline"; 6 | 7 | type WeComContactMessageProps = MessageProp
30 |
54 | );
55 |
56 | return (
57 |
31 |
45 |
46 |
37 |
44 | 38 | {message.message_entity.msg["@_nickname"]} 39 |
40 |41 | @{message.message_entity.msg["@_openimdesc"]} 42 |
43 |
51 | 企业微信名片
52 |
53 |
26 | {record.datatitle}
27 |
28 | );
29 |
30 | return {record.datatitle}
; 31 | } 32 | -------------------------------------------------------------------------------- /src/components/record/channel-record.tsx: -------------------------------------------------------------------------------- 1 | import Image from "@/components/image.tsx"; 2 | import { 3 | Card, 4 | CardContent, 5 | CardFooter, 6 | CardTitle, 7 | } from "@/components/ui/card.tsx"; 8 | import type { MessageVM, RecordType } from "@/lib/schema.ts"; 9 | import type { RecordVM } from "./record"; 10 | 11 | interface ChannelRecordProps extends React.HTMLAttributes[视频号名片] {record.datatitle}
; 50 | } 51 | -------------------------------------------------------------------------------- /src/components/record/contact-record.tsx: -------------------------------------------------------------------------------- 1 | import Image from "@/components/image.tsx"; 2 | import { 3 | Card, 4 | CardContent, 5 | CardFooter, 6 | CardTitle, 7 | } from "@/components/ui/card.tsx"; 8 | import type { MessageVM, RecordType } from "@/lib/schema.ts"; 9 | import { XMLParser } from "fast-xml-parser"; 10 | import type { RecordVM } from "./record"; 11 | 12 | interface ContactRecordProps extends React.HTMLAttributes[名片] {dataEntity.msg["@_nickname"]}
; 38 | } 39 | 40 | if (variant === "default") 41 | return ( 42 |
50 |
51 | {dataEntity.msg["@_nickname"]}
52 |
53 |
57 | 54 | {dataEntity.msg["@_certinfo"]} 55 |
56 |[公众号名片] {dataEntity.msg["@_nickname"]}
; 63 | } 64 | -------------------------------------------------------------------------------- /src/components/record/image-record.tsx: -------------------------------------------------------------------------------- 1 | import LocalImage from "@/components/local-image"; 2 | import type { MessageVM, RecordType } from "@/lib/schema.ts"; 3 | import { cn } from "@/lib/utils.ts"; 4 | import type { RecordVM } from "./record"; 5 | 6 | interface ImageRecordProps extends React.HTMLAttributes
36 |
48 | );
49 |
50 | return (
51 |
52 |
[链接] {record.datatitle}
; 55 | } 56 | -------------------------------------------------------------------------------- /src/components/record/location-record.tsx: -------------------------------------------------------------------------------- 1 | import type { MessageVM, RecordType } from "@/lib/schema.ts"; 2 | import { cn } from "@/lib/utils"; 3 | import { LocationIcon } from "../icon"; 4 | import { locationMessageVariants } from "../message/location-message"; 5 | import type { RecordVM } from "./record"; 6 | 7 | interface LocationRecordProps extends React.HTMLAttributes
37 |
45 | );
46 |
47 | return (
48 |
39 |
44 | {record.locitem.poiname}
40 |41 | {record.locitem.label} 42 |
43 |49 | [位置] {record.locitem.poiname} {record.locitem.label} 50 |
51 | ); 52 | } 53 | -------------------------------------------------------------------------------- /src/components/record/miniapp-record.tsx: -------------------------------------------------------------------------------- 1 | import Image from "@/components/image.tsx"; 2 | import LocalImage from "@/components/local-image.tsx"; 3 | import type { MessageVM, RecordType } from "@/lib/schema.ts"; 4 | import { cn } from "@/lib/utils.ts"; 5 | 6 | import { CardTitle } from "@/components/ui/card.tsx"; 7 | import type { RecordVM } from "./record"; 8 | 9 | interface MiniAppRecordProps extends React.HTMLAttributes
42 |
90 | );
91 |
92 | return
43 |
58 | {record.datatitle}
59 |
60 | )}
61 |
62 |
63 |
48 |
55 |
56 | {record.datatitle.length > 0 && (
57 | {record.appbranditem.sourcedisplayname}
54 |
74 |
88 |
89 | [小程序] {record.datatitle}
; 93 | } 94 | -------------------------------------------------------------------------------- /src/components/record/music-record.tsx: -------------------------------------------------------------------------------- 1 | import Link from "@/components/link.tsx"; 2 | import type { MessageVM, RecordType } from "@/lib/schema.ts"; 3 | import type { RecordVM } from "./record"; 4 | 5 | interface MusicRecordProps extends React.HTMLAttributes
26 | [音乐] {record.datatitle}
27 |
28 | );
29 | }
30 |
--------------------------------------------------------------------------------
/src/components/record/note-record.tsx:
--------------------------------------------------------------------------------
1 | import type { MessageVM, RecordType } from "@/lib/schema.ts";
2 | import { cn, decodeUnicodeReferences } from "@/lib/utils.ts";
3 | import type { RecordVM } from "./record";
4 |
5 | interface NoteRecordProps extends React.HTMLAttributes
32 |
48 | );
49 |
50 | return (
51 |
33 | {decodeUnicodeReferences(record.datadesc)
34 | .split("\n")
35 | .map((segment, index) => (
36 |
39 |
40 | {segment}
37 | ))} 38 |
45 | 笔记
46 |
47 | 52 | [笔记] {record.datadesc} 53 |
54 | ); 55 | } 56 | -------------------------------------------------------------------------------- /src/components/record/text-record.tsx: -------------------------------------------------------------------------------- 1 | import { 2 | FormatTextMessageContent, 3 | textMessageVariants, 4 | } from "@/components/message/text-message.tsx"; 5 | import { 6 | MessageDirection, 7 | type MessageVM, 8 | type RecordType, 9 | } from "@/lib/schema.ts"; 10 | import { cn } from "@/lib/utils.ts"; 11 | import type { RecordVM } from "./record"; 12 | 13 | interface TextRecordProps extends React.HTMLAttributes
43 |
45 | );
46 |
47 | if (variant === "note")
48 | return (
49 |
50 |
52 | );
53 |
54 | return (
55 |
56 |
51 | {record.songalbumurl ? (
52 |
84 |
85 | );
86 |
87 | return (
88 |
63 | {record.songalbumurl ? (
64 |
83 |
71 |
82 | 72 | {record.datatitle} 73 |
74 |79 | {record.datadesc} 80 |
81 |89 | {record.musicShareItem ? "[音乐]" : "[音频]"} {record.datatitle} 90 |
91 | ); 92 | } 93 | -------------------------------------------------------------------------------- /src/components/statistic/wrapped-2024/daily-message-count-chart.tsx: -------------------------------------------------------------------------------- 1 | import { 2 | type ChartConfig, 3 | ChartContainer, 4 | ChartTooltip, 5 | ChartTooltipContent, 6 | } from "@/components/ui/chart.tsx"; 7 | import type React from "react"; 8 | import { Area, AreaChart, CartesianGrid, XAxis } from "recharts"; 9 | 10 | export interface DailyMessageCountChartProps 11 | extends React.HTMLAttributes
28 |
38 |
29 |
37 |
30 | 读完过去一年的所有消息
31 |
32 | 你的手指需要滑动
33 |
34 | {data.message_count_description}
35 |
39 |
47 |
40 |
{" "}
46 |
36 |
41 | 发送表情
37 |38 | 过去一年，你使用最多的微信表情是 39 |
40 |
42 |
72 |
43 |
71 |
46 | {mostUsedWxemoji && (
47 |
70 |
48 |
60 | )}
61 |
62 | {mostUsedWxemoji && (
63 | 66 | 累计使用 {mostUsedWxemoji.count} 次 67 |
68 | )} 69 |
73 |
81 |
74 |
{" "}
80 |
30 |
36 | 新朋友们
31 |32 | 过去一年，你认识了 {data.user_dates_contact_added.length}{" "} 33 | 位新好友，还记得你们的第一个话题吗{" "} 34 |
35 |
37 |
38 |
62 |
63 | -
39 | {data.user_dates_contact_added.map((i) => (
40 |
-
41 | 46 |52 |
51 | 53 | {
55 | 56 | {format(new Date(i.date), "MM月dd日")} 57 | 58 |} 54 |
59 | ))}
60 |
64 |
72 |
65 |
71 |
28 |
37 |
29 |
36 |
30 | 发送过去一年的所有消息
31 |
32 | 你需要消耗能量 {data.sent_message_count_description} 卡
33 |
34 |
38 |
46 |
39 |
45 |
53 |
58 | 消息统计
54 |55 | 过去一年，你一共发送了 {data.sent_message_count} 条消息 56 |
57 |
59 |
61 |
62 |
70 |
63 |
69 |
28 |
30 | 发送文字
29 |
31 |
43 |
32 |
42 |
33 | 过去一年
34 |
35 | 你一共发送了 {data.sent_message_word_count} 字
36 |
37 | {/*约等于写了*/}
38 | {/*{data.sent_message_word_count_description}*/}
39 | {/*
*/}
40 |
44 |
52 |
45 |
51 |
37 | {/*
39 | )}
40 | 4 | The king, seeing how much happier his subjects were, realized the error of 5 | his ways and repealed the joke tax. 6 |
7 | ); 8 | } 9 | -------------------------------------------------------------------------------- /src/components/user.tsx: -------------------------------------------------------------------------------- 1 | import Image from "@/components/image.tsx"; 2 | import type { User as UserVM } from "@/lib/schema.ts"; 3 | import { cn } from "@/lib/utils.ts"; 4 | 5 | interface UserProps extends React.HTMLProps