13 | 
21 |
22 |
29 | 
30 |
31 |
30 |
40 |
41 |
42 |
41 |
34 |
42 | {/if}
43 | {:catch err}
44 |
35 | 
36 |
37 |
38 |
39 | {@html tweet.htmlText}
40 |
41 |
47 | 
49 |
50 |
51 |
29 |
40 | {getTotalVotes()} votes
41 |
42 |
47 |
50 | App Menu
48 | Context Menu
49 | - {
100 | PerfLogger.start(`database.getListById ${id}`);
101 | const list = await this.lists.get({ id });
102 | PerfLogger.stop(`database.getListById ${id}`);
103 | return list;
104 | }
105 |
106 | public async getAllLists(): Promise
- {
133 | let result = await this.database.getListById(id);
134 |
135 | if (!result) {
136 | result = await this.twitter.lists.getById(id);
137 | await this.database.addList(result);
138 | }
139 |
140 | return result;
141 | }
142 |
143 | async getListFollowers(id: string): Promise
${result}
`;
54 | }
55 |
56 | export function toTweet(source: TwitterTweet, entities: TwitterEntities): Tweet {
57 | const user = entities.users.find((a) => a.id === source.author_id);
58 |
59 | const result: Tweet = {
60 | id: source.id,
61 | author: {
62 | id: user.id,
63 | name: user.name,
64 | username: user.username,
65 | avatarUrl: user.profile_image_url,
66 | },
67 | text: source.text,
68 | htmlText: formatEntities(source.text, entities),
69 | likeCount: source.public_metrics.like_count,
70 | quoteCount: source.public_metrics.quote_count,
71 | replyCount: source.public_metrics.reply_count,
72 | retweetCount: source.public_metrics.retweet_count,
73 | createdAt: source.created_at,
74 | entities: {},
75 | attachments: {
76 | media: [],
77 | },
78 | repliedToTweetId: source.referenced_tweets?.find((a) => a.type === 'replied_to')?.id,
79 | quotedTweetId: source.referenced_tweets?.find((a) => a.type === 'quoted')?.id,
80 | retweetedTweetId: source.referenced_tweets?.find((a) => a.type === 'retweeted')?.id,
81 | };
82 |
83 | if (source.entities?.mentions) {
84 | result.entities.mentions = source.entities.mentions.map((a) => ({
85 | id: a.id,
86 | username: a.username,
87 | }));
88 | }
89 |
90 | if (source.entities?.hashtags) {
91 | result.entities.hashtags = source.entities.hashtags.map((a) => ({ tag: a.tag }));
92 | }
93 |
94 | if (source.entities?.urls) {
95 | result.entities.urls = source.entities.urls.map((a) => ({
96 | url: a.url,
97 | display_url: a.display_url,
98 | title: a.title,
99 | description: a.description,
100 | }));
101 | }
102 |
103 | if (source.attachments?.media_keys?.length > 0) {
104 | result.attachments.media = source.attachments.media_keys.map((key) => {
105 | const entity = entities.media.find((a) => a.media_key === key);
106 | return {
107 | id: entity.media_key,
108 | type: entity.type,
109 | url: entity.url || entity.preview_image_url,
110 | };
111 | });
112 | }
113 |
114 | if (source.attachments?.poll_ids?.[0]) {
115 | const poll = entities.polls.find((a) => a.id === source.attachments?.poll_ids?.[0]);
116 | result.attachments.poll = {
117 | id: poll.id,
118 | duration: poll.duration_minutes * 60,
119 | endsAt: poll.end_datetime,
120 | status: poll.voting_status,
121 | options: poll.options,
122 | };
123 | }
124 |
125 | return result;
126 | }
127 |
128 | export function toUser(source: TwitterUser): User {
129 | return {
130 | id: source.id,
131 | name: source.name,
132 | username: source.username,
133 | avatarUrl: source.profile_image_url.replace('_normal.jpg', '_200x200.jpg'),
134 | description: source.description,
135 | location: source.location,
136 | followersCount: source.public_metrics.followers_count,
137 | followingCount: source.public_metrics.following_count,
138 | tweetCount: source.public_metrics.tweet_count,
139 | listedCount: source.public_metrics.listed_count,
140 | createdAt: source.created_at,
141 | };
142 | }
143 |
144 | export function toTokens(source: TwitterTokens): Tokens {
145 | return {
146 | accessToken: source.access_token,
147 | refreshToken: source.refresh_token,
148 | tokenExpiresAt: new Date(new Date().valueOf() + source.expires_in * 1000).toISOString(),
149 | };
150 | }
151 |
152 | export function toList(source: TwitterList, entities: TwitterEntities): List {
153 | const user = entities.users.find((a) => a.id === source.owner_id);
154 |
155 | return {
156 | id: source.id,
157 | name: source.name,
158 | description: source.description,
159 | private: source.private,
160 | createdAt: source.created_at,
161 | followerCount: source.follower_count,
162 | memberCount: source.member_count,
163 | owner: {
164 | id: user.id,
165 | name: user.name,
166 | username: user.username,
167 | avatarUrl: user.profile_image_url,
168 | },
169 | };
170 | }
171 |
--------------------------------------------------------------------------------
/src/components/AppMenu.svelte:
--------------------------------------------------------------------------------
1 |
53 |
54 |
56 |
57 | 
60 | {/if}
61 |
62 |
57 | Kaite
58 | {#if user}
59 |
63 | {#each items.slice(0, 2) as item, i}
64 | {
72 | Onyx.appMenu.close();
73 | if (window.location.hash.startsWith(`#${items[i].route}`)) {
74 | updateView({ viewing: ViewState.Card });
75 | return;
76 | }
77 | push(items[i].route);
78 | },
79 | }}
80 | />
81 | {/each}
82 | {
92 | Onyx.appMenu.close();
93 | if (window.location.hash.startsWith(`#${item.route}`)) {
94 | updateView({ viewing: ViewState.Card });
95 | return;
96 | }
97 | push(item.route);
98 | },
99 | }}
100 | />
101 | {/each}
102 | {
112 | Onyx.appMenu.close();
113 | if (window.location.hash.startsWith(`#${item.route}`)) {
114 | updateView({ viewing: ViewState.Card });
115 | return;
116 | }
117 | push(item.route);
118 | },
119 | }}
120 | />
121 | {/each}
122 |
123 |
57 |
58 |
59 |